/*
Theme Name: Delta
Theme URI: https://niteothemes.com/cmp-coming-soon-maintenance/?theme=delta
Author: NiteoThemes
Author URI: https://niteothemes.com/
Version: 1.3

Delta CMP Theme, Copyright 2020 NiteoThemes
Delta 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;
    min-height: 100vh;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

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

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

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

.delay-small-4 {
    -webkit-animation-delay: 1500ms;
    animation-delay: 1500ms;
}

.delay-huge {
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms;
}

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;
}

.cmp-subscribe input::-webkit-input-placeholder {
    font-size: 1rem;
    color: inherit;
}

.cmp-subscribe input::-moz-placeholder {
    font-size: 1rem;
    color: inherit;
}

.cmp-subscribe input:-ms-input-placeholder {
    font-size: 1rem;
    color: inherit;
}

.section {
    flex-grow: 1;
    padding: 0 2em;
    text-align: center;
    position: relative;
}

.section-body {
    display: flex;
    justify-content: center;
    flex-direction: column;
    z-index: 100;
}

.logo-wrapper, .lang-switch-wrapper {
    margin-bottom: auto;
    z-index: 1;
}

.has-lang-switcher .logo-wrapper {
    margin-bottom: 0;
}

.lang-switch-wrapper {
    font-size: 16px;
}

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

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

.scene {
    position: fixed;
    top: 20%;
    left: 40%;
    width: 60%;
    height: 80%;
    pointer-events: none;
    z-index: -1;
}

.scene path {
    fill: #f29820;
}

.construct-img {
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-40%);
    max-width: 35vw;
}

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

.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-wrapper {
    overflow: hidden;
}

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

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

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

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

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

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

.content {
    display: flex;
    flex-direction: column;
    text-align: left;
    min-height: 100vh;
    padding: 5%;
    box-sizing: border-box;
}

.text-content {
    max-width: 40%;
}

.content>*:first-child:not(.logo-wrapper) {
    margin-top: auto;
}

#counter {
    position: absolute;
    right: 5%;
    top: 5%;
    font-weight: 700;
}

#counter-day {
    font-size: 300px;
}

.counter-label {
    font-size: 2em;
    display: inline;
}

footer {
    display: flex;
    margin-top: auto;
    font-size: 0.8em;
}

.copyright {
    flex: 1;
}

#display-subscribe span {
    display: inline-block;
    background: #C93B57;
    padding: 35px 108px;
    margin: 1em 0;
    border-radius: 60px;
    cursor: pointer;
    font-weight: 700;
    font-size: 34px;
}

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

.loaded .form-container {
    display: block;
}

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

.form-wrapper {
    position: absolute;
    width: auto;
    max-width: 610px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
    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);
    border-radius: 15px;
}

.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: 30px;
    position: absolute;
    right: 30px;
    top: 15px;
}

.form-title {
    font-size: 2em;
    text-align: center;
}

.cmp-subscribe {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-top: 2em;
}

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

.cmp-subscribe input {
    border: 2px solid white;
    color: white;
    line-height: 2;
    font-size: 1.3em;
    padding: 10px;
    border-radius: 30px;
    outline: none;
    font-weight: 700;
}

.cmp-subscribe input[type="email"] {
    min-width: 60%;
    padding-left: 20px;
    background: transparent;
}

.cmp-subscribe input[type="submit"] {
    min-width: 25%;
    background: white;
    margin-left: 10px;
    color: black;
    text-transform: uppercase;
    -webkit-appearance: none;
    cursor: pointer;
}

#subscribe-response {
    margin-top: 1em;
}

.social-list {
    display: inline-block;
    padding: 0;
    margin-bottom: 0;
    padding-bottom: 5px;
}

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

.social-list a {
    display: block;
    padding: 0 .5em;
}

.social-list i {
    font-size: 1em;
    transition: all 300ms linear;
    vertical-align: middle;
}

.social-list a:hover i {
    -webkit-animation: spin 300ms linear;
    animation: spin 300ms linear;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* wpcf7-form */

/* contact form 7 */

.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: -27px;
    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;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media only screen and (max-width: 1920px) {
    #counter-day {
        font-size: 200px;
    }
}

@media only screen and (max-width: 1366px) {
    body {
        font-size: 17px!important;
    }
    h1, h2, h3, h4, h5, h6 {
        font-size: 41px;
    }
    #display-subscribe span {
        padding: 30px 95px;
        font-size: 27px;
    }
    #counter-day {
        font-size: 150px;
    }
}

@media only screen and (max-width: 767px) {
    body {
        font-size: 15px!important;
    }
    h1, h2, h3, h4, h5, h6 {
        font-size: 39px;
    }
    .content {
        padding: 2em 1em;
        padding-bottom: 1em;
        height: 100%;
        text-align: center;
        font-size: 16px!important;
    }
    .text-content {
        max-width: 100%;
    }
    .copyright {
        text-align: left;
    }
    .logo-wrapper img {
        max-height: 120px;
    }
    .logo-wrapper {
        margin-bottom: 1em;
    }
    #counter-day {
        line-height: 1;
    }
    #counter, .construct-img {
        position: relative;
        right: initial;
        top: initial;
        transform: none;
        max-width: 80%;
        margin: 2em auto;
    }
    .construct-img {
        max-height: 50vh;
    }
    .scene {
        left: 0;
        ;
        width: 100%;
        height: 80vh;
    }
    #display-subscribe span {
        font-size: 20px;
        padding: 16px 30px;
    }
}

@media only screen and (max-width: 560px) {
    .cmp-subscribe input {
        margin: 1em 0;
    }
    .construct-img {
        max-height: 250px;
    }
}