/*
Theme Name: Vega
Theme URI: https://niteothemes.com/cmp-coming-soon-maintenance/?theme=vega
Author: NiteoThemes
Author URI: https://niteothemes.com/
Version: 1.7

Vega CMP Theme, Copyright 2018 NiteoThemes
Vega 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;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-perspective: 1500px;
    perspective: 1500px;
}

header {
    z-index: 1;
    padding: 4em;
}

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 {
    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 {
    font-size: 1em;
    margin: 1em 0;
    background: transparent;
    border: none;
    border-bottom: 3px solid;
    height: 3em;
    margin-bottom: 10px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
}

.input-wrapper {
    position: relative;
}

.cmp-form-inputs label {
    position: absolute;
    font-size: 1em;
    left: 0;
    top: 0;
    -webkit-transform: translateY(1.5em);
    transform: translateY(1.5em);
    transition: all 300ms ease-in-out;
}

.cmp-subscribe label.-focus {
    font-size: .8em;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

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

input[type="text"], input[type="email"], textarea {
    float: none;
    clear: both;
    width: 100%;
}

.cmp-subscribe input[type="submit"] {
    min-width: 200px;
    margin-top: 3em;
    border-radius: 5px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #fff;
    cursor: pointer;
    text-indent: 0;
    transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
    float: right;
}

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

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

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

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

.email {
    text-decoration: none;
}

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

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

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

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

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

.section-body {
    display: flex;
    justify-content: center;
    flex-direction: column;
    z-index: 1;
    text-align: left;
    padding: 0 10%;
    min-height: 100vh;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.section-body p {
    max-width: 700px;
    margin: 1.5rem 0;
}

.section-overlay {
    position: absolute;
    visibility: hidden;
    min-height: 100vh;
    left: 0;
    right: 0;
    background: #fff;
    opacity: 0;
    transition: visibility 500ms, opacity 500ms;
    z-index: 1;
}

.md-open .section-overlay {
    opacity: 0.4;
    visibility: visible;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
}

.md-open .section-body {
    -webkit-transform: translate3d(-200px, 0, -300px);
    transform: translate3d(-200px, 0, -300px);
}

.section-body.overflow {
    overflow: auto;
}

.text-logo-wrapper, .logo-wrapper {
    float: left;
}

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

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

.cmp-title {
    margin-bottom: 1.5rem;
    line-height: 1;
}

.cmp-title.light {
    font-size: 1.5rem;
    display: block;
    margin-bottom: 0;
    font-weight: 400;
}

#background-wrapper, #background-image, .background-overlay, .slide-background, #slider-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 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 */

#counter {
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
}

.counter-box:first-of-type {
    margin-left: 0;
}

.counter-box {
    position: relative;
    display: inline-block;
    margin: 1em;
    width: 8em;
    border-radius: 5px;
    background: #fff;
    text-align: center;
}

.counter-box:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.counter-inner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#counter span {
    font-size: 3em;
    font-weight: 700;
}

#counter p {
    margin: 0;
}

.lang-switch-wrapper {
    position: absolute;
    top: 5em;
    left: 10%;
    z-index: 100;
}

/*social media*/

.social-list {
    position: relative;
    padding: 0;
    margin-top: 2em;
}

.social-list::before {
    content: '';
    display: block;
    position: absolute;
    top: -2em;
    left: 0;
    width: 8em;
    height: 8px;
}

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

.social-list a {
    display: block;
    position: relative;
    width: 2em;
    height: 2em;
    line-height: 2em;
    font-size: 2em;
    text-align: center;
    border: 5px solid;
    border-radius: 50%;
    margin-right: 0.5em;
    transition: background-color 300ms ease-in-out;
}

.social-list i {
    transition: background-color 300ms ease-in-out, color 300ms ease-in-out
}

.social-list a:hover {
    color: inherit;
}

.social-list li:hover a {
    background-color: #002947;
}

.social-list li:hover i {
    color: #fff;
}

.buttons-wrap {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}

.button {
    display: inline-block;
    border: 3px solid #fff;
    padding: 0.5em 2em;
    border-radius: 4px;
    margin: 5em;
    background: transparent;
    cursor: pointer;
    text-transform: uppercase;
    transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
}

.form-container {
    z-index: 100;
    position: fixed;
    top: 0;
    right: 0;
    visibility: hidden;
    width: 40vw;
    height: 100%;
    background: #fff;
    -webkit-transform: translate3d(40vw, 0, 0);
    transform: translate3d(40vw, 0, 0);
    box-shadow: 3px 0 10px 0px rgba(0, 0, 0, 0.5);
    transition: all 0.5s;
}

.md-open .form-container {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s
}

.form-wrapper {
    position: absolute;
    width: auto;
    margin-left: 0;
    margin-right: auto;
    padding: 4em;
    max-width: 720px;
    padding-top: 0;
    margin-top: 4em;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.form-wrapper p {
    font-size: 1.2em;
}

.close {
    cursor: pointer;
    position: absolute;
    top: 50px;
    right: 50px;
}

.close svg {
    border: 3px solid;
    border-radius: 50%;
    padding: 10px;
    transition: all 300ms ease-in-out;
}

.close path {
    transition: fill 300ms ease-in-out;
}

.close:hover path {
    fill: #fff;
}

.form-title {
    float: left;
}

.cmp-subscribe {
    display: flex;
    flex-direction: column;
    max-width: 350px;
}

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

#subscribe-response, .wpcf7-form .wpcf7-not-valid-tip, .wpcf7-validation-errors {
    color: #f0544f;
    font-size: 0.7em;
}

/*slick*/

.slide {
    position: relative;
    height: 100%;
}

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

.prev, .next {
    font-family: 'Font Awesome 5 Free';
    display: block;
    position: absolute;
    bottom: 2em;
    right: 2em;
    z-index: 2;
    text-align: center;
    cursor: pointer;
    opacity: 1;
}

.prev {
    right: 4em;
}

.prev:after {
    content: '\f053';
    font-weight: 900;
}

.next:after {
    content: '\f054';
    font-weight: 900;
}

/* 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: -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;
}

@media only screen and (max-width: 1024px) {
    body {
        font-size: 16px!important;
    }
    .text-logo {
        font-size: 40px;
    }
    .cmp-title {
        line-height: 1;
        font-size: 30px!important;
        margin: 1em 0;
    }
    .section-body h1:not(.text-logo), .section-body h2:not(.cmp-title), .section-body h3, .section-body h4, .section-body h5, .section-body h6, .text-logo-wrapper {
        font-size: 1.8em!important;
    }
    .form-container {
        width: 60vw;
        -webkit-transform: translate3d(60vw, 0, 0);
        transform: translate3d(60vw, 0, 0);
    }
    #counter {
        text-align: center;
    }
    .counter-box:first-of-type {
        margin-left: 1em;
    }
}

@media only screen and (max-width: 680px) {
    body {
        font-size: 15px!important;
    }
    .section-body {
        padding-top: 7em;
        min-height: calc(100vh - 7em);
    }
    .button {
        margin: 2em;
    }
    .lang-switch-wrapper {
        left: 2em;
        top: 2em
    }
}

@media only screen and (max-width: 560px) {
    .button {
        padding: 0.5em 1em;
    }
    .form-container {
        width: 100vw;
        -webkit-transform: translate3d(100vw, 0, 0);
        transform: translate3d(100vw, 0, 0);
    }
    .form-wrapper {
        padding: 0 4em;
    }
    .close {
        top: 20px;
    }
    .social-list a {
        font-size: 1.5em;
    }
}