::-webkit-scrollbar{

    width:10px!important;

    height:0!important;

    background-color:#f1f1f1!important

}

::-webkit-scrollbar-thumb{

    background-color:#c1c1c1

}

html{

    -webkit-text-size-adjust:none;

    background-color:#f8f8f8

}

.parallax-mirror{

    https://www.etcabby.com/beta/admin/dashboard.phphttps://www.etcabby.com/beta/admin/dashboard.php z-index:1!important

}

#main-uber-page{

    min-height:100%

}

#wrapper{

    background-color:#fff

}

.modal-backdrop,.modal-backdrop.fade.in{

    display:none

}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{

    margin:0;

    padding:0;

    border:0;

    font-size:100%;

    font:inherit;

    vertical-align:baseline

}

header{

    box-shadow:0 0 10px 0 rgba(0,0,0,.2);

    transition:all .5s;

    -webkit-transition:all .5s;

    -moz-transition:all .5s;

    -ms-transition:all .5s;

    -o-transition:all .5s

}

header.shadow{

    box-shadow:0 0 10px 0 rgba(0,0,0,.5)

}

.fullWidth{

    width:100%

}

ul.tab-row li span:after{

    content:attr(data-slogan);

    font-size:10px;

    display:block;

    color:#757575;

    margin-top:5px;

    line-height:12px

}

ul.stepper .step{

    position:relative;

    width:100%;

}

ul.stepper .step:not(:last-of-type).active{

    padding-bottom:0!important

}

ul.stepper .step .step-content .step-actions{

}

ul.stepper.linear{

    padding:0 0 0 20px;

    overflow:visible;

    height:auto;

    overflow-y:auto;

    display:flex

}



.col-md-9.col-sm-9.kiran {

    width: 63% !important;

}



.booking-block.userfare ul.stepper.linear{

    padding:0 20px;

    overflow:visible;

    height:calc(100vh - 309px);

    height:-o-calc(100vh - 309px);

    height:-ms-calc(100vh - 309px);

    height:-moz-calc(100vh - 309px);

    height:-webkit-calc(100vh - 309px);

    overflow-y:auto

}

ul.stepper .step .section-block .general-form{

    margin-top:0

}

.pickup-both{

    display:flex;

    justify-content:space-between;

    width: 72%;

    margin-left: auto;

    min-height: 212px;

}

ul.stepper .step .step-title{

    display:block;

    font-size:20px;

    font-weight:400!important;

    color:#000;

    padding:0 30px 0 0;

    margin:0 0 10px 0;

    border-bottom:1px solid #e0e0e0;

    transition:all .5s;

    -webkit-transition:all .5s;

    -moz-transition:all .5s;

    -ms-transition:all .5s;

    -o-transition:all .5s

}

ul.stepper .step .step-title:hover{

    background-color:transparent

}

ul.stepper .step .step-content{

    margin:0

}

.other-details{

    margin:0 0 0 20px;

    width:50%

}

#ride-type>label{

    margin:0 0 18px;

    border-bottom:1px solid #e0e0e0

}

ul.stepper .step .step-title::after{

    display:none

}

ul.stepper .step:not(:last-of-type)::after{

    display:none

}

ul.stepper .step::before{

    display:none

}

.top-map ul.stepper .step.active{

    display:block

}

.top-map ul.stepper .step{

    display:none

}

.top-map ul.stepper.linear{

    flex-wrap:wrap

}

button.waves-effect{

    height:40px;

    display:inline-block;

    border:none;

    outline:none;

    background-color:transparent;

    justify-content:center;

    align-items:center;

    padding:0 15px;

    color:#fff;

    font-size:17px;

    font-weight:400;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s;

    cursor:pointer;

    width:auto;

    box-sizing:border-box;

    text-align:center;

    font-family:poppins;

    min-width:110px;

    border-radius:4px;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px

}

button.waves-effect:hover,button.waves-effect:focus{

    background-color:transparent;

    color:#fff;

    outline:none

}

ul.stepper .step.done::before{

    content:'\e904';

    font-family:icomoon;

    font-size:8px

}

    ul.stepper .step .step-title{

        position:relative;

        width: 72%;

        margin-left: auto;

    }



    .pickup-both ul.stepper .step .step-title{

        margin: 0;

    }

ul.stepper .step.active .step-title:before{

    content:'\44';

    position:absolute;

    right:0;

    top:20px;

    font-family:icomoon;

    font-size:12px;

    display:none

}



.page-contant-inner1{

    background-color:#fff!important

}

.hidden-overflow{

    overflow:hidden

}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{

    display:block

}

body{

    line-height:1;

    font-family:poppins

}

ol,ul{

    list-style:none

}

blockquote,q{

    quotes:none

}

blockquote:before,blockquote:after,q:before,q:after{

    content:'';

    content:none

}

table{

    border-collapse:collapse;

    border-spacing:0

}

*{

    -webkit-font-smoothing:antialiased;

    text-rendering:optimizeLegibility

}

#errmsg,#success,#errmsgf,#successf{

    background-color:#ce2525;

    color:#fff;

    border-radius:5px;

    padding:7px 20px;

    display:inline-block;

    font-size:13px;

    position:relative;

    width:100%;

    box-sizing:border-box;

    line-height:normal

}

.msg_close{

    position:absolute;

    right:10px;

    top:7px;

    font-size:12px;

    font-weight:600;

    z-index:1;

    color:#fff;

    display:inline-block;

    cursor:pointer

}

.login-err{

    position:relative

}

.form-err{

    position:relative;

    margin-bottom:15px

}

.has-error{

    position:relative

}

.static-page-new .error{

    bottom:-18px!important;

    left:8px!important

}

[dir=rtl] .error,.captcha-column span.error,.Iserror,.help-block.error{

    left:auto;

    right:8px

}

.error,.captcha-column span.error,.Iserror,.help-block.error{

    position:absolute;

    bottom:-13px;

    font-size:11px;

    color:red;

    margin:0;

    display:block;

    white-space:nowrap;

    margin:0;

    left:8px;

    overflow:hidden;

    text-overflow:ellipsis

}

.input-group-addon{

    border-radius:0 4px 4px 0;

    -webkit-border-radius:0 4px 4px 0;

    -moz-border-radius:0 4px 4px 0;

    -ms-border-radius:0 4px 4px 0;

    -o-border-radius:0 4px 4px 0

}

.notes{

    display:block;

    margin-top:5px;

    color:#404040;

    font-size:14px;

    font-weight:400;

    line-height:21px;

    margin-bottom:0;

    font-family:poppins

}

.notes span{

    font-weight:700

}

.general-form .form-group .notes label{

    position:relative;

    display:block;

    transform:none;

    margin:0;

    display:inline-block;

    font-weight:600;

    margin:0 3px 0 0;

    left:auto

}

._MB0_{

    margin-bottom:0!important

}

.relation-parent{

    position:relative

}

.mix-content{

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s

}

ul.user-menu ul.navmenu-links{

    display:none!important

}

select::-ms-expand{

    display:none

}

.ui-widget-header .ui-icon{

    background-image:none!important

}

.ui-datepicker .ui-datepicker-prev .ui-icon,.ui-datepicker .ui-datepicker-next .ui-icon{

    text-indent:0;

    font-size:0

}

.ui-datepicker-prev:hover,.ui-datepicker-next:hover{

    /* background-color:#aaa; */

    cursor:pointer

}

.ui-datepicker .ui-datepicker-prev .ui-icon:after,.ui-datepicker .ui-datepicker-next .ui-icon:after{

    content:'\6c';

    font-family:icomoon;

    font-size:14px;

    position:absolute;

    top:1px

}

.ui-datepicker .ui-datepicker-next .ui-icon:after{

    transform:rotateY(180deg);

    -webkit-transform:rotateY(180deg);

    -moz-transform:rotateY(180deg);

    -ms-transform:rotateY(180deg);

    -o-transform:rotateY(180deg)

}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{

    display:inline-flex

}

@-webkit-keyframes slideInLeft{

    0%{

        -webkit-transform:translate3d(-100%,0,0);

        transform:translate3d(-100%,0,0);

        visibility:visible

    }

    100%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

}

@keyframes slideInLeft{

    0%{

        -webkit-transform:translate3d(-100%,0,0);

        transform:translate3d(-100%,0,0);

        visibility:visible

    }

    100%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

}

@-webkit-keyframes slideInRight{

    0%{

        -webkit-transform:translate3d(100%,0,0);

        transform:translate3d(100%,0,0);

        visibility:visible

    }

    100%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

}

@keyframes slideInRight{

    0%{

        -webkit-transform:translate3d(100%,0,0);

        transform:translate3d(100%,0,0);

        visibility:visible

    }

    100%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

}

.slideInLeft{

    -webkit-animation-name:slideInLeft;

    animation-name:slideInLeft

}

.inv-rating .rating_img{

    background-size:auto 26px;

    margin:0 auto;

    transform-origin:center center;

    transform:scale(2);

    -webkit-transform:scale(2);

    -moz-transform:scale(2);

    -ms-transform:scale(2);

    -o-transform:scale(2);

    display:block

}

.inv-rating .rating_img span{

    font-size:26px

}

.inv-rating .rating_img span{

    background-size:auto 26px;

    background-position-y:12px

}

.alert .close{

    float:right;

    font-size:0;

    line-height:18px;

    color:#fff;

    text-shadow:0 1px 0 #fff;

    background-color:transparent;

    border:none;

    outline:none;

    cursor:pointer

}

.alert .close:after{

    content:'\2715';

    font-size:12px

}

.alert{

    padding:7px 20px;

    margin-bottom:18px;

    text-shadow:0 1px 0 rgba(255,255,255,.5);

    background-color:#fcf8e3;

    border:1px solid #fbeed5;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    border-radius:4px;

    color:#c09853;

    font-size:13px;

    font-weight:400;

    line-height:21px;

    font-family:poppins;

    box-sizing:border-box

}

.alert-heading{

    color:inherit

}

.alert .close{

    position:relative;

    top:0;

    right:-21px;

    line-height:18px;

    vertical-align:middle

}

.alert-success{

    background-color:#14b368;

    border-color:#14b368;

    color:#fff

}

.alert-danger,.alert-error{

    background-color:#ce2525;

    border-color:#ce2525;

    color:#fff;

    margin-bottom: 20px;

}

.alert-info{

    background-color:#d9edf7;

    border-color:#bce8f1;

    color:#3a87ad

}

.alert-block{

    padding-top:14px;

    padding-bottom:14px

}

.alert-block>p,.alert-block>ul{

    margin-bottom:0

}

.alert-block p+p{

    margin-top:5px

}

.banner-section{

    background-size:cover;

    background-position:top center;

    position:relative;

    z-index:1

}

.banner-back{

    position:absolute;

    width:100%;

    pointer-events:none;

    top:0;

    bottom:0

}

.header-admin-hotel{align-items: center !important;}

.banner-first-img{

    position:relative;

    width:50%;

    pointer-events:none;

    top:0;

    bottom:0

}

.home-sec-pg-banner{

    position:relative;

    top:-30px

}

.banner-image-first.first-overlay::before{

    content:"";

    background-color:#239707;

    width:100%;

    height:100%;

    position:absolute;

    border-radius:0 0 150px 5px;

    opacity:.5

}

.home-sec-pg-banner .banner-section-inner .banner-image-first{

    position:absolute;

    left:0;

    top:0;

    height:100%;

    background-size:cover;

    background-position:center left -118px;

    width:100%;

    border-radius:0 0 150px 5px;

    -webkit-border-radius:0 0 150px 5px;

    -moz-border-radius:0 0 150px 5px;

    -ms-border-radius:0 0 150px 5px;

    -o-border-radius:0 0 150px 5px;

    background-repeat:no-repeat

}

.home-sec-pg-banner .home-sec-pg-banner-backimg{

    position:absolute;

    bottom:-86px;

    left:50%;

    transform:translateX(-50%);

    -webkit-transform:translateX(-50%);

    -moz-transform:translateX(-50%);

    -ms-transform:translateX(-50%);

    -o-transform:translateX(-50%)

}

.home-sec-pg-banner-backimg::after{

    position:absolute;

    width:100%;

    height:16%;

    left:0;

    border-radius:50%;

    z-index:-1;

    bottom:2%;

    content:"";

    box-shadow:0 55px 55px #000;

    opacity:.2

}

.banner-two-img{

    width:50%;

    position:absolute

}

.banner-image-sec{

    position:relative;

    left:340px;

    top:120px;

    height:600px;

    background-repeat:no-repeat

}

.banner-back .banner-image{

    position:absolute;

    width:100%;

    height:100%;

    background-repeat:no-repeat;

    background-position:top center;

    z-index:-1;

    display:none

}

.banner-section-inner{

    max-width:1310px;

    margin:0 auto;

    padding:0 15px 0;

    min-height:660px

}

.banner-section-inner:after{

    content:'';

    clear:both;

    display:block

}

.home-sec-pg-banner .banner-both-img{

    width:50vw;

    position:absolute;

    height:660px;

    left:0

}

ul.tab-row{

    display:flex;

    width:100%;

    flex-wrap:wrap;

    justify-content:space-around;

    padding:20px 0 15px;

    background-color:rgba(255,255,255,.85)

}

ul.tab-row li{

    text-align:center;

    position:relative;

    cursor:pointer;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s;

    z-index:1;

    width:110px;

    height:65px;

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    justify-content:center

}

ul.tab-row.morerows{

    display:block;

    width:100%;

    overflow-x:auto;

    font-size:0;

    white-space:nowrap

}

ul.tab-row.morerows li{

    width:14.28%;

    display:inline-block

}

ul.tab-row.homepage li:before{

    content:'';

    position:absolute;

    width:42px;

    height:42px;

    top:-11px;

    left:50%;

    transform:translateX(-50%);

    z-index:-1;

    background-color:lightgrey;

    border:1px solid #000;

    border-radius:50% 50% 0% 50%;

    opacity:.2

}

ul.tab-row.homepage li.active:before{

    opacity:.6

}

ul.tab-row.twobanner{

    max-width:498px

}

ul.tab-row li.tab.mob{

    display:none

}

ul.tab-row li:hover{

    opacity:1

}

ul.tab-row li.tab.active{

    opacity:1

}

ul.tab-row li:after{

    content:'';

    position:absolute;

    bottom:-15px;

    width:100%;

    height:3px;

    left:0;

    opacity:0;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s

}

ul.tab-row li.tab.active:after{

    opacity:1

}

ul.tab-row li div.defaultimg-banner-icon{

    background-color:gray;

    height:100%

}

ul.tab-row li img,ul.tab-row li div.defaultimg-banner-icon{

    max-height:25px;

    margin:0 auto 15px;

    transform:translatex(0);

    -webkit-transform:translatex(0);

    -moz-transform:translatex(0);

    -ms-transform:translatex(0);

    -o-transform:translatex(0)

}

ul.tab-row li span{

    display:block;

    font-size:15px;

    font-weight:600;

    color:#000;

    width:100%

}

.home-sec-pg-banner .categories-block{

    position:relative;

    background-color:transparent

}

.categories-block{

    background-color:rgba(255,255,255,.85);

    max-width:587px;

    padding:62px 0 76px 22px;

    box-sizing:border-box;

    border-radius:0 0 12px 12px

}

.categories-caption{

    display:none;

    min-height:150px

}

.categories-caption.active{

    display:block

}

.categories-caption h2{

    font-size:38px;

    font-weight:500;

    margin-bottom:30px

}

.categories-caption p{

    font-size:15px;

    color:#404040;

    font-weight:400;

    line-height:32px;

    margin-bottom:36px;

    text-align:justify

}

.categories-caption h2 span{

    display:block;

    margin-top:13px

}

.categories-caption a.book-btn img{

    width:20px;

    position:relative;

    right:-14px;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s

}

.categories-caption a.book-btn:hover img{

    right:-20px

}

.categories-caption a.book-btn{

    padding:16px 56px 16px 23px;

    display:inline-flex;

    align-items:center;

    color:#fff;

    text-transform:unset;

    text-decoration:none;

    white-space:nowrap;

    font-size:17px;

    font-weight:400;

    letter-spacing:.3px;

    outline:none;

    text-decoration:none;

    appearance:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s;

    border:none

}

.categories-caption p a.book-btn{

    padding:10px 56px 10px 23px

}

.gen-btn,.button-block a.gen-btn,.modal .modal-footer .btn{

    padding:12px 25px;

    background-color:transparent;

    display:inline-flex;

    align-items:center;

    color:#fff;

    text-transform:unset;

    text-decoration:none;

    white-space:nowrap;

    font-size:17px;

    font-weight:400;

    letter-spacing:.3px;

    outline:none;

    text-decoration:none;

    appearance:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s;

    border:none;

    border-radius:4px;

    cursor:pointer;

    text-transform:capitalize;

    font-family:poppins;

    margin:0 0 0 10px

}

.modal .modal-footer .btn i{

    display:none

}

.gen-btn.small-btn{

    padding:10px 16px;

    font-size:14px

}

.button-block a.gen-btn:after{

    display:none

}

.gen-btn.cancel{

    background-color:#757575

}

.categories-caption a.book-btn:hover,.categories-caption a.book-btn:focus,.gen-btn:hover,.gen-btn:focus,.button-block a.gen-btn:hover,.button-block a.gen-btn:focus{

    background-color:transparent

}

.how-it-works-section-inner{

    max-width:1270px;

    margin:0 auto;

    padding:0 15px;

    position:relative;

    display:flex;

    justify-content:space-between

}

.how-it-works-section h3{

    font-weight:500;

    font-size:45px;

    margin-bottom:40px;

    margin-left:-3px;

    font-family:poppins;

    line-height:55px

}

.how-it-works-section{

    padding:40px 0 0;

    background-color:#fff

}

.how-it-works-left{

    padding-right:160px

}

.how-it-works-section ul li{

    position:relative;

    padding-left:70px;

    margin-bottom:32px;

    padding-top:12px

}

[dir=rtl] .how-it-works-section ul li{

    padding-left:0;

    padding-right:67px

}

.how-it-works-section ul li strong{

    font-size:22px;

    font-weight:500;

    display:block;

    margin-bottom:4px

}

.how-it-works-section ul li span{

    font-size:15px;

    font-weight:400;

    color:#404040;

    line-height:24px

}

.how-it-works-section ul li:first-child:before{

    box-shadow:0 0 0 2px #000 inset;

    color:#000

}

[dir=rtl] .how-it-works-section ul li:before{

    left:auto;

    right:0

}

.how-it-works-section ul li:last-child{

    margin-bottom:0

}

[dir=rtl] .how-it-works-section ul:after{

    right:22px;

    left:auto

}

.how-it-works-section ul{

    position:relative;

    z-index:0;

    margin-bottom:60px

}

.how-it-works-section ul li:first-child:after{

    background-color:#000

}

.how-it-works-section ul li:first-child:before{

    background-color:#000;

    color:#fff

}

.how-it-works-section ul li:last-child:after{

    display:none

}

[dir=rtl] .how-it-works-section ul li:last-child:after{

    right:22px;

    left:auto

}

.how-it-works-right img{

    max-width:unset

}

.how-it-works-right{

    justify-content:center;

    display:flex;

    flex-direction:column;

    align-items:flex-start

}

.safety-section{

    background-color:#f6f6f6

}

.safety-section-inner{

    justify-content:space-between;

    max-width:1280px;

    margin:0 auto;

    padding:0 15px;

    position:relative;

    display:flex;

    flex-wrap:wrap;

    flex-direction:row

}

.safety-section-right{

    width:607px;

    padding:0 0 0 114px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    background-color:#f6f6f6;

    box-sizing:border-box

}

.safety-section-left{

    width:calc(100% - 607px);

    width:-o-calc(100% - 607px);

    width:-ms-calc(100% - 607px);

    width:-moz-calc(100% - 607px);

    width:-webkit-calc(100% - 607px);

    display:flex;

    align-items:flex-end;

    flex-direction:column;

    -ms-flex-pack:flex-end

}

.safety-section-left img{

    max-width:100%

}

*/

 .safety-section h3{

    font-size:45px;

    font-weight:500;

    color:#000;

    margin-bottom:38px;

    line-height:57.88px

}

.safety-section p{

    color:#404040;

    font-size:21px;

    line-height:36px;

    font-weight:400

}

.download-section{

    background-size:cover;

    padding:32px 0 55px;

    background-color:transparent;

    min-height:262px;

    position:relative;

    z-index:1

}

.download-section-inner{

    max-width:1300px;

    margin:0 auto;

    padding:0 15px;

    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

    align-items:center;

    text-align:center;

    color:#fff

}

.download-section h3{

    font-size:45px;

    font-weight:500;

    margin-bottom:12px

}

.download-section strong{

    font-size:17px;

    font-weight:500;

    display:block;

    margin-bottom:35px;

    text-transform:uppercase

}

.download-section p{

    font-size:17px;

    max-width:calc(100% - 280px);

    max-width:-o-calc(100% - 280px);

    max-width:-ms-calc(100% - 280px);

    max-width:-moz-calc(100% - 280px);

    max-width:-webkit-calc(100% - 280px);

    font-weight:400;

    line-height:28px;

    margin-bottom:50px

}

.download-section p strong{

    display:inline;

    font-size:22px;

    font-weight:600

}

.download-links a{

    display:block;

    padding:0;

    margin:0 0 16px;

    position:relative;

    left:0;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s

}

.download-links a:hover{

    left:-10px

}

.download-links a img{

    vertical-align:top

}

.download-links{

    width:193px

}

.call-section{

    background-size:cover;

    padding:42px 0 78px;

    background-color:#fff

}

.call-section-inner{

    max-width:1300px;

    margin:0 auto;

    padding:0 15px;

    position:relative;

    display:flex;

    justify-content:space-between;

    align-items:center;

    color:#fff

}

.call-section h3{

    font-size:45px;

    font-weight:500;

    color:#000;

    line-height:57.88px;

    margin-bottom:35px;

    margin-top:20px

}

.call-section strong{

    font-size:30px;

    font-weight:500;

    display:block;

    margin-bottom:22px;

    color:#121212

}

.call-section p{

    font-size:21px;

    line-height:36px;

    color:#404040;

    margin-bottom:45px

}

.call-section b{

    color:#393939;

    font-size:18px;

    font-weight:600;

    text-transform:uppercase;

    display:block

}

.call-section-left{

    width:450px;

    padding-right:15px

}

.call-section-right{

    width:calc(100% - 500px);

    width:-o-calc(100% - 500px);

    width:-ms-calc(100% - 500px);

    width:-moz-calc(100% - 500px);

    width:-webkit-calc(100% - 500px);

    text-align:center

}

.call-section-right img{

    max-width:100%

}

.call-section a{

    text-decoration:none;

    color:#000;

    transition:all .5s;

    -webkit-transition:all .5s;

    -moz-transition:all .5s;

    -ms-transition:all .5s;

    -o-transition:all .5s

}

.call-section a:hover{

    opacity:.5

}

.call-section a.book-btn{

    padding:13px 24px 14px;

    background-color:#000;

    display:inline-flex;

    align-items:center;

    color:#fff;

    text-transform:unset;

    text-decoration:none;

    font-size:17px;

    font-weight:400;

    letter-spacing:.3px;

    outline:none;

    white-space:nowrap;

    appearance:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    text-align:center;

    min-width:154px;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s

}

.call-section a.book-btn:hover{

    background-color:#757575;

    opacity:1

}

.call-section a.book-btn i{

    max-width:25px;

    font-size:25px;

    position:relative;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s

}

.call-section a.book-btn i{

    margin-right:10px

}

.call-section footer{

    margin-top:0

}

.most-trusted-restaurants{

    margin:0;

    padding:0 0 30px;

    width:100%

}

.most-trusted-restaurants-inner{

    margin:0 auto;

    padding:0;

    max-width:1300px;

    position:relative

}

.most-trusted-restaurants-inner h3{

    margin:40px 0 35px;

    padding:0;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    font-size:39px;

    color:#fb8200;

    text-transform:uppercase

}

.most-trusted-restaurants ul{

    margin:0;

    padding:0;

    display:flex;

    justify-content:center;

    align-items:center;

    width:100%;

    flex-wrap:wrap

}

.most-trusted-restaurants ul li{

    display:flex;

    width:25%;

    padding:0 15px;

    box-sizing:border-box

}

.most-trusted-restaurants ul li .restaurant-list-block{

    display:flex;

    flex-wrap:wrap;

    width:100%

}

.most-trusted-restaurants ul li .restaurant-list-block .restaurant-banner{

    width:100%;

    display:flex;

    border:2px solid #ddd;

    box-sizing:border-box

}

.most-trusted-restaurants ul li .restaurant-list-block .restaurant-banner img{

    max-width:100%

}

.most-trusted-restaurants ul li .restaurant-list-block .restaurant-caption{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    margin:0 0 30px

}

.restaurant-caption-row{

    display:flex;

    justify-content:space-between;

    padding:13px 0 0;

    align-items:center

}

.restaurant-caption-row strong{

    font-size:25px;

    text-transform:uppercase

}

.restaurant-caption-row span{

    background-color:#7cc832;

    width:16%;

    padding:4px;

    margin:0;

    display:flex;

    justify-content:space-between;

    align-items:center;

    color:#fff;

    border-radius:3px;

    box-sizing:border-box;

    height:25px

}

.restaurant-caption-row span img{

    width:43%;

    padding:0 2px 0 0

}

.most-trusted-restaurants ul li .restaurant-caption .toppings{

    font-size:14px;

    color:#373737;

    font-family:montserrat;

    font-weight:500

}

.signup-row-inner{

    max-width:1300px;

    margin:0 auto;

    padding:0 15px;

    position:relative;

    display:flex

}

.signup-block a{

    display:inline-flex;

    text-decoration:none;

    align-items:center;

    font-size:40px;

    font-weight:500;

    position:relative;

    transition:all .5s;

    -webkit-transition:all .5s;

    -moz-transition:all .5s;

    -ms-transition:all .5s;

    -o-transition:all .5s;

    padding-bottom:5px;

    margin-bottom:-5px;

    max-width:565px;

    line-height:normal

}

.signup-block a:hover{

}

.signup-block a img{

    width:32px;

    right:0;

    margin-left:98px;

    position:relative;

    transition:all .5s;

    -webkit-transition:all .5s;

    -moz-transition:all .5s;

    -ms-transition:all .5s;

    -o-transition:all .5s

}

.signup-block a:hover img{

    filter:invert(47%) sepia(2%) saturate(3%) hue-rotate(349deg) brightness(97%) contrast(90%);

    -webkit-filter:invert(47%) sepia(2%) saturate(3%) hue-rotate(349deg) brightness(97%) contrast(90%);

    right:-20px

}

.signup-block{

    width:50%;

    min-height:140px;

    position:relative;

    display:flex;

    align-items:center

}

.signup-block.driver:after{

    content:'';

    position:absolute;

    right:0;

    width:1px;

    background-color:#fff;

    top:0;

    bottom:0

}

.signup-block.rider{

    justify-content:flex-end

}

.signup-row{

    background-color:#e0e0e0;

    overflow:hidden

}

@-webkit-keyframes hvr-icon-buzz{

    50%{

        -webkit-transform:translateX(3px) rotate(2deg);

        transform:translateX(3px) rotate(2deg)

    }

    100%{

        -webkit-transform:translateX(-3px) rotate(-2deg);

        transform:translateX(-3px) rotate(-2deg)

    }

}

@keyframes hvr-icon-buzz{

    50%{

        -webkit-transform:translateX(3px) rotate(2deg);

        transform:translateX(3px) rotate(2deg)

    }

    100%{

        -webkit-transform:translateX(-3px) rotate(-2deg);

        transform:translateX(-3px) rotate(-2deg)

    }

}

.hvr-icon-buzz{

    display:inline-block;

    vertical-align:middle;

    -webkit-transform:perspective(1px) translateZ(0);

    transform:perspective(1px) translateZ(0);

    box-shadow:0 0 1px transparent;

    -webkit-transition-duration:.3s;

    transition-duration:.3s

}

.hvr-icon-buzz .hvr-icon{

    -webkit-transform:translateZ(0);

    transform:translateZ(0)

}

.hvr-icon-buzz:hover .hvr-icon,.hvr-icon-buzz:focus .hvr-icon,.hvr-icon-buzz:active .hvr-icon{

    -webkit-animation-name:hvr-icon-buzz;

    animation-name:hvr-icon-buzz;

    -webkit-animation-duration:.15s;

    animation-duration:.15s;

    -webkit-animation-timing-function:linear;

    animation-timing-function:linear;

    -webkit-animation-iteration-count:infinite;

    animation-iteration-count:infinite

}

@-webkit-keyframes hvr-icon-buzz-out{

    10%{

        -webkit-transform:translateX(3px) rotate(2deg);

        transform:translateX(3px) rotate(2deg)

    }

    20%{

        -webkit-transform:translateX(-3px) rotate(-2deg);

        transform:translateX(-3px) rotate(-2deg)

    }

    30%{

        -webkit-transform:translateX(3px) rotate(2deg);

        transform:translateX(3px) rotate(2deg)

    }

    40%{

        -webkit-transform:translateX(-3px) rotate(-2deg);

        transform:translateX(-3px) rotate(-2deg)

    }

    50%{

        -webkit-transform:translateX(2px) rotate(1deg);

        transform:translateX(2px) rotate(1deg)

    }

    60%{

        -webkit-transform:translateX(-2px) rotate(-1deg);

        transform:translateX(-2px) rotate(-1deg)

    }

    70%{

        -webkit-transform:translateX(2px) rotate(1deg);

        transform:translateX(2px) rotate(1deg)

    }

    80%{

        -webkit-transform:translateX(-2px) rotate(-1deg);

        transform:translateX(-2px) rotate(-1deg)

    }

    90%{

        -webkit-transform:translateX(1px) rotate(0);

        transform:translateX(1px) rotate(0)

    }

    100%{

        -webkit-transform:translateX(-1px) rotate(0);

        transform:translateX(-1px) rotate(0)

    }

}

@keyframes hvr-icon-buzz-out{

    10%{

        -webkit-transform:translateX(3px) rotate(2deg);

        transform:translateX(3px) rotate(2deg)

    }

    20%{

        -webkit-transform:translateX(-3px) rotate(-2deg);

        transform:translateX(-3px) rotate(-2deg)

    }

    30%{

        -webkit-transform:translateX(3px) rotate(2deg);

        transform:translateX(3px) rotate(2deg)

    }

    40%{

        -webkit-transform:translateX(-3px) rotate(-2deg);

        transform:translateX(-3px) rotate(-2deg)

    }

    50%{

        -webkit-transform:translateX(2px) rotate(1deg);

        transform:translateX(2px) rotate(1deg)

    }

    60%{

        -webkit-transform:translateX(-2px) rotate(-1deg);

        transform:translateX(-2px) rotate(-1deg)

    }

    70%{

        -webkit-transform:translateX(2px) rotate(1deg);

        transform:translateX(2px) rotate(1deg)

    }

    80%{

        -webkit-transform:translateX(-2px) rotate(-1deg);

        transform:translateX(-2px) rotate(-1deg)

    }

    90%{

        -webkit-transform:translateX(1px) rotate(0);

        transform:translateX(1px) rotate(0)

    }

    100%{

        -webkit-transform:translateX(-1px) rotate(0);

        transform:translateX(-1px) rotate(0)

    }

}

.hvr-icon-buzz-out{

    display:inline-block;

    vertical-align:middle;

    -webkit-transform:perspective(1px) translateZ(0);

    transform:perspective(1px) translateZ(0);

    box-shadow:0 0 1px transparent;

    -webkit-transition-duration:.3s;

    transition-duration:.3s

}

.hvr-icon-buzz-out .hvr-icon{

    -webkit-transform:translateZ(0);

    transform:translateZ(0)

}

.hvr-icon-buzz-out:hover .hvr-icon,.hvr-icon-buzz-out:focus .hvr-icon,.hvr-icon-buzz-out:active .hvr-icon{

    -webkit-animation-name:hvr-icon-buzz-out;

    animation-name:hvr-icon-buzz-out;

    -webkit-animation-duration:.75s;

    animation-duration:.75s;

    -webkit-animation-timing-function:linear;

    animation-timing-function:linear;

    -webkit-animation-iteration-count:1;

    animation-iteration-count:1

}

.login-main{

    background-size:cover;

    background-position:center;

    position:relative;

    z-index:1;

    background-attachment:fixed

}

.login-inner{

    max-width:1280px;

    padding:50px 15px;

    margin:0 auto;

    min-height:654px;

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    justify-content:center

}

.login-block{

    width:962px;

    min-height:571px;

    background-color:#fff;

    border-radius:10px;

    border:1px solid #ddd;

    box-shadow:0 0 13px 0 rgba(0,0,0,.1);

    max-width:100%;

    display:flex;

    flex-wrap:wrap

}

.login-caption{

    margin-top:46px;

    padding-left:48px;

    display:none;

    min-height:198px

}

.login-caption.active{

    display:block

}

.login-caption strong{

    font-size:27px;

    font-weight:600;

    color:#000;

    display:block;

    margin-bottom:30px

}

.login-caption ul li{

    font-size:16px;

    color:#000;

    padding:0 0 8px 30px;

    position:relative;

    margin-bottom:8px;

    line-height:normal

}

.login-caption ul li:before{

    content:'';

    width:16px;

    height:13px;

    background-image:url(../../../img/apptype/CubeJekX/mark.svg);

    position:absolute;

    left:0;

    top:7px;

    background-size:100% auto;

    background-repeat:no-repeat;

    filter:invert(62%) sepia(70%) saturate(2319%) hue-rotate(48deg) brightness(94%) contrast(102%);

    -webkit-filter:invert(62%) sepia(70%) saturate(2319%) hue-rotate(48deg) brightness(94%) contrast(102%)

}

.login-left{

    width:48%

}

.login-left img{

    max-width:380px;

    padding:15px

}

.login-right{

    width:52%

}

ul.tab-switch li a{

    text-decoration:none;

    font-size:15px;

    font-weight:500;

    color:#fff;

    min-width:110px;

    height:38px;

    display:flex;

    justify-content:center;

    align-items:center;

    text-transform:capitalize;

    border-radius:4px;

    padding:0 10px

}

