/*
Theme Name: Saturn
Theme URI: https://niteothemes.com/cmp-coming-soon-maintenance/?theme=saturn
Author: NiteoThemes
Author URI: https://niteothemes.com/
Version: 1.0

Saturn CMP Theme, Copyright 2021 NiteoThemes
Saturn CMP Theme is distributed under the terms of the GNU GPL

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl.html

All used scripts are distributed under the terms of the GNU GPL v2 or later or under MIT license. 
Bundled images are distributed under the terms of the GNU GPL v2 or later or under MIT license or Unsplash license.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normaalize.css/
*/

body {
    margin: 0;
    position: relative;
    min-height: 100vh;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    padding: 60px 100px;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-size: 2.5em;
    margin-bottom: .5em;
    margin-top: 0;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    -o-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
}

::-webkit-scrollbar {
    width: 11px;
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.8);
    border: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

::-webkit-scrollbar-track {
    background: rgba(170, 170, 170, 0.8);
}

input, textarea, button {
    font-size: 1em;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* or `border-box` */
    height: 3rem;
    line-height: 1;
    border-radius: 0;
}

textarea {
    height: 150px;
    line-height: 1.5;
}

input[type="text"], input[type="email"], textarea {
    float: none;
    clear: both;
    flex: 1;
    background: transparent;
    border: 1px solid black;
    text-indent: 10px;
    padding: 10px 0;
}

input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
    border: 1px solid black;
    outline: none;
}

::-webkit-input-placeholder {
    font-size: 1rem;
    color: inherit;
    opacity: 0.8;
}

::-moz-placeholder {
    font-size: 1rem;
    color: inherit;
    opacity: 0.8;
}

:-ms-input-placeholder {
    font-size: 1rem;
    color: inherit;
    opacity: 0.8;
}

input:focus, textarea:focus {
    outline: none;
}

a {
    position: relative;
    text-decoration: none;
}

header {
    display: flex;
    align-items: center;
    margin-bottom: 5em;
}

.content {
    display: flex;
    flex: 1;
}
.logo-wrapper {
    margin-right: auto;
}

.text-logo {
    font-size: 3em;
}

.delay-small {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
}

.delay-small-1 {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
}

.delay-small-2 {
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}

.delay-small-3 {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
}

.delay-huge {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.delay-huge-1 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.half-width {
    display: flex;
    position: relative;
    width: 50%;
    box-sizing: border-box;
}

.left {
    padding-right: 5%;
    flex-direction: column;
    min-width: 50%;
}


.right {
    /* margin-right: 15%; */
    margin-left: 5%;
    /* flex-direction: column-reverse; */
}

.cmp-title {
    margin-bottom: 0;
}

.logo-wrapper a {
    text-decoration: none;
}

.logo-wrapper img {
    max-width: 100%;
    max-height: 300px;
}

.text-logo {
    margin-bottom: 0;
}


#background-wrapper, #slider-wrapper, #background-image, #background-color, .slide-background, .background-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#background-wrapper {
    overflow: hidden;
}

.video-banner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

#background-image, .slide-background {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#background-image.loaded, .loaded #slider-wrapper {
    opacity: 1;
}

#background-image.pattern {
    background-repeat: repeat;
    background-size: initial;
}

#background-image, #slider-wrapper {
    overflow: hidden;
    opacity: 0;
    -o-transition: opacity 400ms;
    transition: opacity 400ms;
}

.slider-effect-train #slider-wrapper {
    overflow: initial;
}


.video-banner iframe, .video-banner video {
    -o-transition: opacity 1500ms;
    transition: opacity 1500ms;
}

#background-image.pattern {
    background-repeat: repeat;
    background-size: initial;
}

/* 
#background-image:not(.slide) {
    background-attachment: fixed;

} */

/* avatar */
.infobox {
    display: flex;
    align-items: center;
    margin-bottom: auto;
}

.avatar img {
    border-radius: 50%;
    object-fit: cover;
    width: 150px;
    height: 150px;
}

.avatar-descr {
    margin-left: 2em;
}

.avatar-descr h3,
.avatar-descr p {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
}

.avatar-descr h3 {
    font-size: 35px;
}

