/*

Theme Name: Eclipse

Theme URI: https://niteothemes.com/cmp-coming-soon-maintenance/?theme=eclipse

Author: NiteoThemes

Author URI: https//niteothemes.com

Version: 2.5



Eclipse CMP Theme, Copyright 2018 NiteoThemes

Eclipse 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/

*/



/*--------------------------------------------------------------

# Normalize

--------------------------------------------------------------*/



html {

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    overflow-x: hidden;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {

    display: block;

}



article {

    margin: 0;

}



article:last-of-type {

    margin-bottom: 0;

}



audio, canvas, progress, video {

    display: inline-block;

    vertical-align: baseline;

}



audio:not([controls]) {

    display: none;

    height: 0;

}



[hidden], template {

    display: none;

}



a {

    background-color: transparent;

    text-decoration: underline;

    transition: color .3s ease-in-out;

}



a:active, a:hover {

    outline: 0;

}



abbr[title] {

    border-bottom: 1px dotted;

}



b, strong {

    font-weight: bold;

}



dfn {

    font-style: italic;

}



small {

    font-size: 80%;

}



sub, sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}



sup {

    top: -0.5em;

}



sub {

    bottom: -0.25em;

}



img {

    border: 0;

    max-width: 100%;

    height: auto;

}



svg:not(:root) {

    overflow: hidden;

}



figure {

    margin: 0;

    width: auto!important;

}



hr {

    box-sizing: content-box;

    height: 0;

}



pre {

    overflow: auto;

}



code, kbd, pre, samp {

    font-family: monospace, monospace;

    font-size: 1em;

}



code {

    background-color: #BEFFE9;

}



button, input, optgroup, select, textarea {

    color: inherit;

    font: inherit;

    margin: 0;

    box-shadow: inset 0 0 0 0 !important;

    -webkit-box-shadow: inset 0 0 0 0 !important;

    -webkit-appearance: none;

    -moz-appearance: none;

    outline: none;

}



textarea {

    text-indent: 5px;

}



button {

    overflow: visible;

}



button, select {

    text-transform: none;

}



button, html input[type="button"], input[type="reset"], input[type="submit"] {

    -webkit-appearance: button;

    cursor: pointer;

    text-indent: 0;

}



input[type="submit"] {

    transition: all 200ms ease-in-out;

    color: #fff;

}



button[disabled], html input[disabled] {

    cursor: default;

}



button::-moz-focus-inner, input::-moz-focus-inner {

    border: 0;

    padding: 0;

}



input {

    display: inline-block;

    line-height: 2.5em;

    height: 2.5em;

    box-sizing: border-box;

    vertical-align: middle;

    margin-bottom: 0;

    text-indent: 5px;

    border: none;

}



::-webkit-input-placeholder {

    font-size: 0.8em;

}



::-moz-placeholder {

    font-size: 0.8em;

}



:-ms-input-placeholder {

    font-size: 0.8em;

}



::-moz-placeholder {

    font-size: 0.8em;

}



label {

    display: block;

}



input[type="checkbox"], input[type="radio"] {

    box-sizing: border-box;

    padding: 0;

}



div.header-text-container {

    padding-top: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {

    height: auto;

}



input[type="search"] {

    -webkit-appearance: textfield;

    box-sizing: content-box;

}



input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}



input:focus {

    border: none;

}



input[type="email"], input[type="text"] {

    width: calc(70% - 10px);

    text-indent: 15px;

    font-style: italic;

    background: rgba(0, 0, 0, 0.3);

    border-radius: 5px;

    border: none;

    margin-right: 10px;

}



input[type="text"] {

    width: 100%;

}



input[type="submit"] {

    width: 30%;

    padding: 0;

    margin-left: -6px;

    font-weight: 700;

    background-color: transparent;

    letter-spacing: 1px;

    cursor: pointer;

    text-transform: uppercase;

    border-radius: 5px;

    line-height: 2.5em;

}



fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;

}



legend {

    border: 0;

    padding: 0;

}



textarea {

    overflow: auto;

    padding: 5px;

}



optgroup {

    font-weight: bold;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



td, th {

    padding: 0;

}



body {

    margin: 0;

    position: relative;

    overflow-x: hidden;

    background: #fff;

}



h1 {

    font-size: 2em;

}



h1, h2, h3, h4, h5, h6 {

    font-weight: 700;

    font-size: 2em;

    margin-bottom: .3em;

    text-align: center;

}



.float-right {

    float: right;

}



.inner-content h1, .inner-content h2, .inner-content h3, .inner-content h4, .inner-content h5, .inner-content h6 {

    margin: 1em 0 0.5em 0;

}



h3, h4, h5, h6 {

    font-size: 1.3em;

}



.header-content {

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    color: #fff;

    max-width: calc(100% - 250px);

    margin: 0 auto;

    width: auto;

}



.header-content a {

    color: #fff;

}



#background-wrapper {

    position: relative;

    height: 100vh;

    top: 0;

    text-align: center;

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

    left: -90px;

    right: -90px;

    width: calc(100% + 180px);

    overflow: hidden;

    transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);

    z-index: 100;

}



