*{margin:0; padding:0;}
li{list-style: none;}
a{text-decoration: none;}
a:hover{text-decoration:underline;}
.ph{background: #979797; margin:0 30px; min-height: 50%; }
#marketPlaceSubHeader .logo-show,.logo-show{padding:0 183px;}

::selection {
    color: #000;
    text-shadow: none;
    background: #b2d7ff ;
}


@font-face {
    font-family: 'open_sansextrabold';
    src:  url('/Content/New/assets/fonts/opensans/OpenSans-ExtraBold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    }

@font-face {
    font-family: 'open_sansregular';
    src:  url('/Content/New/assets/fonts/opensans/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal
    }

@font-face {
    font-family: 'open_sanslight';
    src:  url('/Content/New/assets/fonts/opensans/OpenSans-Light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    }

@font-face {
    font-family: 'open_sanssemibold';
    src:url('/Content/New/assets/fonts/opensans/OpenSans-Semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src:  url('/Content/New/assets/fonts/opensans/OpenSans-Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('/Content/New/assets/fonts/opensans/OpenSans-ExtraBold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

        body{
             --banner-gradient: linear-gradient(168deg, #EA4555 1%, #FA705C 89%);
             --banner-header-font:'open_sansbold';
             --banner-header-font-bolder:'open_sansextrabold';
             --banner-text-font:'open_sanslight';
             --banner-semi-bold-font:'open_sanssemibold';
             --banner-regular-font:'open_sansregular';

             --link-color:#4A90E2;

             --cta-font-size:12px;
             --global-letter-spacing:1.4px;

             font-family: var(--banner-regular-font),Arial, sans-serif;
            
        }

          
   
            .wrapper {
                 overflow: hidden;
            min-height: 700px;

            /* Equal to height of footer */
            /* But also accounting for potential margin-bottom of last child */
            }
            .overpop{ z-index: 40000; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #fff; display: none; }
            .pop_footer{text-align: center;font-family: var(--banner-regular-font); font-size: 16px; color: #4A4A4A; letter-spacing: 0; text-align: center; line-height: 79px;}
            .pop_footer .content{border-top:1px solid rgba(151,151,151,0.3);}
            .pop_footer a{color:#4A90E2;}
            .pop_footer a:hover{text-decoration: underline;}
            .footer,
            .footer-copy {}

            .sidebar{position: fixed; width:230px ; top:0; right:0; height:100%; padding:0 10px; background: #fff; z-index: 40000000000;transform:translateX(120%);will-change: transform; transition:300ms transform; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);}
            .sidebar .close{ color:#4a4a4a;position: absolute; right:10px; top:10px; font-size: 24px; }
            .sidebar .close:hover{text-decoration: none;}
            .showsidebar .sidebar{transform:translateX(0);}
        .link{font-family: var(--banner-regular-font)-Bold; font-size: var(--cta-font-size); color: #4A4A4A; letter-spacing: 1.4px; text-align: center; display: inline-block; margin:0 30px; text-transform: uppercase;}
        .btn{background: #EA4555;border:0 none; border-radius: 50px; color:#fff;font-size:var(--cta-font-size); display: inline-block; padding:15px 45px;letter-spacing: var(--global-letter-spacing); text-transform: uppercase;     line-height: 1;}
        .btn-alt{background:none;border-radius: 50px; color:#fff;font-size:var(--cta-font-size); display: inline-block; padding:15px 45px;letter-spacing: var(--global-letter-spacing);box-shadow: 0 0 0px 1px #fff inset,0 0 0px 1px #fff; text-transform: uppercase; transition: 300ms background-color;    line-height: 1;}
        .btn:hover,.info-block .btn:hover{background:#fff;color:#EA4555;font-weight: bold;box-shadow: 0 0 0px 1px #EA4555 inset,0 0 0px 1px #EA4555; text-decoration: none;}
        .btn.alt2{background:#4A90E2; color:#fff;}
        .btn-alt:hover{text-decoration: none; background: #fff; color:#EA4555;}
        .btn.alt2:hover{background:#fff;color:#4A90E2;font-weight: bold;box-shadow: 0 0 0px 1px #4A90E2 inset,0 0 0px 1px #4A90E2;text-decoration: none;}
        .btn.alt3{background:#fff;color:#4A90E2;font-weight: bold;box-shadow: 0 0 0px 1px #4A90E2 inset,0 0 0px 1px #4A90E2;text-decoration: none;}
        .btn.alt3:hover{background:#4A90E2; color:#fff;}
        
        .btn.loading:hover,.info-block .btn.loading:hover{background: #EA4555;border-radius: 50px; color:#fff;font-size:var(--cta-font-size); display: inline-block; padding:15px 45px;letter-spacing: var(--global-letter-spacing); text-transform: uppercase;     line-height: 1;}


        .content{width:1280px; margin:0 auto;}

        /*display*/
        .dp-parent{display:flex;}
        .dp-child{flex-grow: 1;}
        
        .structure .dp-child:nth-child(1){background:rgba(0,0,0,0.1);}
        .structure .dp-child:nth-child(2){background:rgba(0,0,0,0.2);}
        .structure .dp-child:nth-child(3){background:rgba(0,0,0,0.3);}
        .structure .dp-child:nth-child(4){background:rgba(0,0,0,0.4);}
        .structure .dp-child:nth-child(5){background:rgba(0,0,0,0.5);}
        .structure .dp-child:nth-child(6){background:rgba(0,0,0,0.6);}
        .structure .dp-child:nth-child(7){background:rgba(0,0,0,0.7);}
        .structure .dp-child:nth-child(8){background:rgba(0,0,0,0.8);}
        .structure .dp-child:nth-child(9){background:rgba(0,0,0,0.9);}
        .structure .dp-child:nth-child(10){background:rgba(0,0,0,1);;}


        .banner{background:var(--banner-gradient) ; position: relative; margin-top:-100px; height: 590px; padding-top:100px; }
        .banner.clp_over{overflow: hidden;}
        .banner.space-bot{padding-bottom: 6vh;}
        .banner .tri,.cuts .tri{width: 0; height: 0; border-left: 30vw solid transparent; border-right: 25vw solid transparent; border-bottom: 4vw solid #f8f9fb; position: absolute; right:0; bottom:-2px;z-index: 2;}
        .banner .tri.tri1,.cuts .tri.tri1{border-bottom: 3vw solid #f8f9fb;left:0}
        .banner .hdr1 .dp-child{height:calc(72vh - 200px); width:50%;}
        .banner .hdr1 h2{font-family: var(--banner-header-font); font-size: 60px; color: #FFFFFF;  line-height: 80px;letter-spacing: 0px; padding-top: 90px;}
        .banner .hdr1 .desc{font-size: 20px; color:#fff;font-family: var(--banner-text-font);padding: 10px 180px 35px 0px;line-height: 35px; }
        .banner h2 p:nth-child(1),.banner.banner6 h2 p:nth-child(2){position: relative;}    
        .banner h2 p:nth-child(1):after ,.banner.banner6 h2 p:nth-child(2):after{position: absolute; content: ""; background: url(/Content/New/assets/images/mnet.svg) no-repeat; width: 11.38vh; height: 2.4vh; top: -1.5vh; left: 12vh; background-size: contain;}
        .market-place .banner .content { padding-bottom: 6vh; background-size: 59%; background-position: 444px 140px; height: 700px; }
        .market-place-banner .content{ background: url(/Content/New/assets/images/marketplace_banner_image.png) no-repeat;}
        /*banner2*/
        .banner2 .hyptri { width: 0px; height: 0px; border-top: 22vh solid transparent; border-right: 100vw solid #fff; position: absolute; bottom: -2px; }
        .banner2 h6{ font-family: var(--banner-header-font); font-size: 68px; color: #FFFFFF; letter-spacing: 0; text-align: center; padding-top:140px;;} 
        .banner2 p{font-family: var(--banner-regular-font); font-size: 30px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 42px; font-weight: normal}
        .banner2 img{width:850px; margin:0 auto;display: block; margin-top: 60px;; }
        .banner.banner2 {padding-bottom: 25vh;padding-top: 0; margin-top: 0;}
        .banner2 .banner-btn-holder-ctr{text-align: center; padding:30px 0 0 0;}
        


        /*mid nav*/
        .nav{background: #FFFFFF;box-shadow: 0 2px 4px 0 rgba(231,231,231,0.50); height: 100px; line-height: 100px; position: relative;z-index: 1}
        .nav a{font-size:var(--cta-font-size); color: #4A4A4A; font-weight: bold;text-align: center; display: block;}
        .nav a:hover{color: #D0021B;}
        /*mid nav*/

        /*nav screen*/
        .nav-screen{background: #F8F9FB; position: relative; padding:50px 0 50px; }
        .nav-screen h3{font-family: var(--banner-header-font-bolder);   text-align: center ;padding-bottom:42px; font-size: 50px; color: #4c4c4c; letter-spacing: -1.74px; line-height: 68px;}
        .nav-desc{font-family: var(--banner-regular-font); font-size: 16px; /*font-size: 1.66vh;*/color: #4c4c4c; letter-spacing: 1px; text-align: center; line-height: 35px; /*line-height: 3.32vh;*/ padding:0 20px; width: 748px;margin: 0 auto;}
        .nav-desc a{color: var(--link-color);}
        .nav-screen .content{position: relative;}
        .info-block{background: #FFFFFF; box-shadow: 0 8px 45px 0 rgba(206,206,206,0.50); border-radius: 14px; position: relative; width:90%; margin:0 5%; text-align: center; padding:35px;transform: translateY(-105px);box-sizing: border-box;}
        .info-block a{display: block; font-size:var(--cta-font-size);  color:#D0021B;}
        .info-block p+span { display: block; padding: 12px; font-family: var(--banner-regular-font); font-size: 14px; color: #D0021B; letter-spacing: 1.63px; font-weight: bold; }
        .info-block p{font-family: var(--banner-text-font); font-size: 78px; color: #0F083F; letter-spacing: 0; text-align: center;}
        .info-block .btn{position: absolute; bottom: -10%; color: #fff; left: 50%; margin-left: -92px;}
        /**/


        /**/
        .effect-display{padding: 10px 0 0px 0;}
        .effect-display h4{font-family: var(--banner-header-font-bolder); font-size: 40px; color: #4a4a4a; letter-spacing: 0; text-align: left; line-height: 50px; margin-top: 60px;}
        .effect-display h5{font-family: var(--banner-semi-bold-font); font-size: 25px; color: #808080; letter-spacing: 0; text-align: left; line-height: 32px;margin-top: 20px;}
        .effect-display ul{margin-top: 25px;margin-left: 20px;}
        .effect-display li {font-size: 16px;line-height: 30px;color: #808080; text-align: left;list-style-type: disc;font-family: var(--banner-regular-font);padding-left: 10px;}
        .effect-display li span {position: relative;left: -10px;}
        .effect-display .desc{font-family: var(--banner-regular-font); font-size: 20px; color: #808080; letter-spacing: 1px; text-align: left; line-height: 40px;}
        .effect-display .mobile-infographic{max-width: 442px; max-height: 854px;width: 32.68vh; height: 62.88vh; background: url(../Content/New/assets/images/mobile-infographic.png) no-repeat center; margin: 0 auto; background-size: 102%;box-shadow: 0 0 50px rgba(0,0,0,0.2); border-radius: 50px;}
        .effect-display .cont{margin-top:270px;}
        .effect-display .dp-child{ padding:20px;}
        .effect-display .dp-child:nth-child(1){flex-grow: 1; }
        .effect-display .dp-child:nth-child(2){flex-grow: 2; min-width: 60%; }
        .effect-display h4 span{border-bottom: 8px solid #FFE500;}
        .effect-display .btn{background: #4A90E2}
        .effect-display .dp-child:nth-child(1) .dp-child:nth-child(2){padding-top:35px;}


        .effect-display2{background: #F8F9FB; padding:50px 0 42px}
        .effect-display2 h4{font-family: var(--banner-header-font-bolder); font-size: 35px; color: #4A4A4A; letter-spacing: 0; text-align: center;  padding-bottom:2vh;line-height: 90px;}
        .effect-display2 .small-preview img {width: 100%;}
        .effect-display2 .large-preview img {width: 100%;}
        .effect-display2 h5{text-align:center;font-family: var(--banner-text-font);font-size: 24px;color: #808080; height:30px; line-height: 30px; padding-bottom: 20px;}
        .v-line{width:2px; height:4vh; margin:10px auto; background: #979797;}
        .effect-display2 .dp-child{ padding:20px;}

        .effect-display2 .dp-child{box-sizing: border-box;}
        .small-preview { height: 20.8vh; overflow: hidden; width: 25vh; margin: 0 auto; }
        .effect-display2 .dp-parent{align-items: center;}



        /*cookie info*/
        .cookie-info{padding:30px 0 0;}
        .cookie-info .dp-parent{    align-items: center;}
        .cookie-info h4,.cookie-info h5{text-transform: capitalize;font-family: var(--banner-header-font); font-size: 36px; color: #4c4c4c; letter-spacing: 0px; padding-bottom:10px; font-weight: bold;}
        .cookie-info h6{font-family: var(--banner-regular-font); font-size: 26px; color: #4c4c4c; letter-spacing:0px; font-weight:normal;}
        .cookie-info .desc{font-family: var(--banner-regular-font);  line-height: 34px; padding: 40px 0;font-size: 18px; letter-spacing: 1px; color: #4c4c4c;  line-height: 35px; }
        .cookie-info img{ width: 400px; vertical-align: bottom;}
        .cookie-info img.shiftY{transform: translateY(5px);}
        .cookie-info img.search_img{width:510px;}
        .cookie-info img.display_img{width:400px; margin-top:70px;}
        .cookie-info .dp-child:nth-child(2),.cookie-info.alt .dp-child:nth-child(1){padding:80px}
        .cookie-info .dp-child:nth-child(1),.cookie-info.alt .dp-child:nth-child(2){padding:0px}
        .cookie-info p{opacity: 0.7; font-family: var(--banner-regular-font); font-size: 16px; color: #4c4c4c; letter-spacing: 0; line-height: 35px;}
        /*.cookie-info h5 {font-family: var(--banner-header-font-bolder); font-size: 60px; color: #4A4A4A; letter-spacing: 0; line-height: 70px; padding-bottom: 30px;}*/
        .cookie-info h5 span{border-bottom: 8px solid #FFE500;}
        .cookie-info .dp-child:nth-child(2) .dp-child:nth-child(2){padding:0;}
        .cookie-info .dp-child:nth-child(2) .dp-child:nth-child(1) h5{padding-right:50px; min-width: 400px;}
        .cookie-info .dp-end.dp-parent{align-items: flex-end;}
        .cookie-info .dp-end.dp-parent .dp-parent{align-items: flex-start;;}
        
        /*cookie info*/

        /*more-info*/
        .more-info{padding:0px;}
        .more-info .dp-child{ width:50%}
        .more-info.cookie-info .dp-child:nth-child(1){padding-top:0px}
        .more-info.cookie-info .dp-child:nth-child(2){padding:0px; min-width: 750px;}
        .more-info .btn{background: #4A90E2; margin-top:40px;}
        .ias{padding-top:50px;}
        .more-info .browser{width: 100%; }
        .more-info.cookie-info .dp-child:nth-child(1){padding-top:00px}
        .cookie-info.more-info .dp-parent{align-items: center;}
        /*cookie info*/

        /*form apply*/
        .scenary{background: url(/Content/New/assets/images/scenary.png) no-repeat; background-size: cover; min-height:600px; background-position:center;    flex-grow: 2.5;}
        .formapply{padding:50px;}
        .sform .textbox, .textbox{border: 1px solid #CCCCCC;border-radius: 3px; height:62px; line-height: 62px; width:320px; padding:0 20px;font-family: var(--banner-regular-font); font-size: 15px; color: #9B9B9B;}
        ::placeholder {color: #9B9B9B; opacity: 1; }
        .field{padding-top:18px;}
        .disclaimer{font-family: var(--banner-regular-font); font-size: 12px; color: #9B9B9B; padding:30px 0 5px 0;}
        .formbanner{    border-top:0px solid #f7f7f7;}
        .formbanner h2{font-size:18px; font-family:  var(--banner-text-font), var(--banner-regular-font), sans-serif; font-weight: normal;}
        .formbanner h3{font-size:42px; font-family:  var(--banner-header-font), sans-serif; }


        /*==============================================FOR=PUBLISHERS===============================================================================*/


        .nav#forPublishersSubHeader a{font-family: var(--banner-regular-font)-Bold; font-size: var(--cta-font-size); color: #4A4A4A; letter-spacing: 2.1px; text-align: center;}


        .banner4{background: none;}
        .banner4.auto-height{min-height: auto; height:auto;padding-bottom: 100px;}
        .banner4 img{    width: 100%; display: block; }

        
        .banner.banner4 .hdr1 h2{font-family:var(--banner-header-font);color:#EA4555; padding-top: 72px;font-size: 78px; color: #EA4555; letter-spacing: -3.56px; line-height: 73px;}
        .banner.banner4 .ban-holder{padding:0 0 0 72px;} 
        .banner.banner4 .hdr1 h2 span{position:relative;}
        .banner.banner4 .hdr1 h2 span:after{background: #FFE500;position:absolute; content: ""; width:100%; height:8px; bottom:0;left:0;}
        .banner.banner4 .call-holder{padding:6.474vh 0 0 0;} 
        .banner.banner4 .btn-alt2:hover{background: none ;}
        .banner.banner4 h2 p:nth-child(1):after{display: none;}
        body.publishers,body.programmatic{    background: url(../Content/New/assets/images/banner_shape.png) no-repeat 93% 0;background-size: 84% auto;}
       

        .vid-block{background: #F8F9FB; padding-bottom:10.541vh;}
        .vid-block h2{text-align: center; font-family:var(--banner-header-font); padding: 105px 0 87px 0;font-size: 60px; color: #4A4A4A; letter-spacing: -1.74px; line-height: 68px;}
        .vid-holder{width:80%; margin:0 auto; position: relative; padding-bottom:80px;}
        .vid-holder img,.vid-holder video{width: 100%; display: block;}
        .vid-holder video{box-shadow: 0 5px 30px rgba(0,0,0,0.4); width:75%; margin: 0 auto;}
        .vid-block h3{font-family: var(--banner-regular-font)-Bold; font-size: 35px; color: #4A4A4A; letter-spacing: 1px; text-align: center; line-height: 3.32vh; padding-bottom: 4vh;}
        .vid-block p{ color: #4A4A4A; font-family: var(--banner-regular-font); font-size: 24px;letter-spacing: 1px; text-align: center; line-height: 40px; font-weight: normal}
        .vid-block .playpause{position: absolute; top:50%; left:50%; width: 180px;height: 180px;margin: -110px 0 0 -90px; background:url(../Content/New/assets/images/play.png) no-repeat; background-size: cover; }


       
        header.fxd{position: fixed;top:0; width: 100%;z-index: 2; background: #fff; }
        header.fxd a{color:#4a4a4a;}
        header.fxd a:hover{color:#F72960 ;}
        header.fxd a span{background: #EA4555;
        border-radius: 50px;
        color: #fff; display: inline-block; line-height: 20px; padding:5px 10px;}


        .banner.banner3 .hdr2 h2{font-family: var(--banner-header-font); font-size:64px; color: #FFFFFF;  line-height: 92px;letter-spacing: -2.47px; text-align: center; }
        .banner3{background-image: linear-gradient(-168deg, #EA4555 4%, #FA705C 89%); padding-top:0; margin-top:0;}
        .banner3 img { width: 100%; }
        .banner.banner3 .dp-parent{align-items: flex-end;justify-content: center;}
        .banner.banner3 .hdr1 .dp-child{width: 33.33%;}
        .banner.banner3 .hdr1 .dp-child .cntr{display: inline-block; }
        .banner.banner3 .hdr1 .dp-child:nth-child(2){text-align: center;}
        .banner.banner3 .hdr1 .dp-child:nth-child(2) h2 p{text-align: left;}
        .banner.banner3 .hdr1 .dp-child:nth-child(2) h2 p{font-family: var(--banner-header-font); font-size: 12.8vh; color: #FFFFFF;  line-height: 7.65vh;letter-spacing: -0.35vh;}
        .banner.banner3 .hdr1 .dp-child{height:auto;}
        .banner.banner3 .list-item{ padding:0vh 24px 100px; height:60px;font-family: var(--banner-text-font); font-size: 27px; color: #FFFFFF; letter-spacing: 1px; text-align: center; }
        .banner.banner3 .list-holder{padding-top:8.3vh;}
        .banner.banner3 .btn-alt{background: #fff; color:#EA4555;}
        .banner.banner3 .btn-alt:hover{background: transparent; color:#fff}
        .banner.banner3{ height: auto; padding-bottom: 5vh;}
        .banner.banner3 .content{width:90%;}


        .collection{position: relative; }
        .collection .dp-parent{ text-align: center;}
        .collection.bar .dp-child{height: 12px; }
        .publishers .collection .dp-child{ padding:270px 0 60px 0;position: relative;}
        .collection .dp-child:nth-child(1){background: #ffab9d;}
        .collection .dp-child:nth-child(2){background: #ff6382;}
        .collection .dp-child:nth-child(3){background: #d469c8;}
        .collection .dp-child:nth-child(4){background: #8f85db;}
        .collection .dp-child:nth-child(5){background: #4fadff;}
        .collection .dp-child:nth-child(6){background: #38da96;}
        .collection h4{font-family: var(--banner-header-font-bolder); font-size: 64PX; color: #FFFFFF; letter-spacing: -2px; font-weight: bold; position: absolute;width:100%; text-align: center;padding-top: 36px; z-index: 2;}
        .collection p.text{ position: absolute; width:100%; font-family: var(--banner-text); font-size: 27px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 51px; top:136px;z-index: 2;}
        .space-hdr-top{margin-top: 0px;}
        .collection img{ width: 90%; margin-left: 5%;  position: relative; z-index: 10;   max-width: 238px;}
        .collection .text span{width: calc((100% - 1119px)/4); height: 1px; background: #fff; display: inline-block; transform: translateY(-7px); position: relative;}
        .collection .text span.r{ margin-left:15px;}
        .collection .text span.l{margin-right:15px;}
        .collection .text span:before{height: 163px; width:1px; position: absolute; background: #fff; content:""; bottom:0}
        .collection .text span.l:before{left:0;}
         .collection .text span.r:before{right:0;}

                 
        .collection .dp-child:after{position:absolute; width:100%; height:100%; opacity:0;bottom:0; content:"";    display: block; transition:opacity 500ms; will-change: opacity;}
        .collection .dp-child:hover:after{opacity:1;}
        .collection .dp-child:nth-child(1):after{background: #ff9c8c;}
        .collection .dp-child:nth-child(2):after{background: #ff4167;}
        .collection .dp-child:nth-child(3):after{background: #cc4fbe;}
        .collection .dp-child:nth-child(4):after{background: #8378d7;}
        .collection .dp-child:nth-child(5):after{background: #2d9dff;}
        .collection .dp-child:nth-child(6):after{background: #26ca85;}
        .collection .cta_collection{position: absolute; width:100%; bottom: -21px; text-align: center; z-index: 3;}

        .collection .btn { background: #fff; color: #4c4c4c;  line-height: 1; box-shadow: 0 6px 15px 0 rgba(0,0,0,0.2); font-weight: bold;  transition:color 300ms, box-shadow 300ms; will-change: color box-shadow;}
        .collection .btn:hover{color:#EA4555;box-shadow: 0 6px 15px 0 rgba(0,0,0,0.3);}

        .pub-list{padding:150px 0; }
        .pub-list h3{font-family:  var(--banner-header-font); font-size: 60px; color: #4A4A4A; padding: 0 0 120px 0; letter-spacing: -1.74px; line-height: 68px; text-align: center; }
        .pub-list img{width:100%;}

        /*==============================================AD=FORMATS===============================================================================*/
        
        .hor-form h2, .hor-form h3,.hor-form .dp-child{text-align: center;}
        .hor-form h3{font-family: var(--banner-regular-font); font-size: 3.486vh; color: #4c4c4c; text-align: center;}
        .hor-form h2{font-family: var(--banner-regular-font); font-size: 18px; color: #4A4A4A; text-align: center; font-weight: normal}
        .hor-form .disclaimer{padding-top: 14px;}
        .hor-form .btn-holder{padding-top:5px;}
        .hor-form{padding:30px 0 30px 0;width: 70%; margin: 0 auto; position: relative;}
        .cuts .tri{bottom: -30px; RIGHT: 5%;}
        .cuts{background: #ECEFF3; height:70px; position: relative;} 



        .headline{background: #ECEFF3; padding:30px 30px 0 30px;; position: relative;}
        .headline h2{font-family: var(--banner-header-font); font-size: 5.275vh; color: #4A4A4A; letter-spacing: -1.74px;position: absolute;transform: translateY(50%); }
        .headline h3{text-align: center;  font-weight: normal;}
        .headline h3 p{font-family: var(--banner-regular-font); font-size: 24px; color: #4A4A4A; letter-spacing: 0.06vh; text-align: center; line-height: 40px;}
        .headline .dp-parent{padding-bottom:4.5vh;}

        .format-type .dp-child{max-width: 200px; text-transform: uppercase; padding:35px 0 70px;}
        .format-type .dp-child a{ font-family: var(--banner-regular-font); font-size: 18px; color: #4A4A4A; letter-spacing: 1.5px;font-weight: bold;}
        


        .format-preview{padding:5px 30px 30px; position: relative;}
        .format-preview .devices{width:160px;position: absolute; top:30px; right:20px;}
        .format-preview .devices .dp-child{height:33px; margin-right: 10px; cursor: pointer;}
        .format-preview .devices .dp-child a{height:100%;  background: url(../Content/New/assets/images/devices_icon.png) no-repeat;  opacity: 0.2}
        .format-preview .devices .dp-child:nth-child(1) a{background-position: 0 0;}
        .format-preview .devices .dp-child:nth-child(3) a{background-position: 0 -66px;}
        .format-preview .devices .dp-child:nth-child(2) a{background-position: 0 -34px;}
        .format-preview .devices .dp-child a {display: block;height: 100%;}
        .format-preview .devices .dp-child a.active{opacity: 1}
        .format-preview .devices .dp-child{}
        .format-preview .dp-child.listformat {max-width: 200px;}
        .format-preview .dp-child {width: 25%;}
        .format-preview ul li a{font-family: var(--banner-regular-font); font-size: 14px; color: #4A4A4A; letter-spacing: 1.5px; line-height: 40px;}
        .listformat{min-width:250px;}
        .dp-parent.preview {flex-wrap: wrap;}
        .dp-parent.preview .dp-child{width: 14vw; margin:0 0 7vw 7vw; max-width: 14vw;  transition: width 200ms ease-in, margin 100ms ease-in;}
        .dp-parent.preview .dp-child img{width:100%;}
        .dp-parent.preview .dp-child,.dp-parent.preview .dp-child img,.dp-parent.preview{transition:500ms all ease-in-out;}
        .tab,.lap,.mob{transform:scale(0.01); opacity:0; width:0; height:0;  visibility:hidden;transition: transform 200ms ease-in, opacity 100ms ease-in;}
        .mobile .mob,.desktop .lap,.tablet .tab{transform:scale(1); opacity:1; visibility: visible; width:auto; height:auto;}
        .dp-parent.preview.desktop .dp-child { width: 38vw; margin: 0 0 3.5vw 0vw; max-width: 38vw; }
        .dp-parent.preview.tablet .dp-child { width: 32vw; margin: 0 0 7vw 4vw; max-width: 32vw; }

        /*iphone8Silver*/

        /*==============================================PLATFORM===============================================================================*/

        .banner.banner4.banner5 .hdr1 .dp-child:nth-child(1){width:64%;}
        .banner.banner4.banner5 .hdr1 .dp-child{height:auto;}
        .banner.banner4.banner5 .ban-holder {padding: 0 0 0 0;}
        .banner4 { background: none; padding-top: 150px;    min-height: 600px; margin-bottom:50px}
        .bannerlist{background: #4A90E2;box-shadow: 0 0 24px 0 rgba(0,0,0,0.04);     padding: 30px 10px 30px 40px;color:#fff; font-size: 17px;}
        .bannerlist h3{font-family: var(--banner-semi-bold-font);font-size: 17px;color: #FFFFFF;letter-spacing: 8px; text-transform: uppercase;}
        .banner.banner4.banner5 h2:after{ }
        .bannerlist li{padding-top:2.49vh;}
        .bannerlist li p{ padding-left:30px;}
        .bannerlist li:before {content: '✓';padding-right: 10px; float:left;}
        .banner.banner4.banner5 .hdr1 .dp-child:nth-child(2) {max-width: 450px; text-align: right;}
        .banner4.banner5 img {width: 90%;display: inline-block;}
        .banner.banner4.banner5 .hdr1 .dp-child:nth-child(2) img{transform:translateY(-50px)}
        .banner.banner4.banner5 .hdr1 .dp-child:nth-child(1) {padding:0 0 0;}
        .banner.banner4.banner5 h2{font-size: 72px; color: #4A4A4A; letter-spacing: -2.09px; line-height: 92px; padding:0;}
        .banner.banner4.banner5 h4{font-family: var(--banner-text-font); font-size: 36px; color: #4c4c4c; letter-spacing: 0; line-height: 54px; padding-top:24px; font-weight: normal;}
        .banner.banner4.banner5 .desc{font-family: var(--banner-regular-font); font-size: 20px; color: #4A4A4A; letter-spacing: 1px; line-height: 40px; padding:26px 80px 0 0;}
        .banner.banner6{padding-bottom: 100px;}
        .banner.banner6 .hdr1 h2{padding-top:24px;font-size:114px; color: #FFFFFF; letter-spacing: -4.47px; }
        .banner.banner6 h2 p:nth-child(1):after{display:none;}
        .banner.banner6 h2 p{display: inline-block; padding-right:30px;}
        .banner.banner6 .hdr1 .dp-child{width:auto;}
        .banner.banner6 .split2 .dp-child:nth-child(1){width:40%;font-family: var(--banner-regular-font); font-size: 2.241vh; color: #FFFFFF; letter-spacing: 0; line-height: 3.818vh;}
        .banner.banner6 h2 p:nth-child(2):after{width: 108px; height: 30px; top: -16px; left: 102px;}
        .banner.banner6 .split2 .dp-child p{padding-right:0;font-size: 27px; color: #FFFFFF; letter-spacing: 0; line-height: 46px; font-family: var(--banner-regular-font);}
        .banner.banner6 .split2 .dp-child:nth-child(2){padding-top:5.81vh }
        .banner.banner6 .sml{width: 300px; padding: 50px 0 0 50px;}

        .banner.banner4.banner5 .inf_banner h2{font-family: var(--banner-header-font-bolder); font-size: 60px; color: #4A4A4A; letter-spacing: -1.74px; text-align: center; line-height: 89px;    padding: 50px 120px 0; }
        .banner.banner4.banner5 .inf_banner h2 span,.line-bottom span{position: relative;}
        .banner.banner4.banner5 .inf_banner h2 span:after{background: #FFE500; position: absolute; content: ""; width: 100%; height: 8px; bottom: 0; left: 0;}
        .line-bottom span:after {bottom: -10px;}
        .info-graph-overlay .content{ height:calc(100vh - 1px);background:url(../Content/New/assets/images/pc.png) no-repeat; background-position: center ; background-size: 100vh}
        .info-graph-overlay.overlay2 .content{background:url(../Content/New/assets/images/pc2.png) no-repeat; background-position: center ;background-attachment: fixed; background-size: 100vh }
        
        


        .imgbanner{background: url(../Content/New/assets/images/car.jpg) no-repeat; background-size: cover;margin-top: -150px; position: relative;
       -webkit-clip-path: polygon(51% 8%, 79% 1%, 100% 9%, 100% 100%, 68% 100%, 32% 100%, 0 100%, 0 9%, 28% 1%);
clip-path: polygon(51% 8%, 79% 1%, 100% 9%, 100% 100%, 68% 100%, 32% 100%, 0 100%, 0 9%, 28% 1%);}
        .vidbg{position: absolute;}
        .imgbanner h5{font-family: var(--banner-regular-font); font-size: 40px; color: #FFFFFF; letter-spacing: 0; line-height: 92px;}
        .imgbanner p{font-family: var(--banner-regular-font); font-size: 20px; color: #FFFFFF; letter-spacing: 1px; line-height: 40px; width:60%;}
        .trans_bg{background: rgba(37, 37, 37, 0.37);position: relative; padding:240px 0;}
        .imgbanner a{font-family: var(--banner-text-font); font-size: 18px; color: #FFFFFF; letter-spacing: 0; text-align: right;}
        .imgbanner .cont_sales{margin-top:26px; background: url(../Content/New/assets/images/chat.png) no-repeat left center; padding-left:35px; display: inline-block; line-height: 30px; background-size: 25px;}

        .sub-banner{background: #F8F9FB; padding:0 0 100px 0;}
        .sub-banner h3{font-family: var(--banner-header-font-bolder); font-size: 60px; color: #4A4A4A; letter-spacing: -1.74px; text-align: center; line-height: 68px;     padding: 0px 120px 80px 120px;margin-top: 50px}
        .sub-banner p,.sub-banner li{font-family: var(--banner-regular-font); font-size: 18px;color:rgba(71, 71, 71, 0.51); letter-spacing: 0; line-height: 25.2px;}
        .sub-banner .side2 li,.sub-banner .side2 p{color:rgba(255,255,255,0.5)}
        .sub-banner li{margin-bottom: 16px;}
        .sub-banner .side1 li{margin-bottom: 26px;}
        .sub-banner .side1 li{list-style: disc; padding-left:10px; margin-left:20px;}
        .sub-banner li span{ padding-right:20px;}
        .sub-banner p{margin: 26px 0;}
        .sub-banner h4{font-family: var(--banner-header-font); font-size: 25.2px; color: #4A4A4A; letter-spacing: 0; line-height: 34.3px; padding-top:32px; text-align: center; font-weight: normal;}
        .sub-banner .side2 h4{color: #FFFFFF;}
        .sub-banner .listbanner .dp-child{width: 50%;}
        .sub-banner .listbanner .dp-child:nth-child(1){padding:80px 0 0 40px;}
        .sub-banner .listbanner .dp-child:nth-child(2){padding:0px 40px 0 0px;}
        .sub-banner .caption{display: inline-block;}
        .side1{background-image:url(../Content/New/assets/images/side1.png); background-repeat: no-repeat; background-size:cover; border-radius: 7px 0 0 7px;padding:76px 50px 76px 50px; position: relative}
        .side1 .hdrline{text-align: right;}
        .side1 .hdrline .caption,.side2 .hdrline .caption{background: #DFDFDF; box-shadow: inset 0 -1px 6px 0 rgba(0,0,0,0.06); border-radius: 0 0 0 82px; padding:20px 67px; opacity: 0.89; font-family: var(--banner-header-font); font-size: 16px; color: #474747; letter-spacing: 2px; position: absolute; right:0; text-transform: uppercase; top:0;}
        .side2 .hdrline .caption{opacity: 1; background-image: radial-gradient(106% 190%, #1F1F2F 0%, #4B4F6E 100%); box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.50);  }
        .side2{background-image: radial-gradient(100% 218%, #1F1F2F 52%, #4B4F6E 100%); box-shadow: -7px 7px 42px 0 rgba(0,0,0,0.20); border-radius: 10px;padding:76px 80px 110px 80px; position: relative;background-image:url(../Content/New/assets/images/side2.png); background-repeat: no-repeat; background-size:cover;}
        .side2 .caption img{height:18px;}
        .imgcap{text-align: center;}
        .side1 .imgcap img{width:91px;}
        .side2 .imgcap img{width:125px;}
        .side2 li:nth-child(1){background: url(../Content/New/assets/images/l1.png) no-repeat; }
        .side2 li:nth-child(2){background: url(../Content/New/assets/images/l2.png) no-repeat; }
        .side2 li:nth-child(3){background: url(../Content/New/assets/images/l3.png) no-repeat; }
        .side2 li{padding:0 0 0 50px;}
        .side1 .caption .icon,.side2 .caption img.icon{position: absolute; height:27px; right:22px; top:15px;}

        .highlights .content .highlights_list{margin:0 40px;background: #FFFFFF; box-shadow: 0 0 84px 0 rgba(0,0,0,0.04); border-radius: 10px; padding:90px 0px 50px 0px;;}
        .highlights .dp-child{width:25%; text-align: center;    border-right: 1px solid rgba(151,151,151,0.2);}
        .highlights .dp-child:nth-child(4){border:0 none;}
        .highlights p{font-family: var(--banner-regular-font); font-size: 20px; color: #474747; letter-spacing: 0; text-align: center;}


        .sectionHalf .dp-child{width:50%; padding:0 50px 0 0}
        .sectionHalf .dp-child:nth-child(2){padding:0 0 0 50px}
        .sectionHalf{text-align: center; padding:150px 0;}
        .sectionHalf .placeholder{background: #D8D8D8;border: 1px solid #979797; height:250px;}
        .sectionHalf .placeholder:empty{ line-height: 250px; font-family: var(--banner-regular-font); font-size: 20px; color: #4A4A4A; letter-spacing: 1px; text-align: center;}
        .sectionHalf .placeholder:empty:after{content:"Placeholder for an illustration"; }
        .sectionHalf .img_section{margin:100px 50px 70px 50px;}
        .sectionHalf .caption{font-family: var(--banner-regular-font); font-size: 40px; color: #4A4A4A; letter-spacing: 0; text-align: center;}
        .sectionHalf .desc{font-family: var(--banner-regular-font); font-size: 20px; color: #4A4A4A; letter-spacing: 1px; text-align: center; line-height: 40px;}
        
        .halfbanner .dp-child{width: 50%;}
        .halfbanner .dp-child:nth-child(2){padding:0;}
        .halfbanner .caption{font-family: var(--banner-regular-font); font-size: 60px; color: #4A4A4A; letter-spacing: 1.2px; padding: 0 0 88px 0}
        .halfbanner .desc{font-family: var(--banner-regular-font); font-size: 20px; color: #4A4A4A; letter-spacing: 1px; line-height: 40px;}
        .sbanner{background: #F0F2F5; padding:150px 100px;}
        .halfbanner .scenary{height:auto;background: url(../Content/New/assets/images/colleagues.png) no-repeat; background-size: cover;}
        .halfbanner .btn{margin: 68px 0 0 0;}

        .about_supp h3{font-family: var(--banner-header-font); font-size: 68px; color: #EA4555; letter-spacing: -3.56px; line-height: 73px;}
        .about_supp{padding: 196px 0 112px 0;}
        .about_supp .dp-child:nth-child(1){width: 50%;}
        .about_supp .dp-child:nth-child(2) {width: 50%;}
        .about_supp .desc{font-family: var(--banner-regular-font); font-size: 16px; color: #4A4A4A; letter-spacing: 1px; line-height: 40px;}

        .fullbanner{}
        .fullbanner .placeholder{background: #D8D8D8;border: 1px solid #979797; height:250px; margin:0 50px;}
        .fullbanner .placeholder:empty{ line-height: 250px; font-family: var(--banner-regular-font); font-size: 20px; color: #4A4A4A; letter-spacing: 1px; text-align: center;}
        .fullbanner .placeholder:empty:after{content:"Placeholder for an illustration"; }
        .fullbanner .content{border-bottom:3px solid #e5e5e5; padding:0 0 95px 0;}

        .talk_section{padding:0 0 200px 0;}
        .talk_section h2{font-family: var(--banner-regular-font)-Bold; font-size: 28px; color: #4c4c4c; letter-spacing: 1px; line-height: 54px;}
        .talk_section .dp-child{width:33.33%; margin-right:50px;background: #FFFFFF; box-shadow: 0 30px 80px 0 rgba(0,0,0,0.19);}
        .talk_section .dp-child:nth-child(4){margin:0;}
        .talk_section img{display: block; width:100%;}
        .talk_section h3{font-family: var(--banner-regular-font); font-size: 28px; color: #4c4c4c; letter-spacing: 1px; line-height: 54px; text-transform: uppercase; text-align: center; padding:70px 0;} 
        .talk_section .text{padding:30px;}
        .talk_section .caption{font-family: var(--banner-regular-font); font-size: 18px; color: #4c4c4c;  text-transform: uppercase; font-weight: bold;}
        .talk_section .desc{opacity: 0.6; font-family: var(--banner-regular-font); font-size: 15px; color: #4c4c4c; line-height: 20px; padding:9px 0;}


            /*==============================================Top Banner===============================================================================*/

         .topBanner{
            background: url('/Content/new/assets/images/topBanner.svg') no-repeat bottom center;
            background-size: cover;
            min-height: 300px;           
            position: relative;
            z-index: 5;
        }

        .topBanner .bannerCont{
            max-width: 1260px;
            margin: 0 auto;
        }

        .topBanner .bannerCont h3{
            font-size: 60px;
            text-align: center;
            color: #4c4c4c;
            font-family: 'open_sansbold';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            line-height: 65px;
        }

.get-in-touch-center {
    text-align:center;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  a:focus{
      outline: none;
  }
.mail-to-button {
    color: #4A90E2;
    font-family: var(--banner-regular-font);
}


.genOverlay{
    width:500px;
    margin:0 auto;
}.bottom-block .header{
    padding: 50px;
    color: #4a4a4a;
    max-width: 450px;
}
.genOverlay h3{
    height: 49px;
    line-height:49px;
    background-color: #393939;
    color:#fff;
    padding:0 0 0 15px;
}.bottom-block .header p{
    padding: 40px 0px;
    line-height: 35px;
    font-size: 16px;
    color: #4c4c4c;
}.genOverlay input.txInp{
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    height: 62px;
    line-height: 62px;
    width: 320px;
    padding: 0 20px;
    font-family: Helvetica;
    font-size: 15px;
    color: #9B9B9B;
    margin-bottom: 20px;
    width:100%;
   box-sizing: border-box;
}
.sgnBox ul{padding-top:30px;}
.sgnBox li{padding:0 25px;}
.sgnBox{
    background:#fff; 
    border-radius:8px;
    overflow: hidden;
}
.sgnBox a{color:#9b9b9b;}
.closefr{color:#9b9b9b; float:right; line-height: 49px;    margin-right: 15px;}
.closefr:hover{color:#cbcbcb; text-decoration:none;}
.sgnBox .forPsLnk,.bkLoginLnk{float:right;color:#9b9b9b; font-size: 15px;}
.bkLoginLnk{    margin-top: 10px;}
.sgnBox label{color:#9b9b9b;}
.sgnBox input[type='submit']{
    background: #EA4555;
    border-radius: 50px;
    color: #fff;
    font-size: var(--cta-font-size);
    display: inline-block;
    padding: 15px 45px;
    letter-spacing: var(--global-letter-spacing);
    text-transform: uppercase;
    line-height: 1;border:0 none;
    margin-top:40px; margin-bottom: 30px;
    cursor:pointer;
    -webkit-appearance:none;
}
.sgnBox input[type='submit'].stpass{
    margin-top:0;
}
.sgnBox input[type='submit']:hover{
    background: #fff;
    color: #EA4555;
    font-weight: bold;
    box-shadow: 0 0 0px 1px #EA4555 inset, 0 0 0px 1px #EA4555;
    text-decoration: none;
}
.sign-in-wrapper{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(213, 213, 213, 0.91);   
    z-index: 150;
    display: flex;
    align-items: center;
}
.bottom-block .scenary {
    min-width: 40%;
    min-height: 450px;
}
/* sign in */
.password_warning {
    font-family: "open_sansregular";
    padding: 10px 25px;
    color: #EA4555;
    font-size: 12px;
    word-wrap: break-word;
}
/* sign in end */

.hide{
    display:none;
}
.no-padd-top {
    padding-top: 0px !important;
}

@media (max-width: 1024px) {
    .bottom-block .header {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.toc * {
    color: #666666;
}