p{font-size: 16px;}
.contact-footer li span, .contact-footer li strong, footer .menu li a{font-size: 16px;}

.custom-navbar-menu .nav-item .nav-link.page-scroll.active{color: #0088CD !important;}
.custom-navbar-menu .nav-item .nav-link.page-scroll.active::before{color: #0088CD !important; background: #0088CD !important;}

#carousel-area .carousel-control-next i, #carousel-area .carousel-control-prev i{background: #0088CD;}

.btn-common, .btn-border:hover, .section-header .section-title:before, .footer-social li a, .back-to-top i{background: #0088CD;}

.controls .active{border-color: #0088CD !important;color: #0088CD !important;}

footer .menu li a:hover, .contact-info i, #blog .blog-item-text h3 a:hover, .meta-tags span a:hover{color: #0088CD;}

.about-us {
    padding: 80px 0;
}
/* .about-us .section-header{padding-bottom: 40px;} */
.about-us .mr-p{margin-bottom: 10px;}

.flex-view{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.flex-view > div{width: 100%; margin: 10px 0px 30px; padding-right: 15px;padding-left: 15px;}
.flex-view > div .item-boxes{margin: 0px;    width: 100%;
    float: left;
    position: relative;
    height: 100%; cursor: pointer;}

.carousel-item.banner-carousel{background: #000000;}
img.banner-image{transform: translateX(-50%);margin-left: 50%; opacity: 0.5;}

.icon-video{display:inline-block; width: 70px; height: 70px;  background-image: url('../images/icons/video-production.png');background-position: center center;background-repeat: no-repeat;}

.icon-digital{display:inline-block; width: 70px; height: 70px;  background-image: url('../images/icons/digital-media.png');background-position: center center;background-repeat: no-repeat;}

.icon-social-media{display:inline-block; width: 70px; height: 70px;  background-image: url('../images/icons/social-media.png');background-position: center center;background-repeat: no-repeat;}

.icon-creative{display:inline-block; width: 70px; height: 70px;  background-image: url('../images/icons/creative-design.png');background-position: center center;background-repeat: no-repeat;}

.icon-content{display:inline-block; width: 70px; height: 70px;  background-image: url('../images/icons/content-marketing.png');background-position: center center;background-repeat: no-repeat;}

.icon-portfolio{display:inline-block; width: 70px; height: 70px;  background-image: url('../images/icons/portfolio-managment.png');background-position: center center;background-repeat: no-repeat;}

.icon-pointer{display:inline-block; width: 50px; height: 50px; border-radius: 50%; background-image: url('../images/icons/pointer.png');background-position: center center;background-repeat: no-repeat;}

.icon-mail{display:inline-block; width: 50px; height: 50px; border-radius: 50%; background-image: url('../images/icons/mail.png');background-position: center center;background-repeat: no-repeat;}

.icon-contact{display:inline-block; width: 50px; height: 50px; border-radius: 50%; background-image: url('../images/icons/contact.png');background-position: center center;background-repeat: no-repeat;}

.social-icon{display:inline-block; width: 40px; height: 40px; border-radius: 9px; background: #ff0000;color: #fff;font-size: 24px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}

.icon-facebook{background: #3b5998;}
.icon-instagram{background: #d6249f;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.icon-twitter{background: #3ea4ef;}
.icon-linkedin{background: #2679b2;}
.icon-youtube{background: #ff0000;}


.footer-social li{margin-right: 5px;}
.footer-social li a{width: 40px; height: 40px; background: none;}

.btn{background: url('../images/btn-texture.png');background-size: 170% auto;background-position: center center;}

.navbar-expand-md .navbar-toggler:active{border-color: #0088CD; background: #0088CD;}
.navbar-expand-md .navbar-toggler{background: #0088CD;}

.custom-popup{display:none;width: 100%; height: 100%; position:fixed; left: 0px; top: 0px; z-index: 1000; background: rgba(0, 0, 0, 0.8);}

.custom-popup .custom-popup-inner{width: 60%; height: 100%; max-height: 80%; padding: 20px 30px; background: #ffffff; position: relative;border-radius: 5px;margin-left: 50%;margin-top: 80px; transform: translateX(-50%);}

.custom-popup .custom-popup-inner span.close-custom-popup{position: absolute; top:-50px; right: 0px;width:40px;height:40px;border: 1px solid #fff; border-radius: 50%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;color: #fff;font-weight: 800; cursor: pointer;}

.custom-popup .custom-popup-inner .custom-popup-content{height: 100%;width: 100%;overflow-y: auto;}
.custom-popup .custom-popup-inner .custom-popup-content .services-detail{display:none;}
.custom-popup .custom-popup-inner .custom-popup-content .services-detail.active{display:block;}

.double-bounce1, .double-bounce2{background: #0088CD;}


@media (min-width: 576px) {
    .flex-view > div{width: 50%}
}
@media (min-width: 768px) {
    .flex-view > div{width: 50%}
    .custom-popup .custom-popup-inner{width: 84%;}
    .custom-popup .custom-popup-inner .section-header span{font-size: 34px;}
}
@media (min-width: 992px) {
    .flex-view > div{width: 33.33333%}
    .custom-popup .custom-popup-inner{width: 76%;}
    .custom-popup .custom-popup-inner .section-header span{font-size: 40px;}
}

@media (max-width: 480px) and (min-width: 320px) {
    .navbar-expand-md .navbar-brand, .navbar-expand-md .navbar-toggler{margin: 2px 15px;}
    #carousel-area .carousel-item .carousel-caption h3{font-size: 20px;}
    #carousel-area .carousel-item .carousel-caption h2{font-size: 34px;}
    #carousel-area .carousel-item .carousel-caption h4{font-size: 16px;}
    #carousel-area .carousel-item .carousel-caption{top: 20%;}
    #carousel-area .carousel-indicators{bottom: 10px;}
}
@media (max-width: 767px) {
    .custom-popup .custom-popup-inner{width: 92%;}
    .custom-popup .custom-popup-inner .section-header span{font-size: 52px;}
}
@media (max-width: 640px) {
    .navbar-expand-md .navbar-brand, .navbar-expand-md .navbar-toggler{margin: 2px 15px;}
    .navbar-brand img{max-width: 50px;}
    .carousel-item.banner-carousel{padding-top:76px;}
    img.banner-image{width: 1100px;}
    img.banner-image.leftBanner{transform: translateX(0);margin-left: 0px;}
    .custom-popup .custom-popup-inner .section-header span{font-size: 28px;}
}