.login-newblock{

    justify-content:center!important;

    padding:0!important

}

.loginlabel{

    margin:20px 0!important

}

.login-tabholder{

    width:100%;

    justify-content:center!important;

    padding:0!important

}

.login-tabholder:before{

    content:'';

    border-bottom:none!important

}

.tabholder{

    height:100px;

    display:flex;

    max-width:100%;

    align-items:center;

    justify-content:flex-end;

    padding-right:20px;

    background-color:#dbdbdb;

    position:relative;

    z-index:1

}

.tabholder:before{

    content:'';

    border-bottom:100px solid #fff;

    position:absolute;

    left:0;

    top:0;

    border-right:40px solid transparent;

    z-index:-1;

    padding-left:40px;

    pointer-events:none

}

.login-block-heading{

    width:100%;

    display:flex;

    border-bottom:1px solid #e0e0e0;

    border-radius:10px 10px 0 0;

    overflow:hidden;

    justify-content:space-between;

    flex-wrap:wrap;

    padding:0 0 0 30px;

    align-items:center;

    margin-bottom:30px

}

.login-block-heading label{

    font-size:38px;

    font-weight:500;

    color:#000;

    margin:0

}

.login-block-heading.forget_label{

    justify-content:center;

    padding:0

}

ul.tab-switch li.active a{

    background-color:#fff;

    color:#000

}

ul.tab-switch{

    background-color:transparent;

    padding:2px;

    border-radius:4px;

    display:flex;

    flex-wrap:wrap

}

.login-right h1{

    font-size:35px;

    font-weight:500;

    color:#000;

    padding-top:7px;

    margin-bottom:24px

}

.login-right p{

    color:#404040;

    font-size:15px;

    font-weight:400;

    line-height:26px;

    margin-bottom:20px

}

.login-right .form_hold{

    margin-top:25px

}

.login-right form .form-group{

    position:relative;

    display:block;

    margin-bottom:20px

}

.login-right form .form-group input,.login-right form .form-group select{

    width:calc(100% - 34px);

    width:-o-calc(100% - 34px);

    width:-ms-calc(100% - 34px);

    width:-moz-calc(100% - 34px);

    width:-webkit-calc(100% - 34px);

    padding:14px 16px 15px;

    border:1px solid #c1c1c1;

    border-radius:6px;

    font-size:15px;

    color:#404040;

    font-weight:400;

    -webkit-border-radius:6px;

    -moz-border-radius:6px;

    -ms-border-radius:6px;

    -o-border-radius:6px;

    -webkit-appearance:none;

    box-shadow:none;

    outline:none

}

.login-right form .form-group select{

    outline:none;

    width:100%;

    background-image:url(../../../img/apptype/CubeJekX/select-arrow.jpg);

    background-repeat:no-repeat;

    background-position:right 10px center;

    background-size:11px

}

.login-right form .form-group.error:after{

    position:absolute;

    content:'';

    width:4px;

    height:48px;

    right:0;

    top:0;

    background-color:red;

    border-radius:0 6px 6px 0

}

.login-right form .form-group.success:after{

    position:absolute;

    content:'';

    width:4px;

    height:48px;

    right:0;

    top:0;

    background-color:#6cc700;

    border-radius:0 6px 6px 0

}

.login-right form .form-group input:focus{

    border:1px solid #404040;

    outline:none

}

.login-right form .form-group select:focus{

    border:1px solid #404040

}

.login-right form .form-group label{

    position:absolute;

    left:16px;

    top:50%;

    margin-top:-8px;

    pointer-events:none;

    font-size:15px;

    color:#404040;

    font-weight:400;

    transition:all 150ms ease 0s;

    -webkit-transition:all 150ms ease 0s;

    -moz-transition:all 150ms ease 0s;

    -ms-transition:all 150ms ease 0s;

    -o-transition:all 150ms ease 0s

}

.login-right form .form-group.floating label{

    top:0;

    background-color:#fff;

    z-index:1;

    padding:0 6px;

    transform:scale(.8) translateX(-25px);

    -webkit-transform:scale(.8) translateX(-25px);

    -moz-transform:scale(.8) translateX(-25px);

    -ms-transform:scale(.8) translateX(-25px);

    -o-transform:scale(.8) translateX(-25px);

    color:#404040

}

.btn-hold input[type=submit]{

    background-color:transparent;

    border:none;

    outline:none;

    font-size:17px;

    font-weight:500;

    padding:14px 54px 14px 22px;

    cursor:pointer;

    color:#fff;

    transition:all .5s;

    -webkit-transition:all .5s;

    -moz-transition:all .5s;

    -ms-transition:all .5s;

    -o-transition:all .5s;

    border-radius:6px;

    -webkit-border-radius:6px;

    -moz-border-radius:6px;

    -ms-border-radius:6px;

    -o-border-radius:6px;

    -webkit-appearance:none;

    font-family:poppins

}

.btn-hold input[type=submit]:hover,.btn-hold input[type=submit]:focus{

    background-color:transparent

}

.btn-hold input[type=submit]:hover~img{

    right:16px

}

.btn-hold img{

    width:20px;

    position:absolute;

    right:22px;

    pointer-events:none;

    top:50%;

    transform:translateY(-50%);

    -webkit-transform:translateY(-50%);

    -moz-transform:translateY(-50%);

    -ms-transform:translateY(-50%);

    -o-transform:translateY(-50%);

    transition:all .5s;

    -webkit-transition:all .5s;

    -moz-transition:all .5s;

    -ms-transition:all .5s;

    -o-transition:all .5s

}

.btn-hold{

    position:relative;

    display:inline-block

}

.button-block{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

    flex-wrap:wrap;

    box-sizing:border-box;

    width:100%

}

.button-block.justify-center{

    justify-content:center

}

.button-block.justify-center a{

    margin:0 10px

}

.button-block.end{

    justify-content:flex-end;

    width:100%

}

.login-data-inner{

    padding-right:38px

}

.button-block a{

    text-decoration:none;

    font-size:13px;

    color:#000;

    font-weight:400;

    position:relative

}

.button-block a:hover,.button-block a:focus{

    outline:none

}

.button-block a:hover:after,.button-block a:focus:after{

    width:100%

}

.button-block a:after{

    content:'';

    position:absolute;

    width:0%;

    height:1px;

    background-color:#000;

    bottom:-5px;

    transition:all .1s ease 0s;

    -webkit-transition:all .1s ease 0s;

    -moz-transition:all .1s ease 0s;

    -ms-transition:all .1s ease 0s;

    -o-transition:all .1s ease 0s;

    left:0

}

.member-txt{

    font-size:16px;

    color:#404040;

    font-weight:400;

    text-align:center

}

.member-txt a{

    color:#000;

    text-decoration:none;

    font-weight:500;

    position:relative;

    padding-bottom:0;

    transition:all .5s;

    -webkit-transition:all .5s;

    -moz-transition:all .5s;

    -ms-transition:all .5s;

    -o-transition:all .5s;

    position:relative;

    display:inline-block

}

.member-txt a:after{

    content:'';

    position:absolute;

    bottom:-3px;

    width:0%;

    height:1px;

    background-color:#000;

    left:0;

    transition:all .1s;

    -webkit-transition:all .1s;

    -moz-transition:all .1s;

    -ms-transition:all .1s;

    -o-transition:all .1s

}

.member-txt a:hover:after{

    width:100%

}

.member-txt a:hover,.member-txt a:focus{

    opacity:.5;

    outline:none

}

.aternate-login{

    height:36px;

    display:block;

    position:relative;

    text-align:center;

    margin:15px 0;

    z-index:0

}

.aternate-login:after{

    content:'';

    position:absolute;

    height:1px;

    background-color:#c8c8c8;

    left:0;

    right:0;

    top:50%;

    z-index:-1

}

.aternate-login:before{

    content:attr(data-name);

    width:36px;

    height:36px;

    display:inline-flex;

    justify-content:center;

    align-items:center;

    background-color:#fff;

    z-index:2;

    box-shadow:0 0 0 1px #b7b7b7 inset,0 0 0 11px #fff;

    border-radius:50%;

    font-size:14px;

    font-weight:500;

    color:#000

}

.soc-login-row{

    margin-bottom:10px;

    margin-top:20px;

    text-align:center

}

.soc-login-row label{

    font-size:16px;

    font-weight:400;

    color:#404040;

    margin-bottom:10px;

    display:block

}

ul.social-list li a{

    text-decoration:none;

    outline:none!important

}

ul.social-list li a i{

    font-size:34px;

    color:#000;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s

}

ul.social-list li a i.fa-facebook-square{

    color:#3b5999

}

ul.social-list li a i.fa-linkedin-square{

    color:#0077b5

}

ul.social-list li a i.fa-google-plus-square{

    color:#dd4b39

}

ul.social-list li a i.fa-facebook-square:hover,ul.social-list li a i.fa-facebook-square:focus,ul.social-list li a i.fa-linkedin-square:hover,ul.social-list li a i.fa-linkedin-square:focus,ul.social-list li a i.fa-google-plus-square:hover,ul.social-list li a i.fa-google-plus-square:focus{

    opacity:.5;

    outline:none

}

ul.social-list{

    display:flex;

    flex-wrap:wrap;

    justify-content:center

}

ul.social-list li{

    margin:0 10px 10px

}

.login-block-footer{

    padding:15px;

    border-top:1px solid #e0e0e0;

    width:100%

}

.login-block-footer b{

    margin-bottom:7px;

    display:block;

    font-weight:600;

    font-size:17px

}

.login-block-footer p{

    color:#404040;

    font-size:15px;

    font-weight:400;

    line-height:26px;

    margin-bottom:18px

}

.login-block-footer b i{

    margin-right:5px

}

.note-holder{

    display:none

}

.note-holder.active{

    display:block

}

.login-block-footer.for-registration .login-caption{

    margin-top:0;

    padding:20px 30px

}

.login-block-footer.for-registration{

    margin-top:30px;

    padding:0

}

.login-right.full-width form .form-group.onethird{

    width:calc(33.33% - 16px);

    width:-o-calc(33.33% - 16px);

    width:-ms-calc(33.33% - 16px);

    width:-moz-calc(33.33% - 16px);

    width:-webkit-calc(33.33% - 16px);

    margin:0 8px 20px

}

.login-right.full-width form .form-group.half,.contact-section form .form-group.half,.general-form .form-group.half{

    width:calc(50% - 16px);

    width:-o-calc(50% - 16px);

    width:-ms-calc(50% - 16px);

    width:-moz-calc(50% - 16px);

    width:-webkit-calc(50% - 16px);

    margin:0 8px 20px

}

.general-form .half-column{

    width:calc(50% - 16px);

    width:-o-calc(50% - 16px);

    width:-ms-calc(50% - 16px);

    width:-moz-calc(50% - 16px);

    width:-webkit-calc(50% - 16px);

    margin:0 8px

}

.driver-add-vehicle-setting .half-new{

    width:auto!important;

    margin:0!important

}

.general-form .form-group.full{

    width:calc(100% - 16px);

    width:-o-calc(100% - 16px);

    width:-ms-calc(100% - 16px);

    width:-moz-calc(100% - 16px);

    width:-webkit-calc(100% - 16px);

    margin:0 8px 20px

}

.general-form .partation h1{

    width:100%;

    font-size:20px;

    color:#666;

    padding-left:8px;

    margin-bottom:15px;

    font-weight:500

}

.dashboard .general-form .partation{

    margin-bottom:10px

}

.profile-image-hold{

    width:200px;

    height:200px;

    margin:0 auto 30px;

    border:1px solid #c1c1c1

}

.profile-image-hold img{

    max-width:100%;

    max-height:100%

}

.partation{

    display:flex;

    flex-wrap:wrap;

    margin:0 -8px;

    margin-bottom:20px

}

.contact-section form .partation{

    margin-bottom:0

}

.login-right.full-width form .form-group{

    width:100%;

    margin:0 8px 20px

}

.captcha-column{

    width:100%;

    display:flex;

    flex-wrap:wrap

}

.login-right.full-width.full-width .login-data-inner{

    padding:0 30px

}

.login-right.full-width.full-width{

    width:100%

}

.login-right.full-width form .captcha-column .form-group{

    width:130px

}

.login-right.full-width .partation h1{

    width:100%;

    font-size:25px;

    color:#666;

    padding-left:8px

}

.login-block-footer.for-registration .login-caption ul li{

    width:100%;

    padding-right:20px

}

.login-block-footer.for-registration .login-caption ul{

    display:flex;

    flex-wrap:wrap

}

.login-right.full-width .button-block{

    padding-left:8px

}

.captcha-column a{

    color:#000;

    text-decoration:none;

    font-weight:500;

    position:relative;

    padding-bottom:0;

    transition:all .5s;

    -webkit-transition:all .5s;

    -moz-transition:all .5s;

    -ms-transition:all .5s;

    -o-transition:all .5s;

    position:relative;

    display:inline-block

}

.captcha-column a:hover,.captcha-column a:focus{

    opacity:.5;

    outline:none

}

.gen-forms{

    display:none

}

.gen-forms.active{

    display:block

}

.login-right.full-width form .form-group.phone-column select{

    width:75px;

    border-radius:6px 0 0 6px;

    position:absolute;

    left:0;

    top:0

}

.login-right.full-width form .form-group.phone-column input{

    margin-left:74px;

    border-radius:0 6px 6px 0;

    width:calc(100% - 108px);

    width:-o-calc(100% - 108px);

    width:-ms-calc(100% - 108px);

    width:-moz-calc(100% - 108px);

    width:-webkit-calc(100% - 108px)

}

.login-right.full-width form .form-group.phone-column .phonecode{

    width:75px;

    border-radius:6px 0 0 6px;

    position:absolute;

    left:0;

    top:0;

    margin:0;

    box-sizing:border-box

}

.login-right form .form-group.phone-column label{

    left:90px

}

.captcha-column img{

    vertical-align:middle;

    margin:0 0 0 10px

}

.captcha-column span{

    margin:8px 0;

    height:auto

}

.login-block-footer.for-registration .login-caption{

    min-height:unset

}

.radio-holding-row{

    margin-bottom:20px;

    width:100%;

    padding:0 8px;

    margin-top:10px

}

.radio-holding-row strong{

    font-size:16px;

    font-weight:600;

    margin-bottom:12px;

    display:block;

    width:100%

}

.radio-holding-row>label{

    display:inline-block;

    margin-right:10px;

    font-size:16px

}

.radio-holder{

    display:inline-block;

    width:auto;

    position:relative;

    vertical-align:middle;

    margin-right:11px;

    cursor:pointer

}

.radio-box{

    width:18px;

    height:18px;

    display:inline-block;

    vertical-align:middle;

    box-shadow:0 0 0 1px #666;

    background-color:#dbdbdb;

    position:relative;

    pointer-events:none;

    border-radius:50%;

    margin-left:1px

}

.radio-holder [type=radio]{

    width:18px;

    margin:0;

    height:18px;

    top:0;

    position:absolute;

    left:0;

    cursor:pointer;

    outline:none!important;

    opacity:0

}

.costing{

    color:#626262;

    font-size:15px;

    font-weight:500

}

.radio-holder~label{

    vertical-align:middle;

    margin:0;

    color:#626262;

    cursor:pointer;

    font-size:15px;

    font-weight:500

}

.radio-holder [type=radio]:checked~.radio-box{

    background-image:url(../../../img/apptype/CubeJekX/mark.png);

    background-size:13px;

    background-position:center center;

    background-repeat:no-repeat;

    box-shadow:0 0 0 1px #666

}

.flexible-row .label-data-hold{

    margin-right:15px;

    display:inline-block

}

.flexible-row{

    display:flex;

    align-items:center;

    flex-wrap:wrap

}

.flexible-row label{

    margin-right:21px;

    vertical-align:middle

}

.heading-area{

    background-color:#f5f5f5

}

.heading-area-inner{

    max-width:1280px;

    padding:0 15px;

    margin:0 auto;

    height:164px;

    display:flex;

    align-items:center

}

.heading-area h1{

    font-size:45px;

    font-weight:500;

    color:#000;

    margin-top:18px

}

.about-caption-inner{

    max-width:1280px;

    padding:0 15px;

    margin:0 auto;

    text-align:center

}

.about-caption{

    padding:42px 0 40px

}

.about-caption h3{

    font-size:30px;

    font-weight:500;

    color:#000;

    margin-bottom:15px;

    line-height:40px

}

.about-caption p{

    color:#404040;

    font-size:15px;

    font-weight:400;

    line-height:26px;

    margin-bottom:18px

}

.article-inner{

    max-width:1280px;

    padding:0 15px;

    margin:0 auto;

    display:flex;

    flex-wrap:wrap;

    justify-content:space-between

}

.article-image{

    padding:32px;

    background-color:#000;

    z-index:1;

    position:relative

}

article{

    margin-bottom:70px

}

.article-image-inner{

    width:570px;

    height:639px;

    background-repeat:no-repeat;

    background-position:center;

    background-size:cover

}

.article-image:after{

    content:'';

    position:absolute;

    padding-right:178px;

    border-top:706px solid #fff;

    right:0;

    top:0;

    border-left:216px solid transparent;

    z-index:-1

}

.pickup-schedule-img{

    position:absolute!important;

    right:6px!important;

    bottom:-2px!important;

    cursor:pointer!important

}

article.inverse .article-image::after{

    padding-right:178px;

    border-top:706px solid #fff;

    right:0;

    left:auto;

    top:0;

    border-left:216px solid transparent;

    border-right:none

}

.artical-right{

    width:calc(100% - 665px);

    width:-o-calc(100% - 665px);

    width:-ms-calc(100% - 665px);

    width:-moz-calc(100% - 665px);

    width:-webkit-calc(100% - 665px);

    padding-top:34px

}

.artical-right h4{

    font-size:35px;

    color:#000;

    font-weight:500;

    margin-bottom:28px

}

.artical-right p{

    color:#404040;

    font-size:15px;

    font-weight:400;

    line-height:26px;

    margin-bottom:28px

}

.artical-links-row{

    display:flex;

    flex-wrap:wrap

}

.artical-links-row a{

    font-size:16px;

    color:#000;

    font-weight:500;

    text-decoration:none;

    position:relative;

    padding-bottom:4px;

    display:inline-block;

    margin-right:65px;

    transition:all .5s;

    -webkit-transition:all .5s;

    -moz-transition:all .5s;

    -ms-transition:all .5s;

    -o-transition:all .5s;

    margin-bottom:15px

}

.artical-links-row a:hover{

    opacity:.5

}

.artical-links-row a:hover:after{

    right:-10px

}

.artical-links-row a:after{

    width:auto;

    margin-left:15px;

    content:'\61';

    font-family:icomoon;

    font-size:12px;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s;

    position:relative;

    right:0;

    display:inline-block;

    font-size:12px

}

.artical-links-row a:hover img{

    right:-10px

}

.artical-links-row a img{

    width:14px;

    margin-left:15px;

    display:inline-block;

    position:relative;

    right:0;

    transition:all .5s;

    -webkit-transition:all .5s;

    -moz-transition:all .5s;

    -ms-transition:all .5s;

    -o-transition:all .5s

}

article.inverse .article-inner{

    flex-direction:row-reverse

}

article.inverse .article-image:after{

    padding-right:178px;

    border-top:706px solid #fff;

    left:0;

    right:auto;

    top:0;

    border-right:216px solid transparent;

    border-left:none

}

.contact-inner{

    max-width:1280px;

    padding:0 15px;

    margin:0 auto;

    display:flex;

    flex-wrap:wrap;

    justify-content:space-between

}

.contact-section h1{

    font-size:30px;

    font-weight:500;

    color:#000;

    padding-top:0;

    margin-bottom:19px

}

.contact-section p{

    color:#404040;

    font-size:15px;

    font-weight:400;

    line-height:26px;

    margin-bottom:20px

}

.contact-section .form_hold{

    margin-top:25px

}

.contact-section form .form-group,.general-form .form-group{

    position:relative;

    display:block;

    margin-bottom:10px

}

.contact-section form .form-group input,.contact-section form .form-group select{

    width:calc(100% - 34px);

    width:-o-calc(100% - 34px);

    width:-ms-calc(100% - 34px);

    width:-moz-calc(100% - 34px);

    width:-webkit-calc(100% - 34px);

    padding:14px 16px 15px;

    border:1px solid #c1c1c1;

    border-radius:6px;

    font-size:15px;

    color:#404040;

    font-weight:400;

    -webkit-border-radius:6px;

    -moz-border-radius:6px;

    -ms-border-radius:6px;

    -o-border-radius:6px;

    -webkit-appearance:none;

    font-family:poppins

}

.contact-section form .form-group select{

    outline:none;

    width:100%;

    background-image:url(../../../img/apptype/CubeJekX/select-arrow.jpg);

    background-repeat:no-repeat;

    background-position:right 10px center;

    background-size:11px

}

.contact-section form .form-group.error:after{

    position:absolute;

    content:'';

    width:4px;

    height:48px;

    right:0;

    top:0;

    background-color:red;

    border-radius:0 6px 6px 0

}

.contact-section form .form-group.success:after{

    position:absolute;

    content:'';

    width:4px;

    height:48px;

    right:0;

    top:0;

    background-color:#6cc700;

    border-radius:0 6px 6px 0

}

.contact-section form .form-group input:focus{

    border:1px solid #c1c1c1;

    outline:none

}

.contact-section form .form-group label{

    position:absolute;

    left:16px;

    top:50%;

    margin-top:-8px;

    pointer-events:none;

    font-size:15px;

    color:#404040;

    font-weight:400;

    transition:all 150ms ease 0s;

    -webkit-transition:all 150ms ease 0s;

    -moz-transition:all 150ms ease 0s;

    -ms-transition:all 150ms ease 0s;

    -o-transition:all 150ms ease 0s

}

.contact-section form .form-group.floating label{

    top:0;

    background-color:#fff;

    z-index:1;

    padding:0 6px;

    transform:scale(.8) translateX(-25px);

    -webkit-transform:scale(.8) translateX(-25px);

    -moz-transform:scale(.8) translateX(-25px);

    -ms-transform:scale(.8) translateX(-25px);

    -o-transform:scale(.8) translateX(-25px);

    color:#404040

}

.contact-left{

    width:47%

}

.contact-section{

    padding:45px 0 50px

}

.contact-left strong{

    font-size:17px;

    color:#404040;

    font-weight:500

}

.contact-form{

    margin-top:45px

}

.contact-section form .form-group textarea{

    width:calc(100% - 34px);

    width:-o-calc(100% - 34px);

    width:-ms-calc(100% - 34px);

    width:-moz-calc(100% - 34px);

    width:-webkit-calc(100% - 34px);

    padding:14px 16px 15px;

    border:1px solid #c1c1c1;

    border-radius:6px;

    font-size:15px;

    color:#404040;

    font-weight:400;

    -webkit-border-radius:6px;

    -moz-border-radius:6px;

    -ms-border-radius:6px;

    -o-border-radius:6px;

    -webkit-appearance:none;

    height:107px;

    outline:none;

    resize:vertical;

    font-family:poppins

}

.contact-section form .form-group.textarea label{

    top:24px

}

.contact-section form .form-group.textarea.floating label{

    top:0;

    background-color:#fff;

    z-index:1;

    padding:0 6px;

    transform:scale(.8) translateX(-25px);

    -webkit-transform:scale(.8) translateX(-25px);

    -moz-transform:scale(.8) translateX(-25px);

    -ms-transform:scale(.8) translateX(-25px);

    -o-transform:scale(.8) translateX(-25px);

    color:#404040

}

.cont-det-block strong{

    font-size:26px;

    color:#000;

    font-weight:500;

    display:block;

    margin-bottom:16px

}

.cont-det-block address{

    font-size:15px;

    font-weight:400;

    color:#404040;

    line-height:26px;

    padding-left:32px;

    position:relative

}

.contact-right{

    max-width:384px;

    margin-right:71px

}

.cont-det-block{

    margin-bottom:37px

}

.cont-det-block address i{

    position:absolute;

    left:0;

    top:2px;

    font-size:30px

}

.cont-det-block ul li{

    padding-left:42px;

    position:relative;

    margin-bottom:18px

}

.cont-det-block ul li i{

    position:absolute;

    left:0;

    top:0;

    font-size:23px

}

.cont-det-block ul li i.fa.fa-envelope{

    font-size:19px

}

.cont-det-block ul li a{

    text-decoration:none;

    color:#404040;

    font-weight:400;

    font-size:18px

}

.cont-det-block ul li a:hover,.cont-det-block ul li a:focus{

    opacity:.5;

    outline:none

}

.contact-section form .captcha-column .form-group{

    width:130px;

    margin-bottom:0

}

.contact-section .captcha-column{

    margin-bottom:20px

}

.contact-section form .form-group.phone-column select{

    width:75px;

    border-radius:6px 0 0 6px;

    position:absolute;

    left:0;

    top:0

}

.contact-section form .form-group.phone-column input{

    margin-left:74px;

    border-radius:0 6px 6px 0;

    width:calc(100% - 108px);

    width:-o-calc(100% - 108px);

    width:-ms-calc(100% - 108px);

    width:-moz-calc(100% - 108px);

    width:-webkit-calc(100% - 108px)

}

.contact-section .form-group.phone-column label{

    left:90px

}

.login-block.for-forgot{

    min-height:418px

}

.login-block.for-forgot .member-txt{

    margin-bottom:50px

}

.login-block.for-forgot .aternate-login{

    margin-bottom:30px

}

.banner-section.taxi-app .banner-back .banner-image{

    display:block!important;

    background-size:cover

}

.banner-section.taxi-app .banner-section-inner{

    min-height:487px;

    padding:0 15px 50px;

    box-sizing:border-box

}

.banner-section.taxi-app .banner-section-inner:after{

    content:'';

    display:block;

    clear:both

}

.banner-section.taxi-app ul.tab-row li a{

    display:block;

    font-size:15px;

    font-weight:600;

    text-decoration:none;

    max-height:57px;

    overflow:hidden;

    padding-bottom:3px;

    line-height:19px

}

.banner-section.taxi-app ul.tab-row{

    display:flex;

    width:auto;

    flex-wrap:wrap;

    justify-content:space-around;

    padding:0 15px;

    background-color:rgba(255,255,255,.905);

    box-shadow:0 0 10px 0 transparent;

    max-width:1280px;

    margin:0 auto;

    box-sizing:border-box;

    transition:all .3s;

    -webkit-transition:all .3s;

    -moz-transition:all .3s;

    -ms-transition:all .3s;

    -o-transition:all .3s;

    height:65px;

    align-items:center

}

.banner-section.taxi-app .tab-row-holding.sticky ul.tab-row{

    background-color:#fff;

    box-shadow:0 0 10px 0 rgba(0,0,0,.2);

    top:0;

    left:0;

    right:0;

    z-index:2;

    max-width:100%;

    width:1920px

}

.banner-section.taxi-app .tab-row-holding{

    background-color:transparent

}

.banner-section.taxi-app .tab-row-holding.sticky{

    height:71px;

    z-index:3;

    position:fixed;

    left:0;

    right:0

}

.banner-section.taxi-app ul.tab-row li:after{

    bottom:0

}

.banner-section.taxi-app .categories-block{

    padding:54px 44px 52px;

    float:right

}

.banner-section.taxi-app .categories-caption{

    display:block

}

.how-it-works-section.taxi-variant .how-it-works-section-inner{

    flex-wrap:wrap

}

.how-it-works-section.taxi-variant .how-it-works-left{

    max-width:588px;

    padding:0

}

.how-it-works-section.taxi-variant .how-it-works-right{

    width:calc(100% - 588px);

    width:-o-calc(100% - 588px);

    width:-ms-calc(100% - 588px);

    width:-moz-calc(100% - 588px);

    width:-webkit-calc(100% - 588px);

    align-items:center;

    justify-content:center

}

.how-it-works-section.taxi-variant ul li:before,.how-it-works-section.taxi-variant ul li:after{

    display:none

}

.how-it-works-section.taxi-variant h3{

    margin-bottom:13px

}

.how-it-works-section.taxi-variant .how-it-works-left strong{

    color:#404040;

    line-height:29px;

    font-size:18px;

    margin-bottom:42px;

    display:block

}

.how-it-works-section.taxi-variant .how-it-works-left li strong{

    font-size:22px;

    font-weight:500;

    margin-bottom:4px

}

.how-it-works-section.taxi-variant ul li{

    padding-top:0;

    max-width:420px

}

.how-it-works-section.taxi-variant ul{

    margin-top:0

}

.how-it-works-section.taxi-variant ul li .proc_ico{

    width:48px;

    position:absolute;

    left:6px;

    top:4px

}

.how-it-works-section.taxi-variant .how-it-works-right img{

    margin:-60px 0 0 -33px;

    transform:translate3d(845px,0px,0px);

    -webkit-transform:translate3d(845px,0px,0px);

    -moz-transform:translate3d(845px,0px,0px);

    -ms-transform:translate3d(845px,0px,0px);

    -o-transform:translate3d(845px,0px,0px);

    animation:slideleft 1s normal forwards linear;

    width:855px

}

@keyframes slideleft{

    from{

        transform:translate3d(845px,0px,0px)

    }

    to{

        transform:translate3d(0px,0px,0px)

    }

}

.safety-section.taxi-variant .safty-image-hold{

    width:861px;

    height:442px;

    background-repeat:no-repeat;

    background-size:cover;

    background-position:center center

}

.safety-section.taxi-variant.for-kiosk{

    background-color:#f6f6f6

}

form.gen-from .form-group input,form.gen-from .form-group select{

    width:calc(100% - 34px);

    width:-o-calc(100% - 34px);

    width:-ms-calc(100% - 34px);

    width:-moz-calc(100% - 34px);

    width:-webkit-calc(100% - 34px);

    padding:14px 16px 15px;

    border:1px solid #c1c1c1;

    border-radius:6px;

    font-size:15px;

    color:#404040;

    font-weight:400;

    -webkit-border-radius:6px;

    -moz-border-radius:6px;

    -ms-border-radius:6px;

    -o-border-radius:6px;

    -webkit-appearance:none

}

.safety-section.taxi-variant.for-kiosk .safty-image-hold{

    height:491px

}

form.gen-from .form-group input:focus{

    border:1px solid #404040;

    outline:none

}

form.gen-from .form-group select:focus{

    border:1px solid #404040

}

form.gen-from .form-group label{

    position:absolute;

    left:16px;

    top:50%;

    margin-top:-8px;

    pointer-events:none;

    font-size:15px;

    color:#404040;

    font-weight:400;

    transition:all 150ms ease 0s;

    -webkit-transition:all 150ms ease 0s;

    -moz-transition:all 150ms ease 0s;

    -ms-transition:all 150ms ease 0s;

    -o-transition:all 150ms ease 0s

}

form.gen-from .form-group.floating label{

    top:0;

    background-color:#fff;

    z-index:1;

    padding:0 6px;

    transform:scale(.8) translateX(-25px);

    -webkit-transform:scale(.8) translateX(-25px);

    -moz-transform:scale(.8) translateX(-25px);

    -ms-transform:scale(.8) translateX(-25px);

    -o-transform:scale(.8) translateX(-25px);

    color:#404040

}

form.gen-from .form-group{

    position:relative;

    display:block;

    margin-bottom:20px

}

.safety-section.taxi-variant .safety-section-right{

    padding:22px 0 0 51px;

    background-color:transparent;

    justify-content:flex-start;

    width:736px

}

.safety-section.taxi-variant h3{

    max-width:unset;

    margin-bottom:18px

}

.safety-section h3{

    font-size:45px;

    font-weight:500;

    color:#000;

    margin-bottom:38px;

    line-height:57.88px

}

.safety-section.taxi-variant{

    background-color:transparent

}

.safety-section.taxi-variant p{

    line-height:30px;

    font-size:18px;

    color:#404040;

    margin-bottom:46px

}

.safety-section.taxi-variant .safety-section-left{

    width:calc(100% - 736px);

    width:-o-calc(100% - 736px);

    width:-ms-calc(100% - 736px);

    width:-moz-calc(100% - 736px);

    width:-webkit-calc(100% - 736px)

}

.safety-section.taxi-variant .safety-section-right form.gen-from{

    max-width:649px;

    padding-left:46px;

    box-sizing:border-box;

    padding-right:15px

}

.safety-section.taxi-variant .btn-hold input[type=submit]{

    border-radius:0

}

form.gen-from .form-group.pickup-location:before{

    content:'';

    position:absolute;

    width:50px;

    height:50px;

    left:-50px;

    top:0;

    background-image:url(../../../img/apptype/CubeJekX/marker.svg);

    background-repeat:no-repeat;

    background-position:left top 8px;

    background-size:18px;

    filter:invert(77%) sepia(0%) saturate(2228%) hue-rotate(4deg) brightness(93%) contrast(78%);

    -webkit-filter:invert(77%) sepia(0%) saturate(2228%) hue-rotate(4deg) brightness(93%) contrast(78%)

}

form.gen-from .form-group.drop-location:before{

    content:'';

    width:16px;

    height:16px;

    border-radius:50%;

    background-color:#a9a9a9;

    position:absolute;

    left:-48px;

    bottom:4px

}

form.gen-from .form-group.drop-location:after{

    content:'';

    width:2px;

    height:65px;

    bottom:20px;

    position:absolute;

    left:-42px;

    background-image:url(../../../img/apptype/CubeJekX/vertical-line.png)

}

form.gen-from .form-group.error:after{

    position:absolute;

    content:'';

    width:4px;

    height:48px;

    right:0;

    top:0;

    background-color:red;

    border-radius:0 6px 6px 0

}

form.gen-from .form-group.success:after{

    position:absolute;

    content:'';

    width:4px;

    height:48px;

    right:0;

    top:0;

    background-color:#6cc700;

    border-radius:0 6px 6px 0

}

.services{

    background-color:#f6f6f6;

    padding:34px 0 4px

}

.services h3{

    font-size:45px;

    font-weight:500;

    margin-bottom:15px

}

.services-inner{

    margin:0 auto;

    width:1310px;

    display:flex;

    flex-direction:column;

    align-items:center;

    padding:0 15px;

    max-width:100%;

    box-sizing:border-box

}

