@charset "UTF-8";
:root{
    --primary-color:#1a8490;
    --secondary-color:#fdd340;
    --tertiary-color:#be2634;
    --light-color:#30e3ca;
    --dark-color:#1d252b;
    --zeta-font-size:1rem;
}

::-webkit-scrollbar{width:5px;height:10px;}
::-webkit-scrollbar-button{background-color:var(--secondary-color);height:0;width:0;}
::-webkit-scrollbar-track{background-color:var(--secondary-color);box-shadow:0;}
::-webkit-scrollbar-track-piece{background-color:var(--dark-color);}
::-webkit-scrollbar-thumb{background-color:var(--secondary-color);border-radius:15px;}
::-webkit-scrollbar-corner{background-color:var(--secondary-color);}
::-webkit-resizer{background-color:var(--secondary-color);}

body.loading{
    overflow:hidden;
}

header h1{
    color:#fff;
}

header h2{
    margin-top:0;
    font-weight:400;
    color:#fff;
}

header p{
    margin-top:1rem;
    color:#fff;
}

figure{
    margin:0;
}

p > b{
    font-weight:600;
}

form input,
form select{
    height:60px;
    border-radius:0;
    background-color:#fff;
    border-width:2px;
    transition:border-color 0.3s ease-in;
}

form input.error,
form select.error{
    border-color:var(--tertiary-color);
}

form input:focus,
form select:focus{
    border-color:var(--secondary-color);
}

form textarea{
    border-radius:0;
    border-width:2px;
    padding:1rem;
    resize:none;
    transition:border-color 0.3s ease-in;
}

form textarea:focus{
    border-color:var(--secondary-color);
}

form textarea.error{
    border-color:var(--tertiary-color);
}

#preloader{
    display:flex;
	align-items:center;
	justify-content:center;
	min-height:100vh;
	background-color:#fff;
    background-blend-mode:soft-light;
    position:fixed;
    z-index:999;
    visibility:visible;
    opacity:1;
    transition:all 0.5s ease-in-out;
    overflow:hidden;
}

#preloader.ready{
    visibility:hidden;
    opacity:0;
}

.bird{
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/174479/bird-cells-new.svg);
    background-size: auto 100%;
    width: 88px;
    height: 125px;
    will-change: background-position;
    -webkit-animation-name: fly-cycle;
            animation-name: fly-cycle;
    -webkit-animation-timing-function: steps(10);
            animation-timing-function: steps(10);
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}
.bird--one{
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s;
}
.bird--two{
    -webkit-animation-duration: 0.9s;
            animation-duration: 0.9s;
    -webkit-animation-delay: -0.75s;
            animation-delay: -0.75s;
}
.bird--three{
    -webkit-animation-duration: 1.25s;
            animation-duration: 1.25s;
    -webkit-animation-delay: -0.25s;
            animation-delay: -0.25s;
}
.bird--four{
    -webkit-animation-duration: 1.1s;
            animation-duration: 1.1s;
    -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s;
}
  
.bird-container{
    position: absolute;
    top: 40%;
    left: -10%;
    transform: scale(0) translateX(-10vw);
    will-change: transform;
    -webkit-animation-name: fly-right-one;
            animation-name: fly-right-one;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}
.bird-container--one{
    -webkit-animation-duration: 15s;
            animation-duration: 15s;
    -webkit-animation-delay: 0;
            animation-delay: 0;
}
.bird-container--two{
    -webkit-animation-duration: 16s;
            animation-duration: 16s;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}
.bird-container--three{
    -webkit-animation-duration: 14.6s;
            animation-duration: 14.6s;
    -webkit-animation-delay: 9.5s;
            animation-delay: 9.5s;
}
.bird-container--four{
    -webkit-animation-duration: 16s;
            animation-duration: 16s;
    -webkit-animation-delay: 10.25s;
            animation-delay: 10.25s;
}

.radio{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:60px;
    height:60px;
    margin:0.35rem;
    background-color:#fff;
    border-radius:50%;
    box-shadow:0px 0px 30px 0px rgb(0, 0, 0, .07);
    cursor:pointer;
}

.radio.active{
    background-color:var(--secondary-color);
}

.radio.active label{
    color:#fff;
}

.radio label{
    margin:0;
}

.radio input[type="radio"]{
    display:none;
}

.radio:first-child{
    margin-left:0;
}

