/* General */
.social-links{list-style: none;margin: 0;padding: 0;}
.social-links li{display: inline-block;}
.social-links li a{display: block;width: 45px;height: 45px;border:1px solid #1EE7F7;color: #1EE7F7;line-height: 45px;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;transition: 0.5s;}
.social-links li a:hover{background-color: #1EE7F7;color: #000;}

.content.video .video-content, .content.video .video-content:before, .content.video .video-content:after, .content.video .video-content *,
.form-wrapper, .form-wrapper:before, .form-wrapper:after, .form-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-wrapper .form-row:after{content: "";display: block;clear: both;}
.form-wrapper .form-row > .column{width: 50%;float: left;}
.form-wrapper .checkbox-wrap{display: inline-block;margin-right: 20px;}
.form-wrapper .group-row{margin-left: -7px;margin-right: -7px;}
.form-wrapper .group-row .column{padding: 0 7px;}

/* Page Container */
.main-page-container{position: relative;}


/* Header */
/*header #menu{background-color: #1ee6fa;}*/


/* Footer */
#footer{background-color: #000;text-align: center;padding: 50px 0;font-size: 14px;position: relative; left: 0;right: 0;top:100%;

    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;

    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;

    -webkit-transition-timing-function: cubic-bezier(0, 0, 0, 1);
    -moz-transition-timing-function: cubic-bezier(0, 0, 0, 1);
    transition-timing-function: cubic-bezier(0, 0, 0, 1);

}
#footer, #footer p{color: #FFF;}
#footer a:hover{text-decoration: underline;}

#footer .social-links li{margin: 0 8px;}

#footer .footer-menu{list-style: none;margin: 35px 0 0;padding: 0;}
#footer .footer-menu li{display: inline-block;margin: 0 15px;}
#footer .footer-menu li a{display: inline-block;font-weight: normal;text-decoration: none;position: relative;}
#footer .copyright p a:after,
#footer .footer-menu li a:after{content: "";height: 2px;background-color: #1EE7F7;width: 100%;position: absolute;left: 0;right: 0;opacity: 0;bottom: 0px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    transition: -webkit-transform .1s cubic-bezier(0.55,.085,.68,.53),opacity .1s cubic-bezier(0.55,.085,.68,.53);
    transition: transform .1s cubic-bezier(0.55,.085,.68,.53),opacity .1s cubic-bezier(0.55,.085,.68,.53);
}
#footer .copyright p a:hover:after,
#footer .footer-menu li a:hover:after{
    -webkit-transform: none;
    transform: none;
    transition: -webkit-transform .2s cubic-bezier(0.25,.46,.45,.94),opacity 0s linear;
    transition: transform .2s cubic-bezier(0.25,.46,.45,.94),opacity 0s linear;
    transition-delay: 0s;
    opacity: 1;
}

#footer .footer-menu li a, #footer .copyright p a{color: #1EE7F7;}

#footer .copyright{margin-top: 35px;}
#footer .copyright p{margin: 0;line-height: 17px;}
#footer .copyright p, #footer .copyright p a{font-size: 14px;}
#footer .copyright p a{position: relative;text-decoration: none;}
#footer .copyright p a:after{bottom: -5px;}

/* Contact Page */
.contact-content-wrapper{position: relative;}
.contact-content-wrapper .wrapper{/*position: absolute;left: 0;right: 0;top: 0;bottom: 0;*/position: static;}
.contact-content-wrapper .contact-map-frame{height: 550px;width: 100%;}