.services strong{

    font-size:18px;

    font-weight:500;

    line-height:30px;

    color:#3e3e3e;

    display:block;

    margin-bottom:0;

    max-width:990px;

    text-align:center;

    margin:0 auto

}

.services ul{

    display:flex;

    flex-wrap:wrap;

    margin:40px -18px 0

}

.services ul li{

    padding:0 18px;

    width:33.33%;

    text-align:center;

    box-sizing:border-box;

    margin-bottom:50px

}

.services ul li .service-block{

    box-shadow:0 0 0 1px #e3e3e3;

    background-color:#fff;

    text-align:center;

    padding:30px 28px 53px;

    position:relative;

    -webkit-transition:all .4s ease-out;

    -moz-transition:all .4s ease-out;

    -ms-transition:all .4s ease-out;

    -o-transition:all .4s ease-out;

    transition:all .4s ease-out;

    min-height:100%;

    box-sizing:border-box

}

.services ul li .service-block:hover{

    box-shadow:0 0 20px 0 rgba(0,0,0,.06),0 0 0 1px #828282;

    -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.06),0 0 0 1px #828282;

    -moz-box-shadow:0 0 20px 0 rgba(0,0,0,.06),0 0 0 1px #828282;

    -o-box-shadow:0 0 20px 0 rgba(0,0,0,.06),0 0 0 1px #828282;

    -ms-box-shadow:0 0 20px 0 rgba(0,0,0,.06),0 0 0 1px #828282;

    -webkit-transform:translateY(0px);

    -moz-transform:translateY(10px);

    -ms-transform:translateY(10px);

    -o-transform:translateY(10px);

    transform:translateY(10px)

}

.services ul li .service-block:before{

    content:'';

    position:absolute;

    left:0;

    right:0;

    top:0;

    height:145px;

    background-color:#f2f2f2;

    z-index:-1;

    -webkit-transition:all .4s ease-out;

    -moz-transition:all .4s ease-out;

    -ms-transition:all .4s ease-out;

    -o-transition:all .4s ease-out;

    transition:all .4s ease-out

}

.services ul li .service-block:hover:before{

    opacity:0

}

.services ul li .service-block strong{

    font-size:18px;

    font-weight:500;

    color:#222;

    line-height:24px;

    display:block;

    margin:59px 0 15px

}

.services ul li .service-block i{

    display:inline-block;

    height:83px

}

.services ul li .service-block p{

    font-weight:400;

    line-height:22px;

    color:#777

}

.services ul li .service-block a img{

    width:14px

}

.services ul li .service-block a{

    width:42px;

    height:40px;

    display:inline-flex;

    justify-content:center;

    text-align:center;

    background-color:#000;

    border-radius:50%;

    margin-left:0;

    position:absolute;

    bottom:-19px;

    left:0;

    opacity:0;

    z-index:1;

    text-decoration:none;

    pointer-events:none;

    -webkit-transition:all .4s ease-out;

    -moz-transition:all .4s ease-out;

    -ms-transition:all .4s ease-out;

    -o-transition:all .4s ease-out;

    transition:all .4s ease-out

}

.services ul li .service-block:hover a{

    left:50%;

    opacity:1;

    margin-left:-20px

}

.benefits{

    padding:39px 0 0

}

.benefits-inner{

    margin:0 auto;

    max-width:1280px;

    display:flex;

    flex-direction:column;

    align-items:center;

    padding:0 15px

}

.benefits h3{

    font-size:45px;

    font-weight:500;

    margin-bottom:10px

}

.benefits .benefits-inner>strong{

    font-size:18px;

    font-weight:500;

    line-height:30px;

    color:#3e3e3e;

    display:block;

    margin-bottom:0;

    max-width:990px;

    text-align:center;

    margin:0 auto

}

.benefits-row{

    display:flex;

    flex-wrap:wrap;

    margin-top:64px;

    width:100%

}

.benefits-left{

    width:34.78%;

    text-align:right

}

.benefits-right{

    width:34.78%

}

.benefits-middle{

    width:29.55%;

    text-align:center;

    margin-top:-26px;

    display:flex;

    align-items:center;

    justify-content:center

}

.benefits-middle img{

    max-width:271px

}

.benefits-middle.fly-img img{

    max-width:350px

}

.benefits-middle.data-middle{

    width:29.55%;

    text-align:center;

    margin-top:-80px;

    display:flex;

    align-items:center;

    justify-content:center

}

.benefits ul li strong{

    font-size:20px;

    color:#424242;

    font-weight:500;

    display:block;

    margin-bottom:12px;

    transition:all .5s;

    -webkit-transition:all .5s;

    -moz-transition:all .5s;

    -ms-transition:all .5s;

    -o-transition:all .5s

}

.benefits ul li p{

    color:#777;

    line-height:22px;

    font-weight:400

}

.benefits ul li i{

    width:80px;

    height:80px;

    position:absolute;

    right:0;

    background-color:transparent;

    border-radius:50%;

    top:0;

    transition:all .5s;

    -webkit-transition:all .5s;

    -moz-transition:all .5s;

    -ms-transition:all .5s;

    -o-transition:all .5s;

    display:flex;

    justify-content:center;

    align-items:center

}

.benefits ul li i img{

    max-width:42px

}

.benefits ul li{

    position:relative

}

.benefits-left ul li{

    padding:4px 97px 0 0;

    margin-bottom:100px

}

.benefits-right ul li{

    padding:4px 0 0 97px;

    margin-bottom:100px

}

.benefits .benefits-right ul li i{

    width:80px;

    height:80px;

    position:absolute;

    left:0;

    right:auto;

    background-color:transparent;

    border-radius:50%;

    top:0

}

.benefits ul li:hover strong{

    color:#000

}

.benefits ul li:hover i{

    background-color:transparent

}

.benefits .horizonatal-title{

    display:flex;

    flex-wrap:wrap;

    justify-content:space-between;

    margin-bottom:21px;

    width:100%

}

.benefits .horizonatal-title h3{

    width:326px;

    position:relative;

    margin:0;

    min-height:53px;

    padding:5px 0 0

}

.benefits .horizonatal-title strong{

    width:calc(100% - 364px);

    width:-o-calc(100% - 364px);

    width:-ms-calc(100% - 364px);

    width:-moz-calc(100% - 364px);

    width:-webkit-calc(100% - 364px);

    line-height:32px;

    color:#404040;

    font-size:18px

}

.benefits .horizonatal-title h3:after{

    content:'';

    position:absolute;

    right:0;

    top:0;

    width:4px;

    height:100%;

    background-color:transparent

}

.delivery{

    padding:60px 0 0

}

.delivery .horizonatal-title{

    display:flex;

    flex-wrap:wrap;

    justify-content:space-between;

    margin-bottom:48px;

    width:100%

}

.delivery h3{

    font-size:45px;

    font-weight:500;

    color:#000;

    margin-bottom:10px

}

.delivery .horizonatal-title h3{

    width:326px;

    position:relative;

    margin:0;

    min-height:53px;

    padding:5px 0 0

}

.delivery .horizonatal-title strong{

    width:calc(100% - 364px);

    width:-o-calc(100% - 364px);

    width:-ms-calc(100% - 364px);

    width:-moz-calc(100% - 364px);

    width:-webkit-calc(100% - 364px);

    line-height:32px;

    color:#404040;

    font-size:18px

}

.delivery .horizonatal-title h3:after{

    content:'';

    position:absolute;

    right:0;

    top:0;

    width:4px;

    height:100%;

    background-color:#000

}

.delivery-inner{

    margin:0 auto;

    max-width:1280px;

    display:flex;

    flex-direction:column;

    align-items:center;

    padding:0 15px

}

.delivery-left .delivery-image-block{

    height:405px;

    background-repeat:no-repeat;

    background-size:cover;

    background-position:center center

}

.delivery-left{

    width:47.657%

}

.delivery-right{

    width:43.2%

}

.delivery-row{

    display:flex;

    flex-wrap:wrap;

    justify-content:space-between;

    padding-top:25px;

    position:relative;

    z-index:0;

    margin-bottom:20px;

    width:100%

}

.delivery-block-caption{

    min-height:468px;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

    padding:38px 70px 0 0;

    box-sizing:border-box

}

.delivery-block-caption h4{

    font-size:40px;

    font-weight:500;

    color:#000;

    line-height:57.88px;

    margin-bottom:30px

}

.delivery-block-caption p{

    font-size:17px;

    color:#404040;

    line-height:28px;

    margin-bottom:26px

}

.delivery-row:after{

    content:'';

    position:absolute;

    right:0;

    left:25%;

    height:100%;

    background-color:#f3f3f3;

    z-index:-1;

    top:0

}

.delivery-row.invert{

    flex-direction:row-reverse;

    margin-bottom:0

}

.delivery-row.invert::after{

    right:25%;

    left:0

}

.delivery-row.invert .delivery-block-caption{

    padding:38px 0 0 70px

}

.delivery-left button{

    outline:none;

    background-color:transparent;

    border:none;

    width:63px;

    height:63px;

    bottom:0;

    left:25%;

    position:absolute;

    margin-left:-63px;

    cursor:pointer;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s

}

.delivery-left button:hover{

    background-color:#757575

}

.delivery-left button img{

    width:18px

}

.delivery-row.invert .delivery-left button{

    left:auto;

    right:25%;

    margin-left:auto;

    margin-right:-63px

}

#how-it-works{

    padding:45px 0;

    background-color:#f3f3f3

}

.howitworks .horizonatal-title{

    display:flex;

    flex-wrap:wrap;

    justify-content:space-between;

    margin-bottom:21px;

    width:100%

}

.howitworks .horizonatal-title h3{

    width:326px;

    position:relative;

    margin:0;

    min-height:53px;

    padding:5px 0 0

}

.howitworks-inner{

    margin:0 auto;

    max-width:1280px;

    display:flex;

    flex-direction:column;

    align-items:center;

    padding:0 15px

}

.howitworks h3{

    width:326px;

    position:relative;

    margin:0;

    min-height:53px;

    padding:5px 0 0

}

.howitworks h3{

    font-size:45px;

    font-weight:500;

    color:#000;

    margin-bottom:10px

}

.howitworks .horizonatal-title strong{

    width:calc(100% - 364px);

    width:-o-calc(100% - 364px);

    width:-ms-calc(100% - 364px);

    width:-moz-calc(100% - 364px);

    width:-webkit-calc(100% - 364px);

    line-height:32px;

    color:#404040;

    font-size:18px

}

.howitworks .horizonatal-title h3:after{

    content:'';

    position:absolute;

    right:0;

    top:0;

    width:4px;

    height:100%;

    background-color:#000

}

.howitworks ul{

    display:flex;

    justify-content:space-between;

    width:100%;

    position:relative;

    margin-top:60px

}

.howitworks ul:before{

    height:24px;

    position:absolute;

    content:'';

    left:12%;

    right:12%;

    top:134px;

    background-image:url(../../../img/apptype/CubeJekX/way.png);

    background-repeat:repeat-x

}

.howitworks ul li{

    max-width:24.25%;

    text-align:center

}

.howitworks ul li i{

    display:inline-flex;

    width:105px;

    height:105px;

    box-shadow:0 0 0 1px #e7e7e7 inset,0 0 5px 0 rgba(0,0,0,.14);

    border-radius:50%;

    background-color:#fff;

    justify-content:center;

    align-items:center;

    position:relative;

    z-index:0

}

.howitworks ul li i:after{

    content:'';

    position:absolute;

    width:26px;

    height:26px;

    border-radius:50%;

    border:1px solid #000;

    bottom:-55px;

    left:50%;

    margin-left:-14px;

    background-color:#fff;

    z-index:1;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s

}

.howitworks ul li:hover i:after{

    background-color:#aaa

}

.howitworks ul li:nth-child(even) i:after{

    top:-52px;

    bottom:auto

}

.howitworks ul li i:before{

    content:'';

    width:6px;

    position:absolute;

    height:50px;

    background-color:#000;

    bottom:-50px;

    left:50%;

    margin-left:-3px

}

.howitworks ul li:nth-child(even) i:before{

    top:-50px;

    bottom:auto

}

.howitworks ul li strong{

    display:block;

    font-size:20px;

    font-weight:600;

    color:#000;

    margin:84px 0 14px;

    white-space:nowrap

}

.howitworks ul li i img{

    max-width:100%;

    width:auto

}

.howitworks ul li p{

    font-size:15px;

    font-weight:400;

    color:#404040;

    line-height:22px;

    display:block;

    height:66px;

    text-overflow:ellipsis;

    overflow:hidden;

    width:100%

}

.howitworks ul li:nth-child(even){

    display:flex;

    flex-direction:column-reverse;

    align-items:center

}

.howitworks ul li:nth-child(even) strong{

    margin:0 0 14px

}

.howitworks ul li:nth-child(even) .works-caption{

    margin-bottom:84px

}

.howitworks ul li .works-caption{

    width:100%

}

.cartype h3{

    font-size:45px;

    font-weight:500;

    color:#000;

    margin-bottom:15px

}

.cartype{

    padding:34px 0 55px;

    background-color:#f6f6f6

}

.cartype.white-bg{

    background-color:#fff

}

.cartype-inner{

    margin:0 auto;

    max-width:1280px;

    display:flex;

    flex-direction:column;

    align-items:center;

    padding:0 15px

}

.cartype .cartype-inner>strong,.cartype .cartype-inner>p>strong{

    font-size:18px;

    font-weight:500;

    line-height:30px;

    color:#3e3e3e;

    display:block;

    margin-bottom:0;

    max-width:990px;

    text-align:center;

    margin:0 auto

}

.cartype ul{

    display:flex;

    justify-content:center;

    margin-top:15px;

    width:100%;

    flex-wrap:wrap

}

.cartype ul li{

    width:25%;

    text-align:center

}

.cartype ul li img{

    transform-origin:center center;

    transform:scale(1);

    -webkit-transform:scale(1);

    -moz-transform:scale(1);

    -ms-transform:scale(1);

    -o-transform:scale(1);

    transition:all .5s;

    -webkit-transition:all .5s;

    -moz-transition:all .5s;

    -ms-transition:all .5s;

    -o-transition:all .5s;

    max-width:90%;

    max-height:211px

}

.cartype ul li strong{

    font-size:18px;

    color:#222;

    font-weight:500;

    margin-top:10px;

    display:block

}

.cartype ul li:hover img{

    transform:scale(1.1);

    -webkit-transform:scale(1.1);

    -moz-transform:scale(1.1);

    -ms-transform:scale(1.1);

    -o-transform:scale(1.1)

}

.fleet h3{

    font-size:45px;

    font-weight:500;

    margin-bottom:15px;

    color:#fff

}

.fleet{

    padding:45px 0 50px;

    background-size:cover;

    background-position:center center;

    background-repeat:no-repeat;

    position:relative

}

.fleet.delivery-variant{

    background-attachment:fixed;

    position:relative;

    z-index:0

}

.fleet:after{

    position:absolute;

    content:'';

    width:100%;

    height:100%;

    left:0;

    top:0;

    background-color:rgba(0,0,0,.85);

    z-index:-1

}

.fleet-inner{

    margin:0 auto;

    max-width:1280px;

    display:flex;

    flex-direction:column;

    align-items:center;

    padding:0 15px

}

.fleet .fleet-inner>strong{

    font-size:18px;

    font-weight:400;

    line-height:30px;

    color:#fff;

    display:block;

    margin-bottom:0;

    max-width:990px;

    text-align:center;

    margin:0 auto

}

.fleet ul{

    display:flex;

    justify-content:center;

    margin-top:50px;

    width:100%;

    flex-wrap:wrap

}

.fleet ul li{

    width:16.66%;

    text-align:center;

    padding:0 15px;

    box-sizing:border-box

}

.fleet ul li i{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    width:111px;

    height:111px;

    border-radius:50%;

    margin-bottom:12px;

    transform:translatey(0);

    -webkit-transform:translatey(0);

    -moz-transform:translatey(0);

    -ms-transform:translatey(0);

    -o-transform:translatey(0);

    transition:all .5s;

    -webkit-transition:all .5s;

    -moz-transition:all .5s;

    -ms-transition:all .5s;

    -o-transition:all .5s

}

.fleet.delivery-variant ul li i img{

    max-width:77px;

    max-height:47px;

    filter:drop-shadow(0 0 5px rgba(0,0,0,0.2));

    -webkit-filter:drop-shadow(0 0 5px rgba(0,0,0,0.2))

}

.fleet.delivery-variant ul li i{

    background-color:#a9a9a9

}

.fleet ul li:hover i{

    transform:translatey(-3px);

    -webkit-transform:translatey(-3px);

    -moz-transform:translatey(-3px);

    -ms-transform:translatey(-3px);

    -o-transform:translatey(-3px)

}

.fleet ul li strong{

    font-size:16px;

    color:#fff;

    font-weight:400;

    margin-top:10px;

    display:block

}

.blue_color{

    background-color:#569ee7

}

.carrot_color{

    background-color:#f65775

}

.cyan_color{

    background-color:#2ed5a8

}

.green_color{

    background-color:#62c052

}

.purple_color{

    background-color:#d66ae0

}

.yellow_color{

    background-color:#dcb61e

}

.get_app_area{

    padding:43px 0 60px;

    position:relative

}

.get_app_content{

    color:#fff;

    max-width:636px

}

.get_app_content .section_title{

    margin-bottom:20px

}

.get_app_content .section_title h5,.get_app_content .section_title h2{

    color:#fff

}

.get_app_content .section_title h2{

    font-size:45px;

    line-height:normal

}

.get_app_content p{

    font-size:18px;

    margin-bottom:42px;

    line-height:30px;

    font-weight:400;

    padding-right:10px

}

.get_app_content ul{

    list-style:none;

    margin-bottom:40px;

    padding-left:0;

    overflow:hidden;

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-pack:justify;

    -ms-flex-pack:justify;

    -ms-flex-wrap:wrap;

    flex-wrap:wrap;

    width:auto

}

.get_app_content ul li{

    font-size:16px;

    line-height:normal;

    font-weight:400;

    position:relative;

    padding-left:28px;

    width:calc(47% - 28px);

    width:-o-calc(47% - 28px);

    width:-ms-calc(47% - 28px);

    width:-moz-calc(47% - 28px);

    width:-webkit-calc(47% - 28px);

    margin-bottom:17px

}

.get_app_content ul li:before{

    content:"";

    position:absolute;

    left:0;

    top:2px;

    width:20px;

    height:20px;

    display:inline-block;

    background-image:url(../../../img/apptype/CubeJekX/correct.svg);

    background-repeat:no-repeat;

    background-position:center center

}

.get_app_content .slider_btn{

    font-size:24px;

    border:2px solid #fff;

    -webkit-transition:all .4s linear;

    -o-transition:all .4s linear;

    transition:all .4s linear;

    text-decoration:none;

    vertical-align:top

}

.get_app_content .slider_btn img{

    vertical-align:bottom;

    margin-right:12px

}

.get_app_content .slider_btn.app_btn{

    color:#fff

}

.get_app_content .slider_btn.app_btn img{

    -webkit-filter:brightness(1000);

    filter:brightness(1000)

}

.get_app_content .slider_btn.app_btn:hover{

    background:#fff;

    color:#020e27

}

.get_app_content .slider_btn.app_btn:hover img{

    -webkit-filter:brightness(0);

    filter:brightness(0)

}

.get_app_content .slider_btn.app_btn_two{

    color:#020e27;

    margin-left:0

}

.get_app_content .slider_btn.app_btn_two:before{

    background:#fff

}

.get_app_content .slider_btn.app_btn_two img{

    -webkit-filter:brightness(0);

    filter:brightness(0)

}

.get_app_content .slider_btn.app_btn_two:hover,.get_app_content .slider_btn.app_btn_two:focus{

    background:0 0;

    color:#fff

}

.get_app_content .slider_btn.app_btn_two:hover img,.get_app_content .slider_btn.app_btn_two:focus img{

    -webkit-filter:brightness(1000);

    filter:brightness(1000)

}

.app_image{

    position:relative

}

.app_image .shadow_bottom{

    content:'';

    position:absolute;

    width:80%;

    height:5px;

    border-radius:50%/5px;

    left:10%;

    bottom:0;

    -webkit-box-shadow:0 35px 33px 0 rgba(0,0,0,.8);

    box-shadow:0 35px 33px 0 rgba(0,0,0,.8);

    -webkit-animation-timing-function:cubic-bezier(.54,.085,.5,.92);

    animation-timing-function:cubic-bezier(.54,.085,.5,.92)

}

.app_image .image_two{

    position:absolute;

    right:0;

    top:0;

    width:207px

}

.app_image .image_two img{

    max-width:100%

}

.app_image .image_two img{

    -webkit-animation-name:jump;

    animation-name:jump;

    -webkit-animation-iteration-count:infinite;

    animation-iteration-count:infinite;

    -webkit-animation-duration:3.8s;

    animation-duration:3.8s;

    -webkit-animation-timing-function:cubic-bezier(.54,.085,.5,.92);

    animation-timing-function:cubic-bezier(.54,.085,.5,.92)

}

.app_image .image_two .shadow_bottom{

    -webkit-animation:shadow 3.8s infinite linear;

    animation:shadow 3.8s infinite linear;

    bottom:10px

}

.app_image .image_first{

    position:absolute;

    left:60px;

    top:80px;

    width:204px

}

.app_image .image_first img{

    max-width:100%

}

.app_image .image_first img{

    -webkit-animation-name:jump;

    animation-name:jump;

    -webkit-animation-iteration-count:infinite;

    animation-iteration-count:infinite;

    -webkit-animation-duration:2.8s;

    animation-duration:2.8s;

    -webkit-animation-timing-function:cubic-bezier(.54,.085,.5,.92);

    animation-timing-function:cubic-bezier(.54,.085,.5,.92)

}

.app_image .image_first .shadow_bottom{

    -webkit-animation:shadow 2.8s infinite linear;

    animation:shadow 2.8s infinite linear

}

.get_app_area-left{

    width:58.333333%

}

.get_app_area-right{

    width:41.666667%

}

.get_app_area-inner{

    max-width:1280px;

    margin:0 auto;

    padding:0 15px;

    display:flex;

    flex-wrap:wrap

}

.slider_btn{

    font:500 18px/30px "Barlow Condensed",sans-serif;

    text-transform:uppercase;

    position:relative;

    display:inline-block;

    padding:15px 40px;

    color:#fff;

    -webkit-transform:perspective(1px) translateZ(0);

    transform:perspective(1px) translateZ(0);

    -webkit-transition-property:color;

    -o-transition-property:color;

    transition-property:color;

    -webkit-transition-duration:.3s;

    -o-transition-duration:.3s;

    transition-duration:.3s;

    border-radius:0;

    border:0;

    overflow:hidden;

    margin-bottom:20px;

    margin-right:15px

}

.slider_btn:before{

    content:"";

    position:absolute;

    z-index:-1;

    top:0;

    bottom:0;

    left:0;

    right:0;

    -webkit-transform:scaleY(1);

    -ms-transform:scaleY(1);

    transform:scaleY(1);

    -webkit-transform-origin:50%;

    -ms-transform-origin:50%;

    transform-origin:50%;

    -webkit-transition-property:transform;

    -webkit-transition-property:-webkit-transform;

    transition-property:-webkit-transform;

    -o-transition-property:transform;

    transition-property:transform;

    transition-property:transform,-webkit-transform;

    -webkit-transition-duration:.3s;

    -o-transition-duration:.3s;

    transition-duration:.3s;

    -webkit-transition-timing-function:ease-out;

    -o-transition-timing-function:ease-out;

    transition-timing-function:ease-out

}

.slider_btn:after{

    background:#fff;

    content:"";

    height:155px;

    left:-75px;

    opacity:.2;

    position:absolute;

    top:-50px;

    -webkit-transform:rotate(35deg);

    -ms-transform:rotate(35deg);

    transform:rotate(35deg);

    -webkit-transition:all 550ms cubic-bezier(.19,1,.22,1);

    -o-transition:all 550ms cubic-bezier(.19,1,.22,1);

    transition:all 550ms cubic-bezier(.19,1,.22,1);

    width:50px;

    z-index:0

}

.slider_btn:hover,.slider_btn:focus{

    color:#fff;

    outline:none;

    -webkit-box-shadow:none;

    box-shadow:none

}

.slider_btn:hover:before,.slider_btn:focus:before{

    -webkit-transform:scaleY(0);

    -ms-transform:scaleY(0);

    transform:scaleY(0)

}

.slider_btn:hover:after,.slider_btn:focus:after{

    left:120%;

    -webkit-transition:all 1s .2s cubic-bezier(.19,1,.22,1);

    -o-transition:all 1s .2s cubic-bezier(.19,1,.22,1);

    transition:all 1s .2s cubic-bezier(.19,1,.22,1)

}

.yellow_hover{

    background:#020e27

}

.yellow_hover:before{

    background:#ffbb03

}

.dark_hover{

    background:#ffbb03

}

.dark_hover:before{

    background:#020e27

}

@-webkit-keyframes jump{

    0%{

        -webkit-transform:translateY(0);

        transform:translateY(0)

    }

    50%{

        -webkit-transform:translateY(-30px);

        transform:translateY(-30px);

        -webkit-transition:-webkit-transform 1.4s .6s linear;

        transition:-webkit-transform 1.4s .6s linear;

        -o-transition:transform 1.4s .6s linear;

        transition:transform 1.4s .6s linear;

        transition:transform 1.4s .6s linear,-webkit-transform 1.4s .6s linear

    }

    100%{

        -webkit-transform:translateY(0px);

        transform:translateY(0px)

    }

}

@keyframes jump{

    0%{

        -webkit-transform:translateY(0);

        transform:translateY(0)

    }

    50%{

        -webkit-transform:translateY(-30px);

        transform:translateY(-30px);

        -webkit-transition:-webkit-transform 1.4s .6s linear;

        transition:-webkit-transform 1.4s .6s linear;

        -o-transition:transform 1.4s .6s linear;

        transition:transform 1.4s .6s linear;

        transition:transform 1.4s .6s linear,-webkit-transform 1.4s .6s linear

    }

    100%{

        -webkit-transform:translateY(0px);

        transform:translateY(0px)

    }

}

@-webkit-keyframes shadow{

    0%{

        -webkit-box-shadow:0 35px 33px 0 #000;

        box-shadow:0 35px 33px 0 #000

    }

    50%{

        -webkit-box-shadow:0 35px 35px -2px #000;

        box-shadow:0 35px 35px -2px #000;

        width:60%;

        left:20%

    }

    100%{

        -webkit-box-shadow:0 35px 33px 0 #000;

        box-shadow:0 35px 33px 0 #000

    }

}

@keyframes shadow{

    0%{

        -webkit-box-shadow:0 35px 33px 0 #000;

        box-shadow:0 35px 33px 0 #000

    }

    50%{

        -webkit-box-shadow:0 35px 35px -2px #000;

        box-shadow:0 35px 35px -2px #000;

        width:60%;

        left:20%

    }

    100%{

        -webkit-box-shadow:0 35px 33px 0 #000;

        box-shadow:0 35px 33px 0 #000

    }

}

.article-row{

    width:100%;

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    margin-bottom:50px

}

.article-mage{

    width:100%;

    height:493px;

    background-size:cover;

    background-position:center center;

    background-repeat:no-repeat;

    box-shadow:1.25rem 1.375rem 4.75rem 0 rgba(0,0,0,.22)

}

.article-row.invert .article-mage{

    box-shadow:-1.25rem 1.375rem 4.75rem 0 rgba(0,0,0,.22)

}

.article-right{

    width:62.7%;

    min-height:586px;

    box-shadow:0 0 0 10px #e0e0e0 inset;

    padding:30px 40px 30px 25.8%;

    box-sizing:border-box;

    display:flex;

    flex-direction:column;

    justify-content:center

}

.article-left{

    margin-right:-21.15%;

    position:relative;

    width:58.3%

}

article.blog-article{

    margin:0;

    padding:110px 0 70px

}

.article-right h4{

    font-size:45px;

    font-weight:500;

    line-height:57.88px;

    margin-bottom:30px

}

.article-right p{

    color:#404040;

    font-size:21px;

    line-height:36px

}

.article-row.invert{

    flex-direction:row-reverse;

    margin-bottom:0

}

.article-row.invert .article-left{

    margin:0 0 0 -21.15%

}

.article-row.invert .article-right{

    padding:30px 25.8% 30px 40px

}

.call-section.taxi-variant .call-section-image{

    height:412px;

    background-repeat:no-repeat;

    background-position:center;

    background-size:cover;

    margin:0

}

.call-section.taxi-variant{

    background-size:cover;

    padding:25px 0;

    background-color:#fff;

    position:relative

}

.call-section.taxi-variant:before{

    content:'';

    position:absolute;

    width:37%;

    height:auto;

    background-color:#e0e0e0;

    top:0;

    bottom:0

}

.call-section-inner{

    max-width:1280px;

    margin:0 auto;

    padding:0 15px;

    position:relative;

    display:flex;

    justify-content:space-between;

    align-items:center;

    color:#fff;

    flex-wrap:wrap

}

.delivery-use{

    padding-top:180px

}

.call-section.taxi-variant h3{

    font-size:45px;

    font-weight:500;

    color:transparent;

    line-height:57.88px;

    margin-bottom:13px;

    margin-top:0

}

.call-section.taxi-variant strong{

    font-size:30px;

    font-weight:500;

    display:block;

    margin-bottom:22px;

    color:#121212

}

.call-section.taxi-variant p{

    font-size:18px;

    line-height:30px;

    color:#404040;

    margin-bottom:45px

}

.call-section.taxi-variant b,.call-section.taxi-variant p b{

    color:transparent;

    font-weight:600;

    text-transform:uppercase;

    display:block;

    font-size:67px;

    margin-bottom:47px;

    line-height:normal

}

.call-section.taxi-variant b a,.call-section.taxi-variant p b a{

    font-size:unset;

    background-color:transparent;

    color:#000;

    text-decoration:none;

    padding:0

}

.call-section.taxi-variant .call-section-left{

    width:calc(100% - 500px);

    width:-o-calc(100% - 500px);

    width:-ms-calc(100% - 500px);

    width:-moz-calc(100% - 500px);

    width:-webkit-calc(100% - 500px);

    padding-right:15px;

    box-sizing:border-box;

    padding:0 0 0 74px

}

.call-section.taxi-variant .call-section-right{

    width:500px;

    text-align:center

}

.call-section.taxi-variant .call-section-right img{

    max-width:100%

}

.call-section.taxi-variant .call-section footer{

    margin-top:0

}

.benefits.fly-variant{

    background-color:#f4f2f1

}

.features{

    padding:50px 0 0;

    overflow:hidden;

    margin-top:180px

}

.features h3{

    font-size:45px;

    font-weight:500;

    margin-bottom:15px;

    text-align:center

}

.features-inner{

    margin:0 auto;

    max-width:1280px;

    display:flex;

    flex-direction:column;

    align-items:center;

    padding:0 15px

}

.features h3~p{

    font-size:18px;

    font-weight:500;

    line-height:30px;

    color:#3e3e3e;

    display:block;

    margin-bottom:0;

    max-width:990px;

    text-align:center;

    margin:0 auto

}

.features ul{

    display:flex;

    flex-wrap:wrap;

    margin:0 0 0;

    justify-content:space-between

}

.features ul li i{

    display:inline-block

}

.features ul li strong{

    font-size:18px;

    display:block;

    font-weight:500;

    color:#000;

    margin:15px 0 8px

}

.features ul li p{

    font-size:14px;

    font-weight:400;

    color:#777;

    line-height:22px

}

.features ul li{

    margin-bottom:79px;

    width:234px

}

.features-row{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    margin-top:65px;

    width:100%;

    position:relative;

    z-index:0

}

.features-main-image{

    width:auto;

    height:735px;

    display:block;

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    box-shadow:5px 5px 38px 0 rgba(0,0,0,.4)

}

.features-left{

    width:40.24%;

    margin-right:-10%;

    position:relative;

    z-index:1

}

.features-right{

    width:calc(100% - 390px);

    width:-o-calc(100% - 390px);

    width:-ms-calc(100% - 390px);

    width:-moz-calc(100% - 390px);

    width:-webkit-calc(100% - 390px);

    box-sizing:border-box;

    background-color:#f4f2f1;

    position:relative;

    padding:74px 86px 0 232px

}

.features-right:after{

    content:'';

    position:absolute;

    width:500px;

    height:100%;

    background-color:#f4f2f1;

    left:100%;

    top:0

}

.destination{

    padding:50px 0 4px

}

.destination-inner{

    margin:0 auto;

    max-width:1280px;

    display:flex;

    flex-direction:column;

    align-items:center;

    padding:0 15px

}

.destination h3{

    font-size:45px;

    font-weight:500;

    color:#000;

    margin-bottom:15px

}

.destination ul{

    display:flex;

    flex-wrap:wrap;

    margin:28px 0 0;

    justify-content:space-between;

    width:calc(100% + 68px);

    width:-o-calc(100% + 68px);

    width:-ms-calc(100% + 68px);

    width:-moz-calc(100% + 68px);

    width:-webkit-calc(100% + 68px)

}

.destination ul li{

    width:calc(33.33% - 68px);

    width:-o-calc(33.33% - 68px);

    width:-ms-calc(33.33% - 68px);

    width:-moz-calc(33.33% - 68px);

    width:-webkit-calc(33.33% - 68px);

    text-align:center;

    box-sizing:content-box;

    margin-bottom:50px;

    padding:0 34px

}

.destination ul li:hover .destination-caption{

    background-color:#000;

    color:#fff

}

.destination ul li:hover .destination-caption span{

    color:#fff

}

.destination-image{

    height:299px;

    background-repeat:no-repeat;

    background-size:cover;

    background-position:center center;

    width:100%;

    box-shadow:0 0 13px 0 rgba(0,0,0,.33);

    position:relative

}

.destination-caption strong{

    display:block;

    font-size:22px;

    text-transform:uppercase;

    font-weight:500;

    text-align:left;

    margin-bottom:12px;

    line-height:30px

}