.open #background-wrapper {

    height: 350px;

    border-bottom-left-radius: 50% 50%;

    border-bottom-right-radius: 50% 50%;

}



.logo-wrapper img {

    max-width: 700px;

    max-height: 500px;

    transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);

}



.open .logo-wrapper img {

    max-width: 200px;

    max-height: 200px;

}



.content {

    min-height: calc(100vh - 320px);

    /* padding-top: 350px ; */

    max-width: 100%;

    width: 768px;

    margin: 0 auto;

    padding: 0 1em;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    opacity: 0;

    transition: opacity 1.5s ease-in-out;

}



.open .content {

    opacity: 1;

}



.header-content h2 {

    font-size: 3.5em;

    margin: 1em 0;

    transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);

}



.open .header-content h2, .open .text-logo, .open .text-logo-wrapper {

    font-size: 2em;

    margin: 0em 0;

}



#background-image {

    opacity: 0;

    transition: opacity .5s;

}



#background-image.loaded {

    opacity: 1;

}



.video-banner iframe, .video-banner video {

    transition: opacity 1500ms;

}



#background-image, .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-overlay {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: -1;

}



#background-image.pattern {

    background-repeat: repeat;

    background-size: initial;

}



.inner-content {

    text-align: center;

    margin-top: auto;

    width: 100%;

    padding-top: 2em;

}



.inner-content>* {

    margin: 1.5em 0;

}



.logo-wrapper {

    padding-top: 30px;

}



.text-logo {

    font-size: 3em;

    transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);

}



.text-logo, .header-content h2 {

    margin-top: 0;

}



.body p {

    font-size: 1.1em;

}



.cmp-subscribe form {

    max-width: 400px;

    width: 100%;

    margin: 3em auto;

}



.cmp-subscribe form label {

    margin-left: -186px;

    margin-right: -186px;

}



.cmp-subscribe form br {

    display: none;

}



.input-icon {

    position: relative;

}



.input-icon:before {

    font-family: 'Font Awesome 5 Free';

    content: '\f003';

    position: absolute;

    line-height: 3em;

    padding-left: 10px;

}



.cmp-subscribe input[type="email"].subscribe-input {

    text-indent: 35px;

}



.subscribe-response {

    text-align: left;

    padding-left: 5px;

    margin: 0;

}



.cmp-form-notes {

    text-align: left;

}



/* wpcf7-form */



.wpcf7-form label {

    display: inline-block;

    width: 75%;

}



.wpcf7-form input[type="email"] {

    width: 100%;

    border-right: none!important;

}



#counter {

    margin-bottom: 3em;

    margin-top: 0;

}



.counter-box {

    position: relative;

    display: inline-block;

    width: calc(20% - 22px);

    border-radius: 5px;

}



.counter-box::before {

    content: "";

    display: block;

    padding-top: 100%;

}



.counter-box:not(:last-of-type) {

    margin-right: 20px;

}



