/*
Theme Name: Headliner
Theme URI: https://niteothemes.com/cmp-coming-soon-maintenance/?theme=headliner
Author: NiteoThemes
Author URI: https://niteothemes.com/
Version: 1.1

Headliner CMP Theme, Copyright 2020 NiteoThemes
Headliner 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;
    background-color: grey
}

input, label, select, button, textarea {
    margin: 0;
    border: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: none;
    line-height: 1;
    border-radius: 0;
    outline: none;
    box-shadow: none;
}

input, textarea {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

input:focus {
    outline: none;
}

button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.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;
    opacity: .4;
}

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

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

.text-logo {
    margin: 0
}

.logo-wrapper.image {
    flex-shrink: 0;
    max-width: 200px;
}

.logo-wrapper img {
    max-width: 100%;
    max-height: 50px;
    vertical-align: top;
}

.content {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 2em;
    box-sizing: border-box;
}

#news-wrapper {
    display: flex;
    align-items: center;
    background: white;
    padding-left: 1em;
    height: 70px;
    overflow: hidden;
    border-radius: 20px;
}

.news-container {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin-right: auto;
}

#news-wrapper svg {
    margin: 0 1em;
    flex-shrink: 0;
}

.news {
    display: none;
    white-space: nowrap;
    padding: 0 1em;
}

.news-running {
    animation: animationFrames linear 10s;
    animation-fill-mode: forwards;
}

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

.background-overlay {
    z-index: 0;
}

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

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

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

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

.lang-switch-wrapper {
    text-align: right;
    margin-top: 1em;
}

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

.cmp-subscribe {
    position: relative;
    min-width: 150px;
    text-align: right;
    transition: min-width 300ms ease-in-out;
    flex-shrink: 0;
}

.cmp-subscribe input[type="email"] {
    border: none;
    border-bottom: 1px solid;
    min-width: 180px;
    padding-bottom: 5px;
    top: calc(50% - .5em);
    left: 0;
    z-index: 0;
    position: absolute;
}

.--in-focus .cmp-subscribe {
    min-width: 370px;
}

.cmp-subscribe input[type="submit"] {
    text-transform: uppercase;
    -webkit-appearance: none;
    cursor: pointer;
    border: none;
    min-width: 150px;
    font-size: 1em;
    height: 70px;
    z-index: 1;
    position: relative;
    padding: 0 15px;
    transition: background-color 200ms ease-in-out;
}

#subscribe-response {
    position: absolute;
    bottom: 5px;
    font-size: 13px;
    left: 0;
}

.social-list {
    display: inline-block;
    padding: 0;
    padding-right: 1em;
    flex-shrink: 0;
}

.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 200ms linear;
    vertical-align: middle;
    transform: scale(1);
}

.social-list a:hover i {
    transform: scale(1.4);
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.1);
    }
}

@keyframes zoom {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

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

/* slick slider */

.slick-slide {
    display: block!important;
    min-height: 100vh!important;
    position: relative;
    height: 100%;
}

.slick-list, .slick-slider, .slick-track {
    height: 100%;
}

.prev, .next {
    display: none;
}

@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;
    }
    #counter-day {
        font-size: 150px;
    }
}

@media only screen and (max-width: 1024px) {
    body {
        min-height: 50vh;
    }
    .content {
        padding: 1em;
        font-size: 18px;
    }
    #news-wrapper {
        display: block;
        height: auto;
        text-align: center;
        padding: 0
    }
    .news-container {
        min-height: 2em;
        margin: 1em;
    }
    .logo-wrapper {
        margin: 2em auto;
    }
    .social-list {
        padding: 0;
    }
    .cmp-subscribe {
        min-width: 100%;
        height: 105px;
        transition: height 300ms ease-in-out;
    }
    .cmp-subscribe input[type="email"] {
        width: 80%;
        left: 0;
        right: 0;
        top: 34px;
        text-align: center;
        margin-left: auto;
        margin: auto;
    }
    .cmp-subscribe input[type="submit"] {
        min-width: 100%;
        height: 70px;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .--in-focus .cmp-subscribe {
        height: 170px;
    }
    #subscribe-response {
        font-size: 13px;
        left: 0;
        top: 65px;
        right: 0;
        width: 50%;
        margin-left: auto;
        text-align: center;
        margin-right: auto;
    }
    .social-list i {
        font-size: 1.5em;
    }
    #counter {
        position: relative;
        right: initial;
        bottom: initial;
        text-align: center;
    }
    footer {
        text-align: center;
        display: block;
        margin-top: 0;
    }
    .counter-0 footer {
        margin-top: auto;
    }
    .lang-switch-wrapper {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    body {
        font-size: 15px!important;
    }
    h1, h2, h3, h4, h5, h6 {
        font-size: 39px;
    }
}