.destination-caption{

    background-color:#f4f2f1;

    color:#000;

    padding:27px 18px

}

.destination-caption{

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s

}

.destination-caption span{

    text-align:left;

    display:block;

    font-size:18px;

    font-weight:400;

    color:#777;

    line-height:22px

}

.favdest{

    padding:50px 0;

    background-repeat:no-repeat;

    background-size:cover;

    background-attachment:fixed;

    background-position:center

}

.favdest-inner{

    margin:0 auto;

    max-width:1280px;

    display:flex;

    flex-direction:column;

    padding:0 15px;

    min-height:494px

}

.favdest-caption{

    max-width:700px

}

.favdest h3{

    font-size:53px;

    text-transform:uppercase;

    color:#fff;

    font-weight:500;

    margin:0 0 24px

}

.favdest h3 strong{

    font-size:32px;

    display:block;

    font-weight:400;

    margin-bottom:7px

}

.favdest p{

    font-size:16px;

    color:#fff;

    line-height:26px;

    font-weight:400

}

.charters{

    padding:50px 0 4px

}

.charters-inner{

    margin:0 auto;

    max-width:1280px;

    display:flex;

    flex-direction:column;

    align-items:center;

    padding:0 15px

}

.charters h3{

    font-size:45px;

    font-weight:500;

    color:#000;

    margin-bottom:15px

}

.charters ul{

    display:flex;

    flex-wrap:wrap;

    margin:28px 0 0;

    justify-content:space-between;

    width:calc(100% + 36px);

    width:-o-calc(100% + 36px);

    width:-ms-calc(100% + 36px);

    width:-moz-calc(100% + 36px);

    width:-webkit-calc(100% + 36px)

}

.charters ul li{

    width:calc(25% - 36px);

    width:-o-calc(25% - 36px);

    width:-ms-calc(25% - 36px);

    width:-moz-calc(25% - 36px);

    width:-webkit-calc(25% - 36px);

    text-align:center;

    box-sizing:content-box;

    margin-bottom:50px;

    padding:0 18px

}

.charters ul li:hover .charters-caption{

    background-color:#000;

    color:#fff

}

.charters ul li:hover .charters-caption span{

    color:#fff

}

.charters-image{

    height:294px;

    background-repeat:no-repeat;

    background-size:cover;

    background-position:center center;

    width:100%;

    box-shadow:0 0 13px 0 rgba(0,0,0,.33);

    position:relative

}

.charters-caption strong{

    display:block;

    font-size:22px;

    text-transform:uppercase;

    font-weight:500;

    text-align:left;

    margin-bottom:9px;

    line-height:30px

}

.charters-caption{

    background-color:#f4f2f1;

    color:#000;

    padding:22px 18px

}

.charters-caption{

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s

}

.charters-caption span{

    text-align:left;

    display:block;

    font-size:16px;

    font-weight:400;

    color:#777;

    line-height:26px

}

.solutions{

    padding:44px 0 57px;

    background-color:#f4f2f1

}

.solutions-inner{

    margin:0 auto;

    max-width:1280px;

    display:flex;

    flex-direction:column;

    align-items:center;

    padding:0 15px

}

.solutions strong{

    font-size:18px;

    font-weight:500;

    line-height:30px;

    color:#3e3e3e;

    display:block;

    max-width:990px;

    text-align:center;

    margin:0 auto 40px

}

.solutions h3{

    font-size:45px;

    font-weight:500;

    color:#000;

    margin-bottom:15px

}

.solutions-row{

    display:flex;

    flex-wrap:wrap;

    justify-content:space-between;

    padding-top:25px;

    position:relative;

    z-index:0;

    margin-bottom:20px;

    width:100%

}

.solutions-right{

    width:56%

}

.solution-image{

    height:478px;

    background-size:cover;

    background-repeat:no-repeat;

    background-position:center;

    box-shadow:5px 5px 38px 0 rgba(0,0,0,.4)

}

.solutions-left{

    width:44%;

    box-sizing:border-box;

    padding-top:67px;

    padding:67px 90px 146px 0

}

.solutions-left h4{

    font-size:40px;

    color:#222;

    font-weight:500;

    margin-bottom:30px

}

.solutions-left p{

    font-size:21px;

    color:#3e3e3e;

    line-height:36px;

    font-weight:400

}

.solutions-row.reverse{

    flex-direction:row-reverse;

    margin-top:-135px

}

.solutions-row.reverse .solutions-left{

    padding:146px 0 67px 90px

}

.benefits.corporate{

    padding:39px 0 30px

}

.benefits.corporate h3{

    margin-bottom:15px

}

.benefits ul.listing-style li i{

    width:auto;

    height:auto;

    background-color:transparent;

    border-radius:0;

    position:relative;

    display:inline-block;

    line-height:normal

}

.booking-heading select{

    box-shadow:0 0 0 1px #5c5c5c inset

}

.benefits.corporate ul li:hover i{

    background-color:transparent

}

.benefits ul.listing-style li i img{

    height:55px;

    max-width:100%;

    vertical-align:top

}

.benefits ul.listing-style li strong{

    font-size:22px;

    font-weight:500;

    text-transform:uppercase;

    margin:32px 0 12px

}

.benefits ul.listing-style li p{

    color:transparent;

    font-size:16px;

    line-height:26px

}

.benefits ul.listing-style{

    width:-o-calc(100% + 63px);

    width:-ms-calc(100% + 63px);

    width:-moz-calc(100% + 63px);

    width:-webkit-calc(100% + 63px)

}

.benefits.corporate ul.listing-style{

    display:flex;

    flex-wrap:wrap;

    width:calc(100% + 30px);

    width:-o-calc(100% + 30px);

    width:-ms-calc(100% + 30px);

    width:-moz-calc(100% + 30px);

    width:-webkit-calc(100% + 30px);

    margin-top:20px

}

.benefits.corporate ul.listing-style li{

    padding:15px

}

.benefits ul.listing-style li{

    width:25%;

    padding:0 15px 35px;

    text-align:center;

    box-sizing:border-box;

    border-style:solid;

    border-width:0 1px 0 0;

    border-color:#e7e7e7;

    margin-bottom:30px

}

.benefits ul.listing-style li:last-child{

}

.features.corporate#how-it-works{

    margin:-30px 0 0;

    padding:0 0 60px;

    position:relative;

    overflow:visible;

    background-color:#fff;

    z-index:1

}

.features.corporate#how-it-works.zisuue{

    z-index:0

}

.features.corporate#why-us{

    margin:-30px 0 0;

    padding:0 0 60px;

    position:relative;

    overflow:visible;

    background-color:#fff

}

.features.corporate .features-right{

    padding:33px 0 0 52px;

    width:64.8%;

    background-color:transparent

}

.features.corporate .features-left{

    margin:-28px 0 0;

    width:35.2%

}

.features.corporate .features-row{

    align-items:flex-start;

    margin:0

}

.features.corporate .features-right:after{

    display:none

}

.features.corporate h3{

    text-align:unset

}

.features.corporate ul{

    margin:30px -32px 0

}

.features.corporate ul li{

    width:calc(50% - 64px);

    width:-o-calc(50% - 64px);

    width:-ms-calc(50% - 64px);

    width:-moz-calc(50% - 64px);

    width:-webkit-calc(50% - 64px);

    padding:0 0 0 72px;

    position:relative;

    box-sizing:border-box;

    margin:0 32px 58px

}

.features.corporate ul li i img{

    height:41px

}

.features.corporate ul li strong{

    font-size:22px;

    font-weight:500;

    margin:0 0 8px

}

.features.corporate ul li p{

    color:#404040;

    font-size:15px

}

.features.corporate h3~p{

    text-align:unset;

    color:#404040;

    font-size:18px;

    line-height:30px;

    font-weight:400

}

.data-block-article p,.features.corporate .features-right.earn-data p{

    text-align:unset;

    color:#404040;

    font-size:15px;

    line-height:26px;

    font-weight:400

}

.features.corporate .features-main-image{

    height:534px;

    box-shadow:0 0 6px 0 rgba(0,0,0,.35)

}

.features.corporate ul li i{

    position:absolute;

    left:0;

    top:0

}

.features.corporate .features-right.earn-data p{

    margin-bottom:35px

}

.data-block-article strong{

    font-size:22px;

    line-height:normal;

    font-weight:500;

    color:#000;

    margin-bottom:6px;

    display:block

}

.profiletype-image{

    height:100%;

    width:44.7%;

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    position:absolute;

    right:0;

    top:0;

    display:flex;

    align-items:center

}

.profiletype-inner{

    min-height:488px;

    margin:0 auto;

    max-width:1280px;

    padding:0 15px;

    display:flex;

    flex-direction:row;

    flex-wrap:wrap;

    align-items:center;

    justify-content:flex-start

}

.profiletype{

    background-color:#f6f6f6;

    position:relative

}

.profiletype-left{

    width:58.6%

}

.profiletype-left p{

    line-height:36px;

    font-size:21px;

    font-weight:400;

    color:#404040;

    max-width:460px;

    padding:15px 15px 15px 0;

    text-align:left

}

.profile-title{

    width:527px;

    height:320px;

    background-color:rgba(255,255,255,.95);

    margin-left:-192px;

    box-shadow:0 0 18px 0 rgba(0,0,0,.12);

    display:flex;

    align-items:center;

    justify-content:center

}

.profile-title h4{

    font-size:55px;

    font-weight:500;

    padding:0 70px;

    text-align:center;

    line-height:70px

}

.profiletype.reverse .profiletype-inner{

    flex-direction:row-reverse

}

.profiletype.reverse .profiletype-image{

    left:0;

    right:auto;

    justify-content:flex-end

}

.profiletype.reverse .profile-title{

    margin:0 -192px 0 0

}

.profiletype.reverse .profiletype-left{

    direction:rtl

}

.profiletype.reverse .profiletype-left p{

    padding:15px 0 15px 15px

}

.main-map-sld-sec{

    padding:50px 0

}

.main-map-sld-sec .map-details{

    width:450px!important

}

.booking-request-inner{

    padding:0 15px;

    margin:0 auto;

    display:flex;

    justify-content:flex-start;

    max-width:1280px;

    align-items:flex-start;

    /* opacity:0!important;

    display:none */

}

.booking-request{

    padding:20px 0;

    background-color:#f8f8f8;

    position:relative;

    height:100vh

}

.booking-block{

    width:400px;

    background-color:#f4f2f1;

    box-shadow:0 0 10px 0 transparent;

    display:flex;

    flex-direction:column;

    position:relative

}

.booking-heading label{

    /* font-size:20px; */

    font-size:18px;

    font-weight:400

}



.section-block.pickup-sec .step-title{

    

    margin: 0;

    position: relative;

    right: 28%;

}

.booking-heading{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0;

    margin-bottom:15px

}

div#user_details_label{

    font-size: 20px !important;

    width: 72% !important;

    margin-left: auto;

}

.booking-header{

    /* width:30%!important; */

    width: 18% !important; 

    background-color:transparent;

    color:#fff;

    padding:16px 18px 22px;

    height: fit-content;

    position: absolute;

    z-index: 7;

}

.booking-main{

    /* width:72%!important; */

    width:100%!important;

    position:relative

}

.booking-heading select{

    font-family:poppins;

    font-size:16px;

    font-weight:400;

    min-width:148px;

    height:41px;

    background-color:transparent;

    outline:none;

    box-shadow:0 0 0 1px rgba(255,255,255,.35) inset;

    color:#fff;

    box-sizing:border-box;

    padding:0 28px 0 14px;

    border:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    -ms-appearance:none;

    -o-appearance:none;

    appearance:none;

    background-image:url(../../../img/apptype/CubeJekX/down-arrow.svg);

    background-repeat:no-repeat;

    background-size:10px;

    background-position:right 12px center;

    border-radius:0;

    -webkit-border-radius:0;

    -moz-border-radius:0;

    -ms-border-radius:0;

    -o-border-radius:0

}

.booking-heading select option{

    background-color:#000

}

.form-group.dest.bg-none{

    background:0 0!important

}

.pick-drop-location input{

    border-style:solid;

    background-color:transparent;

    border-width:0 0 1px;

    border-color:rgba(255,255,255,.35);

    font-size:16px;

    font-weight:500;

    padding:5px 0 5px 3px;

    outline:none;

    color:#fff;

    box-sizing:border-box;

    width:100%;

    font-family:poppins;

    border-radius:0

}

.pick-drop-location input::placeholder{

    color:rgba(255,255,255,.5);

    opacity:1

}

.pick-drop-location input:-ms-input-placeholder{

    color:rgba(255,255,255,.5);

    opacity:1

}

.pick-drop-location input::-ms-input-placeholder{

    color:rgba(255,255,255,.5);

    opacity:1

}

.pick-drop-location .form-group{

    margin:0 0 20px 32px;

    position:relative

}

.pick-drop-location.other-services-sel .form-group{

    margin:0 0 20px 0

}

.pick-drop-location .form-group:last-child{

    margin-bottom:0

}

.pick-drop-location .form-group.pickup:before{

    content:'';

    position:absolute;

    background-color:#fff;

    top:10px;

    width:18px;

    height:18px;

    border-radius:50%;

    left:-30px

}

.pick-drop-location .form-group.pickup:after{

    content:'';

    position:absolute;

    width:3px;

    height:40px;

    background-image:url(../../../img/apptype/CubeJekX/ver-line.png);

    left:-23px;

    top:11px;

    background-repeat:no-repeat;

    background-position:top center;

    top:22px

}

.pick-drop-location .form-group.dest:before{

    content:'\4c';

    position:absolute;

    top:10px;

    width:16px;

    height:22px;

    border-radius:50%;

    left:-28px;

    font-family:icomoon;

    font-size:22px;

    color:#fff

}

.pick-drop-location.other-services-sel .form-group.pickup:before,.pick-drop-location.other-services-sel .form-group.pickup:after,.pick-drop-location.other-services-sel .form-group.dest:before{

    display:none

}

.section-block ul li:first-child{

    padding-top:0

}

.section-block ul li{

    display:flex;

    flex-wrap:wrap;

    justify-content:space-between;

    /* width:49%; */

    width:47%;

    align-items:center

}

ul#iVehicleTypeId{

    display:flex;

    width:100%;

    flex-wrap:wrap;

    overflow:scroll;

    justify-content:space-between;

    max-height: 169px;

    overflow-y: scroll;

}

.section-block ul li .veh-left{

    align-items:center;

    display:flex;

    flex-wrap:wrap;

    max-width:200px

}

.section-block ul li span.vehicle-name{

    max-width:calc(100% - 100px);

    max-width:-o-calc(100% - 100px);

    max-width:-ms-calc(100% - 100px);

    max-width:-moz-calc(100% - 100px);

    max-width:-webkit-calc(100% - 100px)

}

.section-block ul li span.vehicle-name small{

    display:block;

    font-size:12px;

    margin-top:6px

}

.section-block ul li i.vehicle-ico{

    display:inline-flex;

    width:48px;

    height:48px;

    justify-content:center;

    align-items:center;

    vertical-align:middle;

    /* background-color:#5c5c5c; */

    /* border-radius:50%; */

    margin:0 15px;

    cursor:pointer

}

.section-block ul li i.vehicle-ico img{

    max-width:100%;

    max-height:100%;

    filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.5));

    -webkit-filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.5));

}

.price-caption{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    padding:0 0 0 40px

}

.price-caption i img{

    width:17px;

    vertical-align:top

}

.price-caption i{

    cursor:pointer;

    font-size:17px;

    color:#5b5b5b

}

.price-caption strong{

    font-size:16px;

    font-weight:600;

    margin-right:12px;

    display:inline-block;

    vertical-align:middle

}

.section-block ul li span{

    font-size:16px;

    display:inline-block;

    color:#000;

    font-weight:400;

    cursor:pointer

}

.section-block>label{

    display:block;

    font-size:20px;

    font-weight:400;

    color:#000;

    padding:0

}

li#vehicle_type{

}

label.ride_vehicle{

    display:block;

    font-size:20px;

    font-weight:400;

    color:#000;

    padding:0

}

.section-block.pickup-sec{

    width:45%

}

.section-block{

    padding:0;

    /*z-index:1;*/

    width:100%

}

.middle-line{

    background:#e0e0e0;

    width:1px

}

.option-type{

    display:flex

}

.data-row.auto_assign001.autoassignbtn{

    width:100%

}

.section-block.pick-up-range{

    width:100%

}

div#ride-type{

    width:45%

}

.driverlists{

    width:100%

}

.section-block.rider_hide{

    display:none

}

.section-block ul{

}

.radio-combo,.check-combo{

    display:inline-flex;

    flex-wrap:wrap;

    align-items:center;

    padding-right:15px;

    box-sizing:border-box;

    min-width:168px;

    margin-bottom:0!important

}

.radio-combo label{

    margin:0;

    font-size:16px;

    display:inline-block;

    color:#000;

    font-weight:400;

    cursor:pointer;

    width:calc(100% - 36px);

    width:-o-calc(100% - 36px);

    width:-ms-calc(100% - 36px);

    width:-moz-calc(100% - 36px);

    width:-webkit-calc(100% - 36px)

}

.check-combo label{

    margin:0;

    font-size:16px;

    display:inline-block;

    color:#000;

    font-weight:500;

    cursor:pointer;

    width:calc(100% - 36px);

    width:-o-calc(100% - 36px);

    width:-ms-calc(100% - 36px);

    width:-moz-calc(100% - 36px);

    width:-webkit-calc(100% - 36px)

}

.check-combo label a{

    outline:none;

    color:#000;

    text-decoration:none;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s

}

.check-combo label a:hover{

    opacity:.5

}

.captcha-column~.check-combo{

    padding:0 8px

}

.section-block .radio-combo label,.section-block .check-combo label{

    margin:0;

    font-size:16px;

    display:inline-block;

    color:#000;

    font-weight:400;

    cursor:pointer;

    width:calc(100% - 36px);

    width:-o-calc(100% - 36px);

    width:-ms-calc(100% - 36px);

    width:-moz-calc(100% - 36px);

    width:-webkit-calc(100% - 36px)

}

.radio-combo .radio-main,.check-combo .check-main{

    margin-right:14px

}

.discount-block input{

    border-style:solid;

    background-color:transparent;

    border-width:0 0 1px;

    border-color:silver;

    font-size:16px;

    font-weight:500;

    padding:2px 45px 5px 10px;

    outline:none;

    color:#000;

    width:100%;

    box-sizing:border-box;

    border-radius:0;

    -webkit-border-radius:0;

    -moz-border-radius:0;

    -ms-border-radius:0;

    -o-border-radius:0;

    box-shadow:rgb(67 71 85/27%) 0 0 .25em,rgb(90 125 188/5%) 0 .25em 1em

}

.discount-block button{

    width:38px;

    height:38px;

    display:flex;

    border:none;

    outline:none;

    background-color:#000;

    position:absolute;

    right:4px;

    bottom:0;

    justify-content:center;

    align-items:center;

    padding:0;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s;

    cursor:pointer;

    font-size:14px;

    color:#fff

}

.discount-block button:before{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    -webkit-transform:translate(-50%,-50%);

    -moz-transform:translate(-50%,-50%);

    -ms-transform:translate(-50%,-50%);

    -o-transform:translate(-50%,-50%)

}

.booking-footer button,.booking-footer .submitbtn{

    height:45px;

    display:inline-block;

    border:none;

    outline:none;

    background-color:transparent;

    justify-content:center;

    align-items:center;

    padding:0;

    color:#fff;

    font-size:17px;

    font-weight:400;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s;

    cursor:pointer;

    width:100%;

    box-sizing:border-box;

    text-align:center;

    font-family:poppins

}

.booking-footer{

    width:50%;

    display:flex;

    padding:10px;

    justify-content:center;

    background-color:#f9f9f9;

    box-shadow:0 -3px 7px 0 transparent;

    position:relative

}

.check-combo.auto-driver{

    margin:0;

    padding:20px 0 0 0;

}

.discount-block button:hover,.booking-footer button:hover,.booking-footer .submitbtn:hover{

    background-color:#757575

}

.discount-block{

    position:relative;

    margin-bottom:10px;

    display:inline-flex

}

.discount-block button img{

    width:20px

}

.booking-footer button:after,.booking-footer .submitbtn:after{

    content:'\61';

    font-family:icomoon;

    font-size:12px;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s;

    position:relative;

    right:0;

    display:inline-block

}

.booking-footer button:after,.booking-footer .submitbtn:after{

    margin-left:15px

}

.booking-footer button:hover:after,.booking-footer .submitbtn:hover:after{

    right:-10px

}

.radio-main{

    display:inline-block;

    position:relative;

    vertical-align:middle

}

.radio-hold input{

    margin:0;

    vertical-align:top;

    position:absolute;

    width:100%;

    height:100%;

    outline:none;

    border:none;

    opacity:0;

    cursor:pointer

}

.radio-hold{

    display:inline-block;

    vertical-align:middle;

    position:relative

}

.radio-button{

    width:22px;

    height:22px;

    box-shadow:0 0 0 1px #000 inset;

    display:inline-block;

    border-radius:50%;

    pointer-events:none;

    vertical-align:top

}

.radio-button:after{

    content:'';

    width:22px;

    height:22px;

    background-color:#000;

    position:absolute;

    left:25%;

    top:18%;

    margin:-5px 0 0 -5px;

    border-radius:50%;

    opacity:0;

    visibility:hidden

}

.radio-hold input:checked~.radio-button:after{

    opacity:1;

    visibility:visible

}

.check-main{

    display:inline-block;

    position:relative;

    vertical-align:middle

}

.check-hold input{

    margin:0!important;

    vertical-align:top;

    position:absolute;

    width:100%;

    height:100%;

    outline:none;

    border:none;

    opacity:0;

    cursor:pointer

}

.check-hold{

    display:inline-block;

    vertical-align:middle;

    position:relative

}

.check-button{

    width:22px;

    height:22px;

    box-shadow:0 0 0 1px #000 inset;

    display:block;

    pointer-events:none;

    border-radius:2px

}

.check-hold.small .check-button{

    width:18px;

    height:18px

}

.check-hold.small{

    margin-top:4px

}

.check-button:after{

    content:'';

    width:100%;

    height:100%;

    background-color:#000;

    position:absolute;

    left:0;

    top:0;

    opacity:0;

    visibility:hidden;

    background-image:url(../../../img/check-icn.svg);

    background-repeat:no-repeat;

    background-size:11px;

    background-position:center;

    border-radius:2px

}

.check-hold input:checked~.check-button:after{

    opacity:1;

    visibility:visible

}

.vehicle-details-popup{

    position:absolute;

    z-index:2;

    background-color:#ececec;

    left:0;

    top:0;

    right:0;

    bottom:92px;

    display:none

}

.vehicle-details-popup.active { display: block; width: 71%; position: absolute; height: 100%; margin-left: auto; overflow: scroll; }

.vehicle-caption{

    padding:6px 24px 0 25px;

    border-bottom:2px solid #d4d4d4;

    background-color:#fff

}

.vehicle-caption i{

    display:block;

    text-align:center

}

.car-identy{

    display:flex;

    justify-content:space-between;

    flex-wrap:wrap;

    font-size:20px;

    font-weight:500;

    color:#000;

    margin-top:10px

}

.ride-info{

    font-size:14px;

    color:#3e3e3e;

    margin-top:10px

}

.ride-info span{

    display:block;

    line-height:normal;

    font-size:14px;

    font-weight:400

}

ul.costlist li{

    display:flex;

    justify-content:space-between;

    margin-bottom:5px

}

ul.costlist li strong{

    font-size:16px;

    font-weight:400;

    color:#1c1c1c;

    display:inline-block

}

ul.costlist li span{

    font-size:16px;

    font-weight:400;

    color:#656565;

    display:inline-block

}

ul.costlist.radio-list li .vehicle-name{

    width:calc(100% - 55px);

    width:-o-calc(100% - 55px);

    width:-ms-calc(100% - 55px);

    width:-moz-calc(100% - 55px);

    width:-webkit-calc(100% - 55px);

    margin-left:15px;

    vertical-align:middle

}

.vehicle-data{

    padding:10px 21px 0;

    max-height:calc(100% - 100px);

    max-height:-o-calc(100% - 100px);

    max-height:-ms-calc(100% - 100px);

    max-height:-moz-calc(100% - 100px);

    max-height:-webkit-calc(100% - 100px);

    overflow-y:auto

}

.vehicle-data p{

    font-size:15px;

    color:#404040;

    font-weight:400;

    line-height:26px;

    margin-bottom:26px

}

.vehicle-details-popup .close-icon{

    position:absolute;

    left:20px;

    top:18px;

    display:inline-block;

    font-size:25px;

    cursor:pointer

}

#booking-map{

    background-image:url(../../../img/apptype/CubeJekX/map-bg.jpg);

    background-repeat:no-repeat;

    background-position:center center;

    background-size:cover;

    position:absolute;

    top:0;

    left:0;

    right:0;

    bottom:0;

    pointer-events:none

}

.profile-section-inner{

    max-width:1280px;

    padding:0 15px;

    margin:0 auto;

    display:flex;

    flex-wrap:wrap

}

.profile-section{

    padding:20px 0;

    background:white;

}

.profile-caption{

    width:100%;

    display:flex;

    flex-wrap:wrap;

    margin-bottom:20px

}

.profile-image{

    width:104px;

    border-radius:50%;

    box-shadow:0 0 0 2px transparent;

    height:104px;

    position:relative;

    margin-right:30px

}

.profile-image img{

    max-width:100%;

    max-height:100%;

    border-radius:50%

}

.profile-image i{

    width:29px;

    height:29px;

    position:absolute;

    right:0;

    bottom:3px;

    font-size:14px;

    background-color:transparent;

    color:#fff;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    cursor:pointer

}

.profile-block{

    width:calc(100% - 134px);

    width:-o-calc(100% - 134px);

    width:-ms-calc(100% - 134px);

    width:-moz-calc(100% - 134px);

    width:-webkit-calc(100% - 134px)

}

.profile-caption .page-heading{

    width:100%;

    padding-bottom:20px;

    margin-bottom:20px;

    border-bottom:1px solid #d7d7d7

}

.profile-caption .page-heading h1{

    font-size:22px;

    font-weight:600;

    margin-top:0;

    margin-bottom:0

}

nav.navbar-static-top.nav-admin-hotel.nav-admin-hotel-new{

    display:flex!important;

    padding:0!important

}

nav.navbar-static-top.nav-admin-hotel.nav-admin-hotel-new span:nth-child(2){

    margin:4px 0 0 10px

}

.profile-block .profile-caption-header{

    margin-top:14px;

    padding-bottom:10px;

    border-bottom:1px solid #d3d3d3;

    display:flex;

    justify-content:space-between;

    flex-wrap:wrap;

    margin-bottom:12px;

    align-items:center

}

.profile-block .profile-caption-header label{

    display:block;

    font-size:19px;

    font-weight:500;

    font-family:poppins

}

.profile-detail{

    display:flex;

    flex-wrap:wrap;

    justify-content:space-between

}

.profile-column{

    width:auto;

    padding-right:40px;

    display:flex;

    flex-wrap:wrap;

    box-sizing:border-box;

    min-width:260px

}

.profile-column .data_info{

    width:calc(100% - 70px);

    width:-o-calc(100% - 70px);

    width:-ms-calc(100% - 70px);

    width:-moz-calc(100% - 70px);

    width:-webkit-calc(100% - 70px)

}

.profile-column i{

    font-size:31px;

    color:#000;

    margin-right:14px

}

.profile-column strong{

    font-size:15px;

    color:#000;

    font-family:poppins;

    display:block;

    margin-bottom:5px;

    font-weight:500

}

.profile-column span,.profile-column span a{

    font-size:15px;

    font-weight:400;

    color:#404040;

    text-decoration:none;

    white-space:nowrap

}

.profile-column span{

    word-break:break-all;

    display:inline-block;

    white-space:normal

}

.profile-column span a:hover{

    color:#000

}

.profile-block .profile-caption-header button{

    background-color:#000;

    border:none;

    color:#fff;

    font-size:16px;

    font-weight:500;

    font-family:poppins;

    padding:6px 12px;

    outline:none;

    border-radius:2px;

    cursor:pointer;

    transition:all .5s;

    -webkit-transition:all .5s;

    -moz-transition:all .5s;

    -ms-transition:all .5s;

    -o-transition:all .5s

}

.profile-block .profile-caption-header button:hover{

    background-color:#757575

}

.profile-earning-inner{

    max-width:1280px;

    padding:0 15px;

    margin:0 auto;

    min-height:280px;

    display:flex;

    flex-wrap:wrap;

    justify-content:space-between

}

.profile-earning{

    padding:30px 0;

    background-color:#eee

}

.profile-earning ul{

    display:flex;

    flex-wrap:wrap;

    margin:0 -10px;

    width:100%

}

/* .profile-earning ul li{

    width:33.33%;

    box-sizing:border-box;

    padding:0 10px;

    margin-bottom:20px

} */

.profile-req-doc{

    width:100%

}

.driver-vehicles-page{

    width:100%

}

.earning-block{

    background-color:rgba(0,0,0,.5);

    color:#fff;

    padding:22px 20px;

    border-radius:3px;

    position:relative;

    min-height:149px;

    box-sizing:border-box

}

.place-holder-icon{

    position:absolute;

    width:100%;

    height:145px;

    top:0;

    text-align:center;

    color:#fff;

    opacity:.2;

    pointer-events:none

}

.place-holder-icon img{

    max-height:100%

}

.earning-block strong{

    font-size:17px;

    font-weight:500;

    display:block;

    color:#fff;

    margin-bottom:3px

}

.earning-block .count{

    color:#fff;

    display:block;

    font-size:74px;

    font-weight:500;

    word-break:break-all

}

.general-form .form-group label{

    position:absolute;

    left:16px;

    top:0px;

    margin-top:-8px;

    pointer-events:none;

    font-size:15px;

    color:#404040;

    font-weight:400;

    transition:all 150ms ease 0s;

    -webkit-transition:all 150ms ease 0s;

    -moz-transition:all 150ms ease 0s;

    -ms-transition:all 150ms ease 0s;

    -o-transition:all 150ms ease 0s;

    font-family:poppins

}

.general-form .form-group label{

    max-width:90%;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis

}

.general-form .form-group.has-textarea label{

    top:20px

}

.general-form .form-group.floating label{

    top:-5px;

    background-color:#fff;

    z-index:1;

    padding:0 6px;

    transform:scale(.8) translateX(-25px);

    -webkit-transform:scale(.8) translateX(-25px);

    -moz-transform:scale(.8) translateX(-25px);

    -ms-transform:scale(.8) translateX(-25px);

    -o-transform:scale(.8) translateX(-25px);

    color:#404040

}

.general-form .form-group.floating label{

    max-width:90%;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis

}

.general-form .form-group.floating label{

    max-width:90%;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis

}

.general-form .form-group.phone-column select .general-form .form-group.phone-column label{

    left:90px

}

.general-form .form-group select,.general-form .form-group input,.general-form .form-group textarea{

    width:100%;

    padding:0 16px;

    border:1px solid #c1c1c1;

    border-radius:4px;

    font-size:15px;

    color:#404040;

    font-weight:400;

    -webkit-appearance:none;

    box-sizing:border-box;

    outline:none;

    min-height:40px;

    font-family:poppins

}

.general-form .form-group .date input{

    border-radius:4px 0 0 4px;

    -webkit-border-radius:4px 0 0 4px;

    -moz-border-radius:4px 0 0 4px;

    -ms-border-radius:4px 0 0 4px;

    -o-border-radius:4px 0 0 4px

}

.general-form .form-group textarea{

    resize:vertical

}

.main-user-details{

    display:flex;

    /* flex-wrap:wrap; */

    /* justify-content:space-between */

}

.main-user-details .userr-details{

    /* width:48%; */

    width:48%;

    margin-right: 15px;

}

.general-form .form-group select:focus,.general-form .form-group input:focus{

    border-color:#757575

}

.general-form .form-group select{

    background-image:url(../../../img/select-arrow.jpg);

    background-repeat:no-repeat;

    background-position:right 10px center;

    background-size:11px;

    background-color:#fff

}

.general-form .form-group.phone-column input{

    margin-left:74px;

    border-radius:0 6px 6px 0;

    width:calc(100% - 74px);

    width:-o-calc(100% - 74px);

    width:-ms-calc(100% - 74px);

    width:-moz-calc(100% - 74px);

    width:-webkit-calc(100% - 74px);

    top:0;

    height:min-content

}

.general-form .form-group.phone-column select,.general-form .form-group.phone-column input.phonecode{

    width:75px;

    border-radius:6px 0 0 6px;

    position:absolute;

    left:0;

    top:0;

    margin-left:0;

    box-sizing:border-box;

    margin:0

}

.general-form .form-group.phone-column label{

    left:90px

}

.general-form .button-block .btn-hold{

    margin-right:15px

}

.general-form .partation{

    margin-bottom:0

}

div.discount_sec{

    display:flex;

    justify-content:space-between

}

div#user_details{

    /* width:100%; */

    width:72%;

    margin-top:15px;

    margin-left: auto;

}

div.ddd{

    display:flex!important;

    width:100%!important;

    margin:20px 0 10px!important;

    justify-content:space-between

}

.general-form.main_form_group{

    display:flex

}

.general-form{

    width:100%;

    margin:0;

    float:left;

    /* padding:0 10px 0 0!important */

}

.form-group.rederdetaill{

    position:relative;

    top:-49px

}

.general-form .btn-hold input[type=submit]{

    padding:14px 22px

}

.partation .slot-label{

    border-bottom:1px solid #e0e0e0;

    padding:0 0 15px;

    margin:0 8px 20px;

    font-size:18px;

    color:#000;

    font-weight:600;

    width:100%;

    line-height:normal

}

.setting-page-map{

    width:100%;

    min-height:calc(100% - 106px);

    border:1px solid #c1c1c1;

    border-radius:4px

}

.fileUploading{

    position:relative;

    cursor:pointer

}

.fileUploading:before{

    content:'Choose file';

    min-width:115px;

    position:absolute;

    height:100%;

    padding:10px 13px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    box-sizing:border-box;

    background-color:#000;

    border-radius:4px;

    pointer-events:none;

    color:#fff;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s

}

