/*
Theme Name: Orbit
Theme URI: https://niteothemes.com/cmp-coming-soon-maintenance/?theme=orbit
Author: NiteoThemes
Author URI: https://niteothemes.com/
Version: 1.5

Orbit CMP Theme, Copyright 2018 NiteoThemes
Orbit 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: 500ms;
    animation-delay: 500ms;
}

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

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

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

.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 {
    padding: 50px 0;
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
}

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

.text-logo {
    font-size: 2em;
    margin-bottom: 0.5em;
}

.planet-logo {
    max-width: 500px;
    height: auto;
    margin: 3em auto;
    width: auto;
}

.section-body p {
    width: 70%;
    max-width: 1170px;
    margin: 0 auto;
    margin-bottom: 1em;
    font-size: 1.1em;
    opacity: .9;
    line-height: 1.5em;
}

.scene {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    z-index: -1;
}

.scene path {
    fill: #f29820;
}

#background-wrapper, #background-image, #background-color, .slide-background, #slider-wrapper, .background-overlay {
    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;
}

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

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

.prev, .next {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    z-index: 1;
    border-radius: 2px;
    color: white;
    line-height: 43px;
    text-align: center;
    cursor: pointer;
    opacity: .5;
    transition: opacity 1s;
}

.prev {
    left: 10px;
}

.next {
    right: 10px;
}

.prev::before, .next::before {
    content: "";
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    border-right: 2px solid white;
    border-top: 2px solid white;
}

.prev::before {
    left: 4px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.next::before {
    left: -4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.next:hover, .prev:hover {
    opacity: .8;
}

footer {
    display: flex;
    text-align: right;
    z-index: 100;
    line-height: 1;
}

.soc-title {
    margin: 0;
    padding-right: 1em;
    font-size: 1em;
    line-height: 3;
}

.social-list {
    display: inline-block;
    padding: 0;
    margin-bottom: 0;
    padding-right: 1.5em;
    margin-top: 0;
    border-radius: 10px;
    padding-bottom: 0;
    line-height: 3;
}

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

.social-list a {
    display: block;
    line-height: initial;
    margin-right: 1em;
    text-decoration: none;
    background: transparent;
    transition: background 300ms linear;
    border-radius: 5px;
    position: relative;
}

.social-list a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: calc(50% - 2px);
    left: 0;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: all 0.3s ease-in-out 0s;
}

.social-list a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
}

.copyright {
    padding-left: 2em;
    margin: 0;
    opacity: .7;
    font-size: 1em;
    line-height: 3;
}

.bottom-line {
    display: inline-block;
    height: 8px;
    margin: 0 3em;
    flex-grow: 1;
    margin-top: calc(1.5em - 4px);
}

@-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: 1600px) {
    .planet-logo {
        max-width: 300px;
    }
}

@media only screen and (max-width: 1024px) {
    .planet-logo {
        max-width: 250px;
    }
    body {
        font-size: 17px!important;
    }
    .section-body h1:not(.text-logo), .section-body h2, .section-body h3, .section-body h4, .section-body h5, .section-body h6, .text-logo-wrapper {
        font-size: 1.8em!important;
    }
    footer {
        /* display: block; */
        text-align: center;
        line-height: 1;
        flex-direction: column-reverse;
    }
    .copyright {
        padding: 0;
    }
    .bottom-line {
        display: none;
    }
    .social-title {
        display: block;
        padding: 0;
        line-height: 1.5;
    }
}

@media only screen and (max-width: 680px) {
    .graphic-logo {
        max-height: 250px;
        padding-bottom: 0;
    }
    footer {
        padding: 0 0 1.5em 0;
        text-align: center;
        position: relative;
    }
    h2 {
        font-size: 2em;
    }
    body {
        font-size: 15px!important;
    }
    .section-body {
        min-height: initial;
    }
}

@media only screen and (max-width: 560px) {
    .planet-logo {
        max-width: 200px;
    }
    .section {
        padding: 0 10px;
    }
    h2 {
        font-size: 1.5em;
    }
    .section-body p {
        font-size: 0.9em;
    }
}