/*reset css*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;font-family: 'roboto';}
body {line-height:1;direction: rtl;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
/* change colours to suit your needs */
ins {background-color:#ff9;color:#000;text-decoration:none;}
/* change colours to suit your needs */
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
/* change border colour to suit your needs */
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
/*reset css ends*/
/*placeholder*/
::-webkit-input-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
:-ms-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999;}
/*font face*/
@font-face {
font-family: 'roboto';
src: url('../fonts/roboto_regular/Roboto-Regular-webfont.eot');
src: url('../fonts/roboto_regular/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto_regular/Roboto-Regular-webfont.woff') format('woff'),
url('../fonts/roboto_regular/Roboto-Regular-webfont.ttf') format('truetype'),
url('../fonts/roboto_regular/Roboto-Regular-webfont.svg#robotoregular') format('svg');
font-weight: 400;font-style: normal;}
@font-face {
font-family: 'roboto';
src: url('../fonts/roboto_bold/Roboto-Bold-webfont.eot');
src: url('../fonts/roboto_bold/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto_bold/Roboto-Bold-webfont.woff') format('woff'),
url('../fonts/roboto_bold/Roboto-Bold-webfont.ttf') format('truetype'),
url('../fonts/roboto_bold/Roboto-Bold-webfont.svg#robotobold') format('svg');
font-weight: 700;font-style: normal;}
@font-face {
font-family: 'roboto';
src: url('../fonts/roboto_light/Roboto-Light-webfont.eot');
src: url('../fonts/roboto_light/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto_light/Roboto-Light-webfont.woff') format('woff'),
url('../fonts/roboto_light/Roboto-Light-webfont.ttf') format('truetype'),
url('../fonts/roboto_light/Roboto-Light-webfont.svg#robotolight') format('svg');
font-weight: 300;font-style: normal;}
@font-face {
font-family: 'roboto';
src: url('../fonts/roboto_medium/Roboto-Medium-webfont.eot');
src: url('../fonts/roboto_medium/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto_medium/Roboto-Medium-webfont.woff') format('woff'),
url('../fonts/roboto_medium/Roboto-Medium-webfont.ttf') format('truetype'),
url('../fonts/roboto_medium/Roboto-Medium-webfont.svg#robotomedium') format('svg');
font-weight: 500;font-style: normal;}
/*font face ends*/
/*buttons*/
.btn{padding:9px 20px;font-size: 12px;outline: none;}
.btn.focus,.btn:focus,.btn:hover,.btn:active:focus{outline: none;}
.btn_blue{background:#4360b4;color: #fff;box-shadow: 0px 2px 2px #cecece;}
.btn_blue.focus, .btn_blue:focus, .btn_blue:hover, .btn_blue:active:focus{color: #fff;opacity: 0.8}
.btn_red{background:#ed1c24;color: #fff;box-shadow: 0px 2px 2px #cecece;}
.btn_red.focus, .btn_red:focus, .btn_red:hover, .btn_red:active:focus{color: #fff;opacity: 0.8}
.btn_lg{width: 100%;}
.nxt_btn{background-image: url(../images/next_arrow_ar.png);background-repeat: no-repeat;background-position: 2%;}
/*buttons ends*/
/*loader*/
.loader {display:none;width: 100%;position: fixed;top: 0;right: 0;height: 100vh;background: rgba(255,255,255,0.9);z-index: 9999;text-align: center;}
.loader img{position: absolute;top:40%;}
/*error and alerts*/
span.error{font-size: 12px;color: #f00;width: 100%;float: right;margin-top: 2px;}
.become_driver_container .form-control + .error{position: absolute;top:12px;left:10px;text-align: left;width:auto;}
.become_driver_container .form-control:focus + .error{display: none;}
.become_driver_container .mob_no + .error{position: absolute;top:12px;right:10px;text-align: left;width:auto;}
.mob_no .error{overflow: hidden;}
.form-control.inputerror {border: 1px solid #ffbeb3;}
/*web booking header*/
.cont_blk header{float: right;width: 100%;padding: 15px;}
.cont_blk{width: 400px;float: right;background:#fff;height: 100vh;position: relative;box-shadow: 2px 2px 2px #e5e5e5;}
.sidebar_icon{width:24px;height: 20px;background:url(../images/menu_icon.png) no-repeat center center;float: right;margin-top: 2px;margin-left: 10px;}
.header_top_links{float: left;width: auto;padding: 0;}
.header_top_links li{float: left;width: auto;list-style-type: none;}
.header_top_links li a{float: left;width: auto;font-size: 13px;color: #666666;text-transform: uppercase;line-height: 26px;}
.header_top_links li a:hover,.header_top_links li a.active,.header_top_links li a:focus{text-decoration: none;color: #ed1c24;}
.booking_logo{float: right;width: 150px;}
.becom_driv_btn {position: fixed;left: 15px;top: 15px;padding: 9px 11px;font-size:13px;color: #fff;background: #ed1c24;color:#fff;z-index: 1;border-radius: 2px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.becom_driv_btn.focus,.becom_driv_btn:focus,.becom_driv_btn:hover,.becom_driv_btn:active:focus{text-decoration: none;opacity: 0.8;color: #fff;}
/*web booking footer*/
.cont_blk footer{width: 100%;position: absolute;right:0px;bottom: 0;padding: 15px;}
.cont_blk footer ul{float: right;width: 100%;padding: 0;margin-bottom: 20px;}
.cont_blk footer ul li{float: right;list-style-type: none;}
.cont_blk footer ul li a{float: right;width: 150px;height: 45px;}
.cont_blk footer ul li a.gplay_icon{background:url(../images/googleplay_icon.png) no-repeat center center;margin-left: 10px;}
.cont_blk footer ul li a.appstore_icon{background:url(../images/app_store_icon.png) no-repeat center center;}
.footer_btm {float: right;width: 100%;}
.footer_btm a{float: right;width: auto;font-size: 13px;color: #999999;}
.footer_btm a:hover,.footer_btm a.active,.footer_btm a:focus{text-decoration: none;color: #ed1c24;}
.footer_btm p{float: left;width: auto;font-size: 13px;color: #999999;}
/*map block*/
.map_block{width: -webkit-calc(100% - 400px);width: -moz-calc(100% - 400px);width: calc(100% - 400px);float: right;height: 100vh;}
/*home display block*/
.home_banner_block{width: -webkit-calc(100% - 400px);width: -moz-calc(100% - 400px);width: calc(100% - 400px);background:url(../images/homebanner_img_ar.png) no-repeat;background-size: cover;float: right;height: 100vh;position: relative;}
.banner_cont {position: absolute;right: 100px;top: 85px;width: 435px;}
.banner_cont h1{font-weight:500;font-size: 36px;color: #333333;margin-bottom: 20px;}
.banner_cont p{font-weight:400;font-size: 16px;color: #666666;line-height: 24px;text-align: right;}
/*web main container*/
.web_main_container {float: right;width: 100%;-webkit-height: calc(100vh - 150px);-moz-height: calc(100vh - 150px);height: calc(100vh - 150px);overflow-y: auto;}
.web_main_inner{padding: 10px 15px 15px;float: none;width: 100%;display: inline-block;}
/*driver signup page*/
.become_driver_container{width: 100%;float: right;}
.become_driver_container h2{width: 100%;float: right;font-size: 16px;color: #333333;font-weight:400;margin-bottom: 15px;text-align: right;}
.become_driver_container h2 small{font-size: 13px;color: #999999;font-weight:400;width: 100%;display: block;margin-top: 5px;}
.become_driver_container .sub_butt .btn{text-transform: capitalize;box-shadow: 0px 2px 2px #cecece;}
.form-group.name_icon,.form-group.email_icon{position: relative;}
.form-group.name_icon input.form-control,.form-group.email_icon input.form-control {padding-right: 52px;position: relative;}
.form-group.name_icon::before {width: 43px;height: 27px;padding: 5px 11px;margin: 5px 0;position: absolute;right: 0;content: '';background: url(../images/name_icon.png)no-repeat center center;z-index: 1;}
.form-group.email_icon::before {width: 43px;height: 27px;padding: 5px 11px;margin: 5px 0;position: absolute;right: 0;content: '';background: url(../images/email_icon.png)no-repeat center center;z-index: 1;}
.become_driver_container .form-group p{color: #666666;font-size: 13px;}
.become_driver_container .form-group p span{color: #666666;font-size: 13px;width: 100%;float: right;}
.become_driver_container .form-group p a{color: #e92100;float: right;margin-top: 3px;}
.become_driver_container .form-group p a:hover{text-decoration: none;opacity: 0.8;}
.become_driver_container .form-group span.error{font-size: 12px;color: #f00;width: auto;float: left;}
.upload_file label{font-size: 13px;color: #999999;font-weight:400;width: 100%;display: block;margin: 5px 0 10px;font-weight: normal;}
.upload_file input.form-control {padding: 0;border: none;}
.upload_file input.form-control.inputerror {border: 1px solid #ffbeb3;}
.add_fleet_container{width: 100%;float: right;}
.add_fleet_container h2{width: 100%;float: right;font-size: 16px;color: #333333;font-weight:400;margin-bottom: 15px;text-align: right;}
.add_fleet_container h2 small{font-size: 13px;color: #999999;font-weight:400;width: 100%;display: block;margin-top: 5px;}
.add_fleet_container .sub_butt .btn{text-transform: capitalize;box-shadow: 0px 2px 2px #cecece;}
.add_fleet_container .form-group p{color: #666666;font-size: 13px;}
.add_fleet_container .form-group p span{color: #666666;font-size: 13px;width: 100%;float: right;}
.add_fleet_container .form-group p a{color: #e92100;float: right;margin-top: 3px;}
.add_fleet_container .form-group p a:hover{text-decoration: none;opacity: 0.8;}
.add_fleet_container .form-group span.error{font-size: 12px;color: #f00;width: auto;float: left;}
/*signup page*/
.signup_container{width: 100%;float: right;}
.signup_container h2{width: 100%;float: right;font-size: 16px;color: #333333;font-weight:400;margin-bottom: 15px;text-align: right;}
.signup_container h2 small{font-size: 13px;color: #999999;font-weight:400;width: 100%;display: block;margin-top: 5px;}
.signup_container .sub_butt .btn{text-transform: capitalize;box-shadow: 0px 2px 2px #cecece;}
.form-group.name_icon,.form-group.email_icon{position: relative;}
.form-group.name_icon input.form-control,.form-group.email_icon input.form-control {padding-right: 52px;position: relative;}
.form-group.name_icon::before {width: 43px;height: 27px;padding: 5px 11px;margin: 5px 0;position: absolute;right: 0;content: '';background: url(../images/name_icon.png)no-repeat center center;z-index: 1;}
.form-group.email_icon::before {width: 43px;height: 27px;padding: 5px 11px;margin: 5px 0;position: absolute;right: 0;content: '';background: url(../images/email_icon.png)no-repeat center center;z-index: 1;}
.signup_container .form-group p{color: #666666;font-size: 13px;}
.signup_container .form-group p span{color: #666666;font-size: 13px;width: 100%;float: right;}
.signup_container .form-group p a{color: #e92100;float: right;margin-top: 3px;}
.signup_container .form-group p a:hover{text-decoration: none;opacity: 0.8;}
.otp_container{width: 100%;float: right;}
.otp_block {width: 100%;float: right;padding-bottom: 15px;}
.otp_block .form-group {width: 22%;display: inline-block;margin-left: 3%;margin-bottom: 3px;}
.resend_otp_btn{font-size: 13px;color: #ed1c24;float: right;}
.change_mob_btn{font-size: 13px;color: #ed1c24;float: left;}
.resend_otp_btn:hover,.change_mob_btn:hover{color: #ed1c24;text-decoration: none;opacity: 0.8;}
/*signin page*/
.signin_container{width: 100%;float: right;}
.signin_container h2{width: 100%;float: right;font-size: 18px;color: #333333;font-weight:400;margin-bottom: 20px;text-align: right;}
.form-group{float: right;width: 100%;margin-bottom: 15px;position: relative;}
.form-control {display: block;width: 100%;height: 38px;padding: 6px 12px;font-size: 13px;line-height: 1.42857143;color: #999999;background-color: #fff;background-image: none;border: 1px solid #ddd;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
-webkit-box-shadow: none;-moz-box-shadow: none; box-shadow: none;-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;unicode-bidi: plaintext;text-align: right;}
select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/select_arrow.png) no-repeat 2%;}
.form-control:focus {outline: 0;-webkit-box-shadow:none; box-shadow: none;border:1px solid #ffbeb3 !important}
.mob_no{width: 100%;float: right;position: relative;overflow: hidden;}
.mob_no span{float:right;width:43px;padding: 5px 11px;margin: 5px 0;position: absolute;right: 0;}
.mob_no .form-control{padding-right: 52px;}
.mob_no select.form-control {width: 100px;-webkit-appearance: none;float: right;border-left: none;border-radius: 0px 2px 2px 0px;}
.mob_no input.form-control {width: calc(100% - 100px);padding-right:15px;-webkit-appearance: none;border-radius: 2px 0 0 2px;float:right;}
.form-group.password_icon{position: relative;}
.form-group.password_icon input.form-control {padding-right: 52px;position: relative;}
.form-group.password_icon i.pwd_ico{width: 43px;height: 27px;padding: 5px 11px;margin: 5px 0;position: absolute;right: 0;content: '';z-index: 1;font-size: normal;}
.signup_step3 .form-group.password_icon i.pwd_ico,.signup_step5 .form-group.password_icon i.pwd_ico{background: url(../images/password_icon.png)no-repeat center center;}
.signup_step3 .form-group.password_icon i.pwd_ico.active,.signup_step5 .form-group.password_icon i.pwd_ico.active{background: url(../images/password_icon_active.png)no-repeat center center;}
.new_acc_create{width: 100%;float: right;text-align: center;}
.new_acc_create h3{width: auto;display: inline-block;font-size: 13px;color: #666666;}
.new_acc_create a.sign_up_home{width: auto;display: inline-block;font-size: 13px;color: #ed1c24;}
.new_acc_create label{width: 100%;display: inline-block;font-size: 18px;color: #666666;font-weight:300;margin: 0 0 15px;text-transform: capitalize;}
/*sidebar menu*/
.prof_blk {width: 100%;float: right;text-align: center;padding: 15px 15px 0 15px;}
.prof_blk_inner{width:100%;float:right;padding-bottom: 15px;border-bottom: 1px solid #f5f2f2;}
.prof_blk_inner img {width: 83px;height: 83px;border-radius: 50%;}
.prof_blk h2{font-size: 16px;color: #333333;margin: 5px 0;}
.sidenav {height: 100%;width: 300px;position: fixed;z-index: 2;top: 0;right: -300px;background-color: #ffffff;overflow-x: hidden;transition: 0.5s;padding-top: 0px;}
.sidenav.active{right:0;}
.sidenav .closebtn {position: absolute;top: 0;right: 0;width:18px;height:18px;background:url(../images/close_btn.png) no-repeat center center;margin: 20px;}
.overlay {height: 100%;width: 0; position: fixed;z-index: 2;top: 0;right: 0;background-color: rgba(0,0,0, 0.5);overflow-y: auto;overflow-x: hidden;text-align: center;opacity: 0;transition: opacity 1s;}
.sidenav ul {width: 100%;float: right;}
.sidenav ul li {width: 100%;float: right;}
.sidenav ul li a{width: 100%;float: right;padding:12px 15px;color: #333333;font-size: 14px;text-transform: capitalize;}
.sidenav ul li a:hover{text-decoration: none;background:#e71818;color: #fff;}
.sidenav ul li a i {margin: 0 5px 0 15px;width: 20px;height:20px;float: right;}
.sidenav ul li a i .icon_24 {fill: #e71818;width:23px;}
.sidenav ul li a:hover i .icon_24 {fill: #ffffff;width:23px;}
.sidenav ul li a span {line-height: 20px;}
/*menu icons*/
.sidenav ul li a i .icon_24.pas_icon1 {width: 21px;margin: 2px 0 0 1px;}
.sidenav ul li a i .icon_24.pas_icon2 {width: 24px;}
.sidenav ul li a i .icon_24.pas_icon3 {height: 20px;}
.sidenav ul li a i .icon_24.pas_icon4 {width: 18px;margin: 0 0 0 2px;}
.sidenav ul li a i .icon_24.pas_icon5 {width: 19px;margin: 0 0 0 2px;}
.sidenav ul li a i .icon_24.pas_icon6 {width: 22px;height: 15px;margin: 2px 0 0 0;}
.sidenav ul li a i .icon_24.pas_icon7 {width: 26px;height: 21px;margin: -3px 0 0 -1px;}
.sidenav ul li a i .icon_24.pas_icon8 {width: 23px;height: 19px;margin-left: 0px;}
/*sidebar menu ends*/
/*web booking*/
.webbooking_container {width: 100%;float: right;}
.btn_block{width: 100%;float: right;margin: 0 0 25px 0;}
.btn_block .btn{text-transform: capitalize;padding: 9px 11px;margin-left: 1px;width: 32%;border: 1px solid #e5e5e5;background:#fff;color: #999999;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;transition: 0.5s linear;}
.btn_block .btn:hover,.btn_block .btn.active{border: 1px solid #ed1c24;background:#ed1c24;color: #fff;}
.btn_block .btn:last-child{margin-left: 0;}
.pickup_loc,.drop_loc{position: relative;}
.pickup_loc input,.drop_loc input{padding-right: 40px;}
.pickup_loc::before{position: absolute;right:15px;top:15px;content:'';width:5px;height: 5px;background:#2cb673;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.pickup_loc::after{position: absolute;right: 17px;top: 20px;content: '';width: 1px;height: 86%;background: #dddddd;}
.drop_loc::before{position: absolute;right:15px;top:15px;content:'';width:5px;height: 5px;background:#ed1c24;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.drop_loc::after{position: absolute;right: 17px;top: -18px;content: '';width: 1px;height: 86%;background: #dddddd;}
.form-group .date_pick {background: #fff url(../images/datepicker_icon.png) no-repeat 4%;}
/*fare estimate*/
.fare_est_block {width: 100%;float: right;}
.fare_est_block h2{width: 100%;float: right;font-size: 16px;color: #333333;margin-bottom: 15px;text-transform: capitalize;}
.fare_est_block ul{width: 100%;float: right;padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;}
.fare_est_block ul li{width: 28%;float: right;text-align: center;list-style-type: none;}
.fare_est_block ul li:nth-child(3){width:16%;}
.fare_est_block ul p{width: 100%;float: right;font-size: 14px;color: #333333;margin-bottom: 5px;}
.fare_est_block ul p span{width: 100%;display: block;font-size: 12px;color: #999999;margin-top: 9px;}
.est_time_blk{width: 100%;float: right;padding: 15px 0 0;}
.est_time_blk p{width: 100%;float: right;padding-left: 40px;position: relative;}
.est_time_blk p::before{position: absolute;right:0;content:'';width: 22px;height: 22px;background:url(../images/datepicker_icon_red.png) no-repeat center center;}
.est_time_blk p span{font-size: 13px;color: #999999;width: 100%;float: right;text-align: right;}
.est_time_blk p span.est_arr_time{font-size: 14px;color: #333333;margin-top: 5px;}
/*owl carousel*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{width:123px;min-height:1px;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.model_carousel {width: 100%;float: left;margin-bottom: 15px;}
.model_carousel .owl-carousel.owl-drag .owl-item .item{text-align: center;padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;min-height: 70px;position: relative;transition: 0.5s linear;}
.model_carousel .owl-carousel.owl-drag .owl-item .item:hover::after{position: absolute;content:'';bottom: -1px;left: 0;width: 100%;height: 2px;background:#ed1c24;z-index: 1;}
.model_carousel .owl-carousel.owl-drag .owl-item .item.active::after{position: absolute;content:'';bottom: -1px;left: 0;width: 100%;height: 2px;background:#ed1c24;z-index: 1;}
.model_carousel .owl-carousel.owl-drag .owl-item .item img{width: auto;display: inline-block;margin-bottom: 5px;}
.model_carousel .owl-carousel.owl-drag .owl-item .item h4{font-size: 13px;color: #666666;text-transform: uppercase;}
.model_carousel .owl-carousel.owl-drag .owl-item .item:hover{cursor: pointer;}
.model_carousel .owl-carousel.owl-drag .owl-item .item:hover h4{color:#ed1c24;}
.model_carousel .owl-carousel.owl-drag .owl-item .item.active h4{color:#ed1c24;}
.model_carousel .owl-carousel.owl-drag .owl-item .item img.normal_img{display: inline-block;}
.model_carousel .owl-carousel.owl-drag .owl-item .item.active img.active_img{display: inline-block;}
.model_carousel .owl-carousel.owl-drag .owl-item .item.active img.normal_img{display: none;}
.model_carousel .owl-carousel.owl-drag .owl-item .item img.active_img{display: none;}
.model_carousel .owl-carousel.owl-drag .owl-item .item:hover img.normal_img{display: none;}
.model_carousel .owl-carousel.owl-drag .owl-item .item:hover img.active_img{display: inline-block;}
.model_carousel .owl-nav .owl-prev {position: absolute;top: 25%;width: 20px;height: 20px;right: 0;background:url(../images/next_btn.png)no-repeat center center;font-size: 0;}
.model_carousel .owl-nav .owl-prev.disabled,.model_carousel .owl-nav .owl-next.disabled{opacity: 0.2;}
.model_carousel .owl-nav .owl-next {position: absolute;top: 25%;width: 20px;height: 20px;left: 0;background:url(../images/prev_btn.png)no-repeat center center;font-size: 0;}
/*stylish file upload btn*/
*,*:after,*:before {-webkit-box-sizing: border-box;box-sizing: border-box;}
.clearfix:before,.clearfix:after {display: table;content: '';}
.clearfix:after {clear: both;}
.form-group.upload_file {margin-top: 0;}
.form-group.upload_file1 {margin-top: 0;}
.upload_file + .upload_file {margin-top: 0;}
.upload_file1 + .upload_file1 {margin-top: 0;}
.js .inputfile {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus,.inputfile:focus + label, .inputfile.has-focus + label{outline: none;}
.inputfile + label {max-width: 100%;font-size: 1.25rem;font-weight: 700; text-overflow: ellipsis; white-space: nowrap;cursor: pointer;display: inline-block;overflow: hidden;padding: 0.625rem 1.25rem;}
.no-js .inputfile + label {display: none;}
.inputfile:focus + label,
.inputfile.has-focus + label {outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; outline: -moz-focus-ring-color auto 5px; outline: focus-ring-color auto 5px;}
.inputfile + label svg {width: 24px;height: 16px;vertical-align: middle;fill: currentColor;margin-top: -3px;margin-left: 2px;}
.inputfile-6 + label {color: #999999;}
.inputfile-6 + label {border: 1px solid #dfdfdf;background-color: #ffffff;padding: 0;margin: 0;border-radius: 2px;}
.inputfile-6 + label span,.inputfile-6 + label strong {padding: 9px 16px;}
.inputfile-6 + label span {width: -webkit-calc(100% - 140px);width: -moz-calc(100% - 140px);width: calc(100% - 140px);min-height: 38px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;vertical-align: top;font-size: 13px;line-height: 20px;font-weight: normal;}
.inputfile-6 + label strong {height: 38px;width:138px;color: #999999;background-color: #dedede;display: inline-block;font-size: 13px;font-weight: normal;line-height: 20px;}
.inputfile-6:focus + label strong,.inputfile-6.has-focus + label strong,.inputfile-6 + label:hover strong {opacity: 0.8}
/*stylish file upload btn ends here*/
.style_check{width:auto;display: inline-block;float: right;min-width: 130px;position: relative;}
.style_check input{float: right;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;}
.style_check.c1 .skip_fleet::before{position: absolute;content:'';right:0;top:0;width: 24px;height: 24px;border:1px solid #cac8c2;background: #fff;border-radius: 3px;}
.style_check.c1 .skip_fleet.active::after{position: absolute;content:'';right:0;top:0;width: 24px;height: 24px;background: url(../images/tick.png) no-repeat center center;}
.style_check span{font-size: 13px;color:#999999;font-weight:400;font-weight:normal;padding-right: 10px;line-height: 24px;}
input[type=checkbox]:focus {outline: none;}
.style_check.c1 .terms_conditions::before{position: absolute;content:'';right:0;top:0;width: 24px;height: 24px;border:1px solid #cac8c2;background: #fff;border-radius: 3px;}
.style_check.c1 .terms_conditions.active::after{position: absolute;content:'';right:0;top:0;width: 24px;height: 24px;background: url(../images/tick.png) no-repeat center center;}
.style_check span a{color:#999999;}
.style_check span a:hover{color:#999999;}
.style_check.c1 .terms_conditions.req::before {border: 1px solid #f00;}
i#checkbox_error {font-style: normal;font-size: 12px;color: #f00;font-weight:400;}
i#checkbox_error label{font-weight: 400;}
/*stylish mobile no*/
.cc-picker{border:1px solid #ddd;border-left: none;height: 38px;border-radius: 3px 0 0 3px;padding-left: 40px;width: 100px;padding-right: 10px;}
.cc-picker-code-select-enabled{padding-left : 40px !important;}
.cc-picker-flag.in{margin:10px 0;}
.cc-picker-code-select-enabled{float:right}
.mob_no span {padding-right: 0;margin-left: 24px;border-right: 1px solid #ddd;line-height: 16px;padding: 0 0 0 10px;margin: 10px 40px 0 0px;text-align: left;}
.cc-picker-flag{margin: 10px 0;top:2px !important;}
.cc-picker-code-select-enabled::after {content: "";width: 0;height: 0; position: absolute !important;top: 16px !important;left: 5px !important;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #a3a5a1 !important;}
.cc-picker-code-list{margin: 0 !important;padding: 0 !important;z-index: 9999 !important;}
.cc-picker-code-list > li {cursor: pointer;padding: 7px 3px 7px 15px !important;border-bottom: 1px solid #ddd;text-align: left;}
.cc-picker-code-list li .cc-picker-flag {margin: 0 6px;top:1px !important;float:right;}
.cc-picker-code-list .cc-picker-code{float: right}
.cc-picker-code-list{left:inherit !important;right: 15px;}
.cc-picker-code-select-enabled::after{right:inherit !important;left: 4px;}
.cc-picker-flag{margin-right: 0 !important;}
/*stylish mobile no ends*/
.alert_msg {position: absolute;top: -34px;right: 1%;width: 98%;padding: 0;z-index: 9;border-radius: 3px;transition: 0.5s;}
.alert_msg.alert_success,.alert_msg.alert_failure{top:1px;}
.alert_msg p{color: #fff;padding: 5px 10px;font-size: 13px;line-height: 24px;width: 100%;float: right;text-align: center;text-transform: capitalize;border-radius: 3px;}
.alert_success p{background: #70b670;}
.alert_failure p{background: #cc5d54;}
/*date picker*/
#ui-datepicker-div *{font-weight:400;font-weight:normal;}
#ui-datepicker-div{padding: 5px;margin: 2px 0 0;font-size: 14px;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;
border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.ui-widget-header .ui-state-highlight{background: #e92100 !important;border:none !important;color:#fff;border-radius:3px;}
.ui-state-default, .ui-widget-content .ui-state-default{border:none !important;text-align:center !important;line-height: 30px;padding: 0;border-radius:3px;}
.ui-datepicker .ui-datepicker-buttonpane button{background: #e92100 !important;color: #fff !important;border:none;}
.ui-state-active{background: #e92100 !important;outline:none;}
.ui-state-highlight{background: #eeeeee !important;color:#000 !important;}
.ui-datepicker th{padding:0 !important;font-size:13px;}
.ui-datepicker th span{padding:5px;}
#ui-datepicker-div .ui-widget-header{background:#fff;border:1px solid #fff;}
.ui-state-over.ui-state-hover,.ui-state-over.ui-state-hover span{padding:0 !important;border:none !important;}
.ui-datepicker td{background:#fff !important;}
.ui_tpicker_hour .ui-state-default,.ui_tpicker_minute .ui-state-default,.ui_tpicker_second .ui-state-default{border:1px solid #ccc !important;border-radius:3px;}
.ui-timepicker-div *{font-size:13px;}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input{border:none !important;line-height: 6px;font-size: 12px;vertical-align: top;margin-top: -5px;}
.ui-datepicker-buttonpane button{line-height:normal !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover{color: #fff !important;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{background:none !important;border:none !important;top:2px !important;left:2px !important;}
.ui-state-default.ui-state-hover{color:#000 !important;}
.ui-datepicker-today .ui-state-default.ui-state-highlight.ui-state-active{background: #e92100 !important;color:#fff !important;}
.ui-timepicker-div dl dt{line-height: 6px;}
#become_driver .mob_no span {padding-right: 0;margin-right: 24px;line-height: 16px;padding: 0 0 0 10px;margin: 10px 40px 0 0px;}
#become_driver .mob_no #country_flag_code {pointer-events: none;}
.otp_block .otp_input {text-align: center;}
p#address_not_find {font-size: 12px;color: #f00;width: 100%;float: right;margin-bottom: 10px;}
/*tooltop*/
.inputerror + .ctooltip{display: inline-block;transition: 0.5s;}
.ctooltip {display:none;position: relative;background: #ffffff url(../images/error_img.png)no-repeat 2%;width: 20px;height: 20px;position: absolute;top: 9px;left: 8px;transition: 0.5s;}
.ctooltip .ctooltiptext {display: none;width: 250px;color: #f00;text-align: center;padding: 5px 0;border-radius: 6px;position: absolute;right: -250px;top:0;z-index: 1;font-style: normal;font-size: 12px;transition: 0.5s;}
.ctooltip:hover .ctooltiptext {display: block;}
.ctooltip .ctooltiptext label{float: left;width: 100%;text-align: left;padding-left: 0px;font-size: 12px;font-weight: normal;}
.inputerror + .ctooltip .ctooltiptext{text-align: left;top: 0;padding: 3px 10px;}
/*forgot password modal*/
#frgetpswdmodal .modal-content {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#frgetpswdmodal .modal-header {min-height: 16.42857143px;padding: 15px;border-bottom: 1px solid #e5e5e5;background: #ed1c24;-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;}
#frgetpswdmodal .modal-header .modal-title{color: #ffffff;font-size: 16px;text-transform: capitalize;}
#frgetpswdmodal .modal-header button.close{width: 19px;height: 19px;background: url(../images/slide_close_icon.png) no-repeat center center;outline: none;opacity: 1;font-size: 0;}
#frgetpswdmodal .modal-header button.close span{display: none;}
#frgetpswdmodal .modal-content input[type="radio"]{margin:0 4px;}
#frgetpswdmodal .modal-content label {width:auto;float: left;}
#frgetpswdmodal .modal-content label input[type="radio"]{float: left;margin:0 4px 0 0;}
#frgetpswdmodal .modal-content label span{float: left;font-size: 13px;line-height: 18px;}
#frgetpswdmodal .modal-dialog{width: 400px;}
#frgetpswdmodal .modal-body{display: inline-block;}
#frgetpswdmodal .modal-footer{display: none;}
/*forgot password modal ends*/
.signup_container h2.signin_heading {width: -webkit-calc(100% - 35px);width: -moz-calc(100% - 35px);width: calc(100% - 35px);float: right;}
.btn_back {float: right;background: none;color: #000;padding: 0;box-shadow: none !important;background: url(../images/back_btn.png) no-repeat top left;width: 30px;height: 22px;font-size: 0;transform: rotate(180deg);}
.btn.btn_back:active,.btn.btn_back:hover{background: url(../images/back_btn.png) no-repeat top left;opacity: 1;transform: rotate(180deg);}
a.sign_in {font-size: 14px;color: #333333;text-decoration: none;line-height: 18px;float: left;}
a.forgot_btn {color: #333333;font-size: 13px;width: auto;padding: 0;margin: 0 auto;float: left;}
i.ctooltiptext {position: absolute;width: 25px;height: 18px;top: 10px;right: 11px;z-index: 2;font-size: 0;cursor: pointer;}
.inputfile-6.inputerror + label {border: 1px solid #ffbeb3;position: relative;}
.inputfile-6 + label span.ctooltip{display: none;}
.upload_file .inputfile-6 + label span.ctooltip {top: 0;left: 5px;}
.upload_file .inputfile-6.inputerror + label span.ctooltip{display: block;}
.upload_file .inputfile-6.inputerror + label span.ctooltip:hover .ctooltiptext{display: block;right: -12px;color: #ff0000;}
.upload_file .inputfile-6.inputerror + label span.ctooltip:hover .ctooltiptext label{color: #ff0000;}
.ctooltip:hover{cursor: pointer;}
.inputfile-6.inputerror + label {border: 1px solid #ffbeb3;position: relative;}
.upload_file .inputfile-6 + label span.ctooltip {top: 0;left: 5px;}
.upload_file .inputfile-6.inputerror + label span.ctooltip{display: block;}
.upload_file .inputfile-6.inputerror + label span.ctooltip:hover .ctooltiptext{display: block;right: 0px;color: #ff0000;width: 100%;}
.upload_file .inputfile-6.inputerror + label span.ctooltip:hover .ctooltiptext label{color: #ff0000;padding-left: 30px;text-align: left;}
.ctooltip:hover{cursor: pointer;}
#become_driver .mob_no span.ctooltip{display: none;position: relative;background: #ffffff url(../images/error_img.png)no-repeat 98%;width: 20px;height: 20px;position: absolute;top: 9px;left: 8px;}
#become_driver .mob_no .inputerror + span.ctooltip{display: inline-block;float: none;left: inherit;right: 92%;margin: 0;padding: 0;border: none;}
#become_driver .mob_no .inputerror + span.ctooltip:hover .ctooltiptext {visibility: visible;text-align: left;padding-left: 6px;top: -2px;}
/*driver registration success modal*/
#drreg_success .modal-content {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#drreg_success .modal-header {min-height: 16.42857143px;padding: 15px;border-bottom: 1px solid #e5e5e5;background: #2bb673;-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;}
#drreg_success .modal-header .modal-title{color: #ffffff;font-size: 16px;text-transform: capitalize;font-weight: 400;}
#drreg_success .modal-header button.close{width: 19px;height: 19px;background: url(../images/slide_close_icon.png) no-repeat center center;outline: none;opacity: 1;font-size: 0;}
#drreg_success .modal-header button.close span{display: none;}
#drreg_success .modal-dialog{width: 400px;}
#drreg_success .modal-body{display: inline-block;width: 100%;}
#drreg_success .modal-footer{display: none;}
#drreg_success .success_block{padding:0;width:100%;float: right;text-align: center;}
#drreg_success .onboard_steps.last_step a{width:70px;height: 70px;padding: 0;}
#drreg_success .success_icon i{background: url(../images/completed_ico.png) no-repeat center center;width: 70px;height: 70px;border: none;display: inline-block;background-size: 75%;}
#drreg_success h6{font-size: 20px;color:#666666;margin-bottom: 10px;font-weight: 400;}
#drreg_success p{font-size: 14px;color:#666666;margin: 0;padding: 0;text-align: center;}
.success_block a.btn {margin-top: 20px;background: #2bb673;color: #ffffff;padding: 6px 30px;text-transform: capitalize;font-size: 16px;}
.days_count span {width: auto;float: right;font-size: 13px;line-height: 38px;}
.days_count .form-control {width: auto;float: right;margin: 0 10px;padding: 5px 15px 5px 20px;background: url(../images/select_arrow.png) no-repeat 10%;height: 34px;}
span#tripDescription {font-size: 13px;width:100%;float: right;margin-bottom: 10px;background: rgba(94, 199, 40, 0.5);padding: 5px;color: #2f7900;}
.no_mob_dropdown #country_flag_code{pointer-events: none;}
.fa{font-family: FontAwesome !important;}
.trans_bg{display: none;position: fixed;top:0;left: 0;width: 100%;height: 100vh;background: rgba(255,255,255,0);z-index: 99;}
.trans_bg.active{display: block;}
.loader_btn i.fa.fa-refresh.fa-spin {display:none;text-align: left;float: left;font-size: 16px;}
.loader_btn.active i.fa.fa-refresh.fa-spin {display:block;text-align: left;float: left;font-size: 16px;}