/*
Theme Name: Construct
Theme URI: https://niteothemes.com/cmp-coming-soon-maintenance/?theme=construct
Author: NiteoThemes
Author URI: https://niteothemes.com

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

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

:focus {outline:none;}
h1,h2,h3,h4,h5,h6{font-weight: 400;}
.text-logo {font-size: 1.8em;}
section {padding: 50px 2em;text-align: center;
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -moz-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
max-width: 960px;
margin: 0 auto}
.section-logo {max-width:100%; margin: 0 auto;}
.section-logo img {max-width: 100%;max-height: 300px;}
#banner-wrapper{height: 700px;overflow:hidden;position:relative;}
.section-body p{width:70%;max-width: 900px;margin:0.5em auto;}
.section-social{background-color: #f8f8f8;max-width: 100%;width: 100%;box-sizing: border-box;}
.section-footer{background-color: #2a2829;color:#a3a1a2;padding: 1em;font-size:1em;text-align:center}
.background-overlay{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
#background-image, .video-banner{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-attachment: scroll!important;background-position: center center;background-repeat: no-repeat;background-size: cover;}
#background-image {opacity: 0;    -webkit-transition: opacity 400ms;  transition: opacity 400ms;}
#background-image.loaded {opacity: 1;}

#background-image.pattern{background-size: initial; background-repeat: repeat;}
.social-list{padding:0;margin: 0;}
.social-list li{list-style: none;display: inline-block;    padding: 0 5px;}
.section-body .cmp-subscribe form{width: 400px;max-width:100%;margin: 0 auto;margin-top: 70px;margin-bottom: 30px;text-align:left;}
.section-body .cmp-subscribe form br {display: none;}
.cmp-subscribe label {display: block;padding-bottom: 5px;text-indent: 5px;font-size:.9em;}
.cmp-subscribe input {display: inline-block;font-size: 0.9em;line-height: 3em;height: 3em;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;margin-bottom: 10px;}
.cmp-subscribe input[type="email"],
.cmp-subscribe input[type="text"],
.cmp-subscribe textarea {width: calc(100% - 2px);border-radius:5px; background-color: #f8f8f8;text-indent: 15px;font-style: italic;border: 1px solid #dcdcdc; }
.cmp-subscribe input[type="submit"] {padding: 0 1em;color: white;font-weight:700;min-width:120px;border: none;border-radius:5px;letter-spacing: 1px;cursor:pointer;}
.cmp-subscribe input[type="text"] {width: calc(100% - 2px);}
.cmp-subscribe input[type="email"] {width:280px; border-top-right-radius:0;border-bottom-right-radius:0;}
.cmp-subscribe input[type="submit"] {margin-left:-7px;width: 120px;border-top-left-radius:0;border-bottom-left-radius:0;}
.social-list a{display: block;height: 3em;width: 3em;line-height: 3em;background: transparent;-webkit-transition: background 300ms linear;transition: background 300ms linear;border-radius: 5px;} 
.social-list i{-webkit-transition: all 300ms linear;transition: all 300ms linear;}
.social-list a:hover i {-webkit-animation: spin 300ms linear;animation: spin 300ms linear;color:#fff;}
/* 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: -21px; left: 0px; text-align: left; font-size: 0.7em;}
div.wpcf7-mail-sent-ng {border:none;}
div.wpcf7-response-output { border:none;margin: 0; padding: 0;}
/* scrollbar */
::-webkit-scrollbar {
    width:9px;
}
::-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);
}
@-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);}
}

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

.cmp-form-notes p {
    width: 100%;
}

.cmp-subscribe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.cmp-form-inputs {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}


@media only screen and (min-width : 1024px) {
    #background-image, .video-banner {
       background-attachment: fixed!important;
    }
}


@media only screen and (max-width : 1920px) {
    #banner-wrapper {
        height: 500px;
    }
}

@media only screen and (max-width : 1024px) {
    body {font-size: 16px!important;}
    h1:not(.text-logo),h2, h3,h4,h5,h6,.text-logo-wrapper {font-size: 1.8em!important;}
    #banner-wrapper { height: 300px; }

}


@media only screen and (max-width : 680px) {
    body {font-size: 15px!important;}
    #banner-wrapper {height: 250px;}
    .social-list a {height: 2em; width: 2em;line-height: 2em;}
}

@media only screen and (max-width : 480px) {
    .section:not(.section-banner) {padding: 20px 10px;}
    #banner-wrapper {
        height: 250px;
    }

    body {font-size: 14px!important;}
    h1:not(.text-logo), h2, h3, h4, h5, h6, .text-logo-wrapper {font-size: 1.7em!important;}
    input[type="email"],
    input[type="submit"] {line-height: 3em;height: 3em;}
    .cmp-subscribe input[type="email"] {width: 70%;}
    .cmp-subscribe input[type="submit"] {width: 30%;min-width: initial;}
    .section-body p {width:90%;}

}