.radio:last-child{
    margin-right:0;
}

.bg-dark{
    background-color:var(--dark-color);
}

.social{
    display:flex;
    height:50px;
    justify-content:end;
}

.social a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:50px;
    height:inherit;
    color:#fff;
    text-decoration:none;
    font-size:1.2rem;
}

.social a:first-child{
    background-color:#3c5a9a;
}

.social a:nth-child(2){
    background-color:#1da1f2;
}

.social a:nth-child(3){
    background-color:#f11819;
}

.social a:last-child{
    background-image:linear-gradient(#8b24a7,30%,#d35252);
}

.right-align{
    text-align:right;
}

.background{
    height:100%;
    overflow:hidden;
    position:relative;
}

.background > img{
    object-fit:cover;
    object-position:center;
    width:100%;
    height:100%;
}

figure time{
    display:flex;
    flex-flow:column wrap;
    align-items:center;
    justify-content:center;
    width:120px;
    height:120px;
    background-color:var(--secondary-color);
    position:absolute;
    top:0;
    left:2rem;
    z-index:1;
}

figure time h3,
figure time h5,
figure time h6{
    margin:0;
    color:var(--dark-color);
}

figure time h3{
    font-size:2.5rem;
}

.pagination{
    margin-top:3rem;
    text-align:center;
}

.pagination .button{
    color:var(--dark-color);
}

aside{
    margin-bottom:1rem;
}

aside:last-child{
    margin-bottom:0;
}

aside h3{
    margin-bottom:1rem;
}

aside h3 span{
    display:inline-block;
    margin-right:0.5rem;
    width:40px;
    height:3px;
    background-color:var(--secondary-color);
}

.aside-list{
    margin:0;
    padding:0;
    list-style-type:none;
}

.aside-list li a{
    margin-bottom:0.35rem;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    font-weight:600;
    text-decoration:none;
    color:var(--dark-color);
    transition:color 0.3s ease-in;
}

.aside-list li a > span:first-child{
    width:calc(100% - 60px);
}

.aside-list li a > span:last-child{
    padding:0.25rem 0;
    width:60px;
    background-color:transparent;
    border:2px solid var(--secondary-color);
    color:var(--dark-color);
    text-align:center;
    transition:all 0.3s ease-in-out;
}

.aside-list li a:hover{
    color:var(--zeta-theme-color-text);
}

.aside-list li a:hover > span:last-child{
    background-color:var(--secondary-color);
    color:var(--dark-color);
}

.reflection-x{
    transform:scaleX(-1);
}

.button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:auto;
    height:70px;
    padding:0 2.5rem;
    border-style:solid;
    border-width:2px;
    border-color:transparent;
    background-color:transparent;
    text-decoration:none;
    font-size:1rem;
    font-weight:600;
    transition:all 0.3s ease-in;
    border-radius:0;
}

.button.min{
    height:50px;
    padding:0 1.5rem;
}

.button.primary{
    background-color:var(--primary-color);
    border-color:var(--primary-color);
    color:#fff;
}

.button.primary.outline{
    background-color:transparent;
    color:#fff;
}

.button.primary.outline:hover,
.button.primary.outline:focus,
.button.primary.outline:active{
    background-color:var(--primary-color);
}

.button.secondary{
    background-color:var(--secondary-color);
    border-color:var(--secondary-color);
    color:var(--dark-color);
}

.button.secondary.outline{
    background-color:transparent;
    color:#fff;
}

.button.secondary.outline:hover,
.button.secondary.outline:focus,
.button.secondary.outline:active{
    background-color:var(--secondary-color);
    color:var(--dark-color)!important;
}

.button.tertiary{
    background-color:var(--tertiary-color);
    border-color:var(--tertiary-color);
    color:#fff;
}

.button.tertiary.outline{
    background-color:transparent;
    color:#fff;
}

.button.tertiary.outline:hover,
.button.tertiary.outline:focus,
.button.tertiary.outline:active{
    background-color:var(--tertiary-color);
    color:#fff!important;
}

.button.light-color{
    background-color:var(--light-color);
    border-color:var(--light-color);
    color:#fff;
}

.button.light-color.outline{
    background-color:transparent;
    color:#fff;
}

.button.light-color.outline:hover,
.button.light-color.outline:focus,
.button.light-color.outline:active{
    background-color:var(--light-color);
    color:var(--dark-color);
}