.fileUploading:hover:before{

    background-color:#757575

}

.fileupload .newrow.has-error{

    position:relative

}

.fileupload .newrow.has-error .help-block.error{

    width:100%;

    text-align:center;

    display:block

}

.form-group.eDefault:after,.form-group[class*=removeclass]:after{

    content:'';

    clear:both;

    display:block

}

.general-form .half-column small{

    display:block;

    margin-top:-8px;

    color:#404040;

    font-size:14px;

    font-weight:400;

    line-height:21px;

    margin-bottom:28px;

    font-family:"poppins";

}

.general-form .half-column small.notes{

    margin:0

}

.panel-body .icon-cancel{

    font-size:25px;

    cursor:pointer

}

.center-align{

    padding-top:16px

}

.panel-heading .icon-plus-button{

    font-size:35px;

    vertical-align:middle;

    margin-top:4px;

    display:inline-block;

    background-color:#000;

    color:#f5f5f5;

    border-radius:50%;

    padding:0;

    cursor:pointer;

    box-shadow:0 0 0 2px #f5f5f5 inset

}

.profile_edit{

    display:none

}

.profile_edit .button-block{

    justify-content:flex-start

}

.profile_edit.active{

    display:block

}

.earning-block a.go-icon{

    text-decoration:none;

    color:#fff;

    position:absolute;

    right:20px;

    top:20px;

    font-size:35px;

    cursor:pointer;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s;

    font-weight: bold

}

.earning-block a.go-icon:hover{

    opacity:.7;

    right:15px

}

.inv-destination-data ul{

    margin:0

}

.inv-destination-data ul li{

    width:100%;

    line-height:normal;

    margin-bottom:25px;

    position:relative;

    padding:0 0 0 28px;

    box-sizing:border-box

}

.inv-destination-data ul li strong{

    font-size:15px;

    font-weight:600;

    color:#000;

    display:block;

    font-family:poppins

}

.inv-destination-data ul li p{

    font-size:15px;

    color:#404040;

    font-weight:400;

    font-family:poppins;

    margin-bottom:0;

    line-height:20px

}

.inv-destination-data{

    background-color:#fff;

    padding:12px 23px 0;

    min-height:100%;

    box-sizing:border-box;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    border-radius:4px;

    overflow:hidden

}

.inv-destination-data.flex-start{

    justify-content:flex-start;

    padding-top:23px

}

.inv-destination-data ul li i{

    font-size:22px;

    position:absolute;

    left:0

}

.inv-destination-data ul li i.fa.fa-calendar{

    font-size:18px

}

.inv-destination-data ul.no-icons li{

    padding:0

}

.vehicle-capt .vehicle-avatar{

    padding:10px;

    border-bottom:1px solid #e0e0e0

}

.vehicle-capt{

    border:1px solid #e0e0e0;

    margin-bottom:20px

}

.car-det strong{

    display:block;

    font-size:15px;

    font-weight:500;

    padding:6px 10px;

    background-color:#ddd;

    color:#000;

    line-height:normal

}

.car-det b{

    display:block;

    line-height:normal;

    padding:6px 10px;

    background-color:#f8f8f8;

    font-size:15px;

    color:#000

}

.profile-data .profile-image{

    width:70px;

    height:70px;

    margin:0

}

.profile-data .value-listing{

    margin:0 0 0 20px;

    width:calc(100% - 90px);

    box-sizing:border-box

}

.profile-data{

    display:flex;

    flex-wrap:wrap

}

.profile-data .value-listing li{

    margin:0 0 5px!important;

    padding:0

}

.profile-data .value-listing li span{

    text-transform:capitalize

}

.profile-data .value-listing li:first-child span{

    color:#000

}

.profile-data .value-listing li a{

    display:block;

    line-height:normal;

    height:22px

}

.extra-details h3{

    padding:10px 30px 10px 0;

    border-bottom:1px solid #000;

    margin-bottom:20px;

    position:relative;

    font-weight:600;

    cursor:pointer

}

.extra-details h3:after{

    content:'\44';

    position:absolute;

    right:0;

    left:auto;

    top:14px;

    font-family:icomoon;

    font-size:10px

}

.extra-details h3.active:after{

    content:'\e90e';

    font-size:16px;

    top:10px

}

.inv-destination-data ul.no-icons{

    display:none

}

#invoice_map{

    height:303px;

    background-size:cover;

    background-position:center;

    border:1px solid #e0e1e1;

    border-radius:3px;

    margin-bottom:30px

}

.sub-block-title{

    font-size:18px;

    display:block;

    font-weight:600;

    color:#000;

    margin-bottom:28px

}

.invoice-pay-type{

    padding:20px 15px;

    background-color:transparent;

    margin:0 -23px;

    color:#fff;

    display:flex;

    flex-wrap:wrap;

    justify-content:space-between;

    font-size:17px;

    font-weight:600;

    margin-top:25px

}

.sign-block b{

    font-size:15px;

    font-weight:600;

    font-family:poppins;

    display:block;

    color:#000;

    margin-bottom:13px

}

.sign-block{

    padding-top:30px

}

.sign-block b~img{

    width:120px

}

ul.user-menu{

    position:fixed;

    left:0;

    bottom:0;

    top:0;

    background-color:#855DFF;

    transition:all .5s;

    transform:translateX(-280px);

    -webkit-transform:translateX(-280px);

    -moz-transform:translateX(-280px);

    -ms-transform:translateX(-280px);

    -o-transform:translateX(-280px);

    z-index:10

}

ul.user-menu li a{

    font-size:14px;

    font-weight:400;

    color:#fff;

    text-decoration:none;

    display:flex;

    outline:none;

    padding:5px 22px;

    height:57px;

    box-sizing:border-box;

    align-items:center;

    justify-content:flex-start

}

ul.user-menu li a img{

    max-height:100%

}

ul.user-menu li{

    padding:0;

    border-bottom:1px solid rgba(255,255,255,.15);

    width:280px;

    box-sizing:border-box;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s;

    cursor:pointer

}

ul.user-menu li:hover,ul.user-menu li.active{

    background-color:rgba(0,0,0,.3)

}

ul.user-menu li.logo{

    margin-bottom:0;

    border-bottom:none;

    height:67px;

    display:flex;

    align-items:center

}

body.side_menu ul.user-menu{

    transform:translateX(0);

    -webkit-transform:translateX(0);

    -moz-transform:translateX(0);

    -ms-transform:translateX(0);

    -o-transform:translateX(0)

}

body.side_menu .mix-content{

    transform:translateX(280px);

    -webkit-transform:translateX(280px);

    -moz-transform:translateX(280px);

    -ms-transform:translateX(280px);

    -o-transform:translateX(280px)

}

ul.overview-detail li{

    width:25%

}

ul.overview-detail li:nth-child(2){

}

ul.overview-detail{

    display:flex;

    width:100%;

    flex-wrap:wrap

}

ul.overview-detail li:last-child .overview-data{

    border-right-width:1px

}

ul.overview-detail li .overview-data{

    padding:28px 22px;

    border-style:solid;

    border-width:1px 0 1px 1px;

    border-color:#d7d7d7

}

ul.overview-detail li strong{

    display:block;

    font-size:15px;

    font-weight:600;

    margin-bottom:6px;

    color:#000

}

ul.overview-detail li span,ul.overview-detail li span a{

    font-size:15px;

    color:#404040;

    font-weight:400;

    display:block;

    text-decoration:none

}

ul.overview-detail li .overview-data.subdata{

    border-right-width:1px;

    padding:15px 20px

}

.invoice-data-holder .profile-image{

    width:58px;

    height:58px;

    display:inline-block;

    vertical-align:top;

    margin-right:10px

}

.inv-data{

    width:360px;

    display:inline-block;

    vertical-align:top;

    padding-top:24px

}

.inv-data.profile-image-blank{

    margin-left:68px

}

.invoice-data-holder{

    background-color:#fff;

    padding:20px 23px;

    border-radius:4px;

    display:flex;

    align-items:center;

    flex-wrap:wrap

}

.invoice-data-holder h3{

    width:100%;

    font-size:20px;

    margin:15px 0;

    color:#239707;

    font-weight:600

}

.invoice-right-bottom-img{

    display:flex;

    justify-content:space-between;

    align-items:center

}

.invoice-right-bottom-img .beforeImgDiv{

    margin:0 20px 0 0

}

.invoice-right-bottom-img h4{

    font-size:20px;

    padding:5px 0 15px

}

.inv-data strong{

    font-size:15px;

    font-weight:600;

    font-family:poppins;

    display:block;

    color:#000

}

.profile-earning .inv-data ul li{

    width:100%;

    font-size:16px;

    font-weight:400;

    line-height:normal;

    display:flex;

    justify-content:space-between;

    border-top:1px solid #dfdfdf;

    padding:6px 0

}

.profile-earning .inv-data ul{

    margin:18px 0 0

}

.profile-earning .inv-data ul li span{

    color:#656565;

    display:inline-block;

    width:calc(100% - 100px);

    width:-o-calc(100% - 100px);

    width:-ms-calc(100% - 100px);

    width:-moz-calc(100% - 100px);

    width:-webkit-calc(100% - 100px)

}

.profile-earning .inv-data ul li b{

    font-weight:500;

    display:inline-block;

    color:#1c1c1c

}

.profile-earning .inv-data ul li:last-child span,.profile-earning .inv-data ul li:last-child b{

    font-weight:600;

    color:#000

}

.profile-earning .inv-data ul li:first-child{

    border-top:none

}

.profile-earning .inv-data ul li:last-child{

    border-top:2px solid #000

}

.inv-rating{

    display:inline-block;

    margin-left:25%

}

.inv-rating-food{

    display:inline-block;

    margin-left:5%;

    width:45%;

    border-left:1px solid #dfdfdf

}

.profile-earning .inv-data ul li.no-border{

    border:none;

    padding-top:0;

    padding-bottom:0;

    margin-bottom:0

}

.inv-rating strong{

    font-size:15px;

    font-weight:600;

    font-family:poppins;

    display:block;

    color:#000;

    margin-bottom:13px

}

.left-right{

    width:318px

}

.left-block{

    width:calc(100% - 348px);

    -o-width:calc(100% - 348px);

    -ms-width:calc(100% - 348px);

    -moz-width:calc(100% - 348px);

    -webkit-width:calc(100% - 348px)

}

.driverlists #driver_main_list
{

    width:100%;

    display:flex;

    flex-wrap:wrap;

    max-height:169px;

    overflow-y:auto;

    justify-content:space-around;

    margin-top:0

}
.driverlists #driver_main_list1{
    width:100%;

    display:flex;

    flex-wrap:wrap;

    max-height:169px;

    overflow-y:auto;

    justify-content:space-around;

    margin-top:0
}

.driverlists #driver_main_list1 .driverlists #driver_main_list1 .maindrlist1,
.driverlists #driver_main_list1 .driverlists #driver_main_list1 .maindrlist2,
.driverlists #driver_main_list1 .driverlists #driver_main_list1 .maindrlist3,
.driverlists #driver_main_list1 .driverlists #driver_main_list1 .maindrlist4
{width: 25%;}

.driverlists #driver_main_list1 .driverlists #driver_main_list1 .maindrlist1 li,
.driverlists #driver_main_list1 .driverlists #driver_main_list1 .maindrlist2 li,
.driverlists #driver_main_list1 .driverlists #driver_main_list1 .maindrlist3 li,
.driverlists #driver_main_list1 .driverlists #driver_main_list1 .maindrlist4 li{width: 100% !important;}


.driverlists #driver_main_list1 #driver_main_list .driver-hsry{width: 58%;}
.driverlists #driver_main_list1 #driver_main_list .driver-hsry .driver-name-details,
.driverlists #driver_main_list1 #driver_main_list .driver-hsry .driver-mobile-details{display: flex;justify-content: space-between;margin-bottom: 3px;}
.driverlists #driver_main_list1 #driver_main_list li button.assign-driverbtn.gen-btn.xs-small-btn {word-break: break-word; white-space: initial;width: 80px;line-height: 18px;height: 45px;}

.driverlists #driver_main_list1 #driver_main_list .driver-hsry .driver-name-details .driver-name p{font-size: 15px;white-space: nowrap;width: 100px;overflow: hidden;text-overflow: ellipsis;}
.driverlists #driver_main_list1 #driver_main_list .driver-hsry .driver-mobile-details .mobile-no p{font-size: 15px;white-space: nowrap;width: 79px;overflow: hidden;text-overflow: ellipsis;}


/* #driver_main_list p.driver_2{

     margin-bottom:15px!important 

} */

/* #driver_main_list p.driver_33{

    margin-bottom:18px!important

} */

.driverlists #driver_main_list li{

    width:33%!important;

    position:relative;

    margin:0;

    padding:0 0 0 60px;

    min-height:70px;

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    justify-content:space-between;

    border-bottom:1px solid #e0e0e0

}

/* KRN start */

.driverlists #driver_main_list1 .maindrlist1,
.driverlists #driver_main_list1 .maindrlist2,
.driverlists #driver_main_list1 .maindrlist3,
.driverlists #driver_main_list1 .maindrlist4{width: 25%; display: flex; flex-wrap: wrap; max-height: 169px; overflow-y: auto; justify-content: space-around; margin-top: 0;}



.driverlists #driver_main_list1 .maindrlist1 li,
.driverlists #driver_main_list1 .maindrlist2 li,
.driverlists #driver_main_list1 .maindrlist3 li,
.driverlists #driver_main_list1 .maindrlist4 li{width: 100%!important; position: relative; margin: 0; min-height: 70px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-bottom: 1px solid #e0e0e0;}

.driverlists #driver_main_list1 .maindrlist1 li .map-tab-img1{width: 100%;}

.driverlists #driver_main_list1 .maindrlist1 li label.map-tab-img1{width: 50px;}

.driverlists #driver_main_list1 .maindrlist1 li label.map-tab-img1 img{width: 50px;}


.driver-hsry p{font-size: 14px; font-weight: 500;line-height: 17px;word-break: break-all;}

.driverlists #driver_main_list1 .maindrlist1 .map-tab-img1~img{width: 12px; position: absolute; right: auto; left: 43px; bottom: 7px; box-shadow: 0 0 0 2px #fff; border-radius: 50%;}

/* KRN start */



#driver_main_list .driver_33{

    margin-bottom:18px

}

.driverlists #driver_main_list li .map-tab-img{

    width:12%;

    position:absolute;

    margin:0;

    left:0;

    top:10px

}

.driverlists #driver_main_list li .map-tab-img img{

    max-width:50px

}

 .map-tab-img1~img{

    width:12px;

    position:absolute;

    right:-6px;

    bottom: 4px;

    box-shadow:0 0 0 2px #fff;

    border-radius:50%

}

.driverlists #driver_main_list li [class*=driver_] b{

    display:block;

    line-height:normal;

    color:#000;

    font-weight:500;

    

}

.driverlists #driver_main_list li [class*=driver_]{

    font-size:14px;

    font-weight:500;

    width:calc(100% - 140px);

    display:flex;

    margin:0 -1px 0 0;

    justify-content:space-between;

    align-items:center;

    position:relative;

    flex-wrap: wrap;

    /* top: -8px; */

}

.driverlists #driver_main_list li a{

    float:right

}

.driverlists #driver_main_list li:after{

    content:'';

    position:relative;

    clear:both;

    display:block

}

.autoassignbtn .check-main{

    margin-right:14px

}

.autoassignbtn label{

    padding:0;

    font-weight:500;

    margin:0;

    font-size:16px;

    font-weight:400

}

.data-row.autoassignbtn{

    display:block

}

.driverlists #driver_main_list h4{

    margin:5px 0!important

}

.driverlists input{

    width:100%;

    padding:5px 16px;

    border:1px solid #c1c1c1;

    border-radius:6px;

    font-size:15px;

    color:#404040;

    font-weight:400;

    -webkit-border-radius:6px;

    -moz-border-radius:6px;

    -ms-border-radius:6px;

    -o-border-radius:6px;

    -webkit-appearance:none;

    box-sizing:border-box;

    outline:none;

    margin:0 0 5px

}

.driverlists .add-booking1{

    display:block

}

.aternate-login._new:before{

    box-shadow:0 0 0 1px #b7b7b7 inset,0 0 0 11px #f4f2f1;

    background-color:#f4f2f1

}

.assigned_driver strong{

    font-weight:600;

    margin-bottom:8px;

    display:block

}

.assigned_driver label{

    display:block;

    font-weight:500

}

.assigned_driver label b{

    font-weight:500;

    display:inline-block;

    margin-left:5px;

    color:#757575

}

.assigned_driver{

    margin-bottom:20px

}

ul.stepper .step .step-content .step-actions{

    display:flex;

    bottom:0;

    right:0;

    /* width:100% */

    width: 72%;

    margin-left: auto;

}

ul.stepper .step.active .step-content{

    height:100%!important;

    display:block;

}

div#step-act{

    display:flex;

    justify-content:space-between!important;

    align-items:center;

    width:72%;

    background-color:#fff

}

#how-it-works.food-variant{

    background-color:#fff

}

.how-it-works-section.food-variant h3{

    margin-bottom:35px

}

.how-it-works-section.food-variant ul li .proc_ico{

    width:94px;

    position:absolute;

    left:0;

    top:0;

    padding:10px;

    background:#f2f2f2

}

.how-it-works-section.food-variant ul li{

    padding-left:135px;

    min-height:106px

}

.how-it-works-section.food-variant .how-it-works-left li strong{

    padding-top:10px

}

.how-it-works-section.food-variant .how-it-works-right img{

    width:536px;

    margin:0;

    transform:none;

    -webkit-transform:none;

    -moz-transform:none;

    -ms-transform:none;

    -o-transform:none;

    animation:none;

    -webkit-animation:none;

    max-width:100%

}

.how-it-works-section.food-variant .how-it-works-right{

    width:586px;

    align-items:center;

    justify-content:flex-end

}

.how-it-works-section.food-variant .how-it-works-left{

    width:calc(100% - 586px);

    width:-o-calc(100% - 586px);

    width:-ms-calc(100% - 586px);

    width:-moz-calc(100% - 586px);

    width:-webkit-calc(100% - 586px)

}

.how-it-works-section.food-variant .food-image-block{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center

}

.how-it-works-section.food-variant .food-image-block a{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:167px;

    height:167px;

    z-index:0;

    background-color:#fff;

    border-radius:50%;

    justify-content:center;

    font-size:27px;

    align-items:center;

    color:#000;

    text-decoration:none;

    outline:none;

    display:flex;

    text-align:center;

    font-weight:500;

    text-transform:uppercase;

    line-height:29px;

    box-shadow:0 0 0 2px #000;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s

}

.how-it-works-section.food-variant .food-image-block a:hover{

    background-color:#000;

    color:#fff;

    box-shadow:0 0 0 2px #fff

}

.fleet.food-variant{

    background-color:#f6f6f6

}

.fleet.food-variant:after{

    display:none

}

.fleet.food-variant .fleet-inner>strong{

    color:#3e3e3e;

    margin-bottom:30px

}

.fleet.food-variant ul li strong{

    color:#222;

    font-weight:500;

    font-size:18px

}

.fleet.food-variant ul{

    margin-top:10px;

    justify-content:space-between

}

.fleet.food-variant ul li{

    width:auto

}

.fleet.food-variant ul li i{

    width:auto;

    height:auto;

    background-color:transparent!important;

    margin-bottom:0

}

.ordernow{

    background-color:#393939;

    color:#fff;

    padding:37px 0

}

.ordernow-inner{

    max-width:1280px;

    margin:0 auto;

    padding:0 15px;

    display:flex;

    flex-wrap:wrap

}

.ordernow-caption strong{

    font-size:33px;

    font-weight:500;

    font-family:poppins;

    color:#fff;

    display:block;

    line-height:normal;

    margin-top:5px;

    margin-bottom:13px

}

.ordernow-caption h4,.ordernow-caption h4 a{

    font-size:55px;

    color:#fff;

    font-family:poppins;

    font-weight:500;

    margin-bottom:52px;

    text-decoration:none

}

.ordernow-left{

    width:360px

}

.ordernow-left img{

    width:auto;

    max-width:100%

}

.ordernow-right{

    width:calc(100% - 360px)

}

.ordernow .book-btn{

    padding:18px 23px;

    background-color:#fff;

    display:inline-flex;

    align-items:center;

    color:#000;

    text-transform:unset;

    white-space:nowrap;

    font-size:17px;

    font-weight:400;

    letter-spacing:.3px;

    outline:none;

    text-decoration:none;

    appearance:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s;

    box-shadow:0 0 0 1px #fff inset

}

.ordernow .book-btn:hover{

    background-color:#333;

    color:#fff

}

.ordernow .book-btn:after{

    content:'\61';

    font-family:icomoon;

    font-size:14px;

    margin-left:15px;

    position:relative;

    right:0;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s

}

.ordernow .book-btn:hover:after{

    right:-5px

}

.benefits.food-variant.benefits .benefits-inner>strong{

    margin-bottom:35px

}

.benefits.food-variant ul{

    display:flex;

    flex-wrap:wrap;

    justify-content:space-between;

    width:100%

}

.benefits.food-variant ul li i{

    right:auto;

    left:0;

    width:128px;

    height:auto;

    background-color:transparent;

    align-items:flex-start

}

.benefits.food-variant ul li i img{

    max-width:100%;

    max-height:128px

}

.benefits.food-variant ul li{

    min-height:initial;

    padding:0 0 35px 178px;

    box-sizing:border-box;

    width:47%;

    margin-bottom:35px;

    border-bottom:1px solid #e9e9e9

}

.benefits.food-variant ul li:nth-last-child(-n+2){

    border:none

}

.benefits.food-variant{

    padding:149px 0 0

}

.contact-article{

    padding-top:70px;

    overflow:hidden;

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat

}

.contact-article-inner{

    margin:0 auto;

    max-width:1280px;

    display:flex;

    justify-content:flex-end;

    align-items:flex-end;

    flex-wrap:wrap;

    min-height:485px;

    padding:0 15px

}

.contact-information{

    background-color:rgba(237,237,237,.8);

    max-width:324px;

    min-height:424px;

    box-sizing:border-box;

    padding:32px;

    box-shadow:0 0 0 8px rgba(255,255,255,.8) inset;

    text-align:center;

    margin-bottom:-8px

}

.contact-inform-block strong{

    line-height:normal;

    display:block;

    text-transform:uppercase;

    font-size:24px;

    color:#686868;

    font-weight:500

}

.contact-inform-block b span{

    font-size:39px;

    font-weight:500;

    display:block;

    line-height:normal;

    margin-top:-7px

}

.contact-inform-block b .tell-info{

    font-size:31px;

    font-weight:600;

    color:#000;

    display:block;

    line-height:normal;

    text-decoration:none;

    outline:none;

    margin-top:-5px

}

.contact-inform-block address{

    display:block;

    font-size:14px;

    color:#000;

    font-weight:400;

    font-family:poppins;

    padding:0 20px;

    line-height:22px;

    margin-top:8px

}

.contact-inform-block{

    margin-bottom:28px

}

.contact-inform-block:last-child{

    margin-bottom:0

}

.contact-inform-block .mail-info{

    font-size:14px;

    color:#000;

    font-weight:400;

    font-family:poppins;

    text-decoration:none;

    line-height:normal;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s

}

.contact-inform-block .mail-info:hover{

    opacity:.5

}

.restaurant{

    padding:45px 0;

    background-color:#f6f6f6

}

.restaurant-inner{

    margin:0 auto;

    max-width:1280px;

    display:flex;

    padding:0 15px;

    flex-direction:column;

    flex-wrap:wrap;

    align-items:center

}

.restaurant h3{

    font-size:45px;

    font-weight:500;

    color:#000;

    margin-bottom:48px

}

.restaurant ul{

    display:flex;

    flex-wrap:wrap;

    width:100%

}

.restaurant ul li{

    width:33.33%;

    display:flex;

    box-sizing:border-box;

    flex-direction:column

}

.restaurant ul li:nth-child(even){

    flex-direction:column-reverse

}

.rest-caption strong{

    font-size:28px;

    color:#121212;

    font-weight:600;

    font-family:poppins;

    line-height:normal;

    display:block;

    margin-bottom:16px;

    text-transform:uppercase

}

.rest-caption p{

    font-size:14px;

    color:#777;

    line-height:26px;

    font-weight:400;

    margin-bottom:0;

    width:100%

}

.rest-caption{

    background-size:cover;

    background-repeat:no-repeat;

    background-position:center center;

    min-height:357px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    box-sizing:border-box;

    text-align:center;

    padding:30px;

    position:relative;

    overflow:hidden

}

.rest-caption:first-child:hover:after{

    bottom:0

}

.rest-caption:after{

    content:"";

    width:100%;

    height:100%;

    background:rgba(0,0,0,.7);

    position:absolute;

    bottom:-100%;

    left:0;

    transition:all .3s ease 0s

}

.rest-caption .box-content{

    color:#fff;

    text-align:left;

    width:100%;

    padding:0 30px;

    position:absolute;

    bottom:15px;

    left:-100%;

    transition:all .3s ease .2s;

    box-sizing:border-box;

    z-index:1

}

.rest-caption .box-content strong,.rest-caption .box-content p{

    color:#fff

}

.rest-caption:first-child:hover .box-content{

    left:0

}

.profile-section.my-trips{

    padding-bottom:0

}

.filter-form select,.filter-form input{

    height:36px;

    border:none;

    box-shadow:0 0 0 1px #e0e0e0 inset;

    border-radius:3px;

    -webkit-appearance:none;

    appearance:none;

    padding:10px;

    box-sizing:border-box;

    width:100%;

    outline:none

}

.filter-form input{

    -webkit-appearance:initial

}

.filter-form label{

    font-size:12px;

    font-weight:500;

    font-family:poppins;

    text-transform:uppercase;

    display:block;

    margin-bottom:10px

}

.filter-form{

    display:flex;

    flex-wrap:wrap;

    justify-content:flex-start;

    align-items:flex-end

}

.filter-form input[type=submit],.filter-form button,.filter-form a.gen-btn{

    background-color:transparent;

    outline:none;

    border:none;

    font-size:15.6px;

    box-shadow:none;

    color:#fff;

    font-weight:400;

    width:auto;

    display:inline-block;

    min-width:85px;

    margin:0 10px 0 0;

    cursor:pointer;

    text-align:center;

    padding:7px 10px;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s;

    border-radius:4px;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    font-family:poppins;

    line-height:normal

}

.filter-form a,.gen-btn{

    background-color:transparent

}

.filter-form a,.gen-btn:hover,button[disabled]{

    background-color:#000

}

.general-form input[type=text][readonly],.general-form input[type=email][readonly],.general-form select[disabled],.general-form select[readonly]{

    background-color:#ebebe4

}

.filter-form input[type=submit]:hover,.filter-form button:hover{

    background-color:transparent

}

.filters-column{

    margin:0 10px 20px 0;

    position:relative

}

.filter-form select{

    min-width:181px;

    padding:10px 30px 8px 10px;

    position:relative;

    background-image:url(../../../img/select-arrow.jpg);

    background-repeat:no-repeat;

    background-position:right 10px center;

    background-size:12px

}

.button-block.oppData{

    margin-bottom:0

}

.filter-form input{

    width:119px;

    padding:10px 32px 10px 10px

}

.profile-section.my-trips .profile-caption{

    margin-bottom:0

}

.filters-column i{

    font-size:19px;

    position:absolute;

    right:5px;

    bottom:9px;

    cursor:initial;

    top: 32px;
}

.hasDatepicker{

    cursor:pointer!important

}

.filters-column i.icon-cal{

    pointer-events:none

}

table.dataTable.custom-table{

    border-style:solid;

    border-color:#dedede;

    border-width:0 1px;

    width:calc(100% - 2px)!important;

    width:-o-calc(100% - 2px)!important;

    width:-ms-calc(100% - 2px)!important;

    width:-moz-calc(100% - 2px)!important;

    width:-webkit-calc(100% - 2px)!important

}

.table-holder{

    width:100%;

    padding:24px 20px;

    background-color:#fff;

    box-sizing:border-box

}

.table-holder~.card-block{

    margin-top:20px

}

.table-holder~.button-block{

    margin-top:20px;

    align-items:center;

    justify-content:center;

    width:100%

}

.table-responsive{

    overflow-x:auto;

    width:100%

}

table.dataTable.custom-table tbody td{

    text-align:center;

    font-size:15px;

    font-weight:400;

    color:#000;

    border-style:solid;

    padding:17px 15px;

    border-width:0 0 1px;

    border-color:#dedede;

    font-family:poppins;

    vertical-align:middle;

    line-height:normal

}

table.dataTable.custom-table tbody td[valign=top]{

    vertical-align:top

}

table.dataTable.custom-table tbody td .vehicle_name{

    width:816px;

    display:inline-block

}

table.dataTable.custom-table tbody td .action-click{

    color:#000;

    text-decoration:none;

    font-size:25px

}

table.dataTable.custom-table tbody td .gen-btn i{

    color:#fff

}

table.dataTable.custom-table tbody td .gen-btn{

    margin-top:8px

}

table.dataTable.custom-table tbody td .upload-block .gen-btn{

    margin:0

}

table.dataTable.custom-table tbody td .action-click:hover,table.dataTable.custom-table tbody td i:hover{

    opacity:.5

}

table.dataTable.custom-table tbody td i{

    font-size:25px;

    color:#000;

    cursor:pointer

}

table.dataTable.custom-table tbody td i.icon-edit.icon-white{

    color:#fff

}

.certi{

    font-size:15px!important

}

table.dataTable.custom-table thead th{

    border-style:solid;

    border-width:1px 0;

    border-color:#dedede;

    padding:17px 15px;

    background-color:#f6f6f6;

    outline:none;

    font-size:15px;

    font-weight:500;

    font-family:poppins;

    white-space:nowrap;

    vertical-align:middle

}

table.dataTable.custom-table thead th .expanding{

    font-size:25px

}

.table-holder .dataTables_wrapper .dataTables_info{

    font-size:15px;

    font-weight:600;

    color:#000;

    margin:19px 0 0

}

/* .table-holder .dataTables_wrapper .dataTables_paginate .paginate_button{

    background:#fff;

    box-shadow:none;

    outline:none;

    border:none;

    min-width:28px;

    height:26px;

    padding:0 10px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    font-size:15px;

    font-weight:400;

    font-family:poppins

} */

.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button:hover{

    /* background:#000; */

    border:none

}

.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button.current{

    background:#000;

    border:none;

    color:#fff!important

}

.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{

    background-color:transparent

}

.table-holder .dataTables_wrapper .dataTables_paginate{

    margin-top:20px

}

.table-holder .dataTables_length label{

    font-weight:600;

    font-size:15px;

    display:block

}

[data-text=init],[data-text=init].td,[data-text=init].th{

    text-align:left!important

}

.dataTables_wrapper .dataTables_length select{

    min-width:unset;

    padding:10px 20px 10px 10px;

    position:relative;

    background-image:url(../../../img/select-arrow.jpg);

    background-repeat:no-repeat;

    background-position:right 10px center;

    background-size:12px;

    box-shadow:0 0 0 1px #e0e0e0 inset;

    border:none;

    outline:none;

    margin:0 10px;

    width:75px;

    -webkit-appearance:none;

    appearance:none;

    border-radius:3px

}

.table-holder .dataTables_wrapper .dataTables_filter input{

    height:36px;

    border:none;

    box-shadow:0 0 0 1px #e0e0e0 inset;

    border-radius:3px;

    -webkit-appearance:initial;

    padding:10px 40px 10px 10px;

    box-sizing:border-box;

    width:100%;

    outline:none;

    font-size:15px;

    margin:0

}

.table-holder .dataTables_wrapper .dataTables_filter label{

    font-size:0;

    display:inline-block;

    position:relative

}

.table-holder .dataTables_wrapper .dataTables_filter label:after{

    width:30px;

    height:100%;

    content:"\f002";

    position:absolute;

    right:0;

    top:0;

    font-family:fontawesome;

    font-size:18px;

    display:flex;

    justify-content:center;

    align-items:center

}

.table-holder .dataTables_wrapper .dataTables_length,.table-holder .dataTables_wrapper .dataTables_filter{

    margin-bottom:20px

}

table.dataTable tfoot th,table.dataTable tfoot td{

    padding:10px 18px 6px;

    background-color:#f6f6f6;

    border-style:solid;

    border-color:#dedede;

    border-width:0 0 1px;

    text-align:center

}

.button-block.justify-left{

    justify-content:flex-start;

    align-items:initial

}

.button-block.justify-left .gen-btn{

    margin:0 15px 10px 0

}

.profile-earning ul.value-listing,ul.value-listing{

    padding:0

}

.profile-earning ul.value-listing li,ul.value-listing li{

    width:100%;

    margin-bottom:10px

}

.profile-earning ul.value-listing li b,ul.value-listing li b{

    font-weight:600;

    margin-right:5px;

    color:#333

}

[dir=rtl] .profile-earning ul.value-listing li b,[dir=rtl] ul.value-listing li b{

    margin:0 0 0 5px

}

.profile-earning ul.value-listing li span,ul.value-listing li span{

    font-weight:500;

    color:#757575;

    display:inline-block

}

.doc-image-block img{

    max-width:90%;

    box-sizing:border-box;

    max-height:90%!important

}

.doc-image-block{

    width:auto;

    margin:20px;

    padding:0;

    box-sizing:border-box;

    height:162px;

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative

}

.doc-image-block>a{

    line-height:normal!important;

    height:100%;

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    justify-content:center;

    margin-bottom:0;

    width:100%;

    border:1px solid #ddd

}

table.dataTable.custom-table tbody td .filters-column i{

    font-size:19px

}

table.dataTable.custom-table tbody td .doc-image-block i{

    position:absolute;

    right:-14px;

    top:-14px;

    width:28px;

    height:28px;

    font-size:11px;

    display:none;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background-color:#000;

    color:#fff

}

table.dataTable.custom-table tbody td .upload-block.fileupload-exists i{

    display:flex

}