.another-circle {
    stroke-dasharray: 227;
    stroke-dashoffset: 227;
    fill: transparent;
    stroke: #fff;
    stroke-width: 2;
    transition: stroke-dashoffset 300ms linear;
}

.social-list a:hover .another-circle {
    stroke-dashoffset: 0;
}

.social-list {
    margin: 0;
    margin-left: auto;
}

.social-list li {
    list-style: none;
    display: inline-block;
    padding: 0 2px;
    text-align: center;
}

.social-list a {
    display: block;
    position: relative;
    height: 4em;
    width: 4em;
    line-height: 4em;
}

.social-list svg {
    width: 4em;
    height: 4em;
}

.social-list i {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(1.0);
    transform: translateY(-50%) scale(1.0);
    font-size: 1.5em;
    transition: opacity 300ms linear, background-color 300ms ease-in-out, -webkit-transform 300ms linear;
    transition: transform 300ms linear, opacity 300ms linear, background-color 300ms ease-in-out;
    transition: transform 300ms linear, opacity 300ms linear, background-color 300ms ease-in-out, -webkit-transform 300ms linear;
    opacity: .7;
}

.social-list a:hover i {
    -webkit-transform: translateY(-50%) scale(1.5);
    transform: translateY(-50%) scale(1.5);
    opacity: 1;
}


.social-list li:nth-child(1) {
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
}

.social-list li:nth-child(2) {
    -webkit-animation-delay: 1200ms;
    animation-delay: 1200ms;
}

.social-list li:nth-child(3) {
    -webkit-animation-delay: 1400ms;
    animation-delay: 1400ms;
}

.social-list li:nth-child(4) {
    -webkit-animation-delay: 1600ms;
    animation-delay: 1600ms;
}

.social-list li:nth-child(5) {
    -webkit-animation-delay: 1800ms;
    animation-delay: 1800ms;
}

.social-list li:nth-child(6) {
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms;
}

.social-list li:nth-child(7) {
    -webkit-animation-delay: 2200ms;
    animation-delay: 2200ms;
}

.social-list li:nth-child(8) {
    -webkit-animation-delay: 2400ms;
    animation-delay: 2400ms;
}

.social-list li:nth-child(9) {
    -webkit-animation-delay: 2600ms;
    animation-delay: 2600ms;
}

.buttons-wrapper {
    display: flex;
    align-items: center;
    margin-top: 5em;
}

#counter {
    margin-left: auto;
    display: inline-block;
}

.counter-inner {
    font-size: 80px;
    position: relative;
}

.counter-inner:after {
    content: "";
    display: block;
    background: #e0e0e0;
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    z-index: -1;
    transform: translateY(-50%);
    left: -15%;
    border-radius: 50%;
}

#counter-day {
    font-size: 90px;
    font-weight: 700;
    line-height: 0.8;
    width: 100px;
    display: inline-block;
    text-align: right;
}

.counter-box p {
    display: inline;
    font-size: 40px;
    font-weight: 700;
}
/* subscribe */

.form-container {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    overflow: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #696969;
    background: rgba(0, 0, 0, 0.9);
    z-index: 2;
    transition: all 300ms ease-in-out;
}

.form-container.in-focus {
    visibility: visible;
    opacity: 1;
}

.form-wrapper {
    position: absolute;
    display: flex;
    width: auto;
    max-width: 600px;
    min-height: 500px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -75%);
    -ms-transform: translate(0, -75%);
    -o-transform: translate(0, -75%);
    transform: translate(0, -75%);
    color: white;
    background: rgba(0, 0, 0, 0.92)
}

.form-content {
    padding: 50px;
    width: 100%;
    display: flex;
    flex-direction: column;
    color: black;
    background: white;
}