section.white{
    background-color:#fff;
}

section.light{
    background-color:#efefef;
}

section.light-color{
    background-color:var(--light-color);
}

section.primary{
    background-color:var(--primary-color);
}

section.texture{
    background:#fff
        url(../img/texture-bg.png)
        repeat
        center;
    background-size:cover;
}

section.white .button.secondary.outline,
section.light .button.secondary.outline,
.window .button.secondary.outline,
section.white .button.tertiary.outline,
section.light .button.tertiary.outline,
section.white .button.light-color.outline,
section.light .button.light-color.outline{
    color:var(--dark-color);
}

.title h2{
    font-weight:300;
}

.title h2 b{
    font-weight:600;
}

.title h6{
    color:#848484;
    font-weight:700;
    font-size:12px;
}

.title h6 span{
    display:inline-block;
    margin-right:0.25rem;
    width:30px;
    height:2px;
    background-color:var(--secondary-color);
}

.title h6 span.light-color{
    background-color:var(--light-color);
}

.title h6 span.tertiary{
    background-color:var(--tertiary-color);
}

.title.center{
    text-align:center;
}

.title p{
    margin:0;
}

.solar h6,
.solar h2,
.solar p{
    color:#fff;
}

.post-boxes .post-box{
    background-color:#fff;
    box-shadow:0 3px 10px 5px rgba(0,0,0,.03);
}

.post-boxes .post-box:hover .background > img,
.post-boxes .post-box:focus .background > img,
.post-boxes .post-box:active .background > img{
    transform:scale(1.2);
}

.post-boxes .post-box .background > img{
    transition:transform 0.3s ease-in-out;
}

/*.post-boxes .post-box h5{
    text-transform: capitalize;
}*/

.banner-social h5{
    margin:0;
    color:var(--dark-color);
}

.banner-social a{
    font-size:2rem;
    text-decoration:none;
    color:var(--dark-color);
}

.ref-areas .container{
    height:325px;
    position: relative;
}

.ref-areas .container .background{
    position:absolute;
    z-index:1;
}

.ref-areas .container .background > img{
    transition:transform 0.5s ease-in-out;
}

.ref-areas .container:hover .background > img,
.ref-areas .container:focus .background > img,
.ref-areas .container:active .background > img{
    transform: scale(1.2);
}

.ref-areas .container .solar{
    position:absolute;
    z-index:2;
    display: flex;
    align-items:center;
}

.ref-areas .container .solar h4{
    margin:0;
    color:#fff;
    font-weight:400;
}

#topBar menu{
    display:flex;
    margin:0;
    padding:0;
    height:50px;
}

#topBar menu a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:auto;
    height:inherit;
    margin:0 0.35rem;
    color:#fff;
    font-size:0.85rem;
    font-weight:500;
    text-decoration:none;
    position:relative;
    overflow: hidden;
    transition:color 0.3s ease-in;
}

/*#topBar menu a:hover,
#topBar menu a:focus,
#topBar menu a:active{
    color:var(--zeta-theme-color-text);
}*/

.owl-carousel button.owl-dot{
    width:auto;
}

.owl-carousel .owl-dots button.owl-dot span{
    transition:all 0.3s ease-in;
}

.owl-theme .owl-dots button.owl-dot span{
    background-color:transparent;
    border:3px solid var(--secondary-color);
}

.owl-theme .owl-dots button.owl-dot.active span{
    width:35px;
    background:var(--secondary-color);
}

.owl-theme .owl-dots button.owl-dot:hover span,
.owl-theme .owl-dots button.owl-dot:focus span,
.owl-theme .owl-dots button.owl-dot:active span{
    background-color:var(--secondary-color);
}

#carouselProjects .item .container{
    height:500px;
    position: relative;
}

#carouselProjects .item .container .solar{
    position: absolute;
    height:inherit;
    z-index:2;
    background:rgb(29,37,43);
    background:linear-gradient(0deg, rgba(29,37,43,0.5) 0%, rgba(29,37,43,0) 100%);
}

#carouselProjects .item .container .solar h2{
    position: absolute;
    top:1rem;
    left:1rem;
    color:#fff;
}

#carouselProjects .item .container .solar .content{
    padding:1rem 1rem 2rem 1rem;
    position:absolute;
    bottom:0;
    left:0;
}