.upload-block{

    text-align:center;

    background-color:#fff;

    padding-bottom:20px;

    border:1px solid #ddd;

    border-radius:4px;

    overflow:hidden;

    min-height:100%;

    box-sizing:border-box;

    display:flex;

    flex-direction:column;

    justify-content:space-between

}

.upload-block .filter-form{

    justify-content:center;

    padding:0 20px 0;

    margin-bottom:0

}

.upload-block-inner{

    min-height:280px

}

.upload-block .button-block{

    padding:0 20px;

    margin-bottom:0

}

.upload-block [data-target="#uiModal"]{

    max-width:calc(100% - 40px);

    white-space:normal

}

.upload-doc-button .gen-btn{

    width:100%;

    text-align:center;

    display:block

}

.upload-block .button-block .gen-btn{

    width:100%;

    justify-content:center

}

.upload-block strong{

    font-size:18px;

    font-weight:500;

    color:#fff;

    background-color:#000;

    display:block;

    padding:17px 20px

}

.upload-block [data-target="#uiModal"]{

    max-width:-o-calc(100% - 40px);

    max-width:-ms-calc(100% - 40px);

    max-width:-moz-calc(100% - 40px);

    max-width:-webkit-calc(100% - 40px);

    max-width:calc(100% - 40px);

    white-space:normal

}

.upload-doc-button{

    position:relative;

    margin-bottom:10px;

    width:100%

}

.upload-doc-button input[type=file]{

    position:absolute;

    left:0;

    width:100%;

    top:0;

    opacity:0;

    height:100%;

    cursor:pointer

}

.upload-doc-button input[type=file]:hover~.gen-btn{

    background-color:#757575

}

.profile-earning ul.doc-upload-listing li{

    width:33.33%

}

.fileupload-exists .fileupload-new{

    display:block

}

.filters-column.exp-date{

    flex-direction:column;

    display:flex;

    margin:0;

    width:242px

}

.filters-column.exp-date label{

    font-size:12px;

    font-weight:500;

    font-family:poppins;

    text-transform:uppercase;

    display:block;

    margin-bottom:10px

}

.modal .fileupload .thumbnail{

    margin-bottom:10px;

    display:block

}

.custom-modal .fileupload{

    margin-top:20px;

    margin-bottom:20px

}

.custom-modal .model-body .fileupload .thumbnail{

    margin-bottom:10px;

    max-width:240px;

    height:164px;

    display:flex

}

.fileupload .thumbnail img{

    max-width:100%;

    max-height:100%

}

.fileupload{

    margin:0;

    display:flex;

    flex-direction:column;

    align-items:center

}

.fileupload .thumbnail{

    line-height:normal!important;

    height:100%;

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    justify-content:center;

    margin-bottom:0;

    width:100%;

    border:1px solid #ddd

}

.fileerror{

    width:100%;

    display:block;

    font-size:12px;

    margin-bottom:15px;

    color:#d23737

}

.custom-modal-first-div.active{

    opacity:1;

    visibility:visible

}

.custom-modal-first-div{

    background-color:rgba(0,0,0,.8);

    position:fixed;

    top:0;

    left:0;

    bottom:0;

    right:0;

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    visibility:hidden;

    transition:.3s ease 0s;

    -webkit-transition:.3s ease 0s;

    -moz-transition:.3s ease 0s;

    -ms-transition:.3s ease 0s;

    -o-transition:.3s ease 0s;

    z-index:1050

}

.custom-modal-sec-div{

    width:580px;

    max-width:calc(100% - 0px);

    max-width:-o-calc(100% - 0px);

    max-width:-ms-calc(100% - 0px);

    max-width:-moz-calc(100% - 0px);

    max-width:-webkit-calc(100% - 0px);

    background-color:#fff;

    border-radius:4px;

    position:relative;

    top:-50px;

    transition:all .3s ease 0s;

    -webkit-transition:all .3s ease 0s;

    -moz-transition:all .3s ease 0s;

    -ms-transition:all .3s ease 0s;

    -o-transition:all .3s ease 0s

}

h4.custom-modal-title{

    margin:0;

    font-size:18px;

    color:#fff;

    line-height:normal

}

.custom-modal-first-div.active .custom-modal-sec-div{

    top:0

}

.custom-model-header{

    padding:20px 25px;

    background-color:#239707;

    display:flex;

    justify-content:space-between;

    border-radius:4px 4px 0 0

}

.custom-modal-title h4{

    margin:0;

    font-size:18px;

    color:#fff;

    line-height:normal

}

.icon-close{

    color:#fff;

    font-size:15px;

    cursor:pointer;

    width:25px;

    height:25px;

    display:flex;

    justify-content:center;

    align-items:center

}

.custom-model-body{

    padding:20px 25px;

    line-height:23px;

    display:block

}

.custom-model-body b{

    font-weight:600

}

.custom-model-footer{

    padding:0 25px;

    justify-content:flex-start;

    background-color:transparent;

    border:none

}

.button-block{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

    flex-wrap:wrap;

    box-sizing:border-box;

    width:100%

}

.custom-model-footer .button-block{

    justify-content:flex-start

}

.custom-model-footer .button-block .gen-btn{

    margin:0 10px 0 0

}

.button-block.btn-flex-start{

    justify-content:flex-start

}

.button-block.btn-flex-start .btn{

    margin-right:10px

}

.custom-modal-sucbtn,.custom-modal-negbtn,.custom-modal-genbtn{

    padding:12px 25px;

    background-color:#000;

    display:inline-flex;

    align-items:center;

    color:#fff;

    text-transform:unset;

    text-decoration:none;

    white-space:nowrap;

    font-size:17px;

    font-weight:400;

    letter-spacing:.3px;

    outline:none;

    text-decoration:none;

    appearance:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s;

    border:none;

    border-radius:4px;

    cursor:pointer;

    text-transform:capitalize;

    font-family:poppins

}

.custom-modal-genbtn{

    background-color:#239707
}
/*
.custom-modal-main{

    background-color:rgba(0,0,0,.8);

    position:fixed;

    top:0;

    left:0;

    bottom:0;

    right:0;

    display:flex;

    justify-content:center;

    align-items:center;


    transition:.3s ease 0s;

    -webkit-transition:.3s ease 0s;

    -moz-transition:.3s ease 0s;

    -ms-transition:.3s ease 0s;

    -o-transition:.3s ease 0s;

    z-index:1050;

    padding:15px

} */

.custom-modal-main.large-modal .model-body{

    overflow-y:auto;

    height:500px

}

.custom-modal-main.large-modal{

    align-items:flex-start;

    padding:50px 0;

    overflow-y:auto

}

.custom-modal-main.active{

    opacity:1;

    visibility:visible

}

.custom-modal,.modal-dialog{

    width:580px;

    max-width:calc(100% - 0px);

    max-width:-o-calc(100% - 0px);

    max-width:-ms-calc(100% - 0px);

    max-width:-moz-calc(100% - 0px);

    max-width:-webkit-calc(100% - 0px);

    background-color:#fff;

    border-radius:4px;

    position:relative;

    top:-50px;

    transition:all .3s ease 0s;

    -webkit-transition:all .3s ease 0s;

    -moz-transition:all .3s ease 0s;

    -ms-transition:all .3s ease 0s;

    -o-transition:all .3s ease 0s

}

#uiModal .model-body{

    display:flex;

    flex-direction:column;

    align-items:center;

    padding:15px 15px 0

}

#service_detail{

    line-height:35px;

    padding:10px 20px

}

.bootbox .modal-dialog{

    width:100%;

    max-width:100%

}

.custom-modal-main.active .custom-modal{

    top:0

}

.custom-modal .model-header h4,.modal .modal-header h4{

    margin:0;

    font-size:18px;

    color:#fff;

    line-height:normal

}

.custom-modal .model-header i,.custom-modal .modal-header [data-dismiss=modal],.modal .modal-header [data-dismiss=modal],table.dataTable.custom-table tbody td .custom-modal .model-header i{

    color:#fff;

    font-size:15px;

    cursor:pointer;

    width:25px;

    height:25px;

    display:flex;

    justify-content:center;

    align-items:center

}

.custom-modal .model-header,.custom-modal .modal-header,.modal .modal-header{

    padding:20px 25px;

    background-color:transparent;

    display:flex;

    justify-content:space-between;

    border-radius:4px 4px 0 0

}

.modal .modal-header{

    flex-direction:row-reverse

}

.custom-modal .model-body,.modal .modal-body{

    padding:20px 25px

}

#delivery_pref_modal .custom-modal .model-body{

    padding:0

}

.custom-modal .model-body .fileupload-preview.thumbnail{

    height:150px;

    width:240px;

    margin-bottom:20px;

    border:1px solid #ddd;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap

}

.custom-modal .model-body .fileupload-preview.thumbnail img{

    max-width:90%;

    max-height:95%

}

.custom-modal .model-footer,.custom-modal .modal-footer,.modal .modal-footer{

    padding:0 25px;

    justify-content:flex-start;

    background-color:transparent;

    border:none

}

.modal .modal-footer{

    margin-bottom:20px

}

.save11{

    padding:13px 35px!important;

    margin-right:0!important

}

.custom-modal .model-footer .button-block,.custom-modal .modal-footer .button-block{

    justify-content:center

}

.custom-modal .model-footer .button-block{

    margin-top:20px

}

.newrow{

    justify-content:center

}

.static-page-new .newrow-new{

    display:flex;

    justify-content:flex-start;

    align-items:flex-start

}

.intro-new-one{

    overflow:hidden

}

.custom-modal .model-footer .gen-btn,.custom-modal .modal-footer .gen-btn{

    margin:0 5px 10px

}

.custom-modal .captcha-column .form-group{

    margin-bottom:0

}

.custom-modal .general-form{

    margin-top:0

}

table.dataTable.custom-table tbody td.accordian-data{

    display:none

}

table.dataTable tbody tr.accordian-data{

    display:none

}

table.dataTable tbody tr.accordian-data.active{

    display:table-row

}

.icon-arrow-down-avigate.active-menu:before{

    content:"\e90e"

}

.upload-block .filter-form .filters-column{

    width:100%;

    margin:0

}

.upload-block .filter-form .filters-column input{

    width:100%;

    box-sizing:border-box

}

.thanks-holder{

    padding:70px 0;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center

}

.thanks-holder h2{

    text-align:center;

    margin:15px 0 10px;

    padding:0;

    font-size:50px;

    font-weight:600

}

.thanks-holder strong{

    font-size:25px;

    margin:15px 0;

    line-height:normal;

    font-weight:500;

    color:#000

}

.thanks-holder p{

    text-align:center;

    margin:0 0 10px;

    padding:0;

    font-size:20px

}

.thanks-holder p{

    text-align:center;

    margin:0 0 20px;

    padding:0;

    font-size:20px;

    font-weight:500;

    color:#757575

}

.thanks-holder img{

    width:190px;

    margin:0;

    padding:0;

    text-align:center

}

.invoice-data-holder.track-order{

    background-color:#fff;

    padding:25px 0 25px 23px;

    border-radius:4px;

    display:flex;

    align-items:initial;

    flex-wrap:wrap

}

.invoice-data-holder.track-order .inv-destination-data{

    padding:23px 0 0;

    margin:0 0 0 23px;

    width:calc(100% - 455px);

    width:-o-calc(100% - 455px);

    width:-ms-calc(100% - 455px);

    width:-moz-calc(100% - 455px);

    width:-webkit-calc(100% - 455px);

    border-left:1px solid #eee;

    border-radius:0

}

.invoice-data-holder .inv-destination-data ul{

    padding:0 20px;

    box-sizing:border-box

}

.invoice-data-holder .inv-destination-data ul li:last-child{

    margin-bottom:0

}

.invoice-data-holder.track-order .inv-destination-data .invoice-pay-type{

    margin:0

}

.track-order-data{

    padding:23px 23px 0;

    background-color:#fff;

    min-height:100%;

    box-sizing:border-box;

    display:flex;

    flex-direction:column;

    justify-content:space-between

}

.track-order-data ul li{

    width:auto;

    padding:0 0 0 48px;

    position:relative;

    z-index:1

}

.track-order-data ul li:after{

    content:'';

    position:absolute;

    width:3px;

    height:auto;

    top:0;

    bottom:-20px;

    background-color:#ddd;

    z-index:-1;

    left:16px

}

.track-order-data ul li:last-child:after{

    display:none

}

.track-order-data ul li.passed i{

    background-color:transparent

}

.track-order-data ul li.passed i img{

    filter:invert(1)

}

.track-order-data ul li strong{

    font-size:15px;

    color:#000;

    font-weight:500;

    display:block;

    margin-bottom:8px;

    line-height:normal

}

.track-order-data ul li:before{

    content:attr(date-time);

    position:absolute;

    font-size:14px;

    left:-45px;

    top:2px;

    width:38px;

    text-align:center;

    font-weight:500

}

.track-order-data ul li i{

    width:35px;

    height:35px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    position:absolute;

    background-color:#ddd;

    left:0

}

.track-order-data ul li i img{

    width:15px

}

.track-order-data ul{

    padding:0;

    margin:0 0 0 45px;

    width:calc(100% - 45px);

    width:-o-calc(100% - 45px);

    width:-ms-calc(100% - 45px);

    width:-moz-calc(100% - 45px);

    width:-webkit-calc(100% - 45px)

}

.track-order-data ul li p{

    color:#404040;

    font-size:12px;

    font-weight:400;

    line-height:20px;

    margin-bottom:0

}

.rest-name-holder{

    width:100%;

    line-height:normal;

    margin-bottom:15px;

    position:relative;

    padding:0 0 10px 28px;

    box-sizing:border-box;

    border-bottom:1px solid #e0e0e0

}

.rest-name-holder i{

    width:15px;

    position:absolute;

    left:0

}

.rest-name-holder i img{

    max-width:100%

}

.rest-name-holder strong{

    font-size:15px;

    font-weight:600;

    color:#000;

    display:block;

    font-family:poppins

}

.rest-name-holder p{

    font-size:15px;

    color:#404040;

    font-weight:400;

    font-family:poppins;

    margin-bottom:0;

    line-height:20px

}

.profile-earning .inv-data ul li:first-child span{

    font-weight:600;

    color:#000

}

.profile-earning .inv-data ul li.item-list{

    flex-direction:column

}

.profile-earning .inv-data ul li.item-list .itme-row{

    align-items:flex-start;

    display:flex;

    justify-content:space-between;

    padding-bottom:20px

}

.gen-cms-page-inner{

    max-width:1280px;

    padding:0 15px;

    margin:0 auto

}

.gen-cms-page{

    padding:50px 0

}

.gen-cms-page h2.header-page{

    font-size:35px;

    color:#000;

    font-weight:500;

    margin-bottom:28px;

    padding-bottom:20px;

    border-bottom:1px solid

}

.static-page h1,.static-page h2,.static-page h3,.static-page h4,.static-page h5,.static-page h6{

    font-size:28px;

    color:#757575;

    font-weight:500;

    margin-bottom:28px

}

.gen-cms-page p{

    color:#404040;

    font-size:15px;

    font-weight:400;

    line-height:26px;

    margin-bottom:28px

}

.gen-cms-page ul li{

    font-size:16px;

    color:#000;

    padding:0 0 8px 30px;

    position:relative;

    margin-bottom:8px;

    line-height:normal

}

.gen-cms-page ul li:before{

    content:'';

    width:16px;

    height:13px;

    background-image:url(../../../img/etcabby/mark.svg);

    position:absolute;

    left:0;

    top:7px;

    background-size:100% auto;

    background-repeat:no-repeat;

    filter:invert(62%) sepia(70%) saturate(2319%) hue-rotate(48deg) brightness(94%) contrast(102%);

    -webkit-filter:invert(62%) sepia(70%) saturate(2319%) hue-rotate(48deg) brightness(94%) contrast(102%)

}

.toggle-combo{

    display:flex;

    justify-content:flex-start;

    align-items:flex-start;

    margin-top:4px

}

.toggle-switch{

    position:relative;

    display:inline-block

}

.toggle-switch .toggle-base{

    width:51px;

    height:30px;

    background-color:#ddd;

    border-radius:30px;

    display:inline-block;

    pointer-events:none;

    transition:all .3s ease 0s;

    -webkit-transition:all .3s ease 0s;

    -moz-transition:all .3s ease 0s;

    -ms-transition:all .3s ease 0s;

    -o-transition:all .3s ease 0s

}

.toggle-switch input[type=checkbox],.toggle-switch input[type=radio]{

    position:absolute;

    margin:0;

    width:100%;

    height:30px;

    vertical-align:top;

    outline:none;

    border:none;

    background-color:transparent;

    opacity:0;

    cursor:pointer

}

.toggle-switch input[type=checkbox]:checked~.toggle-base,.toggle-switch input[type=radio]:checked~.toggle-base{

    background-color:#6c757d

}

.toggle-switch input[type=checkbox]:checked~.toggle-base:after,.toggle-switch input[type=radio]:checked~.toggle-base:after{

    box-shadow:-2px 0 3px rgba(0,0,0,.3);

    -webkit-transform:translateX(20px);

    transform:translateX(20px)

}

.toggle-switch .toggle-base:after{

    top:2px;

    bottom:2px;

    left:2px;

    width:26px;

    background-color:#fff;

    border-radius:50%;

    box-shadow:1px 0 3px rgba(0,0,0,.1);

    content:'';

    position:absolute;

    height:26px;

    transition:-webkit-transform .15s ease-out;

    transition:transform .15s ease-out;

    transition:all .15s ease-out,-webkit-transform .15s ease-out;

    -webkit-transition:all .15s ease-out,-webkit-transform .15s ease-out;

    -moz-transition:all .15s ease-out,-webkit-transform .15s ease-out;

    -ms-transition:all .15s ease-out,-webkit-transform .15s ease-out;

    -o-transition:all .15s ease-out,-webkit-transform .15s ease-out

}

.toggle-combo label{

    max-width:calc(100% - 60px);

    max-width:-o-calc(100% - 60px);

    max-width:-ms-calc(100% - 60px);

    max-width:-moz-calc(100% - 60px);

    max-width:-webkit-calc(100% - 60px);

    margin-right:10px;

    width:auto;

    font-size:16px;

    display:inline-block;

    color:#000;

    font-weight:500;

    cursor:pointer

}

.toggle-combo label small{

    display:block;

    font-size:12px;

    margin-top:6px;

    color:#757575

}

.invoice-part-bottom [class*=col-sm-] h3{

    font-size:18px;

    display:block;

    font-weight:600;

    color:#000;

    margin-bottom:28px

}

.profile-earning ul.recipient_details li{

    width:100%;

    display:flex;

    justify-content:space-between;

    padding:15px 0;

    border-top:1px solid #dfdfdf;

    margin-bottom:0

}

.profile-earning ul.recipient_details li:last-child{

    padding-bottom:0

}

.profile-earning ul.recipient_details{

    margin:0

}

.profile-earning ul.recipient_details li span{

    color:#656565;

    display:inline-block;

    width:calc(100% - 160px);

    width:-o-calc(100% - 160px);

    width:-ms-calc(100% - 160px);

    width:-moz-calc(100% - 160px);

    width:-webkit-calc(100% - 160px)

}

.profile-earning ul.recipient_details li b{

    font-weight:500;

    display:inline-block;

    color:#1c1c1c;

    text-align:right

}

.invoice-part-bottom [class*=col-sm-]{

    width:calc(50% - 15px);

    width:-o-calc(50% - 15px);

    width:-ms-calc(50% - 15px);

    width:-moz-calc(50% - 15px);

    width:-webkit-calc(50% - 15px);

    margin-bottom:50px

}

.invoice-part-bottom [class*=col-sm-]:nth-last-child(-n+2){

    margin-bottom:0

}

.invoice-part-bottom.invoice-recipient{

    display:flex;

    justify-content:space-between;

    flex-wrap:wrap

}

.recepient_list{

    min-height:100%;

    border:1px solid #ddd

}

.invoice-part-bottom [class*=col-sm-] .recepient_list h3{

    font-size:18px;

    display:block;

    font-weight:600;

    color:#000;

    margin-bottom:0;

    padding:15px 10px;

    background-color:#eee;

    border-bottom:none

}

.profile-earning .recepient_list ul.recipient_details li{

    width:100%;

    display:flex;

    justify-content:space-between;

    padding:15px 10px;

    border-top:1px solid #dfdfdf;

    margin-bottom:0

}

.profile-earning .recepient_list ul.recipient_details li:nth-child(even){

    background-color:#fdfdfd

}

.profile-earning ul.setings-list li{

    width:33.33%;

    text-align:unset

}

.profile-earning ul.setings-list li .toggle-combo{

    align-items:center

}

.profile-earning ul.setings-list{

    margin:0

}

.card-block{

    background-color:#fff;

    padding:20px 23px 0;

    border-radius:4px;

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    margin-bottom:20px;

    width:100%;

    box-sizing:border-box;

    min-height:250px

}

.card-block h1{

    border-bottom:1px solid #e0e0e0;

    padding:0 0 15px;

    margin:0 0 15px;

    font-size:18px;

    color:#000;

    font-weight:600;

    width:100%;

    line-height:normal

}

.card-block .partation{

    width:calc(100% + 16px);

    width:-o-calc(100% + 16px);

    width:-ms-calc(100% + 16px);

    width:-moz-calc(100% + 16px);

    width:-webkit-calc(100% + 16px)

}

.addVehicleCX em.holder{

    display:none

}

.faq-page{

    margin:0 0 0;

    padding:0;

    float:left;

    width:100%

}

.faq-top-part{

    margin:0;

    padding:0;

    float:left;

    width:100%

}

.faq-top-part ul{

    margin:0 -10px;

    padding:0;

    width:calc(100% + 20px);

    width:-o-calc(100% + 20px);

    width:-ms-calc(100% + 20px);

    width:-moz-calc(100% + 20px);

    width:-webkit-calc(100% + 20px);

    flex-wrap:wrap;

    display:flex

}

.faq-top-part ul li{

    margin:0 10px;

    padding:0;

    width:225px

}

.faq-top-part ul li::before,.faq-bottom-part ul li:before{

    display:none

}

.faq-bottom-part{

    margin:15px 0 0;

    padding:0;

    float:left;

    width:100%

}

.faq-bottom-part ul{

    margin:0;

    padding:0;

    float:left;

    width:100%

}

.faq-bottom-part ul li{

    margin:0;

    padding:20px 0 0;

    float:left;

    width:100%

}

.faq-bottom-part ul li:last-child{

    border:none

}

.faq-bottom-part ul li b{

    margin:0 0 0;

    padding:0;

    font-family:poppins;

    font-size:25px;

    line-height:normal

}

.faq-bottom-part ul li span{

    margin:2px 0 0;

    padding:0;

    display:flex

}

.faq-bottom-part ul li span h3{

    margin:0 0 0 10px;

    padding:0;

    font-size:25px;

    text-transform:none;

    text-shadow:none!important;

    font-weight:600;

    font-family:poppins

}

.faq-bottom-part ul li span p{

    margin:10px 0;

    padding:0;

    float:left;

    font-size:16px;

    line-height:21px

}

.faq-bottom-part ul li ul li{

    margin:10px 0 0;

    padding:0;

    border:none

}

.faq-bottom-part ul li ul li span{

    margin:0;

    padding:0;

    float:left;

    font-size:16px;

    line-height:27px;

    width:100%

}

.faq-bottom-part ul li a{

    color:#000;

    text-decoration:none;

    font-family:poppins;

    font-weight:600;

    display:block;

    cursor:pointer

}

.faq-top-part li a{

    margin:0;

    padding:10px 0;

    float:left;

    font-size:16px;

    text-align:center;

    font-family:poppins;

    text-transform:uppercase;

    font-weight:500;

    width:100%;

    -webkit-transition:all .5s ease-in-out;

    -moz-transition:all .5s ease-in-out;

    -o-transition:all .5s ease-in-out;

    transition:all .5s ease-in-out;

    color:#757575;

    box-shadow:0 0 0 2px #757575 inset;

    text-decoration:none

}

.faq-top-part li.Active a{

    color:#000;

    box-shadow:0 0 0 2px #000 inset

}

.dark-variant.benefits{

    padding:39px 0 0;

    overflow:hidden

}

.dark-variant.benefits h3{

    color:transparent

}

.dark-variant.benefits .benefits-inner>strong{

    color:#fff

}

.benefits.dark-variant ul.listing-style li{

    border-width:1px;

    border-color:transparent;

    border-style:solid;

    box-sizing:border-box;

    margin:0 19px;

    width:calc(33.33% - 38px);

    width:-o-calc(33.33% - 38px);

    width:-ms-calc(33.33% - 38px);

    width:-moz-calc(33.33% - 38px);

    width:-webkit-calc(33.33% - 38px);

    padding:0 10px 30px;

    margin-bottom:75px

}

.benefits.dark-variant ul.listing-style li strong{

    color:#fff;

    margin-top:20px;

    line-height:normal

}

.benefits.dark-variant ul.listing-style li p{

    color:#fff

}

.benefits.dark-variant ul.listing-style li i{

    width:90px;

    height:90px;

    box-shadow:0 0 0 2px rgba(255,255,255,.3) inset;

    border-radius:50%;

    outline:none;

    display:inline-flex;

    margin-top:-45px;

    background-color:transparent

}

.benefits.dark-variant ul.listing-style li i img{

    height:48px

}

.benefits.dark-variant ul.listing-style li{

    height:auto!important

}

.dark-variant.benefits ul.listing-style{

    margin-top:72px;

    width:calc(100% + 38px);

    width:-o-calc(100% + 38px);

    width:-ms-calc(100% + 38px);

    width:-moz-calc(100% + 38px);

    width:-webkit-calc(100% + 38px);

    display:flex;

    flex-wrap:wrap

}

.step-sec{

    padding:39px 0 18px;

    margin-top:210px

}

.step-sec-inner{

    margin:0 auto;

    max-width:1280px;

    display:flex;

    flex-direction:column;

    align-items:center;

    padding:0 15px

}

.step-sec ul{

    width:100%;

    display:flex;

    flex-wrap:wrap;

    margin:32px -63px 0

}

.step-sec ul li strong{

    font-size:22px;

    font-weight:500;

    margin:29px 0 30px;

    display:block

}

.step-sec ul li p{

    font-size:15px;

    font-weight:400;

    color:#404040;

    line-height:24px

}

.step-sec ul li{

    width:33.33%;

    padding:0 63px;

    box-sizing:border-box;

    margin-bottom:30px

}

.step-sec .step-sec-inner>h3{

    font-size:45px;

    font-weight:500;

    margin-bottom:10px;

    text-align:center

}

.step-sec .step-sec-inner>strong{

    font-size:18px;

    font-weight:500;

    line-height:30px;

    color:#3e3e3e;

    display:block;

    margin-bottom:0;

    max-width:990px;

    text-align:center;

    margin:0 auto

}

.step-sec ul li img{

    height:102px

}

.pickDropAddress label,.lableCombineData label{

    display:block;

    font-weight:500;

    margin-bottom:5px

}

.pickDropAddress span,.lableCombineData span{

    display:block;

    margin-bottom:16px;

    line-height:22px

}

table.dataTable.custom-table tbody td.statusType .gen-btn{

    padding:10px 16px;

    font-size:14px;

    margin-top:10px

}

table.dataTable tbody tr.shown .icon-arrow-down-avigate:before{

    content:'\e90e'

}

.profile-earning ul.actionListing{

    display:flex;

    flex-wrap:wrap;

    margin:0;

    width:200px;

    justify-content:center

}

.profile-earning ul.actionListing li a{

    display:inline-block

}

.profile-earning ul.actionListing li{

    width:auto;

    padding:0 5px;

    margin:0

}

.profile-earning ul.actionListing li a i{

    font-size:30px;

    margin:0;

    vertical-align:middle

}

.profile-earning ul.actionListing li a{

    text-decoration:none;

    vertical-align:middle

}

.booking-no{

    position:relative

}

.booking-no:before{

    content:'delivery';

    display:inline-block;

    font-size:13px;

    padding:4px 10px;

    background-color:#000;

    color:#fff;

    border-radius:3px;

    margin-bottom:10px

}

.booking-no:after{

    content:'';

    border-top:8px solid #000;

    border-left:4px solid transparent;

    border-right:4px solid transparent;

    top:22px;

    position:absolute;

    left:8px

}

.profile-earning ul.importedTable{

    margin:0

}

.profile-earning ul.importedTable li{

    text-align:left;

    width:auto;

    margin:0 20px 10px 0;

    padding:0

}

.profile-earning ul.importedTable li b{

    font-weight:500

}

.profile-earning ul.importedTable li span{

    color:#404040

}

.profile-earning ul.setings-list li .check-combo label{

    font-size:13px;

    line-height:normal

}

.profile-earning ul.setings-list li .check-combo{

    align-items:flex-start;

    padding-top:3px

}

.profile-earning ul.setings-list li .toggle-combo label{

    font-weight:500;

    color:#333;

    line-height:normal

}

.your-requestd{

    width:100%;

    margin-top:10px

}

.toggle-list-inner{

    border:1px solid #dedede;

    min-height:100%

}

.toggle-list-inner .toggle-combo{

    padding:8px;

    border-bottom:1px solid #dedede;

    background-color:#f9f9f9;

    margin-top:0;

    justify-content:space-between;

    align-items:center

}

.profile-earning ul.setings-list li .toggle-list-inner .check-combo{

    align-items:flex-start;

    padding:8px;

    margin-bottom:0;

    box-sizing:border-box;

    width:100%;

    display:inline-block

}

[id*=RentalVehicleType_]{

    width:100%

}

.form-group strong{

    font-weight:600;

    color:#333;

    display:block;

    margin-bottom:5px;

    margin-top:-3px;

    font-family:poppins

}

.form-group strong.captcha-signup{

    margin:0

}

.form-group strong .red,.form-group label .red{

    display:inline-block;

    color:#d63b3b;

    font-size:15px;

    vertical-align:top;

    height:10px;

    position:relative;

    line-height:20px;

    margin:0

}

.profile-earning ul.setings-list.has-four-column li{

    width:25%

}

.profile-earning ul.setings-list.middle-data li .check-hold.small{

    margin-top:0

}

.profile-earning ul.setings-list.has-background li .toggle-list-inner{

    background-color:#f9f9f9

}

.profile-earning ul.setings-list.has-background li .check-combo label{

    font-size:14px

}

.section-block #main{

    width:220px!important;

    display:inline-block;

    position:relative;

    margin:10px 0

}

.form-control{

    padding:10px 10px 9px;

    border:1px solid #c1c1c1;

    border-radius:4px;

    font-size:15px;

    color:#404040;

    font-weight:400;

    outline:none;

    cursor:pointer

}

.bootstrap-datetimepicker-widget{

    position:absolute!important;

    height:250px!important;

    background-color:#fff!important;

    top:35px!important

}

.hatchback-search .form-control{

    margin:0 10px 0 0;

    width:70px

}

.hatchback-search span{

    font-family:poppins;

    font-size:15px;

    color:#404040

}

.demo-warning{

    background-color:#eee;

    padding:20px;

    border-radius:4px;

    border:1px solid #d7d7d7

}

.demo-warning p{

    line-height:22px;

    font-size:15px;

    color:#404040;

    margin-bottom:8px

}

.demo-warning p:last-child{

    margin-bottom:0

}

.bootbox .close{

    float:right;

    font-size:21px;

    font-weight:700;

    line-height:1;

    color:#000;

    text-shadow:0 1px 0 #fff;

    opacity:.2;

    filter:alpha(opacity=20)

}

.bootbox .close:hover,.bootbox .close:focus{

    color:#000;

    text-decoration:none;

    cursor:pointer;

    opacity:.5;

    filter:alpha(opacity=50)

}

.bootbox button.close{

    padding:0;

    cursor:pointer;

    background:0 0;

    border:0;

    -webkit-appearance:none

}

.modal-backdrop{

    position:fixed;

    top:0;

    right:0;

    bottom:0;

    left:0;

    z-index:1040;

    background-color:#000

}

.modal-backdrop.fade{

    opacity:0

}

.modal-backdrop,.modal-backdrop.fade.in{

    opacity:.8;

    filter:alpha(opacity=80)

}

.bootbox.modal{

    position:fixed;

    top:10%;

    left:50%;

    z-index:1050;

    width:560px;

    margin-left:-280px;

    background-color:#fff;

    border:1px solid #999;

    border:1px solid rgba(0,0,0,.3);

    *border:1pxsolid#999;

    -webkit-border-radius:6px;

    -moz-border-radius:6px;

    border-radius:6px;

    -webkit-box-shadow:0 3px 7px rgba(0,0,0,.3);

    -moz-box-shadow:0 3px 7px rgba(0,0,0,.3);

    box-shadow:0 3px 7px rgba(0,0,0,.3);

    -webkit-background-clip:padding-box;

    -moz-background-clip:padding-box;

    background-clip:padding-box;

    outline:none

}

.bootbox.modal.fade{

    -webkit-transition:opacity .3s linear,top .3s ease-out;

    -moz-transition:opacity .3s linear,top .3s ease-out;

    -o-transition:opacity .3s linear,top .3s ease-out;

    transition:opacity .3s linear,top .3s ease-out;

    top:-25%

}

.bootbox.modal.fade.in{

    top:10%

}

.bootbox.modal .modal-header{

    padding:9px 15px;

    border-bottom:1px solid #eee

}

.bootbox.modal .modal-header .close{

    margin-top:2px

}

.bootbox.modal .modal-header h3{

    margin:0;

    line-height:30px

}

.bootbox.modal .modal-body{

    position:relative;

    overflow-y:auto;

    max-height:400px;

    padding:15px

}

.bootbox.modal .modal-form{

    margin-bottom:0

}

.bootbox.modal .modal-footer{

    padding:14px 15px 15px;

    margin-bottom:0;

    text-align:right;

    background-color:#f5f5f5;

    border-top:1px solid #ddd;

    -webkit-border-radius:0 0 6px 6px;

    -moz-border-radius:0 0 6px 6px;

    border-radius:0 0 6px 6px;

    -webkit-box-shadow:inset 0 1px 0 #fff;

    -moz-box-shadow:inset 0 1px 0 #fff;

    box-shadow:inset 0 1px 0 #fff;

    *zoom:1

}