.contact-content-wrapper .map-content-wrapper .contact-info-box{position: absolute;top: 0;z-index: 100;bottom: 0;width: 325px;/*left: 0;*/}
.contact-content-wrapper .map-content-wrapper .contact-info-box .contact-info-box-inner{position: absolute;left: 0;right: 0;/*bottom: 40px;*/-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);top: 50%;background-color: #FFF;padding: 40px 0;}
.contact-content-wrapper .map-content-wrapper .contact-info-box .info-box-content{padding: 0 40px;}
.contact-content-wrapper .map-content-wrapper .contact-info-box .info-box-content h1{margin: 0 0 30px;font-weight: normal;font-size: 43px;word-break: break-all;}
.contact-content-wrapper .map-content-wrapper .contact-info-box .info-box-content address{margin-bottom: 20px;font-style: normal;color: #57636d;line-height: 23px;}
.contact-content-wrapper .map-content-wrapper .contact-info-box .info-box-content address a{color: #1ee6fa;}
.contact-content-wrapper .map-content-wrapper .contact-info-box .info-box-content address a:hover{text-decoration: underline;}
.contact-content-wrapper .map-content-wrapper .contact-info-box .button-contact-form{font-weight: bold;background-color: #1ee6fa;display: block;padding: 10px 10px 10px 40px;color: #FFF;font-size: 25px;}
.contact-content-wrapper .map-content-wrapper .contact-info-box .button-contact-form:hover{background-color: #58c9fa;}

.contact-content-wrapper .map-content-wrapper .contact-form-box{position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 100;right: 0;width: 550px;}
.contact-content-wrapper .map-content-wrapper .contact-form-box .contact-form-wrapper{background: rgba(25,25,25,0.8);padding: 30px;}

.contact-form .form-control{margin: 0;width: 100%;background-color: #f6f6f6;padding: 12px 20px;border:1px solid #f6f6f6;color: #000000;font-size: 14px;}
.contact-form .form-control:not(textarea){height: 42px;}
.contact-form .form-row{margin-bottom: 15px;}
.contact-form .form-actions{text-align: right;}
.contact-form .form-actions .form-submit{background-color: #1ee6fa;border-radius: 3px;color: #FFF;height: 40px;padding: 0 20px;line-height: 40px;border:1px solid #1ee6fa;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transform: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.contact-form .form-actions .form-submit:hover{padding: 0 30px;}
.contact-form .column-required{position: relative;}
.contact-form .column-required:before{content: "*";position: absolute;left: -22px;color: #1ee6fa;font-weight: bold;font-size: 36px;}
.contact-form-wrapper{color: #FFF;}
.contact-form-wrapper h2{font-size: 30px;line-height: 36px;color: #1ee6fa;margin: 0;font-weight: bold;margin-bottom: 20px;}
.contact-form-wrapper p{color: #FFF;line-height: normal;margin: 0 0 10px;font-size: 15px;}
.contact-form-wrapper .contact-form{margin-top: 20px;}

/*header{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transform: all 0.3s;
    transition: all 0.3s;
}
header h1 a{width: 210px;margin-top: 23px;}
header.scroll h1 a{width: 130px;margin-top: 20px;}*/

header #menu-wrapper,
header h1 a img{visibility: visible;}


/*.content.video{max-height: 100%;}
.content.video .video-content{position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;right: 0;color: #FFF;text-align: center;padding: 0 20%;}
.content.video .video-content h1{font-weight: normal;font-size: 45px;}
.content.video .video-content .section-bottom-text{margin-top: 30px;}
.blackoverlay {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: rgba(0, 0, 0, 0.3);

}*/

/*nav{background-color: rgba(30, 230, 250, 0.8);}*/
nav ul li.current-menu-item a{color: rgba(70,195,250,1);}

/*nav ul li a:hover,
nav ul li a.current{color: #000;}

nav .nav_wrapper ul{
    opacity: .4;
    -webkit-transform: translateY(-25%) rotateX(35deg);
    transform: translateY(-25%) rotateX(35deg);
    transition: -webkit-transform .5s,opacity .5s;
    transition: transform .5s,opacity .5s;
}
nav.active .nav_wrapper ul{
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}*/

.nav_wrapper .social-links-list{
    margin: 20px 0 0;
    display: flex;
    list-style: none;
    padding: 0;
    width: auto;
    justify-content: center;
}

.nav_wrapper .social-links-list li{
    width: auto;
}

.nav_wrapper .subnav-menu{
    margin: 0;
    display: flex;
    list-style: none;
    padding: 0;
    width: auto;
    flex-direction: column;
}

.nav_wrapper .subnav-menu a{
    line-height: 24px;
    font-size: 14px;
    padding: 0;
    letter-spacing: 1px;
    color: rgba(70,195,250,1);
}

.project-tumb{cursor: default;}
.project-tumb img.overlay{
    height: auto;
}

.blogpost img{
    height: auto;
}

.form-group{}
.form-group--2-cols{display: flex;gap:10px;}
.form-group--2-cols > div{flex:1;}
.form-submit-wrap{display: flex;justify-content: flex-end;position: relative;}
.form-submit-wrap .wpcf7-spinner{position: absolute;right:0;top:50%;transform: translateY(-50%);}

.contactform form{
    padding: 15px;
}
.contactform .wpcf7-radio.wpcf7-form-control{display: flex;gap: 30px;position: relative;margin-bottom: 15px;}
.contactform .wpcf7-radio.wpcf7-form-control .wpcf7-list-item{margin: 0;}
.contactform .wpcf7-radio.wpcf7-form-control label{cursor: pointer;}
.contactform .wpcf7-radio.wpcf7-form-control label > input{visibility: hidden;opacity: 0;width: 26px;height: 26px;position: absolute;}
.contactform .wpcf7-radio.wpcf7-form-control label > input + .wpcf7-list-item-label{position: relative;    display: flex;align-items: center;gap: 10px;color: #FFF;}
.contactform .wpcf7-radio.wpcf7-form-control label > input + .wpcf7-list-item-label:before{content:""; width: 26px;height: 26px;background: #FFF;border:3px solid #0c70b4;border-radius: 50%;display: block;}
.contactform .wpcf7-radio.wpcf7-form-control label > input + .wpcf7-list-item-label:after{content:""; width: 16px;height: 16px;background: #0c70b4;border-radius: 50%;display: block;left:8px;top: 8px;visibility: hidden;opacity: 0;position: absolute;}
.contactform .wpcf7-radio.wpcf7-form-control label > input:checked + .wpcf7-list-item-label:after{visibility: visible;opacity: 1;}
.contactform .wpcf7-not-valid-tip{padding: 5px 0;}
.contactform .wpcf7-response-output{color:#FFF;}

footer .footer-menu{display: inline-flex;list-style: none;margin: 0;padding: 0;flex-wrap: wrap;justify-content: center;}
footer .footer-menu li:not(:first-child):before{content: '-';margin: 0 5px;}
footer .social-links-list{display: inline-flex;list-style: none;margin: 0;padding: 0;}
footer .footer-copyright{display: inline-flex;float: right;list-style: none;margin: 0;padding: 0;gap:20px;}
footer .footer-copyright a{float: none;margin: 0;}

.clientLogo{height: auto;}
.clientLogo.grayout{filter: grayscale(1);}

.brands-logo-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;}
.brands-logo-grid img{float: none;width: 100%;padding: 0;background: none;border: 0;height: auto;max-width: 70%;}
.brands-logo-grid > div{padding: 15px;background-color: #FFF;display:flex;align-items: center;justify-content: center;min-height: 155px;}

.content-component h2{color: rgba(70,195,250,1);}

.agency-slider .slick-slide{opacity:1;}

.hero-layout .wrapper{
    display: flex;
    height: 100%;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    color: #FFF;
}

.hero-layout .animation-container{margin: 0;}

.hero-layout h1{
    margin: 0;
    font-size: 4em;
}

.hero-layout__content{
    font-size: 26px;
    font-weight: bold;
}

[data-animated-text] > span{
    /*transition: 1s ease-in-out all;*/
    overflow: hidden;
    /*opacity: 0;*/
    /*width:var(--text-width);*/
    border-right: 2px solid white;
    white-space: nowrap;
    vertical-align: bottom;
}

.service-slide-block{position: relative;display: flex;flex-direction: column;gap: 20px;padding: 30px;}
.service-slide-block__number{color: rgba(25,25,25,0.6);}
.service-slide-block h2{margin: 0;color: #000;font-size: 24px;font-weight: bold;}
.service-slide-block h2 span{border-bottom: 3px solid rgba(70,195,250,0.9);display: inline-block;}
.service-slide-block__content *{font-size: 14px;line-height: 1.5;letter-spacing: 0;color: rgba(25,25,25,0.6);}
.service-slide-block__content p,
.service-slide-block__content ul{margin: 0 0 20px;}
.service-slide-block__content ul{padding: 0 0 0 13px;}
.service-slide-block__content ul li::marker {color: rgba(70,195,250,0.9);}
.service-slide-block__content ul li:not(:first-child){margin-top: 10px;}
.service-slide-block__content *:last-child{margin-bottom: 0;}

.services-slider{height: auto;}
.services-slider .slick-slide{opacity:1;border-right: 1px solid rgba(25,25,25,0.1);}
.services-slider .slick-dots{position: relative;}

.section-services-slider{background-color: #FFF;padding: 70px 0;}

@media (min-width: 992px) {
    nav ul li a{
        font-size: 32px;
    }
}

@media (max-width: 991px) {
    .contact-content-wrapper{background-color: #FFF;}
    .contact-content-wrapper .wrapper{position: relative;left: auto;right: auto;top: auto;bottom: auto;width: 100%;}
    .contact-content-wrapper .contact-map-frame{height: 350px;}
    .contact-content-wrapper .map-content-wrapper .contact-form-box{position: relative;width: 100%;top: auto;right: auto;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);}
    .contact-content-wrapper .map-content-wrapper .contact-info-box{position: relative;top: auto;width: 100%;}
    .contact-content-wrapper .map-content-wrapper .contact-info-box .contact-info-box-inner{position: relative;top: auto;left: auto;right: auto;bottom: auto;}
    .contact-content-wrapper .map-content-wrapper .contact-info-box .info-box-content{padding: 25px;padding-bottom: 0;}

    .content.video .video-content{padding: 0;}

    .brands-logo-grid{
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .contactform .contactform__inner{
        box-sizing: border-box;
        width: 100%;
    }

    .content.video .video-content h1{font-size: 30px;}
    .content.video .video-content p{font-size: 16px;line-height: 25px;}
    .content.video .video-content{font-size: 14px;}

    .brands-logo-grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .servicebubble a{
        font-size: 3.5vw;
    }

    .servicebubble a.black{
        font-size: 4vw;
    }

    .content .servicebubble{
        width: 100%;
        margin: 0;
        height: auto;
    }

    .content .servicebubble a{
        aspect-ratio: 1;
        height: auto;
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .content .servicebubble a.circle-position-1{
        left: 20%;
        top: 0;
        width: 25%;
    }

    .content .servicebubble a.circle-position-2{
        left: 56%;
        top: 7vw;
        width: 22%;
    }

    .content .servicebubble a.circle-position-4{
        left: 4%;
        top: 19vw;
        width: 23%;
    }

    .content .servicebubble a.circle-position-3{
        left: 8%;
        top: 41vw;
        width: 30%;
    }

    .content .servicebubble a.circle-position-5{
        left: 63%;
        top: 26vw;
        width: 30%;
    }

    .content .servicebubble a.circle-position-6{
        left: 51%;
        top: 51vw;
        width: 23%;
    }
}

@media (max-width: 480px) {
    footer .copy > .wrapper{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

    .hero-layout h1{
        font-size: 3em;
    }

    .hero-layout__content{
        font-size: 22px;
    }

    .brands-logo-grid img{
        max-width: 90%;
    }

    .brands-logo-grid > div{
        min-height: 130px;
    }
}