#carouselProjects .item .container .solar .content h4{
    font-weight:400;
    color:#fff;
}

#carouselProjects .item .container .solar .content h4 b{
    font-weight:600;
}

#carouselProjects .item .container .solar .content h6{
    color:var(--light-color);
}

#carouselProjects .item .container .background{
    position: absolute;
    height:inherit;
    z-index:1;
}

#carouselProjects .item .container .background > img{
    transition:transform 0.5s ease-in-out;
}

#carouselProjects .item:hover .container .background > img,
#carouselProjects .item:focus .container .background > img,
#carouselProjects .item:active .container .background > img{
    transform:scale(1.2);
}

#carouselTeam .profile{
    height:300px;
    background:#fff
        url(../img/texture-bg-2.png)
        no-repeat
        center center;
    background-size:cover;
}

#carouselTeam .content{
    padding:2rem 0;
}

#carouselTeam .content p{
    margin-bottom:0;
}

nav > .nav-wrapper > .modules > ul > li > a{
    font-weight:700;
    font-size:0.9rem;
    text-transform:uppercase;
    color:var(--dark-color);
    position: relative;
    overflow: hidden;
}

#topBar menu a::after,
nav > .nav-wrapper > .modules > ul > li > a::after{
    content:"";
    display:block;
    width:100%;
    background-color:var(--secondary-color);
    position:absolute;
    left:-100%;
    transition:left 0.5s ease-in-out;
}

#topBar menu a::after{
    height:2px;
    bottom:0.5rem;
}

nav > .nav-wrapper > .modules > ul > li > a::after{
    height:4px;
    bottom:0;
}

nav > .nav-wrapper > .modules > ul > li > a:hover,
nav > .nav-wrapper > .modules > ul > li > a:focus,
nav > .nav-wrapper > .modules > ul > li > a:active{
    color:var(--zeta-theme-color-text);
    background-color:transparent;
}

nav > .nav-wrapper > .modules > ul > li > a:hover::after,
nav > .nav-wrapper > .modules > ul > li > a:focus::after,
nav > .nav-wrapper > .modules > ul > li > a:active::after,
#topBar menu a:hover::after,
#topBar menu a:focus::after,
#topBar menu a:active::after{
    left:0;
}

nav > .nav-wrapper > .modules > ul > li:last-child > a{
    width:200px;
    justify-content:center;
    background-color:var(--secondary-color);
}

nav > .nav-wrapper > .modules > ul > li:last-child > a::after{
    width:0;
}

nav > .nav-wrapper > .modules > ul > li:last-child > a:hover,
nav > .nav-wrapper > .modules > ul > li:last-child > a:focus,
nav > .nav-wrapper > .modules > ul > li:last-child > a:active{
    color:#fff;
    background-color:var(--primary-color);
}

footer{
    background:
        url(../img/bf-footer.png)
        var(--dark-color)
        no-repeat
        center;
    background-size:cover;
}

footer > .row > .col:last-child{
    background-color:#192126;
}

footer > .row > .col:last-child p{
    margin-bottom:0;
}

footer > .row > .col:last-child p a{
    color:var(--light-color);
    text-decoration:none;
    transition:color 0.3s ease-in;
}

footer > .row > .col:last-child p a:hover,
footer > .row > .col:last-child p a:focus,
footer > .row > .col:last-child p a:active{
    color:#fff;
}

footer .links{
    text-align:center;
}

footer .links a{
    display:inline-block;
    width:auto;
    margin:0.35rem 0.8rem;
    color:#fff;
    font-size:1.1rem;
    font-weight:600;
    text-decoration:none;
    transition:color 0.3s ease-in;
    position:relative;
}

footer .links a::after{
    content:"";
    display:block;
    width:100%;
    height:2px;
    position:absolute;
    bottom:-0.25rem;
    left:0;
    transform:scale(0);
    background-color:var(--light-color);
    transition:transform 0.3s ease-in-out;
}

footer .links a:hover,
footer .links a:focus,
footer .links a:active{
    color:var(--light-color);
}

footer .links a:hover::after,
footer .links a:focus::after,
footer .links a:active::after{
    transform:scale(1);
}

footer .social-links{
    margin:3rem 0;
    text-align:center;
}

footer .social-links a{
    display:inline-block;
    margin:0 1rem;
    font-size:1.25rem;
    color:#fff;
    text-decoration:none;
    transition:color 0.3s ease-in;
}