.bootbox.modal .modal-footer:before,.bootbox.modal .modal-footer:after{

    display:table;

    content:"";

    line-height:0

}

.bootbox.modal .modal-footer:after{

    clear:both

}

.bootbox.modal .modal-footer .btn{

    margin-left:5px;

    margin-bottom:0

}

.bootbox.modal .modal-footer .btn-group .btn+.btn{

    margin-left:-1px

}

.bootbox.modal .modal-footer .btn-block+.btn-block{

    margin-left:0

}

.bootbox.modal .modal-dialog{

    top:0!important

}

form#resetpassword{

    display:flex;

    width:100%;

    flex-wrap:wrap

}

.reset-pass-left{

    width:165px;

    padding-right:15px;

    box-sizing:border-box

}

[dir=rtl] .reset-pass-left{

    padding:0 0 0 15px

}

.reset-pass-right{

    width:calc(100% - 165px)

}

.which-user{

    font-size:18px;

    font-weight:500;

    color:#666

}

.which-user a{

    text-decoration:none;

    color:#000;

    font-size:14px;

    display:inline-block

}

.panel-heading .row{

    padding:10px;

    background-color:#f8f8f8;

    border-radius:4px 4px 0 0;

    border:1px solid #c1c1c1;

    display:flex;

    justify-content:space-between;

    align-items:center

}

.panel-heading .row b{

    font-weight:600;

    font-size:18px

}

.panel-body{

    padding:15px;

    border-style:solid;

    border-width:0 1px 1px;

    border-radius:0 4px 0 4px;

    border-color:#c1c1c1;

    position:relative

}

.panel-body .partation{

    position:relative

}

.panel-body i{

    position:absolute;

    right:-12px;

    top:-10px;

    border-radius:50%;

    background-color:#fff;

    box-shadow:0 -2px 5px 0 rgba(0,0,0,.4)

}

.how-it-works-section.homepage-variant ul li:before,.how-it-works-section.homepage-variant ul li:after{

    display:none

}

.how-it-works-section.homepage-variant ul li img{

    max-height:80px;

    max-width:80px;

    position:absolute;

    left:0;

    top:0

}

.how-it-works-section.homepage-variant ul li{

    padding:0 0 0 120px;

    margin-bottom:80px;

    position:relative

}

.how-it-works-section.homepage-variant h3{

    margin-bottom:80px

}

.how-it-works-section.homepage-variant ul li strong{

    margin-bottom:5px

}

.how-it-works-section.homepage-variant .how-it-works-left{

    width:52.5%;

    padding:0 30px 0 0;

    box-sizing:border-box

}

.how-it-works-section.homepage-variant .how-it-works-right{

    width:calc(47% - -6px);

    width:-o-calc(47% - -6px);

    width:-ms-calc(47% - -6px);

    width:-moz-calc(47% - -6px);

    width:-webkit-calc(47% - -6px)

}

.how-it-works-section.homepage-variant .how-it-works-section-inner{

    flex-wrap:wrap

}

.how-it-works-section.homepage-variant .how-it-works-right img{

    max-width:unset;

    max-width:47vw

}

#how-it-works.homepage-variant{

    background-color:#fff;

    padding:45px 0 0;

    overflow:hidden

}

.services.homepage::before{

    content:'';

    position:absolute;

    top:-88px;

    background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(244,244,244,1) 99%,rgba(244,244,244,1) 100%);

    background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(244,244,244,1) 99%,rgba(244,244,244,1) 100%);

    background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(244,244,244,1) 99%,rgba(244,244,244,1) 100%);

    height:90px;

    left:0;

    right:0

}

.services.homepage{

    background-color:#f4f4f4;

    padding:0 0 50px;

    position:relative;

    margin:80px 0 0

}

.services.homepage ul li{

    width:25%

}

.services.homepage ul{

    width:100%

}

.services.homepage ul li .service-block:before{

    display:none

}

.services.homepage ul li .service-block{

    box-shadow:none;

    border-radius:10px;

    -webkit-border-radius:10px;

    -moz-border-radius:10px;

    -ms-border-radius:10px;

    -o-border-radius:10px;

    overflow:hidden

}

.services.homepage ul li .service-block:after{

    content:'';

    position:absolute;

    width:100%;

    height:100%;

    top:0;

    left:0;

    background-color:rgba(0,0,0,.2)

}

.services.homepage ul li .service-block:hover{

    box-shadow:none;

    transform:none;

    -webkit-transform:none;

    -moz-transform:none;

    -ms-transform:none;

    -o-transform:none;

    cursor:pointer

}

.services.homepage ul li .service-block a{

    padding:10px;

    min-width:195px;

    min-height:39px;

    height:auto;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:4px 0 0 4px;

    -webkit-border-radius:4px 0 0 4px;

    -moz-border-radius:4px 0 0 4px;

    -ms-border-radius:4px 0 0 4px;

    -o-border-radius:4px 0 0 4px;

    box-sizing:border-box;

    opacity:1;

    background-color:rgba(9,9,9,.8);

    color:#fff;

    pointer-events:initial;

    left:auto;

    right:0;

    bottom:18px

}

.services.homepage ul li .service-block:hover a{

    left:auto;

    margin:0;

    background-color:rgba(9,9,9,.8)

}

.services.homepage ul li .service-block:hover a{

    background-color:#757575

}

.services.homepage ul li .service-block a::before{

    content:'';

    position:absolute;

    left:0;

    top:0;

    width:4px;

    height:100%;

    background-color:transparent;

    border-radius:4px 0 0 4px

}

.services.homepage .services-images{

    min-height:164px;

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    border-radius:10px;

    -webkit-border-radius:10px;

    -moz-border-radius:10px;

    -ms-border-radius:10px;

    -o-border-radius:10px;

    transform:scale(1);

    -webkit-transform:scale(1);

    -moz-transform:scale(1);

    -ms-transform:scale(1);

    -o-transform:scale(1);

    transition:all .5s ease 0s;

    -webkit-transition:all .5s ease 0s;

    -moz-transition:all .5s ease 0s;

    -ms-transition:all .5s ease 0s;

    -o-transition:all .5s ease 0s

}

.services.homepage ul li .service-block:hover .services-images{

    transform:scale(1.1);

    -webkit-transform:scale(1.1);

    -moz-transform:scale(1.1);

    -ms-transform:scale(1.1);

    -o-transform:scale(1.1)

}

.services.homepage .service-block{

    padding:0

}

.services.homepage ul.services-listing{

    margin:0

}

.services.homepage ul.services-listing li{

    padding:0 15px;

    box-sizing:border-box;

    position:relative

}

.services.homepage ul.services-listing li .sap-shape{

    position:absolute;

    right:-18px;

    bottom:-51px

}

[dir=rtl] .services.homepage ul.services-listing li .sap-shape{

    left:-18px;

    right:auto

}

.services.homepage ul.services-listing li b img{

    max-width:65px;

    max-height:65px

}

.services.homepage ul.services-listing li{

    width:16.66%

}

.services.homepage ul.services-listing li:nth-child(6n+6) img.sap-shape{

    display:none

}

.services.homepage ul.services-listing li b.noimg{

    width:65px;

    height:65px;

    display:inline-block;

    background-color:#ddd

}

.download-section.homepage .download-caption{

    text-align:left;

    max-width:70%;

    display:flex;

    justify-content:space-between;

    align-items:flex-start

}

.app-screens-block{

    width:1005px;

    display:flex;

    flex-wrap:wrap;

    justify-content:space-between;

    align-items:flex-end

}

.app-screen-col:first-child{

    padding-bottom:38px

}

.app-screens-block img{

    vertical-align:top

}

.download-section.homepage{

    padding:40px 0 0;

    background-attachment:fixed

}

.download-section.homepage .download-section-inner{

    align-items:flex-end

}

.screens-row{

    width:100%;

    margin-top:-191px;

    pointer-events:none

}

.download-heading-area{

    width:100%

}

.article-section{

    padding:50px 0;

    overflow:hidden

}

.article-section-inner{

    margin:0 auto;

    max-width:1280px;

    display:flex;

    padding:0 15px;

    flex-wrap:wrap

}

.article-section-left{

    width:46.5%

}

.article-section-right{

    width:53.5%

}

.article-section h3{

    color:#000;

    font-weight:500;

    font-size:45px;

    margin-bottom:40px;

    font-family:poppins

}

.article-section p{

    font-size:19px;

    line-height:40px;

    color:#404040;

    margin:0 0 35px

}

.article-section-left img{

    margin-left:-56px

}

.article-section.reverse .article-section-inner{

    flex-direction:row-reverse

}

.article-section.reverse .article-section-left img{

    margin:0;

    position:relative;

    right:-56px

}

.article-section.reverse .article-section-left{

    text-align:right

}

.relative_ele{

    position:relative

}

.relative_ele button{

    position:absolute;

    right:0;

    top:0;

    height:100%;

    background-color:transparent;

    border:none;

    outline:none;

    padding:0 10px;

    border-left:1px solid #ddd;

    cursor:pointer

}

.general-form .form-group .relative_ele input,.login-right form .form-group .relative_ele input{

    padding:14px 46px 15px 16px;

    text-overflow:ellipsis;

    box-sizing:border-box;

    width:100%

}

.bootbox.modal.bootbox-booking{

    width:100%;

    max-width:100%;

    left:0;

    right:0;

    bottom:0;

    top:0!important;

    margin:0;

    background-color:rgba(0,0,0,.8);

    border-radius:0;

    border:none

}

.bootbox.modal.bootbox-booking .modal-dialog{

    max-width:560px;

    margin:0 auto;

    transform:none;

    left:auto;

    top:10%!important;

    padding:0;

    border:none;

    background-color:transparent

}

.bootbox.modal.bootbox-booking .modal-dialog .modal-content{

    border:initial

}

.bootbox.modal.bootbox-booking .modal-header{

    flex-direction:row

}

@media screen and (min-width:1450px) and (max-width:1620px){

    ul.stepper.linear{

        padding:0 0 0 20px;

        overflow:visible;

        height:auto;

        overflow-y:auto;

        display:flex

    }

}

@media screen and (max-width:1600px){

    .home-sec-pg-banner .banner-section-inner .banner-image-first{

        background-position:center left -323px

    }

    .how-it-works-section.homepage-variant .how-it-works-right img{

        max-width:47.5vw

    }

    .article-section.reverse .article-section-left img{

        max-width:100%;

        right:0

    }

    .banner-img-sec{

        left:0

    }

    .home-sec-pg-banner-backimg::after{

        display:none

    }

}

@media screen and (max-width:1400px){

    .how-it-works-section.taxi-variant .how-it-works-right img{

        max-width:100%

    }

    .services.homepage{

        margin:30px 0 30px 0;

        padding:30px 0 30px 0

    }

}

@media screen and (max-width:1279px){

    .restaurant-caption-row span{

        width:20%

    }

    .services.homepage{

        margin:30px 0 0

    }

    .categories-caption p{

        margin-bottom:0

    }

    .intro-new-one{

        overflow:hidden

    }

    .how-it-works-section.homepage-variant .how-it-works-section-inner{

        flex-wrap:nowrap;

        align-items:flex-start

    }

    .banner-section.taxi-app .banner-section-inner{

        min-height:initial

    }

    .banner-section{

        display:flex;

        flex-direction:column;

        flex-wrap:wrap

    }

    .banner-back{

        position:relative;

        height:43vw

    }

    .banner-section-inner{

        min-height:unset;

        padding:0;

        width:100%

    }

    .categories-block{

        max-width:100%;

        padding:56px 48px

    }

    .home-sec-pg-banner .categories-block{

        max-width:50%;

        padding:56px 48px

    }

    .categories-caption{

        min-height:unset

    }

    .banner-back .banner-image{

        width:100%;

        background-size:cover

    }

    .services.homepage::before{

        display:none

    }

    .banner-section.taxi-app .tab-row-holding{

        max-width:100%;

        overflow-x:auto;

        border-bottom:1px solid #e0e0e0;

        padding:0;

        box-sizing:content-box

    }

    .banner-section.taxi-app ul.tab-row{

        display:block;

        max-width:unset;

        white-space:nowrap;

        padding:0 15px

    }

    ul.tab-row li.tab.mob{

        display:block;

        visibility:hidden

    }

    .banner-section.taxi-app ul.tab-row li{

        margin:0 15px;

        width:auto!important;

        min-width:unset;

        display:inline-flex

    }

    .banner-section.taxi-app ul.tab-row li a{

        white-space:nowrap;

        display:flex

    }

    .banner-section.taxi-app .tab-row-holding.sticky ul.tab-row{

        flex-wrap:nowrap;

        padding:0;

        position:relative;

        box-shadow:none;

        max-width:100%

    }

    .banner-section.taxi-app .tab-row-holding.sticky{

        background-color:#fff;

        width:100%

    }

    .banner-section.taxi-app .tab-row-holding.sticky~.banner-section-inner{

        margin-top:70px;

        min-height:initial

    }

    .safety-section.taxi-variant .safety-section-right{

        width:50%

    }

    .safety-section.taxi-variant .safety-section-left{

        width:50%

    }

    .app_image .image_first{

        position:absolute;

        left:0;

        top:80px

    }

    .slider_btn{

        padding:15px

    }

    .call-section.taxi-variant b,.call-section.taxi-variant p b{

        font-size:60px

    }

    .call-section.taxi-variant h3{

        font-size:40px

    }

    .solution-image{

        height:37vw

    }

    .solutions-row.reverse{

        margin-top:-10vw

    }

    .solutions-left{

        padding:47px 50px 146px 0

    }

    .solutions-row.reverse .solutions-left{

        padding:116px 0 67px 50px

    }

    .features-right{

        padding:74px 36px 0 170px

    }

    .features ul li{

        width:47%

    }

    .profiletype-left{

        text-align:unset

    }

    .profiletype-left p{

        max-width:55%

    }

    .inv-rating{

        margin-left:70px

    }

    table.dataTable.custom-table tbody td .vehicle_name{

        width:60vw

    }



    /* *********************** */

    .driverlists #driver_main_list{

        display: flex;

        /* flex-direction: column; */

    }

    .driverlists #driver_main_list li{

        width: 100% !important;

    }



}

@media screen and (max-width:1280px){

    .booking-header{width: 27% !important;}
    .driverlists #driver_main_list li .map-tab-img{width: 4%;}

    .driverlists #driver_main_list1 .maindrlist1,
    .driverlists #driver_main_list1 .maindrlist2, 
    .driverlists #driver_main_list1 .maindrlist3, 
    .driverlists #driver_main_list1 .maindrlist4{width: 100%;}

}

@media screen and (min-width:1280px){

    .services.homepage{

        margin:0 0;

        padding:0 0 50px

    }

    .categories-block{

        padding:90px 0 115px

    }

    .booking-header{width: auto !important;}

    .booking-heading select{margin-left: 15px;}

}

@media screen and (max-width:1119px){

    .home-sec-pg-banner .banner-section-inner .banner-image-first{

        background-position:30%;

        border-radius:0;

        -webkit-border-radius:0;

        -moz-border-radius:0;

        -ms-border-radius:0;

        -o-border-radius:0

    }

    .banner-image-first.first-overlay::before{

        height:100%;

        border-radius:0;

        -webkit-border-radius:0;

        -moz-border-radius:0;

        -ms-border-radius:0;

        -o-border-radius:0

    }

    .home-sec-pg-banner .banner-both-img{

        position:relative;

        width:100%

    }

    .home-sec-pg-banner-backimg{

        top:0;

        bottom:auto;

        left:50%;

        top:50px

    }

    .banner-img-sec{

        left:0

    }

    .home-sec-pg-banner .banner-section-inner .banner-image-first{

        position:relative;

        height:600px;

        width:100%;

        border-radius:0;

        background-position:left

    }

    .how-it-works-section.homepage-variant .how-it-works-section-inner{

        flex-wrap:nowrap;

        align-items:flex-start

    }

    .categories-caption{

        min-height:unset

    }

    ul.tab-row li{

        margin:0 30px

    }

    ul.tab-row{

        flex-wrap:nowrap;

        justify-content:flex-start

    }

    .banner-back{

        position:relative;

        height:43vw

    }

    .banner-section-inner{

        min-height:unset;

        padding:0;

        width:100%

    }

    .home-sec-pg-banner .categories-block{

        max-width:100%

    }

    .banner-section{

        display:flex;

        flex-direction:column-reverse;

        top:0

    }

    .banner-section.taxi-app{

        display:flex;

        flex-direction:column

    }

    .tab-row-holding{

        max-width:1119px;

        overflow-x:auto;

        border-bottom:1px solid #e0e0e0

    }

    .banner-section.taxi-app .banner-section-inner{

        min-height:unset;

        padding:0

    }

    .banner-section.taxi-app .categories-block{

        padding:30px

    }

    .article-image-inner{

        width:520px;

        height:589px

    }

    .artical-right{

        width:calc(100% - 665px);

        width:-o-calc(100% - 665px);

        width:-ms-calc(100% - 665px);

        width:-moz-calc(100% - 665px);

        width:-webkit-calc(100% - 595px)

    }

    article.inverse .article-image:after{

        padding-right:178px;

        border-top:653px solid #fff

    }

    .profile-column{

        width:50%;

        margin-bottom:20px;

        min-width:unset

    }

    .general-form.profile_edit{

        margin-top:0

    }

    .ordernow-caption strong{

        font-size:28px

    }

    .ordernow-caption h4,.ordernow-caption h4 a{

        font-size:42px

    }

    table.dataTable.custom-table tbody td .vehicle_name{

        width:50vw

    }

    .inv-data{

        width:280px

    }

    .invoice-data-holder.track-order .inv-destination-data{

        width:-webkit-calc(100% - 375px)

    }

    .step-sec ul li{

        padding:0 15px

    }

    .step-sec ul{

        width:calc(100% + 30px);

        width:-o-calc(100% + 30px);

        width:-ms-calc(100% + 30px);

        width:-moz-calc(100% + 30px);

        width:-webkit-calc(100% + 30px)

    }

    .step-sec ul li strong{

        line-height:normal

    }

    .services.homepage ul.services-listing li{

        width:25%;

        margin-bottom:30px

    }

    .services.homepage ul.services-listing li img.sap-shape{

        display:none

    }

    .signup-block a{

        font-size:30px

    }

}

/* KRN start*/

@media screen and (min-width:768px) and (max-width:1200px){

    .booking-heading{flex-direction: column;align-items: flex-start;}

    /* .booking-heading select{min-width: 237px;} */

    .pickup-both{min-height: 243px;}

}

/* KRN end*/



@media screen and (max-width:1024px){

    .restaurant-caption-row span{

        width:10%

    }

    .most-trusted-restaurants ul li{

        width:50%

    }

    ul.user-menu{

        overflow-y:auto;

        width:280px

    }

    .intro-new-one{

        overflow:hidden

    }

    .how-it-works-section.homepage-variant .how-it-works-section-inner{

        flex-wrap:wrap

    }

    .login-tab-switch{

        display:block!important;

        margin:0 auto;

        overflow:hidden

    }

    .login-tabholder{

        overflow-x:auto;

        display:block;

        margin:0 15px;

        overflow:hidden;

        text-align:center;

        width:calc(100% - 30px);

        -webkit-width:calc(100% - 30px);

        -o-width:calc(100% - 30px);

        -moz-width:calc(100% - 30px);

        -ms-width:calc(100% - 30px)

    }

    .banner-section.taxi-app .tab-row-holding{

        transform:translate3d(0,0,0);

        -webkit-transform:translate3d(0,0,0);

        -moz-transform:translate3d(0,0,0);

        -ms-transform:translate3d(0,0,0);

        -o-transform:translate3d(0,0,0)

    }

    .banner-section.taxi-app .tab-row-holding.sticky~.banner-section-inner{

        margin-top:70px

    }

    ul.tab-row li{

        width:98px

    }

    .how-it-works-left{

        padding-right:50px

    }

    .how-it-works-right{

        width:100%;

        justify-content:center

    }

    .how-it-works-left{

        width:100%;

        padding-right:0

    }

    .how-it-works-section-inner{

        flex-wrap:wrap

    }

    .how-it-works-right img{

        margin-top:0;

        max-width:300px

    }

    .safety-section-left{

        width:100%

    }

    .safety-section-right{

        width:100%;

        padding:30px;

        margin-bottom:30px

    }

    .safety-section-left img{

        max-width:100%

    }

    .safety-section-inner{

        padding:0

    }

    .top-map{

        padding:0

    }

    /* ul.stepper .step{

        width:655px

    } */

    .call-section.taxi-variant.call-section-inner{

        flex-wrap:wrap

    }

    .call-section.taxi-variant h3{

        margin-top:0

    }

    .call-section.taxi-variant{

        padding:40px 0

    }

    .call-section.taxi-variant b,.call-section.taxi-variant p b{

        font-size:50px

    }

    .call-section.taxi-variant h3{

        font-size:38px

    }

    .get_app_content .slider_btn{

        font-size:20px;

        margin-right:15px

    }

    .get_app_area-left{

        width:48.333333%

    }

    .get_app_area-right{

        width:49.666667%

    }

    .get_app_content .slider_btn.app_btn_two{

        margin:0 8px 0 0

    }

    .favdest{

        background-attachment:unset;

        background-size:cover;

        background-position:center

    }

    .solutions-left{

        padding:47px 50px 96px 0

    }

    .features-right{

        padding:74px 0 0 170px

    }

    .features ul li strong{

        line-height:24px

    }

    .charters ul li{

        width:calc(50% - 36px);

        width:-o-calc(50% - 36px);

        width:-ms-calc(50% - 36px);

        width:-moz-calc(50% - 36px);

        width:-webkit-calc(50% - 36px)

    }

    .features.corporate ul li{

        margin:0 15px 58px;

        width:calc(50% - 64px);

        width:-o-calc(50% - 64px);

        width:-ms-calc(50% - 64px);

        width:-moz-calc(50% - 64px);

        width:-webkit-calc(50% - 30px)

    }

    .features.corporate ul{

        margin:30px -15px 0

    }

    .profile-title{

        width:427px;

        height:230px

    }

    .discount-block button{

        bottom:2px

    }

    .profile-earning ul li,.profile-earning ul.doc-upload-listing li{

        width:50%;

        margin-bottom:20px

    }

    .inv-destination-data ul li{

        width:100%

    }

    .profile-earning .inv-data ul li{

        margin-bottom:0

    }

    .benefits.food-variant ul li i{

        width:100px

    }

    .benefits.food-variant ul li{

        padding:0 0 35px 118px

    }

    .track-order-data ul li{

        width:100%

    }

    .how-it-works-section.homepage-variant .how-it-works-left{

        width:100%

    }

    .how-it-works-section.homepage-variant .how-it-works-right{

        width:100%

    }

    .how-it-works-section.homepage-variant .how-it-works-right img{

        width:100%;

        margin:0 -29px 0 0;

        max-width:100%

    }

    #how-it-works.homepage-variant{

        padding:45px 0 50px

    }

    .how-it-works-section.homepage-variant h3{

        margin-bottom:40px

    }

    [dir=rtl] .how-it-works-section.homepage-variant .how-it-works-left{

        padding:0

    }

    .download-section.homepage .download-caption{

        width:65%

    }

    .booking-header{

        width: 27% !important;

    }

    .driverlists #driver_main_list1 .maindrlist1 li{width:98% !important;}

}

@media screen and (max-width:991px){

    .restaurant-caption-row span{

        width:10%

    }

    .signup-block{

        width:49%

    }

    .app-screens-block{

        width:100%

    }

    /* ul.stepper .step{

        width:552px

    } */

    .benefits .horizonatal-title h3,.howitworks .horizonatal-title h3,.delivery .horizonatal-title h3{

        width:auto;

        padding:0;

        margin-bottom:20px

    }

    .benefits .horizonatal-title,.howitworks .horizonatal-title,.delivery .horizonatal-title{

        flex-direction:column;

        align-items:center

    }

    .benefits .horizonatal-title h3:after,.howitworks .horizonatal-title h3:after,.delivery .horizonatal-title h3:after{

        width:63px;

        height:4px;

        bottom:0;

        top:auto;

        left:50%;

        right:auto;

        transform:translateX(-50%)

    }

    .benefits .horizonatal-title strong,.howitworks .horizonatal-title strong,.delivery .horizonatal-title strong{

        width:auto;

        text-align:center

    }

    .how-it-works-section h3,.categories-caption h2,.safety-section h3,.download-section h3,.call-section h3,.benefits h3,.article-right h4,.call-section h3,.get_app_content .section_title h2,.call-section.taxi-variant h3,.benefits .horizonatal-title h3,.howitworks .horizonatal-title h3,.delivery .horizonatal-title h3,.fleet h3,.charters h3,.destination h3,.features h3,.solutions h3,.favdest h3,.profile-title h4,.article-section h3{

        font-size:35px;

        line-height:normal

    }

    .services ul li{

        width:50%

    }

    .categories-caption h2 span{

        margin-top:0

    }

    .header-left .logo{

        margin-right:15px;

        padding:10px 0 8px 20px

    }

    .header-left ul li{

        margin-right:10px

    }

    .signup-block a{

        font-size:25px

    }

    .signup-block a img{

        margin-left:20px;

        width:24px

    }

    .safety-section h3{

        margin-bottom:25px

    }

    .login-block-heading{

        flex-direction:column;

        padding:20px 0

    }

    ul.tab-switch{

        justify-content:center

    }

    .tabholder{

        height:auto;

        padding:0;

        background-color:transparent

    }

    .login-block-heading label{

        display:block;

        margin-bottom:20px;

        text-align:center;

        width:100%;

        font-size:32px

    }

    .login-block-heading.forget_label label{

        margin-bottom:0;

        padding:25px 0

    }

    .login-left{

        width:100%

    }

    .login-right{

        width:100%

    }

    .login-data-inner{

        padding:0 30px 20px

    }

    .login-caption{

        padding:0 30px;

        margin-bottom:40px

    }

    .login-right h1{

        font-size:32px

    }

    .login-caption strong{

        font-size:25px

    }

    .login-block-footer{

        margin-top:30px

    }

    .login-left img{

        display:none;

        margin:0 auto;

        max-width:95%

    }

    .article-inner,article.inverse .article-inner{

        flex-direction:column;

        align-items:center

    }

    .artical-left{

        display:inline-block;

        width:auto

    }

    .artical-right{

        width:auto

    }

    .heading-area h1{

        font-size:40px

    }

    .about-caption h3{

        font-size:26px

    }

    .artical-right h4{

        font-size:32px;

        margin-bottom:20px

    }

    .heading-area-inner{

        height:126px

    }

    .contact-inner{

        flex-direction:column

    }

    .contact-left{

        width:auto

    }

    .contact-right{

        max-width:100%;

        margin:30px 0 0

    }

    .how-it-works-section.taxi-variant .how-it-works-left{

        max-width:100%

    }

    .how-it-works-section.taxi-variant .how-it-works-right{

        width:100%

    }

    .how-it-works-section.taxi-variant .how-it-works-right img{

        margin:0 0 30px;

        max-width:100%

    }

    .safety-section.taxi-variant .safety-section-right,.safety-section.reversafetysec .safety-section-inner .safety-section-right,.page-section.reversafetysec .safety-section-inner .safetyImgHoldRide{

        width:100%;

        padding:30px;

        height:57vw

    }

    .safety-section.taxi-variant .safety-section-left{

        width:100%

    }

    .safety-section.taxi-variant .safty-image-hold{

        width:100%;

        height:44vw

    }

    .cartype ul li{

        width:50%;

        margin-bottom:50px

    }

    .cartype{

        padding:34px 0 0

    }

    .benefits-middle,.benefits-middle.data-middle{

        display:none

    }

    .benefits-row{

        justify-content:space-between

    }

    .benefits-left{

        width:calc(50% - 20px);

        width:-o-calc(50% - 20px);

        width:-ms-calc(50% - 20px);

        width:-moz-calc(50% - 20px);

        width:-webkit-calc(50% - 20px)

    }

    .benefits-right{

        width:calc(50% - 20px);

        width:-o-calc(50% - 20px);

        width:-ms-calc(50% - 20px);

        width:-moz-calc(50% - 20px);

        width:-webkit-calc(50% - 20px)

    }

    .get_app_area-left,.get_app_area-right{

        width:100%

    }

    .app_image .image_first,.app_image .image_two{

        position:relative;

        margin:0 15px;

        top:0

    }

    .app_image .image_first{

        margin-top:50px

    }

    .get_app_area-right{

        display:flex;

        flex-wrap:wrap;

        justify-content:center;

        margin:50px 0 0

    }

    .app_image .image_two img{

        animation:none

    }

    .app_image .image_first img{

        animation:none

    }

    .get_app_content{

        width:auto;

        max-width:100%

    }

    .article-right h4{

        margin-bottom:20px

    }

    .article-left,.article-row.invert .article-left{

        width:calc(100% - 60px);

        margin:0 auto -30px

    }

    .article-right,.article-row.invert .article-right{

        min-height:unset;

        width:100%;

        padding:70px 30px 30px

    }

    .article-mage{

        height:48vw

    }

    .call-section b{

        font-size:55px

    }

    .call-section p{

        font-size:19px

    }

    .safety-section.taxi-variant p{

        font-size:16px

    }

    .call-section p{

        margin-bottom:30px

    }

    .call-section-left,.call-section.taxi-variant .call-section-left{

        width:100%;

        margin-top:30px;

        margin-bottom:0;

        padding:0

    }

    .call-section h3{

        max-width:unset

    }

    .call-section.taxi-variant:before{

        display:none

    }

    .call-section.taxi-variant .call-section-image{

        height:70vw

    }

    .delivery-use{

        padding-top:50px

    }

    .gotop{

        right:15px

    }

    .gotop.active{

        bottom:10px

    }

    .call-section-right{

        max-width:100%;

        width:100%;

        margin-top:30px

    }

    .call-section.taxi-variant .call-section-right{

        max-width:100%;

        width:100%;

        margin-top:0

    }

    .fleet ul li{

        width:33.33%;

        margin-bottom:50px

    }

    .fleet{

        padding-bottom:20px

    }

    .howitworks ul li{

        max-width:unset;

        margin-bottom:50px

    }

    .howitworks ul{

        flex-direction:column;

        margin-top:30px

    }

    .howitworks ul li i:before{

        display:none

    }

    .howitworks ul li i:after{

        display:none

    }

    .howitworks ul:before{

        display:none

    }

    .howitworks ul li strong,.howitworks ul li:nth-child(even) strong{

        margin:25px 0 15px;

        white-space:normal

    }

    .howitworks ul li:nth-child(even){

        flex-direction:column

    }

    .howitworks ul li p{

        margin-bottom:0;

        height:auto

    }

    .howitworks ul li:last-child,.howitworks ul li:nth-child(even) .works-caption{

        margin-bottom:0

    }

    .delivery-row{

        flex-direction:column;

        margin-bottom:50px

    }

    .delivery-right{

        width:100%

    }

    .delivery-left{

        width:calc(100% - 30px);

        margin:0 auto

    }

    .delivery-row:after,.delivery-row.invert::after{

        right:0;

        left:0;

        top:25%;

        bottom:0;

        height:auto

    }

    .delivery-block-caption,.delivery-row.invert .delivery-block-caption{

        padding:30px;

        min-height:unset;

        text-align:center

    }

    .delivery-left button,.delivery-row.invert .delivery-left button{

        left:50%;

        margin:0;

        transform:translateX(-50%);

        -webkit-transform:translateX(-50%);

        -moz-transform:translateX(-50%);

        -ms-transform:translateX(-50%);

        -o-transform:translateX(-50%)

    }

    .delivery-left .delivery-image-block{

        height:60vw

    }

    .delivery-left button{

        display:none

    }

    .delivery-block-caption h4{

        font-size:30px;

        line-height:normal;

        margin-bottom:10px

    }

    .delivery-block-caption p:last-child{

        margin-bottom:0

    }

    .solutions-left{

        width:100%;

        padding:0;

        margin-bottom:50px

    }

    .solutions-right{

        width:100%;

        padding:0

    }

    .solutions-row.reverse .solutions-left{

        padding:0

    }

    .solutions-row.reverse{

        margin:0

    }

    .solutions-row{

        margin:0 0 50px

    }

    .solutions-left h4{

        font-size:30px

    }

    .solutions-left p{

        font-size:18px;

        line-height:30px

    }

    .solution-image{

        height:67vw

    }

    .features{

        padding:50px 0 0;

        overflow:hidden;

        margin-top:0

    }

    .features-left{

        width:calc(100% - 60px);

        margin:0 auto -50px

    }

    .features-right{

        padding:110px 30px 0;

        width:auto

    }

    .features ul{

        width:100%

    }

    .features-main-image{

        height:130vw

    }

    .destination ul li{

        width:calc(50% - 30px);

        width:-o-calc(50% - 30px);

        width:-ms-calc(50% - 30px);

        width:-moz-calc(50% - 30px);

        width:-webkit-calc(50% - 30px);

        padding:0 15px

    }

    .destination ul{

        justify-content:flex-start;

        width:auto

    }

    .charters ul li{

        width:calc(50% - 30px);

        width:-o-calc(50% - 30px);

        width:-ms-calc(50% - 30px);

        width:-moz-calc(50% - 30px);

        width:-webkit-calc(50% - 30px);

        padding:0 15px

    }

    .destination ul,.charters ul{

        justify-content:flex-start;

        width:auto

    }

    .benefits ul.listing-style li{

        width:50%;

        border-style:none

    }

    .features.corporate .features-left{

        width:100%;

        margin:0

    }

    .features.corporate#how-it-works{

        padding:60px 0 0

    }

    .features.corporate .features-main-image{

        height:120vw

    }

    .features.corporate .features-right{

        width:100%;

        padding:35px 0 0

    }

    .profiletype-inner{

        flex-direction:column;

        min-height:unset

    }

    .profiletype-image{

        position:relative;

        width:100%;

        height:60vw

    }

    .profiletype{

        display:flex;

        flex-direction:column-reverse;

        padding-bottom:0

    }

    .profiletype-left{

        width:100%

    }

    .profile-title{

        margin:0 auto 30px;

        height:auto;

        padding:20px 40px;

        width:calc(100% - 60px);

        width:-o-calc(100% - 60px);

        width:-ms-calc(100% - 60px);

        width:-moz-calc(100% - 60px);

        width:-webkit-calc(100% - 60px);

        box-sizing:border-box

    }

    .profiletype-image{

        align-items:flex-end

    }

    .profile-title h4{

        padding:0

    }

    .profiletype-left p{

        width:100%;

        padding:15px 0

    }

    .profiletype.reverse .profile-title{

        margin:0 auto 30px;

        width:auto;

        width:calc(100% - 60px);

        width:-o-calc(100% - 60px);

        width:-ms-calc(100% - 60px);

        width:-moz-calc(100% - 60px);

        width:-webkit-calc(100% - 60px)

    }

    .profiletype.reverse .profiletype-left{

        direction:unset

    }

    .profiletype-left p{

        width:100%

    }

    section.profiletype.reverse{

        margin-top:50px

    }

    .profiletype-left{

        text-align:center

    }

    .profiletype-left p{

        max-width:100%

    }

    .left-block{

        width:100%

    }

    .left-right{

        width:100%;

        margin-top:20px

    }

    .how-it-works-section.food-variant .how-it-works-left{

        max-width:100%;

        width:100%

    }

    .how-it-works-section.food-variant .how-it-works-right{

        justify-content:center

    }

    .how-it-works-section.food-variant ul li{

        max-width:100%

    }

    .fleet.food-variant ul li{

        width:50%;

        margin-bottom:50px

    }

    .ordernow-left{

        width:100%;

        margin-bottom:10px;

        text-align:center

    }

    .ordernow-right{

        width:100%;

        text-align:center

    }

    .benefits.food-variant ul li{

        width:100%;

        min-height:initial

    }

    .benefits.food-variant{

        padding:50px 0 10px

    }

    .benefits.food-variant ul li:nth-last-child(-n+2){

        border-bottom:1px solid #e9e9e9

    }

    .benefits.food-variant ul li:last-child{

        border-bottom:none

    }

    .restaurant ul{

        margin:0 -15px;

        width:auto

    }

    .restaurant ul li{

        width:50%;

        padding:0 15px

    }

    .restaurant ul li:nth-child(even){

        flex-direction:column

    }

    .restaurant ul li .rest-caption:last-child{

        min-height:initial;

        padding:30px 0 50px

    }

    .rest-caption strong{

        margin-bottom:5px

    }

    .rest-caption strong{

        font-size:22px

    }

    table.dataTable.custom-table tbody td .vehicle_name{

        width:30vw

    }

    .step-sec ul li{

        width:100%;

        margin-bottom:40px;

        text-align:center

    }

    .step-sec{

        padding:39px 0 0

    }

    .dark-variant.benefits ul.listing-style li{

        width:calc(50% - 38px);

        box-sizing:border-box;

        margin-bottom:75px

    }

    .dark-variant.benefits ul.listing-style li:nth-last-child(-n+4){

        margin-bottom:75px

    }

    .dark-variant.benefits ul.listing-style li:nth-last-child(-n+2){

        margin-bottom:0

    }

    .dark-variant.benefits ul.listing-style{

        flex-wrap:wrap;

        margin-left:0;

        margin-right:0;

        width:100%

    }

    .step-sec{

        margin-top:0

    }

    .profile-earning ul.setings-list li{

        width:50%

    }

    .profile-earning ul.setings-list.has-four-column li{

        width:33.33%

    }

    .gen-cms-page .faq-top-part ul li{

        width:calc(25% - 20px);

        width:-o-calc(25% - 20px);

        width:-ms-calc(25% - 20px);

        width:-moz-calc(25% - 20px);

        width:-webkit-calc(25% - 20px)

    }

    .faq-bottom-part ul li{

        padding:10px 0

    }

    .download-section.homepage .download-caption{

        width:100%;

        max-width:100%;

        flex-direction:column;

        align-items:center;

        text-align:center

    }

    .screens-row{

        margin:30px 0 0;

        pointer-events:initial

    }

    .download-links{

        margin-top:20px;

        display:flex;

        flex-wrap:wrap;

        width:auto

    }

    .download-links a{

        display:inline-block;

        padding:0 10px

    }

    .app-screens-block{

        width:100%

    }

    .app-screen-col{

        width:33.33%;

        padding:0 10px;

        box-sizing:border-box

    }

    .app-screen-col img{

        max-width:100%

    }

    .download-section p{

        max-width:100%

    }

    .services.homepage ul li{

        width:50%

    }

    .services.homepage .services-images{

        min-height:200px

    }

    .article-section-left,.article-section-right{

        width:100%

    }

    .article-section-left,.article-section.reverse .article-section-left{

        margin-bottom:30px;

        text-align:center

    }

    .article-section-left img,[dir=rtl] .article-section-left img{

        margin:0;

        max-width:100%

    }

    .article-section.reverse .article-section-left img,[dir=rtl] .article-section.reverse .article-section-left img{

        right:0;

        max-width:100%

    }

    .article-section h3{

        margin-bottom:20px

    }



    /* ******************************* */

    .driverlists #driver_main_list{

        display: flex;

        /* flex-direction: column; */

        align-items: center;

    }

    .driverlists #driver_main_list li{

        width: 100% !important;

    }

    .driverlists #driver_main_list1 .maindrlist1 li{width: 98% !important;}

    .driver-hsry{width: 63% !important; }

    
    .driver-mobile-details{display: flex !important;justify-content: space-between !important;}
    .driver-name-details{display: flex !important;justify-content: space-between !important;}

    .listdr #driver_main_list .maindrlist2 .driver-hsry{width: 65% !important;}
    .listdr #driver_main_list .maindrlist2 .driver-hsry .driver-name-details{display: flex !important;justify-content: space-between !important;}