.in-focus .form-wrapper {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.close {
    cursor: pointer;
    font-size: 1.5em;
    position: absolute;
    right: 20px;
    top: 20px;
}

.form-title {
    text-align: center;
    margin-top: auto;
}

.cmp-subscribe {
    display: flex;
    flex-direction: column;
    margin-bottom: auto;
}

.cmp-form-inputs {
    order: 1;
}

input {
    padding: 10px 0 10px 10px;
    -webkit-appearance: none;
}

.cmp-subscribe input[type="submit"] {
    padding: 10px 0;
}

.cmp-subscribe input[type="email"],
.cmp-subscribe input[type="text"] {
    border: 1px solid black;
    min-width: 100%;
    padding-left: 0;
    background: transparent;
    text-indent: 10px;
    font-size: 1em;
    margin-bottom: 10px;
    color: black;
}

.cmp-subscribe input[type="submit"] {
    border: 1px solid black;
    min-width: 100%;
    background: black;
    color: white;
    text-transform: uppercase;
    border-radius: 0;
    cursor: pointer;
    font-size: 1em;
    margin-top: 10px;
    transition: all 300ms ease-in-out;
}

.subscribe-button {
    border: 1px solid black;
    display: inline-block;
    padding: 20px 40px;
    cursor: pointer;
    font-size: 1.1em;
    box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.75);
    transition: all 300ms ease-in-out;
    background: black;
    color: #fff;
}

.subscribe-button span:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    padding-left: 6px;
}

#subscribe-response {
    margin-top: .5em;
}

.copyright-mobile {
    display: none;
}

.copyright {
    margin-bottom: 0;
}

.mobile {
    display: none;
}

.copyright-desktop {
    margin-top: auto;
}



/* wpcf7-form */
.wpcf7 .screen-reader-response, .wpcf7 .wpcf7-validation-errors {
    display: none!important;
}

.wpcf7 .wpcf7-form-control-wrap {
    position: relative;
}

.wpcf7-form .wpcf7-not-valid-tip {
    position: absolute;
    bottom: -33px;
    left: 0px;
    text-align: left;
    font-size: 0.7em;
}

div.wpcf7-mail-sent-ng {
    border: none;
}

.wpcf7 .wpcf7-response-output {
    display: block!important;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 0.7em;
}

.lang-switch-wrapper {
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 100;
}

@media only screen and (min-width: 1023px) {
    /* grid */
    .grid {
        pointer-events: none;
        position: relative;
        width: 100%;
        height: 100%;
    }

    .grid__item {
        position: absolute;
        opacity: 0;
    }

    .grid__item-img {
        position: relative;
        width: 100%;
        height: 100%;
        /* background-size: cover;
        background-position: 50% 50%; */
        object-fit: cover;
    }



    .grid--img .grid__item {
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        will-change: transform;
    }
    .grid__item.pos-1 {
        top: 45%;
        left: -15%;
        width: 600px;
        height: 400px;
    }

    .grid__item.pos-2 {
        top: 10%;
        left: 30%;
        width: 400px;
        height: 600px;
    }

    .grid__item.pos-3 {
        width: 400px;
        height: 400px;
        right: 0;
        bottom: 0;
    }
}


@media only screen and (max-width: 1440px) {

}

@media only screen and (max-width: 1366px) {

}

@media only screen and (max-width: 1024px) {
    .content {
        display: block;
    }

    .infobox {
        justify-content: center;
        margin-top: 3em;
    }

    .logo-wrapper img {
        max-height: 100px;
        max-width: 200px;
    }
    
    .left, .right {
        width: auto;
        display: block;
        position: relative;
        min-height: auto;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    .social-list {
        padding: 0;
    }

    header.no-logo {
        justify-content: center;
    }

    .no-logo .social-list {
        margin-left: 0;
    }

    .buttons-wrapper {
        display: block;
    }

    #counter {
        margin: 100px 0;
    }

    .counter-inner:after {
        left: 0;
    }

    .cmp-title {
        margin: 1em 0;
    }
    .copyright-desktop {
        display: none;
    }
    .copyright-mobile {
        display: block;
        z-index: 1;
        text-align: center;
        margin: 2em 0;
    }
    .cmp-subscribe {
        margin: 0 auto;
    }
    .mobile {
        display: block;
    }
    .desktop {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    body {
        font-size: 14px!important;
        padding: 50px;
    }

    header {
        display: block;
        margin-bottom: 1em;
    }

    .social-list,
    .logo-wrapper {
        text-align: center;
    }
}

@media only screen and (max-width: 560px) {
    body {
        padding: 30px;
    }

    .cmp-title {
        font-size: 30px!important;
    }
    .logo-wrapper img {
        max-width: 65vw;
    }
    .subscribe-wrapper {
        min-width: 100%;
    }

    .infobox {
        display: block
    }
}