footer .social-links a:hover,
footer .social-links a:focus,
footer .social-links a:active{
    color:var(--light-color);
}

footer .map-links{
    text-align:center;
}

footer .map-links a{
    display:inline-block;
    margin:0.25rem;
    color:var(--light-color);
    font-weight:500;
    text-decoration:none;
    transition:color 0.3s ease-in;
}

footer .map-links a:hover,
footer .map-links a:focus,
footer .map-links a:active{
    color:#fff;
}

footer .privacity{
    text-align:center;
}

footer .privacity a{
    color:var(--zeta-theme-color-text);
    text-decoration:none;
}

footer .privacity a:hover,
footer .privacity a:focus,
footer .privacity a:active{
    text-decoration:underline;
    color:var(--light-color);
}

footer .privacity span{
    display:inline-block;
    margin:0 .25rem;
    color:var(--zeta-theme-color-text);
}

@-webkit-keyframes fly-cycle {
    100% {
        background-position: -900px 0;
    }
}

@keyframes fly-cycle {
    100% {
        background-position: -900px 0;
    }
}
@-webkit-keyframes fly-right-one{
    0% {
        transform: scale(0.3) translateX(-100vw);
    }
    10% {
        transform: translateY(2vh) translateX(10vw) scale(0.4);
    }
    20% {
        transform: translateY(0vh) translateX(30vw) scale(0.5);
    }
    30% {
        transform: translateY(4vh) translateX(50vw) scale(0.6);
    }
    40% {
        transform: translateY(2vh) translateX(70vw) scale(0.6);
    }
    50% {
        transform: translateY(0vh) translateX(90vw) scale(0.6);
    }
    60% {
        transform: translateY(0vh) translateX(110vw) scale(0.6);
    }
    100% {
        transform: translateY(0vh) translateX(110vw) scale(0.6);
    }
}
@keyframes fly-right-one{
    0% {
        transform: scale(0.3) translateX(-100vw);
    }
    10% {
        transform: translateY(2vh) translateX(10vw) scale(0.4);
    }
    20% {
        transform: translateY(0vh) translateX(30vw) scale(0.5);
    }
    30% {
        transform: translateY(4vh) translateX(50vw) scale(0.6);
    }
    40% {
        transform: translateY(2vh) translateX(70vw) scale(0.6);
    }
    50% {
        transform: translateY(0vh) translateX(90vw) scale(0.6);
    }
    60% {
        transform: translateY(0vh) translateX(110vw) scale(0.6);
    }
    100% {
        transform: translateY(0vh) translateX(110vw) scale(0.6);
    }
}
@-webkit-keyframes fly-right-two{
    0% {
        transform: translateY(-2vh) translateX(-100vw) scale(0.5);
    }
    10% {
        transform: translateY(0vh) translateX(10vw) scale(0.4);
    }
    20% {
        transform: translateY(-4vh) translateX(30vw) scale(0.6);
    }
    30% {
        transform: translateY(1vh) translateX(50vw) scale(0.45);
    }
    40% {
        transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
    }
    50% {
        transform: translateY(0vh) translateX(90vw) scale(0.45);
    }
    51% {
        transform: translateY(0vh) translateX(110vw) scale(0.45);
    }
    100% {
        transform: translateY(0vh) translateX(110vw) scale(0.45);
    }
}
@keyframes fly-right-two{
    0% {
        transform: translateY(-2vh) translateX(-100vw) scale(0.5);
    }
    10% {
        transform: translateY(0vh) translateX(10vw) scale(0.4);
    }
    20% {
        transform: translateY(-4vh) translateX(30vw) scale(0.6);
    }
    30% {
        transform: translateY(1vh) translateX(50vw) scale(0.45);
    }
    40% {
        transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
    }
    50% {
        transform: translateY(0vh) translateX(90vw) scale(0.45);
    }
    51% {
        transform: translateY(0vh) translateX(110vw) scale(0.45);
    }
    100% {
        transform: translateY(0vh) translateX(110vw) scale(0.45);
    }
}

@media(max-width:991px){
    footer > .row > .col:last-child{
        text-align:center;
    }

    footer .right-align{
        text-align: center;
    }
}

@media(max-width:767px){
    #topBar{
        display:none;
    }
}