/* 

    ul#iVehicleTypeId{

        display: flex;

        flex-direction: column;

        align-items: center;

    } */



}

@media screen and (max-height:768px){

    ul.stepper.linear{

        padding:0 0 0 20px;

        overflow:visible;

        height:auto;

        overflow-y:auto;

        display:flex

    }

    .driverlists #driver_main_list li{

        width:95%

    }

}

@media screen and (min-height:1024px){

    .booking-block.userfare ul.stepper.linear{

        height:550px!important

    }

    #add_booking_form>.form-group{

        height:calc(100vh - 122px);

        height:-o-calc(100vh - 122px);

        height:-ms-calc(100vh - 122px);

        height:-moz-calc(100vh - 122px);

        height:-webkit-calc(100vh - 122px)

    }

    .pickup-both{

        min-height: 240px;

    }

}

@media screen and (min-width:768px){

    .app-screens-block{

        width:100%

    }

    .signup-block{

        width:46%

    }

    .intro-new-one{

        overflow:hidden

    }

    ul.user-menu li.for_mob{

        display:none

    }

    .profile-column{

        padding-right:0

    }

}

@media screen and (max-width:768px){

    ul.stepper .step{

        position:relative;

        /* width:740px */

    }

    .booking-header.search-loce{

        width:100%!important

    }

    .booking-header{

        width:100%!important;

        padding:16px 18px 22px;

        position: relative;

    }

    div#user_details_label{

        width: 100% !important;

    }

    ul.stepper .step .step-content .step-actions{

        width: 100%;

    }

    .div#user_details_label{

        width: 100%;

    }

    div#user_details{

        width: 100%;

    }

    ul.stepper .step .step-title{

        width: 100% !important;

    }

    .pickup-both{

        width: 100%;

        min-height: auto;

        margin-bottom: 15px;

        margin-top: 15px;

    }

    .section-block.pickup-sec .step-title{

        position: relative;

        right: 0;

        height: auto;

    }

    div#step-act{

        width: 100%;

    }

    .booking-heading{

        display: flex;

        flex-direction: inherit;

    }

    .booking-main{

        width:100%!important;

        position:relative;

        padding-bottom: 10px;

    }

    .top-map{

        width:100%;

        flex-direction:column;

        padding:0!important;

        height:auto!important

    }

    ul.stepper.linear{

        padding:0 15px

    }

    .form-slider{

        width:100%!important

    }

    .next{

        right:47%!important;

        transform:translate(50%,-50%);

        top:91%!important

    }

    .prev{

        top:91%!important;

        left:47%!important;

        transform:translate(-50%,-50%)

    }

    .safety-section.taxi-variant .safety-section-right, .safety-section.reversafetysec .safety-section-inner .safety-section-right, .page-section.reversafetysec .safety-section-inner .safetyImgHoldRide {

        width: 100%;

        padding: 30px;

        height: auto;

    }

    .vehicle-details-popup.active{width: 100%;}

}

@media screen and (max-width:767px){

    .restaurant-caption-row span{

        width:15%

    }

    .services.homepage{

        margin:0;

        padding:30px 0 0

    }

    .signup-block{

        width:49%

    }

    .intro-new-one{

        overflow:hidden

    }

    .custom-modal-main{

        align-items:flex-start;

        overflow-y:auto

    }

    .banner-section.taxi-app .tab-row-holding.sticky~.banner-section-inner{

        margin-top:53px

    }

    .how-it-works-section h3,.categories-caption h2,.safety-section h3,.download-section h3,.call-section h3,.step-sec .step-sec-inner>h3{

        font-size:28px;

        line-height:normal

    }

    .safety-section h3{

        margin-bottom:20px

    }

    .how-it-works-section.taxi-variant .how-it-works-left li strong{

        font-size:18px

    }

    .how-it-works-section.taxi-variant ul li .proc_ico{

        width:38px

    }

    .how-it-works-section.taxi-variant ul li{

        padding-left:60px

    }

    .how-it-works-section.taxi-variant .how-it-works-left strong{

        font-size:16px

    }

    .how-it-works-section ul li span{

        font-size:14px

    }

    .menu-icoholder{

        display:flex

    }

    header ul li a img.cart{

        display:block;

        width:20px

    }

    header ul li a{

        font-size:0;

        height:50px

    }

    ul.navmenu-links{

        width:100%;

        background-color:#fff;

        left:0;

        top:100px;

        overflow-y:auto;

        z-index:1;

        flex-direction:column;

        align-items:flex-start;

        opacity:0;

        pointer-events:none;

        margin-top:0;

        top:auto;

        position:absolute;

        transition:all .5s ease 0s;

        -webkit-transition:all .5s ease 0s;

        -moz-transition:all .5s ease 0s;

        -ms-transition:all .5s ease 0s;

        -o-transition:all .5s ease 0s;

        box-shadow:0 0 10px 0 rgba(0,0,0,.5)

    }

    .dashboard ul.navmenu-links,ul.user-menu ul.navmenu-links.active{

        display:none!important

    }

    ul.navmenu-links.active{

        top:53px;

        opacity:1;

        pointer-events:unset;

        display:none

    }

    ul.navmenu-links li{

        display:block;

        width:100%;

        height:auto;

        margin:0;

        border-bottom:1px solid #e0e0e0

    }

    ul.navmenu-links li a{

        color:#666;

        height:auto;

        margin:0;

        padding:20px 15px;

        font-size:16px;

        display:block;

        text-decoration:none;

        outline:none

    }

    ul.tab-row li{

        margin:0 25px;

        min-width:unset;

        width:98px

    }

    ul.tab-row li img{

        max-height:20px;

        margin-bottom:9px

    }

    ul.tab-row.homepage li img{

        margin-bottom:19px

    }

    .categories-block{

        padding:90px 24px 0

    }

    .categories-block{

        margin-bottom:30px

    }

    .categories-caption h2{

        margin-bottom:20px

    }

    .download-section{

        background-size:cover;

        padding:32px 0 40px

    }

    .download-links a{

        margin-bottom:15px

    }

    .download-section strong{

        font-size:15px;

        margin-bottom:20px

    }

    .download-section p strong{

        font-size:18px

    }

    .download-section h3{

        margin-bottom:0

    }

    .signup-block{

        width:100%;

        justify-content:center;

        min-height:90px

    }

    .signup-row-inner{

        flex-wrap:wrap

    }

    .signup-block.rider{

        justify-content:center

    }

    .signup-block.driver:after{

        left:0;

        height:1px;

        width:100%;

        top:auto;

        bottom:0

    }

    .signup-block a{

        font-size:25px;

        width:100%;

        justify-content:space-between

    }

    .safety-section-right{

        padding:15px;

        text-align:center

    }

    .footer-column{

        width:100%;

        margin-bottom:30px

    }

    .footer-top{

        padding-bottom:0

    }

    .footer-bottom .footer-inner ul.quicklinks{

        width:100%;

        text-align:center;

        margin-top:25px

    }

    .footer-bottom .footer-inner span{

        text-align:center

    }

    .footer-bottom .footer-inner{

        justify-content:center

    }

    ul.social-media-list{

        border:none;

        margin-top:0

    }

    .footer-bottom ul.quicklinks li:nth-child(2){

        margin:0 20px

    }

    .login-data-inner{

        padding:0 20px 20px

    }

    .login-right.full-width.full-width .login-data-inner{

        padding:0 20px

    }

    .login-caption{

        padding:0 20px

    }

    .login-block-footer.for-registration .login-caption{

        padding:20px;

        margin-bottom:0

    }

    ul.tab-switch{

        display:block;

        margin:0 auto;

        overflow:hidden

    }

    .slick-track{

        display:block

    }

    ul.tab-switch li a{

        display:block;

        line-height:38px;

        text-align:center;

        outline:none

    }

    ul.tab-switch li{

        display:inline-block

    }

    .tabholder{

        overflow-x:auto;

        display:block;

        margin:0 15px;

        overflow:hidden;

        text-align:center;

        width:calc(100% - 30px);

        -webkit-width:calc(100% - 30px);

        -o-width:calc(100% - 30px);

        -moz-width:calc(100% - 30px);

        -ms-width:calc(100% - 30px)

    }

    .login-block{

        border:none

    }

    ul.tab-switch button{

        border:none;

        background-color:#000;

        border-radius:4px;

        font-size:0;

        width:40px;

        height:40px;

        outline:none;

        background-size:16px;

        background-position:center;

        background-repeat:no-repeat

    }

    ul.tab-switch button.slick-prev{

        position:absolute;

        left:0;

        top:0;

        background-image:url(../../../img/apptype/CubeJekX/left-arrow.svg)

    }

    ul.tab-switch button.slick-next{

        right:0;

        left:auto;

        position:absolute;

        top:0;

        background-image:url(../../../img/apptype/CubeJekX/right-arrow_.svg)

    }

    ul.tab-switch li{

        display:block

    }

    .login-right h1{

        font-size:28px;

        margin-bottom:22px

    }

    .form-err p{

        padding:7px 25px 7px 10px;

        line-height:22px

    }

    .login-right.full-width form .form-group.onethird{

        width:calc(50% - 16px);

        width:-o-calc(50% - 16px);

        width:-ms-calc(50% - 16px);

        width:-moz-calc(50% - 16px);

        width:-webkit-calc(50% - 16px)

    }

    .login-right.full-width form .form-group.half,.contact-section form .form-group.half,.general-form .form-group.half{

        width:calc(50% - 16px);

        width:-o-calc(50% - 16px);

        width:-ms-calc(50% - 16px);

        width:-moz-calc(50% - 16px);

        width:-webkit-calc(50% - 16px)

    }

    .general-form .half-column{

        width:calc(50% - 16px);

        width:-o-calc(50% - 16px);

        width:-ms-calc(50% - 16px);

        width:-moz-calc(50% - 16px);

        width:-webkit-calc(50% - 16px)

    }

    .general-form .form-group.onethird{

        width:calc(33.33% - 16px);

        width:-o-calc(33.33% - 16px);

        width:-ms-calc(33.33% - 16px);

        width:-moz-calc(33.33% - 16px);

        width:-webkit-calc(33.33% - 16px)

    }

    .login-block-footer.for-registration .login-caption ul li{

        width:calc(100% - 50px);

        width:-o-calc(100% - 50px);

        width:-ms-calc(100% - 50px);

        width:-moz-calc(100% - 50px);

        width:-webkit-calc(100% - 50px)

    }

    .artical-links-row a{

        margin-right:35px

    }

    article.blog-article{

        padding:50px 0 30px

    }

    .services strong,.benefits .benefits-inner>strong,.cartype .cartype-inner>strong,.cartype .cartype-inner>p>strong,.benefits .benefits-inner>strong,.fleet .fleet-inner>strong,.delivery .horizonatal-title strong{

        font-size:16px;

        font-weight:500;

        line-height:25px

    }

    .services h3,.benefits h3,.cartype h3,.benefits h3,.article-right h4,.call-section h3,.get_app_content .section_title h2,.benefits .horizonatal-title h3,.howitworks .horizonatal-title h3,.delivery .horizonatal-title h3,.fleet h3,.charters h3,.destination h3,.features h3,.solutions h3,.favdest h3,.profile-title h4,.thanks-holder h2,.restaurant h3,.step-sec .step-sec-inner>h3,.article-section h3{

        font-size:32px

    }

    .benefits-left{

        width:100%

    }

    .benefits-right{

        width:100%

    }

    .benefits-left ul li,.benefits-right ul li{

        padding:4px 0 0;

        text-align:center;

        margin-bottom:50px

    }

    .benefits ul li i,.benefits .benefits-right ul li i{

        position:relative;

        display:inline-flex;

        margin-bottom:25px

    }

    .benefits.corporate ul li i{

        margin-bottom:0

    }

    .call-section b{

        font-size:38px

    }

    .safety-section.taxi-variant .safety-section-right{

        padding:15px

    }

    .safety-section.taxi-variant .safty-image-hold{

        width:100%;

        height:74vw

    }

    .get_app_content .slider_btn{

        font-size:18px;

        padding:10px 18px;

        margin-bottom:20px;

        min-width:204px

    }

    .get_app_content .slider_btn img{

        width:25px

    }

    .get_app_content .slider_btn.app_btn_two{

        margin-left:10px

    }

    .article-right p{

        color:#404040;

        font-size:19px;

        line-height:30px

    }

    .get_app_content ul li{

        width:100%;

        display:block

    }

    .services ul li .service-block{

        padding:20px 15px

    }

    .delivery-block-caption,.delivery-row.invert .delivery-block-caption{

        padding:30px 15px 15px;

        min-height:unset

    }

    .solutions-left h4{

        font-size:25px

    }

    .destination ul li{

        width:100%;

        padding:0

    }

    .destination-caption strong{

        font-size:19px

    }

    .destination-caption span{

        font-size:15px

    }

    .charters ul li{

        width:100%;

        padding:0

    }

    .charters-caption strong{

        font-size:19px

    }

    .charters-caption span{

        font-size:15px

    }

    .profiletype-left p{

        width:100%;

        font-size:15px;

        line-height:26px

    }

    .profile-title{

        padding:20px

    }

    #booking-map{

        position:fixed;

        height:350px;

        top:0;

        width:100%

    }

    .booking-request{

        padding:0

    }

    .booking-block{

        width:100%

    }

    .booking-request-inner{

        padding:0;

        margin-top:0;

        width:100%;

        display:none

    }

    ul.stepper.linear,.booking-block.userfare ul.stepper.linear{

    }

    #map-canvas{

        position:relative!important;

        height:500px!important

    }

    .invoice-data-holder{

        flex-direction:column

    }

    .inv-rating{

        margin-top:20px;

        margin-left:0;

        margin-right:0

    }

    ul.overview-detail li{

        width:50%

    }

    ul.overview-detail li .overview-data{

        border-width:0 1px 1px 0

    }

    ul.overview-detail{

        border-style:solid;

        border-width:1px 0 0 1px;

        border-color:#d7d7d7

    }

    .how-it-works-section.food-variant ul li .proc_ico{

        width:70px

    }

    .how-it-works-section.taxi-variant ul li{

        padding:0 0 0 95px

    }

    .how-it-works-section.food-variant ul li .proc_ico{

        padding:5px

    }

    .how-it-works-section.taxi-variant .how-it-works-left li strong{

        padding-top:0

    }

    .ordernow-caption strong{

        font-size:25px

    }

    .ordernow-caption h4,.ordernow-caption h4 a{

        font-size:38px;

        line-height:normal;

        margin-bottom:20px

    }

    .benefits.food-variant ul li{

        padding:0 0 35px;

        text-align:center

    }

    .restaurant ul li{

        width:100%;

        padding:0 15px

    }

    .rest-caption{

        min-height:80vw

    }

    .contact-information{

        padding:25px

    }

    .contact-inform-block strong{

        font-size:22px

    }

    .contact-inform-block b span{

        font-size:35px

    }

    .contact-inform-block b .tell-info{

        font-size:28px

    }

    .invoice-data-holder .inv-destination-data ul{

        padding:0

    }

    .inv-data{

        width:calc(100% - 115px);

        width:-o-calc(100% - 115px);

        width:-ms-calc(100% - 115px);

        width:-moz-calc(100% - 115px);

        width:-webkit-calc(100% - 115px)

    }

    .invoice-data-holder.track-order .inv-destination-data{

        width:100%;

        box-sizing:border-box;

        margin:30px 0 0;

        padding:0;

        border-style:solid;

        border-color:#eee;

        border-width:1px 0 0;

        padding-top:30px

    }

    .invoice-data-holder.track-order{

        padding:25px 20px

    }

    .inv-data{

        width:100%

    }

    .inv-data.profile-image-blank{

        margin:0

    }

    .thanks-holder img{

        width:150px

    }

    .invoice-part-bottom [class*=col-sm-]{

        width:100%;

        margin-bottom:20px

    }

    .invoice-part-bottom [class*=col-sm-]:nth-last-child(-n+2){

        margin-bottom:20px

    }

    .invoice-part-bottom [class*=col-sm-]:last-child{

        margin-bottom:0

    }

    .profile-earning ul.recipient_details li:last-child{

        padding-bottom:15px

    }

    .dark-variant.benefits ul.listing-style li{

        width:100%;

        padding:0 0 25px;

        height:auto!important;

        margin:0 0 75px

    }

    .dark-variant.benefits ul.listing-style li:nth-last-child(-n+2){

        margin:0 0 75px

    }

    .dark-variant.benefits ul.listing-style li:last-child{

        margin-bottom:0

    }

    .step-sec ul li strong{

        margin:10px 0

    }

    .card-block .partation{

        width:100%;

        margin:0

    }

    .bootbox.modal{

        position:fixed;

        top:20px;

        left:20px;

        right:20px;

        width:auto;

        margin:0

    }

    .bootbox.modal.fade{

        top:-100px

    }

    .bootbox.modal.fade.in{

        top:20px

    }

    .gen-cms-page .faq-top-part ul li{

        width:calc(50% - 20px);

        width:-o-calc(50% - 20px);

        width:-ms-calc(50% - 20px);

        width:-moz-calc(50% - 20px);

        width:-webkit-calc(50% - 20px);

        margin-bottom:15px

    }

    .faq-bottom-part ul li span h3,.faq-bottom-part ul li b{

        font-size:18px

    }

    .reset-pass-left,.reset-pass-right{

        width:100%;

        padding:0

    }

    .reset-pass-right{

        padding:30px 0 0

    }

    #map-canvas{

        position:relative!important;

        height:calc(100vh - 54px)!important;

        height:-o-calc(100vh - 54px)!important;

        height:-ms-calc(100vh - 54px)!important;

        height:-moz-calc(100vh - 54px)!important;

        height:-webkit-calc(100vh - 54px)!important

    }

}

@media screen and (max-width:630px){

    .restaurant-caption-row span{

        width:10%

    }

    .most-trusted-restaurants ul li{

        width:100%

    }

    .services.homepage{

        padding:50px 0;

        margin:0

    }

    .services ul li{

        width:100%

    }

    .services h3,.benefits h3{

        font-size:30px

    }

    .article-image-inner{

        width:100%;

        height:100vw

    }

    .article-image:after{

        display:none

    }

    [dir=rtl] .article-image::after{

        display:none

    }

    .artical-right h4{

        font-size:26px

    }

    .article-image{

        padding:20px

    }

    article{

        margin-bottom:30px

    }

    .artical-left{

        width:100%

    }

    .cont-det-block ul li a{

        font-size:15px

    }

    .cont-det-block ul li{

        margin-bottom:15px

    }

    .cartype ul li{

        width:100%

    }

    .fleet ul li{

        width:50%;

        margin-bottom:30px

    }

    .fleet{

        padding-bottom:20px

    }

    .features ul li{

        width:100%;

        margin-bottom:45px

    }

    .benefits ul.listing-style li{

        width:100%;

        border-style:none

    }

    .features.corporate ul{

        margin:35px 0 0

    }

    .features.corporate ul li{

        margin:0 0 40px;

        width:100%

    }

    .profiletype.reverse .profile-title,.profile-title{

        margin:0 auto 15px;

        width:auto;

        width:calc(100% - 30px);

        width:-o-calc(100% - 30px);

        width:-ms-calc(100% - 30px);

        width:-moz-calc(100% - 30px);

        width:-webkit-calc(100% - 30px)

    }

    .profile-column{

        width:100%;

        padding-right:0

    }

    .profile-block .profile-caption-header{

        flex-direction:column;

        align-items:flex-start;

        justify-content:flex-start

    }

    .profile-block .profile-caption-header label{

        margin-bottom:10px

    }

    .profile-earning ul.setings-list li{

        width:100%

    }

    .profile-earning ul.setings-list.has-four-column li{

        width:50%;

        padding:0 10px

    }

    .services.homepage ul li{

        width:100%;

        padding:0

    }

    .services.homepage .services-images{

        min-height:61vw

    }

    .services.homepage h3{

        margin-bottom:0

    }

    .services.homepage{

        padding-top:50px

    }

    .services.homepage ul.services-listing li{

        width:50%

    }

    .how-it-works-section.homepage-variant ul li img{

        max-width:40px;

        max-height:40px

    }

    .how-it-works-section.homepage-variant ul li{

        padding:0 0 0 50px

    }

    #driver_main_list1 .maindrlist1 li .driver-hsry{width: 50%;}

}

@media screen and (max-width:550px){

    .pickup-both{

        display:flex;

        flex-direction:column

    }

    /* .general-form{

        padding:0 10px!important;

    } */

    ul.stepper.linear{

        padding:0

    }

    .main-user-details{

        display:flex;

        flex-direction:column

    }

    .main-user-details .userr-details{

        width:100%

    }

    /* ul.stepper .step .step-title{

        margin:20px 0 20px 10px!important

    } */

    ul.stepper .step{

        /* width:100%; */

        padding: 0 10px;

    }

    .booking-footer{

        padding:8px;

        position:relative;

        width:45%

    }

    .section-block.pickup-sec{

        width:100%

    }

    div#ride-type{

        width:100%

    }

    .section-block ul li{

        width:100%!important

    }

    ul.stepper .step .step-content .step-actions{

        bottom:-32%!important

    }

}

@media screen and (max-width:530px){

    .services.homepage{

        padding:0;

        margin:0

    }

    .place-holder-icon{

        right:auto;

        left:50%;

        transform:translateX(-50%);

        -webkit-transform:translateX(-50%);

        -moz-transform:translateX(-50%);

        -ms-transform:translateX(-50%);

        -o-transform:translateX(-50%)

    }

    .login-right.full-width form .form-group{

        width:100%;

        padding:0

    }

    .login-right.full-width form .form-group.onethird,.login-right.full-width form .form-group.half,.contact-section form .form-group.half,.general-form .form-group.half,.general-form .half-column{

        width:100%;

        padding:0

    }

    .get_app_area-right{

        display:none

    }

    .get_app_content .slider_btn.app_btn_two{

        margin-left:0

    }

    .profile-block{

        width:100%

    }

    .profile-image,[dir=rtl] .profile-image{

        margin:0 auto

    }

    .profile-earning ul li,.profile-earning ul.doc-upload-listing li{

        text-align:center;

        width:100%;

        padding:0

    }

    .profile-earning ul{

        margin:0

    }

    .inv-data{

        width:calc(100% - 72px);

        width:-o-calc(100% - 72px);

        width:-ms-calc(100% - 72px);

        width:-moz-calc(100% - 72px);

        width:-webkit-calc(100% - 72px)

    }

    .inv-destination-data ul li{

        text-align:unset;

        padding:0 0 0 28px

    }

    ul.overview-detail li{

        width:100%

    }

    ul.overview-detail li .overview-data{

        border-width:0 1px 1px 0

    }

    ul.overview-detail{

        border-style:solid;

        border-width:1px 0 0 1px;

        border-color:#d7d7d7

    }

    .fleet.food-variant ul li{

        width:100%

    }

    .track-order-data ul li{

        text-align:initial;

        padding:0 0 0 48px

    }

    .track-order-data ul{

        margin:0 0 0 45px

    }

    .invoice-data-holder.track-order{

        padding:25px 20px

    }

    .profile-earning .inv-data ul li span{

        text-align:initial

    }

    .profile-earning ul.recipient_details li span{

        text-align:initial

    }

    .reset-pass-left .newrow.reset-password-img{

        text-align:center

    }

    .reset-pass-right .button-block{

        justify-content:center

    }

    [dir=rtl] .reset-pass-left{

        padding:0

    }

    .app-screen-col{

        width:100%

    }

    .app-screen-col:last-child{

        display:none

    }

}

@media screen and (max-width:480px){

    .restaurant-caption-row span{

        width:10%

    }

    .signup-block a:hover img{

        right:13px

    }

    .services.homepage{

        padding:0;

        margin:0

    }

    .safety-section h3{

        margin-bottom:15px

    }

    .call-section h3,.call-section.taxi-variant h3{

        margin-bottom:15px

    }

    .how-it-works-section h3{

        margin-bottom:25px

    }

    .how-it-works-right img{

        margin-top:0;

        max-width:260px

    }

    .signup-block a{

        font-size:20px

    }

    .signup-block a img{

        width:20px

    }

    .safety-section p,.call-section p,.categories-caption p,.call-section.taxi-variant p{

        line-height:normal;

        font-size:17px

    }

    .soc-login-row{

        flex-direction:column;

        margin-top:20px

    }

    .soc-login-row label{

        margin-bottom:15px

    }

    .captcha-column span{

        font-size:12px

    }

    .captcha-column img{

        width:80px

    }

    .call-section.taxi-variant b,.call-section.taxi-variant p b{

        font-size:35px;

        margin-bottom:30px

    }

    .call-section.taxi-variant h3{

        font-size:27px

    }

    .fleet ul li{

        width:100%;

        margin-bottom:50px;

        padding:0

    }

    .fleet{

        padding-bottom:20px

    }

    .booking-heading{

        flex-direction:column;

        align-items:flex-start

    }

    .booking-heading label{

        display:block;

        margin-bottom:20px;

        width:100%

    }

    .booking-heading select{

        min-width:unset;

        width:100%;

        padding:0 28px 0 14px

    }

    .inv-data{

        width:100%

    }

    .inv-rating{

        margin-left:0

    }

    .profile-earning ul.setings-list.has-four-column li{

        width:100%;

        padding:0 10px

    }

    .filters-column.mobile-full{

        width:100%;

        margin:0 0 20px

    }

    .filters-column.mobile-half{

        margin:0 0 20px;

        width:calc(50% - 10px)

    }

    .filter-form{

        justify-content:space-between

    }

    .filter-form input{

        width:100%

    }

    .button-block.oppData ul.value-listing{

        width:100%;

        margin-bottom:10px

    }

    .faq-top-part ul{

        width:100%;

        margin:0

    }

    .gen-cms-page .faq-top-part ul li{

        width:100%;

        margin:0 0 15px

    }

}

@media screen and (max-width:420px){

    .top-map{

        width:100%!important

    }

    .prev{

        left:45%!important

    }

    .next{

        right:45%!important

    }

    /* ul.stepper .step{

        width:400px

    } */

    .main-user-details .userr-details{

        width:100%!important

    }

}

/* @media screen and (max-width:380px){

    ul.stepper .step{

        width:360px

    }

} */

@media screen and (min-width:1921px){

    #wrapper.dashboard{

        max-width:1920px;

        margin:0 auto;

        position:relative;

        overflow:hidden;

        background-color:#fff;

        box-shadow:0 0 10px 0 rgba(0,0,0,.1)

    }

    .how-it-works-section.homepage-variant .how-it-works-right img{

        max-width:890px

    }

    .banner-section-inner:after{

        content:'';

        clear:both;

        display:block

    }

    .home-sec-pg-banner .banner-both-img{

        width:980px

    }

}

@media screen and (min-width:0\0) and (min-resolution:+72dpi){

    .services ul{

        width:calc(100% + 30px);

        width:-o-calc(100% + 30px);

        width:-ms-calc(100% + 30px);

        width:-moz-calc(100% + 30px);

        width:-webkit-calc(100% + 30px)

    }

}

.login-caption1 ul li{

    font-size:16px;

    color:#000;

    padding:0 0 8px 30px;

    position:relative;

    margin-bottom:8px;

    line-height:normal

}

.login-caption1 ul li:before{

    content:'';

    width:16px;

    height:13px;

    background-image:url(../../../img/apptype/CubeJekX/mark.svg);

    position:absolute;

    left:0;

    top:7px;

    background-size:100% auto;

    background-repeat:no-repeat;

    filter:invert(62%) sepia(70%) saturate(2319%) hue-rotate(48deg) brightness(94%) contrast(102%);

    -webkit-filter:invert(62%) sepia(70%) saturate(2319%) hue-rotate(48deg) brightness(94%) contrast(102%)

}

.reqDocs .profile-earning-inner h2{

    font-size:1.5em;

    margin:10px 0 35px

}

.page-contant-inner.address-holder{

    background:#dfdfdf;

    padding:1%

}

.page-contant-inner.address-holder a{

    color:#222

}

.page-contant-inner.address-holder select{

    padding:5px;

    margin-right:5px

}

.gen-btn.xs-small-btn{

    font-size:13px;

    padding:8px 10px

}

.booking-request .general-form .form-group select{

    padding:14px 26px 15px 16px

}

.clearfix{

    width:100%;

    display:block;

    clear:both

}

.profile-earning ul li.box{

    width:33.33%;

    box-sizing:border-box;

    padding:0 10px;

    margin-bottom:20px

}