/**
 * place custom style in this file
 * add !important to the end if no effect
 * e.g. color: #fff !important;
 * --------------------------------------------------
 *
 */

.caret-up {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}
.menu_dropdown ul{
    background-color: rgba(0, 0, 0, 0.8);border: 0; min-width: 200px;
}
.menu_dropdown ul li a {
    color: rgba(255, 255, 255, 0.7);
}
.menu_dropdown ul li:hover a{margin-left: 15px;transition: all 0.5s ease;}
.menu_dropdown ul li a{transition: all 0.5s ease;}
.menu_dropdown ul li a:hover, .menu_dropdown ul li a:focus{background-color: transparent !important; color: rgba(255, 255, 255, 0.7); }
.navbar-nav > li:hover a {color: #fff !important;}
.engaged_your_customer .pricing-table-header-title {font-size: 20px;margin: 1em 0;text-align: center;}
.fst_party_data .iconbox-wrap.col-sm-3.wow.fadeInUpShort {width: 20%;}
.contact-section-contact-info-row .material-icons {font-size: 34px;}
.premium_audience_icon {margin: 2em 0;}
.premium_audience_icon:nth-child(3n+1) {clear: left;}
.premium_audience_icon img {margin-bottom: 1em;}
.precision_targetting .material-icons {color: #8f6fea;font-size: 60px;}
#achieve_higher_roi .material-icons {color: #8f6fea;font-size: 60px;}
.toTop i:hover i, .toTop:active i, .toTop i:focus i {color: #fff;outline: medium none;}
.toTop .fa.fa-chevron-circle-up {color: #ccc;font-size: 55px;}
.toTop:focus {outline: medium none;}
.toTop {bottom: 1%;position: fixed;right: 1%;z-index: 5;}
#achieve_higher_roi .iconbox-wrap:nth-child(6n+1) {clear: left;}
#achieve_higher_roi .iconbox-wrap {margin: 2em 0;text-align: center;}
#achieve_higher_roi .iconbox-header-title {font-size: 16px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color: #eee;color: #212121;text-decoration: none;}
.font_size26{font-size: 26px;}
.navbar-brand.scale_logo {padding-top: 21px;}
.frame-video-1 {
    background-image: url("../../assets/img/mobile-wireframe/mobile-wireframe-light.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 510px;
    padding: 50px 42px 55px;
}	
#svideo {width: 100%;}
.playpause {
    background-image:url(../../assets/img/playpause.png);
    background-repeat:no-repeat;
    width:40px;
    height:40px;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}
.playpause-2 {
    background-image:url(../../assets/img/playpause.png);
    background-repeat:no-repeat;
    width:40px;
    height:40px;
    position:absolute;
    left:0%;
    right:0%;
    top:-16%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}
.video {width: 100%;}
.wrp{ display:table;width:auto;position:relative;width:50%;}
#screenshotCarousel .slick-slide, .frame-video-1 {cursor: pointer;}

/*------------------------   Responsive css start   ---------------------------*/
@media (max-width: 1200px) {
.frame-video-1 {padding: 0 15px;}
}
@media (max-width: 1024px) {
.get_closer_icons {margin: 2em 0;width: 50% !important;float: left;}
.get_closer_icons:nth-child(2n+1) {clear: left;}
}
@media (max-width: 991px) {
.frame-video-1 {padding: 50px 42px 55px;}
.navbar-brand.scale_logo { padding-top: 12px;}
.navbar-brand > img {width: 200px;}
}
@media (max-width: 767px) {
.premium_audience_icon {float: left;margin: 5% 1% !important;width: 31%;}
#achieve_higher_roi .iconbox-wrap:nth-child(2n+1) {clear: left;}
.frame-video-1 { background-image: none; padding: 15px; height: auto;}
.navbar-brand.scale_logo { padding-top: 15px;}
.navbar-brand > img {width: 170px;}
}
@media (max-width: 640px) {
.get_closer_icons {width: 100% !important;}
}
@media (max-width: 480px) {
.premium_audience_icon:nth-child(3n+1) {clear: none !important;}
.premium_audience_icon { width: 48%;}
.premium_audience_icon:nth-child(5n+1) {clear: none;}
#premium_audiences .premium_audience_icon:nth-child(2n+1) {clear: left;}
#available_traffic_volumes .premium_audience_icon:nth-child(5n+1) {clear: left;}
}
/*------------------------   Responsive css end   ---------------------------*/