.counter-inner {

    position: absolute;

    top: 50%;

    right: 0;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.counter-box p {

    margin: 0;

    font-size: 0.7em;

    margin-top: -10px;

}



.counter-box span {

    display: inline-block;

    font-weight: 700;

    font-size: 3em;

    color: #fff;

}



footer {

    width: 768px;

    margin: 0 auto;

    max-width: 100%;

    margin-top: auto;

    margin-bottom: 1em;

    text-align: center;

    line-height: 3em;

}



.extended-footer {

    text-align: left;

    padding: 5em;

    margin-bottom: 1em;

    font-size: .9em;

    border-radius: 5px;

}



.extended-footer>p {

    max-width: 60%;

    line-height: 1.5em;

    text-align: left;

    display: inline-block;

    margin: 0;

}



.quick-contacts, .quick-contacts h4 {

    text-align: right;

}



.quick-contacts h4 {

    font-size: 1.3em;

    font-weight: 400;

}



.quick-contacts>* {

    margin: 0;

    line-height: 1.5em;

}



.social-list {

    display: inline-block;

    padding: 0;

    margin: 0;

}



.social-list li {

    position: relative;

    list-style: none;

    display: inline-block;

    padding: 0 2px;

}



.social-list a {

    display: block;

    height: 1.6em;

    width: 1.6em;

    ;

    line-height: 1.6em;

    background: #dedede;

    color: #fff;

    border-radius: 5px;

    transition: background 300ms linear;

}



.social-list i {

    font-size: 0.9em;

    transition: all 300ms linear;

}



.cmp-subscribe {

    max-width: 500px;

    margin: 1.5em auto;

}



.subscribe {

    padding: 1em 0;

    padding-bottom: 2em;

}



.copyright {

    margin-top: 0;

    float: left;

    margin: 0;

    max-width: 50%;

    display: inline-block;

    clear: both;

    font-size: 0.8em;

}



/* scroll icon */



.scroll-icon {

    position: absolute;

    border: 2px solid #fff;

    border-radius: 11px;

    background-clip: padding-box;

    box-sizing: border-box;

    height: 34px;

    width: 22px;

    left: 50%;

    right: 0;

    bottom: 90px;

    z-index: 100;

    opacity: 1;

    transition: opacity 1s;

    cursor: pointer;

}



.scroll-icon div {

    -webkit-animation-duration: 1.5s;

    animation-duration: 1.5s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-name: scroll-animation;

    animation-name: scroll-animation;

    background-color: #fff;

    border-radius: 2px;

    background-clip: padding-box;

    height: 4px;

    margin-top: 5px;

    width: 4px;

    margin-left: 7px;

}



.scroll-icon p {

    color: white;

    left: -200px;

    text-align: center;

    position: absolute;

    right: -200px;

    top: 100%;

}



.open .scroll-icon {

    opacity: 0;

}



@-webkit-keyframes scroll-animation {

    0% {

        opacity: 1;

    }

    100% {

        opacity: 0;

        -webkit-transform: translateY(25px);

        transform: translateY(25px);

    }

}



@keyframes scroll-animation {

    0% {

        opacity: 1;

    }

    100% {

        opacity: 0;

        -webkit-transform: translateY(25px);

        transform: translateY(25px);

    }

}



.lang-switch-wrapper {

    position: fixed;

    top: 20px;

    right: 20px;

    z-index: 100;

}



.lang-dropdown a {

    color: white;

}



/* contact form 7 */



.wpcf7 .screen-reader-response, .wpcf7 .wpcf7-validation-errors {

    display: none;

}



.wpcf7 .wpcf7-form-control-wrap {

    position: relative;

}



.wpcf7-form .wpcf7-not-valid-tip {

    position: absolute;

    bottom: -3em;

    left: 15px;

    right: -100px;

    text-align: left;

}



@-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: 1366px) {

    body {

        font-size: 16px!important;

    }

    .text-logo, .header-content h2 {

        font-size: 2.5em;

    }

    .open .text-logo, .open .header-content h2 {

        font-size: 1.5em;

    }

    .inner-content h1, .inner-content h2, .inner-content h3, .inner-content h4, .inner-content h5, .inner-content h6 {

        font-size: 1.7em!important;

    }

}



@media only screen and (max-width: 1024px) {

    .text-logo, .header-content h2 {

        font-size: 2em;

    }

    .text-logo {

        word-break: break-all;

    }

    .header-content {

        max-width: calc(100% - 180px);

    }

}



@media only screen and (max-width: 820px) {

    .counter-box:not(:last-of-type) {

        margin-right: 30px;

    }

    .counter-box {

        width: calc(25% - 28px);

    }

    #counter {

        padding-bottom: 0;

    }

    .content {

        width: auto;

    }

}



@media only screen and (max-width: 768px) {

    body {

        font-size: 15px!important;

    }

    .logo-wrapper img {

        max-width: 100%;

    }

    .extended-footer {

        padding: 3em;

    }

}



@media only screen and (max-width: 620px) {

    body {

        font-size: 14px!important;

    }

    .text-logo, .header-content h2 {

        font-size: 1.5em;

    }

    .counter-box span {

        font-size: 2em;

    }

    .counter-box {

        width: calc(25% - 17px);

    }

    .counter-box:not(:last-of-type) {

        margin-right: 15px;

    }

    .logo-wrapper {

        padding-bottom: 30px;

    }

    .extended-footer>p {

        display: block;

        max-width: 100%;

        text-align: center;

    }

    .quick-contacts {

        float: none;

        text-align: center;

        padding-top: 5em;

    }

    .quick-contacts h4 {

        text-align: center;

    }

    .copyright, .social-wrapper {

        max-width: 100%;

        float: none;

    }

}



@media only screen and (max-width: 520px) {

    .counter-box p {

        font-size: .7em;

    }

    .counter-box {

        width: calc(25% - 6px);

    }

    .counter-box:not(:last-of-type) {

        margin-right: 0;

    }

    .cmp-subscribe input[type="email"], input[type="submit"] {

        display: block;

        width: 100%;

    }

    .cmp-subscribe input[type="submit"] {

        margin: 0;

    }

    .cmp-subscribe input[type="email"] {

        margin-bottom: 5px;

    }

    .extended-footer {

        padding: 2em;

    }

}

/* Overides */
input[type="email"], input[type="text"] { background-color: #EFEFEF !important; }
.extended-footer { background-color: #EFEFEF !important; padding-top:40px; padding-bottom:40px; }
.counter-box p { color: #EFEFEF !important; }
.content-body p{ padding-left:20px; padding-right:20px; }
.content-body p::-moz-selection { color: #ffffff; background: #027C9B; }
.content-body p::selection { color: #ffffff; background: #027C9B; }

@media only screen and (min-width: 240px)
{
.header-content h2 {
    font-size: 30px; line-height:34px; font-weight:200 !important; padding-top:30px;
}
}
@media only screen and (min-width: 240px) and (max-width: 559px)
{
}