/* css for transperent header */
    .header{background:none;position:relative;width:100%;}
    .header.sticky{background-color:#fff;height:73px;z-index:1040;}
    /*.header .navbar-collapse .navbar-nav>li>a{color:#fff;}*/
    .header.sticky .navbar-collapse .navbar-nav>li>a{color:#131313;}    
    .navbar-nav>li:hover>a{color:#ec4642 !important;background:none !important;}
    /*.header .additional-nav li>a{font-size:13px;color:#fff;display:block;padding:0 18px;line-height:12px;}*/

    .bannerTopSec {
    color: #fff;
}
    

    /* css for banner bg and split images */
    .topbannersec {
    background: url(https://www.vervelogic.com/images/vl-page/vl-taxi/bgtopheader.png);
    background-color: #f0f3f5;
    background-repeat: no-repeat;
    padding: 30px 0 10px;
    position: relative;
    background-position: top center;
    /* height: 618px; */

}
    .clienttestibg{position: relative; background-color: #13152c;}

    .vliconservicei{background-image:url(https://www.vervelogic.com/images/vl-page/vl-taxi/splitvlitaxi.png); display:inline-block; position:relative;}
    .vliconservicei.appfeat1{background-position: 0px 0px; width:70px; height: 70px; }
    .vliconservicei.appfeat2{background-position: -70px 0px; width:70px; height: 70px; }
    .vliconservicei.appfeat3{background-position: -140px 0px; width:70px; height: 70px; }
    .vliconservicei.appfeat4{background-position: -210px 0px; width:70px; height: 70px; }
    .vliconservicei.appfeat5{background-position: 0px -70px; width:70px; height: 70px; }
    .vliconservicei.appfeat6{background-position: -70px -70px; width:70px; height: 70px; }
    .vliconservicei.appfeat7{background-position: -140px -70px; width:70px; height: 70px; }
    .vliconservicei.appfeat8{background-position: -210px -70px; width:70px; height: 70px; }

    .vliconservicei.driveric1{background-position: 0px -140px; width:140px; height: 140px; }
    .vliconservicei.driveric2{background-position: -140px -140px; width:140px; height: 140px; }
    .vliconservicei.driveric3{background-position: 0px -280px; width:140px; height: 140px; }
    .vliconservicei.driveric4{background-position: -140px -280px; width:140px; height: 140px; }

    .vliconservicei.driveric5{background-position: -140px -420px; width:140px; height: 140px; }
    .vliconservicei.driveric6{background-position: 0px -420px; width:140px; height: 140px; }
    .vliconservicei.driveric7{background-position: 0px -560px; width:140px; height: 140px; }
    .vliconservicei.driveric8{background-position: -140px -560px; width:140px; height: 140px; }
    .vliconservicei.driveric9{background-position: -140px -700px; width:140px; height: 140px; }


    .driverspliti{background-image:url(https://www.vervelogic.com/images/vl-page/vl-taxi/driversplit.png);}
    .driverspliti.vstep1{background-position: 0px 0px; width: 137px; height: 41px; position: absolute; top: 0; left: 100%;}
    .driverspliti.vstep2{background-position: -155px 0px; width: 145px; height: 260px; position: absolute; top: 50%; left: 60%;}
    .driverspliti.vstep3{background-position: 0px -290px; width: 260px; height: 50px; position: absolute; top: 0; right: 100%;}
    .driverspliti.vstep3.rotateview{left: 100%; transform:scaleX(-1);}
    .driverspliti.vstep4{background-position: 0px -40px; width: 135px; height: 248px; position: absolute; top: 50%; right: 100%;}


    /* split css */
    .commeniconsplit{background-image:url(https://www.vervelogic.com/images/designing/commeniconsplit.png); display:inline-block; position:relative;}
    .commeniconsplit.ticky{background-position: -5px -5px; width:40px; height:40px;}

    .topBoldBanner {
    color: #fff;
    /* margin-top: 100px; */
}
.overLay {
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.pinkPanther {
    background-color: #3a3a3a;
}

.blackPanther {
    background-color: #3a3a3a;
}

    /*tick css*/
    ul.ultick{list-style-type: none; padding-left: 70px;}
    ul.ultick li{margin-bottom: 15px; position: relative;}
    ul.ultick li:before{content:''; background:url(https://www.vervelogic.com/images/designing/doubletick.png); top:0px; left: -50px; height: 30px; width: 30px; position: absolute;}

    .driverproc{display: inline-block; position: relative;}
    .driverproc span.badge{ position: absolute;
    top: 0px;
    width: 35px;
    height: 35px;
    line-height: 27px;
    border-radius: 50%;
    background-color: #f57e00;
    color: #fff;
    left: 115px;}
    
    /*runing items*/
    .carriding{background-color: #1f1e22; padding: 25px 0; position: absolute; bottom: 0; z-index: 50; width: 100%; left: 0; }
    .street-stripe{background: #d4d4d4; height: 2px;  width: 40px; position: absolute; bottom: 25px; border-radius: 2px;
    box-shadow: 200px 0 0 #d4d4d4, 400px 0 0 #d4d4d4, 600px 0 0 #d4d4d4, 800px 0 0 #d4d4d4, 1000px 0 0 #d4d4d4, 1200px 0 0 #d4d4d4, 1400px 0 0 #d4d4d4, 1600px 0 0 #d4d4d4, 1800px 0 0 #d4d4d4, 2000px 0 0 #d4d4d4;}

    .car{height:50px; width: 133px; position: absolute; top: -25%; z-index: 10; -moz-animation: myfirst 15s linear infinite; -webkit-animation: myfirst 15s linear infinite;}
    .car > img{position: absolute; top:0; left: 0; }
    @-moz-keyframes myfirst {0% {left: -25%;} 100% {left: 100%;}}
    @-webkit-keyframes myfirst {0% { left: -25%;} 100% {left: 100%;}}
    .car .tyre, .car .tyre2{ border-radius: 50%; position: absolute; z-index: 2; left: 17px; top: 24px;
    -moz-animation: tyre-rotate 1s infinite linear; -webkit-animation: tyre-rotate 1s infinite linear;}
    .car .tyre2{left: 101px;}
    .car .tyre img, .car .tyre2 img{max-width: 100%}
    @-moz-keyframes tyre-rotate {from { -moz-transform: rotate(-360deg);} to { -moz-transform: rotate(0deg);} }
    @-webkit-keyframes tyre-rotate {from {-webkit-transform: rotate(-360deg);} to {-webkit-transform: rotate(0deg);}}
        
    /*vdo setup*/
    .vdoonmobsec {position: relative; display: inline-block; z-index: 51;}
    .vdoonmobsec video{position: absolute; top:66px; left: 18px; width: 232px; height: 412px;}
  

    .addonlist{margin-right: 40px; border-bottom: 1px solid #dcdde1;}
    .addonlist li{position: relative;}
    .addonlist li.active:before{content: ''; position: absolute; right: -14px; top: 7px; width: 32px; height: 32px; background-color: #dcdde1; transform:rotate(45deg); border-radius: 5px;}
    .addonlist li a{padding: 10px 15px; text-transform: uppercase; display: block; font-weight: 500; font-size: .8em; border-top: 1px solid #dcdde1; color: #9fa3a7;}
    .addonlist li.active + li a, .addonlist li:first-child a{border-top: 0px;}
    .addonlist li.active a{background-color: #dcdde1; border-radius: 5px; color: #111}
    .addonlist li a span{margin-right: 10px; background-color: #e8e9ed; color: #999;}
    .addonlist li.active a span{background-color: #ec4642; color: #fff;}

    .extraBlock span {font-weight: 500;}
    .driver-admin, .driver-app, .app {box-shadow: 0 0 5px rgba(0,0,0,0.2);}
    .extraBlock {
    font-size: 25px;
    margin-top: 40px;
    background-color: transparent;
    padding: 10px 0px;
    color: #fff;
    border-radius: 10px;
    background: transparent;
    padding: 10px 10px;
    border: 2px solid #faca27;
}
    /* .btnScroll {display: flex;margin: 30px auto;} */

    /* @media screen and (max-width:1199px)
    {
      .topBoldBanner {margin-top: 10px;}
      .topbannersec {height: auto;}
    } */

    @media(max-width:992px){
      .driverspliti{display: none;}
    }
    @media(max-width:767px){
      .topbannersec {padding: 20px 0;}
      .owl-carousel .col-md-6{padding: 0;}
    }