@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
body{
    font-family: 'Roboto', sans-serif; background-color: #f1f1f1; height: 100%; font-size: 15px;
}

/* Generic Styling */
.mt-10{
  margin-top: 10px;
}
.mt-20{
  margin-top: 20px;
}
.mt-30{
  margin-top: 30px;
}
.mt-40{
  margin-top: 40px;
}
.mt-50{
  margin-top: 50px;
}
.mt-60{
  margin-top: 60px;
}
.mt-70{
  margin-top: 70px;
}
.mb-10{
  margin-bottom: 10px;
}
.mb-20{
  margin-bottom: 20px;
}
.mb-30{
  margin-bottom: 30px;
}
.mb-40{
  margin-bottom: 30px;
}
.mb-50{
  margin-bottom: 50px;
}
.pdl-15{
padding-left: 15px;
}
.mb-70{
  margin-bottom: 70px;
}
.pd-lft{
  padding-left:0px;
}
.pd-rlt{
  padding-right: 0px;
}

.mb-0{
margin-bottom: 0px;
}

.mt-0{
  margin-top:0px;
}

.img--width{
  width: 100%;
}
.map-wrap {
    background: #FAFAFA;
    border: 1px solid #ddd;
}
.pd--both{
  padding-left: 20px;
  padding-right: 20px;
}
.sm-grey {
    color: #929292!important;
    font-weight: 300;
    font-size: 11px;
}
.pb-40{
  padding-bottom: 40px;
}
.pt-70{
  padding-top: 70px;
}

/* Generic Styling */
.bg-light {
    background-color: #FFFFFF !important;
  }

  .btn-text{
      color: #000;
      /*text-transform: uppercase;*/
  }
.font-light{
    font-weight: 300;
  }
.font-bold{
  font-weight: 400;
}
.font-sm{
  font-weight: 200;
}
  .btn-text:hover{
      color: #FFF;
      background-color:#343a40;
      border-radius: 0px;
  }
#homepageheader {
    padding-bottom: 0px;
    margin-bottom: 10px;
    background-color: #000;
    height: auto;
    padding-left: 0px;
    background-image: url(../img/bg-masthead.jpg);
    background-position: left;
    background-size: cover;
  }

  #homepageheader h1{
      font-size: 50px;
      font-weight: 600;
      color: #fff;
  }

  #homepageheader .lead{
      color: #fff;
  }
.homeformstyle {
    background-color: #fff;
    padding: 15px 25px 0px 25px;
    float: left;
    border-radius: 0px;
    margin: 50px 5px 30px;
}
.homeformstyle h2 {
    color: #000;
    font-size: 22px;
    padding: 5px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0;
    text-transform: capitalize;
}
.homeformstyle .lead {
    color: #595959;
    font-size: 13px;
    padding-left: 0;
    text-align: center;
}
  .form-group{
      margin-bottom: 8px;
  }
    .form-control{
        border-radius: 0px;
}
    .btn-block{
        border-radius: 0px;
}
#homepageheader .small{
        font-size: 12px;
}
#why-drive{
    background-color: #fff;
    margin-top: 0px;
    padding: 20px 0 20px 0;
    }

    #why-drive h2{
        font-size: 22px;
		padding-top:16px;
    }

    #why-drive .lead{
        font-size: 15px;
    }

#get-started{
  position: relative;
  width: 100%;
  background: url(../img/get-start.jpg) center center fixed no-repeat;
  background-size: cover;
  padding: 50px 0 20px 0;
  margin-top:30px;
  color:#FFF;
  }

    #get-started h2{
        font-size: 22px;
    }

    #get-started .lead{
        font-size: 18px;
    }

#req-doc{
background-color: #f8f8f8;
margin-top: 00px;
padding: 50px 0 20px 0;
    }

#make-money{
	padding: 50px 0px 50px 0px;
}
#make-money h1{
	font-size: 2.5em;

}

#make-money h2{
	font-size: 2em;

}


#home-faqs .question{
    font-weight: 600;
    color: #dc3545;
}

.question {
    font-weight: 600;
    color: #dc3545;
}


.card-header {
    margin-bottom: 0px;
    background-color: #dc3545 !important;
    padding: 0.25rem 1.25rem !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}


.btn-link {
    font-weight: 400;
    color: #fff;
    background-color: transparent;
	width: 100%;
	text-align: left;
}

.btn-link:hover{
	color: #fff !important;
	text-decoration: none !important;
}

footer{
    color: #fff;
    font-size: 14px;
}
footer a{
    color: #fff;
}
footer a:hover{
    color: #fff;
    text-decoration: underline;
}

footer hr{
    background-color: #999;
}

footer .fa{
    color: #fff;
}
.fa-mapleleaf:before
{content:"\1f341"; color: #fff}


.fa {}
.fa-apple, .fa-android, .fa-desktop{color: #fff;}
.fa-apple:hover, .fa-android:hover, .fa-desktop:hover{color: #dc3545}

.innerpage-content{
    background-color: #fff;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
}

.innerpage-content .head-bg{
    background-color: #343a40;
    padding: 10px;
}
.innerpage-content h1{
    font-size: 30px;
    font-weight: 600;
font-family: 'Roboto', sans-serif;
}
.innerpage-content h2{
    font-size: 22px;
}
.innerpage-content .lead{
    font-size: 16px;
}
#fileLoader
{
    display:none;
}

.login-form{

      border-radius: 1px;

  }
.login-form label{
      padding:5px 0px 5px 0px;

  }

#footerskyline{
    background-image: url(../img/city-skyline.svg);
    height: 450px;
    position:relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media only screen  and (min-width : 768px) and (max-width: 1439px) {
    #footerskyline{
        background-image: url(../img/city-skyline.svg);
        height: 450px;
        position:relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
    }
}

@media only screen  and (min-width : 1824px) {
    #footerskyline{
        background-image: url(../img/city-skyline.svg);
        height: 750px;
        position:relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
    }
}


/*26-2-18*/
.high-light{
	background-color:#e6302f !important;
	color:#FFF;
}
.high-light:hover{
	background-color:#b01615 !important;
	color:#FFF;
}

.our-team{
    background: #000;
    text-align: center;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    position: relative;
}
.our-team img{
    width: 100%;
    height: auto;
    transition: all 0.55s ease 0s;
}
.our-team:hover img{ opacity: 0.5; }
.our-team .team-content{
    padding: 5px 10px 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: rotate(45deg) translate(-50%, -50%);
    transform-origin: 0 0;
    transition: all 0.55s ease 0s;
}
.our-team:hover .team-content{ opacity: 1; }
.our-team .team-content:before,
.our-team .team-content:after{
    content: "";
    width: 400px;
    height: 2px;
    background: #e6302f;
    position: absolute;
    top: 0;
    left: 10px;
    transform: translateX(100%);
    transition: all 0.55s ease 0s;
}
.our-team .team-content:after{
    top: auto;
    left: auto;
    bottom: 0;
    right: 10px;
    transform: translateX(-100%);
}
.our-team:hover .team-content:before,
.our-team:hover .team-content:after{
    transform: translate(0, 0);
    transition-delay: 0.15s;
}
.our-team .title{
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
}
.our-team .title:before,
.our-team .title:after{
    content: "";
    width: 2px;
    height: 300px;
    background: #e6302f;
    position: absolute;
    top: 10px;
    right: 0;
    transform: translateY(100%);
    transition: all 0.55s ease 0s;
}
.our-team .title:after{
    top: auto;
    right: auto;
    bottom: 10px;
    left: 0;
    transform: translateY(-100%);
}
.our-team:hover .title:before,
.our-team:hover .title:after{
    transform: translate(0, 0);
}
.our-team .post{
    display: block;
    padding: 5px 10px;
    background: #e6302f;
    font-size: 17px;
    font-weight: 700;
    color: #000;
    text-transform: capitalize;
}
@media only screen and (max-width: 990px){
    .view{ margin-bottom: 30px; }

}
.view{ padding:16px 10px; background-color:#F0F0F0; font-size:13px;}
footer{ margin-top:50px !important;}
html{height: 100%;min-height: 100%;}
.navbar{padding: .8rem 0;}
.navbar-expand-lg{flex-flow: column;}
#site-wrapper {position: relative;overflow: hidden;width: 100%;}
#site-canvas {position: relative;-webkit-transition: .3s ease all;transition: .3s ease all;height: 100%;}
#close_menu{position: absolute;right: 10px;top: 10px;font-size: 30px;cursor: pointer;}
#site-menu {width: 500px;height: 100%;position: absolute;top: 0;left: -500px;background: #e6302f;padding: 15px;-webkit-transform: translateX(0px);transform: translateX(0px);transition: all 0.5s;color: #fff;z-index: 999;}
#site-menu ul{list-style: none;margin:0;padding:0;}
#site-menu ul li a{color: #fff;text-decoration: none;padding: 10px;display: inline-block;width: 100%;border-bottom: 1px dotted;padding-left: 0;transition: all 0.3s;}
#site-menu ul li a:hover{background: #fff;color: #e6302f;padding-left: 10px;}
#site-menu ul li:nth-child(6) a{border-bottom: none !important;}
#site-menu ul li:last-child a{border-bottom: none !important;}
#site-menu.show-nav {-webkit-transform: translateX(500px);transform: translateX(500px);}
#site-menu ul li select{text-transform: uppercase;}
.toggle-nav{margin-right: 20px;font-size: 20px;color: #e6302f;}
.dropdown-toggle::after{display: none;}
.profile_drop button{background: none;outline: none;box-shadow: none !important;}
.profile_drop .dropdown-menu{min-width: 350px;padding: 20px;right: 0;left: auto;}
.profile_img{height: 60px;width: 60px;border-radius: 50%;overflow:hidden;float: left;}
.profile_img img{width: 100%;}
.profile_dtl{padding-left: 100px;}
.profile_dtl .rating i{color: #e62e2e;}
.profile_dtl a{background: #e62e2e;color: #fff;padding: 3px 10px;font-size: 13px;cursor: pointer;}
.profile_drop_menu li.text-right a{color: #cacaca;text-decoration: none;}
.mrg_0{margin:0 !important;}
.mrg_btm_20{margin-bottom:20px !important;}
.tabs_link_wrap{background: #fff;padding: 15px 0 0;width: 100%; overflow-x: auto; white-space: nowrap;}
.tabs_link{list-style: none;margin:0;padding:0;}
.tabs_link li{display: inline-block;margin-right: 30px;margin-bottom: 20px;}
.tabs_link li:last-child{margin-right: 0;}
.tabs_link li a{text-transform: uppercase; color: #939393;text-decoration: none; font-weight:400; font-size:14px;}
.tabs_link li.active-link a{color: #e6302f;}
.partner_profile{background: #fff;padding: 15px 0;}
.active_btn{color: #629A41 !important;text-transform: uppercase;border:1px solid #629A41 !important;background: none !important;color: #629A41 !important;cursor: default !important;padding:4px;border-radius: 4px;}
.profile_dtl h2{font-size: 35px;font-weight: 100;margin-bottom: 0;}
.profile_dtl h3{font-size: 35px;font-weight: 300;}
.profile_form{padding:30px 0;}
.generic_btn{background: #e62e2e;color: #fff;border:1px solid #e62e2e;cursor: pointer;}
.generic_btn:hover{color: #e62e2e;background: none;}
.profile_form .form-group{margin-bottom: 15px;}
.form-check label{position: relative;cursor: pointer;color: #666;font-size: 16px;
}
/*input[type="checkbox"], input[type="radio"]{position: absolute;right: 9000px;}*/
/*Check box*/
input[type="checkbox"] + .label-text:before{content: "\f096";font-family: "FontAwesome";speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing:antialiased;width: 1em;display: inline-block;margin-right: 5px;font-size: 20px;vertical-align: middle;
}

input[type="checkbox"]:checked + .label-text:before{content: "\f14a";color: #e6302f;animation: effect 250ms ease-in;}
input[type="checkbox"]:disabled + .label-text{color: #aaa;}
input[type="checkbox"]:disabled + .label-text:before{content: "\f0c8";color: #ccc;}
.form-check p{font-size: 13px;}
.action_btn button{background: #e6302f;border:1px solid #e6302f;color: #fff;cursor: pointer;padding: 7px 20px;}
.action_btn button:hover{color: #e6302f;background: none;}
.side_contact{list-style: none;margin:0;padding:0;background: #fff;padding: 15px;border-radius: 4px;box-shadow: 0 0 5px #cacaca;padding-top: 0;}
.side_contact li{ padding-bottom:10px;}
.margin-top55{ margin-top:55px;}
.side_contact h5{background: #f5f4f4;margin-left: -15px;margin-right: -15px;padding: 10px;border-radius: 4px 4px 0 0;}
.back_link{margin-bottom: 20px;margin-top: 20px;}
.back_link a{text-transform: uppercase;}
.doc_profile{height: 80px;width: 80px;border:1px solid #b9b9b9;text-align: center;}
.doc_profile_dtl h2{font-size: 18px;}
.doc_profile_dtl h3{font-size: 18px;font-weight: 400;margin-top: 5px;}
.bg_none{background: none !important;}
.generic_tbl{background: #fff;}
.generic_tbl tr{cursor: pointer;}
.generic_tbl tr td{vertical-align: middle;}
.generic_tbl td, .generic_tbl th {border-top: 1px solid #e0e0e0;}
.mrg_tp_20{margin-top: 20px;}
.upload_btn{border:2px solid #e6302f;color: #e6302f;background: none;cursor: pointer;text-transform: uppercase;}
.upload_btn:hover{background: #e6302f;color: #fff;}
.vehilce_doc_head{font-weight: 300;margin-bottom: 30px;margin-top: 20px;}
.vehilce_doc_head a{font-weight: 400;font-size: 14px;text-transform: uppercase;margin-left: 20px;}
.vehilce_doc_head a i{margin-left: 5px;}
.car_modal{font-size: 12px;font-weight: 300;}
.licence_plate{font-size: 12px;font-weight: 300;}
.car_number{font-weight: 500;}
.doc_profile i.fa-car{line-height: 80px;font-size: 30px;color: #b9b9b9;}
.add_vehicle_form{background: #fff;border:1px solid #ddd;padding:20px;display: none;}
.add_vehicle{margin:20px 0 30px 0;}
.add_vehicle button{background: #e62e2e;color: #fff;min-width: 400px;padding:10px;cursor: pointer;border:1px solid #e62e2e;}
.add_vehicle button:hover{color: #e62e2e;background: none;}
.select2-container--default .select2-selection--single{border-radius: 0;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;    border: 1px solid #ced4da;min-height: 38px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 25px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 38px;}
.btn_vehicle{min-width: 100% !important;width: 100%;margin-top: 30px;padding:6px !important;background: #e62e2e;color: #fff;min-width: 400px;padding:10px;cursor: pointer;border:1px solid #e62e2e;border-radius: 0;}
.btn_vehicle:hover{color: #e62e2e;background: none;}
.select2.select2-container.select2-container--default{width: 100% !important;}
.select2.select2-container.select2-container--default.select2-container--below{width: 100% !important;}
.num-wrap .select2.select2-container.select2-container--default {
    width: 58px !important;
}.select2-container--default .select2-selection--single .select2-selection__rendered {

    color: #6f6f6f;
    line-height: 26px;
    font-size: 14px;

}
.bg_search{background-image: url('../img/search_icon.png');background-repeat: no-repeat;background-position: right;}
/*.select2-results__options li:first-child{padding:0;}*/
.download_csv{margin-top: 7px;display: inline-block;}
.download_csv i{margin-right: 5px;}
.add_driver{margin-top: 7px;display: inline-block;}
.add_driver i{margin-right: 5px;}
.pagination > li > a, .pagination > li > span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    color: #00AAFF;
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #959696;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.tbl_wrapper div.row{flex: 1;}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background: none;
    border: 1px solid #ddd;
}
.pagination{
    display: inline-block;
}
.pagination>li {
    display: inline;
}
.tbl_wrapper{background: #fff;padding:10px 20px;margin-top: 20px;}
.tbl_wrapper .table thead th{border-bottom:none;}
table.dataTable{border-collapse: collapse !important;}
.live_map{height: 100%;}

#banking{margin-top: 30px;}
.heading-spam h1 {padding-bottom:40px; font-size: 35px; font-weight: 300; }
.heading-spam span { font-size: 12px; background-color: #629A41; padding: 5px; color: #FFF; vertical-align: middle;}
#banking .question { color: #000 !important; font-size: 14px; margin-bottom: 0; }
#banking .answer { padding-bottom:20px; }
.info { background: #f8efef; border-left: 3px solid #c4b4b4; padding: 10px; font-size: 12px; }
.cus-label label { letter-spacing: 0.02em; font-size: 14px; line-height: 24px; margin-bottom: 12px; display: inherit !important; }
.grey-bg{ background-color:#ededed; padding:20px; margin-bottom:40px;}


/*1-28-18*/
.select-radio[type="checkbox"], input[type="radio"]{
	position:relative !important;
	right:5px;
}
.modal-title{font-weight:300 !important}
.container-fluid{
	width: 100%;
    padding-right: 60px;
    padding-left: 60px;
    margin-right: auto;
    margin-left: auto;
}
.footer-bg{
  background: -moz-linear-gradient(to bottom, #0c0f0fe6 0%, rgba(17, 23, 28, 0.83) 30%, rgb(25, 24, 32) 100%), url(../img/map-bg.png) no-repeat;
  background: -linear-gradient(to bottom, #0c0f0fe6 0%, rgba(17, 23, 28, 0.83) 30%, rgb(25, 24, 32) 100%), url(../img/map-bg.png) no-repeat;
  background: -o-linear-gradient(to bottom, #0c0f0fe6 0%, rgba(17, 23, 28, 0.83) 30%, rgb(25, 24, 32) 100%), url(../img/map-bg.png) no-repeat;
  background: -ms-linear-gradient(to bottom, #0c0f0fe6 0%, rgba(17, 23, 28, 0.83) 30%, rgb(25, 24, 32) 100%), url(../img/map-bg.png) no-repeat;
  background: linear-gradient(to bottom, #0c0f0fe6 0%, rgba(17, 23, 28, 0.83) 30%, rgb(25, 24, 32) 100%), url(../img/map-bg.png) no-repeat;

}
section#contact {
    background-color: #000000;
	padding:70px 0;
}
section#contact .form-group {
    margin-bottom: 25px;
}
section#contact .form-group input,
section#contact .form-group textarea {
    padding: 10px ;
}
section#contact .form-group input.form-control {
    height: auto;
}
section#contact .form-group textarea.form-control {
    height: 236px;
}
section#contact .form-control:focus {
    border-color: #fed136;
    box-shadow: none;
}
section#contact ::-webkit-input-placeholder {
    font-weight:300;
    color: #999999;
}

section#contact .text-danger {
    color: #e74c3c;
}

.about_our_company{
    text-align: center !important;
	color:#FFF;
}

.titleline-icon {
    position: relative;
    max-width: 100px;
    border-top: 4px double #CC0000;
    margin: 20px auto 20px;
}
.titleline-icon:after {
    position: absolute;
    top: -11px;
    left: 0;
    right: 0;
    margin: auto;
    font-family: 'FontAwesome';
    content: "\f141";
    font-size: 20px;
    line-height: 1;
    color: #CC3300;
    text-align: center;
    vertical-align: middle;
    width: 40px;
    height: 20px;
    background: #ffffff;
}

#myTab{margin-top: 20px;border-bottom: none;}
#myTab .nav-item{width: 33.3333%;padding-right: 20px;}
#myTab .nav-item.pr_0{padding-right: 0;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{color: #495057;background-color: #fff;border-color: #ddd #ddd #fff;padding: 30px 20px;min-height: 280px;border-radius: 4px !important;    box-shadow: 0px 2px 8px 0px #D6D6D5 !important;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #fff;background-color: #e62e2e;border-color: #e62e2e;}
#myTab .nav-item .nav-link.active .tab_head{color: #fff;}
#myTab .nav-item .nav-link.active .tab_head i {color: #e0e0e0;}
.tab_head{font-size: 15px;text-transform: uppercase;color: #e6302f;font-weight: 400;}
.tab_head i{margin-left: 10px;color: #9c9c9c;}
.average_total{margin:20px 0;}
.average_total span{font-size: 14px;display: inline-block !important;font-weight: 300;}
.ride_dtl{width: 100%;display: table;}
#myTab .nav-item p{margin-bottom: 5px;display: table-row;}
#myTab .nav-item b{display: table-cell;/* padding-right: 20px; */}
#myTab .nav-item span{display: inline-block;}
.gross_dtl{font-size: 12px;margin-bottom: 0 !important;margin-top: 20px;display: block !important;}
.GrossFare_head{margin:20px 0;}
.GrossFare_head h3{font-size: 1.40rem;font-weight: 300;}
.GrossFare_head a{margin-left: 30px;text-transform: uppercase;font-size: 1rem;font-weight: 400;}
.profitable{margin:10px 0;}
.profitable label{font-size: 11px;}
.profitable h1{font-size: 3.5rem;font-weight: 300;}
.profitable_panel{border-top: 1px solid #e4e4e4;padding-top: 20px;}
.profitable_stats{border-right: 1px solid #e4e4e4;padding:10px 0;}
.profitable_stats h3{margin-bottom: 0;font-weight: 300;}
.profitable_stats p{margin-bottom: 0;font-weight: 300;font-size: 12px;}
.weekly_earning{padding-top: 30px;}
.weekly_earning h3{margin-bottom: 20px;font-weight: 300;}
.weekly_earning_panel{background: #fff;padding:30px;}
.weekly_earning_panel a{width: 100%;padding:5px 0 5px 25px;display: block;text-decoration: none;color: #000;margin-bottom: 10px;position: relative;}
.weekly_earning_panel a.collapsed.collaspe_expand:before{position: absolute;left: 0;content: "\f054";font-family: 'FontAwesome';color: #000;transition: all 0.3s;}
.weekly_earning_panel a.collaspe_expand:before{position: absolute;left: 0;content: "\f078";font-family: 'FontAwesome';color: #000;transition: all 0.3s;}

.weekly_earning_panel a span{font-weight: 500;}
.weekly_earning_panel .card-block{list-style: none;padding:0;margin:0;padding-left: 25px;}
.weekly_earning_panel .card-block li{margin-bottom:10px;}

.daily_earning {border:1px solid #ddd;}
.daily_earning ul{list-style: none;margin:0;padding:0;}
.daily_earning ul li{float: left;width: 14.28571428571429%;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #fff;}
.daily_earning ul li a{display: inline-block;padding:15px;text-decoration: none;color: #000;width: 100%;border-bottom: 4px solid transparent;transition: all 0.3s;}
.daily_earning ul li a:hover{border-bottom: 4px solid #e6302f;}
.daily_earning ul li a span{    font-size: 12px;}
.daily_earning ul li a h5{font-size: 1rem;font-weight: 400;margin-bottom: 0;}
.daily_earning ul li.brd_rt{border-right: none !important;}
.small_txt{color: #bfbfbf;font-size: 12px;margin-bottom: 0;}
.invite_heading{font-size: 40px;font-weight: 300;}
.invite_friend{padding:10px 0;}
.invite_friend_bx{margin-top: 40px;}
.invite_friend_bx h2{font-size: 2.7rem;font-weight: 300;position: relative;padding-top: 10px;}
.invite_friend_bx h2:before{position: absolute;content: "";left: 0;top: -10px;height: 4px;width: 50px;background: #e6302f;}
.invite_friend_bx p{font-size: 20px;font-weight: 300;color: #b3b3b3;}
.invite_friend_bx .input-group{min-height: 50px;}
.invite_friend_bx .input-group input{background: #fff;}
.invite_friend_bx .input-group-addon{cursor: pointer;color: #e6302f;border-radius: 0 !important;background: #fff;}
.invite_friend_bx .input-group-addon i{margin-right: 10px;}
.invite_friend_bx label{font-size: 17px;}
.social_icon label{display: block;width: 100%;}
.social_icon a{display: inline-block;height: 50px;width: 50px;font-size: 20px;text-align: center;background: #fff;border:1px solid #ced4da ;transition: all 0.3s;}
.social_icon a i{line-height: 50px;}
.social_icon a.facebook{color: #5172ab;}
.social_icon a.twitter{color: #64bbf1;}
.social_icon a.facebook:hover{background: #5172ab;color: #fff;border:1px solid #5172ab;}
.social_icon a.twitter:hover{background: #64bbf1;color: #fff;border:1px solid #64bbf1;}
.invite_manually{margin:70px 0;}
.learn_more{display: block;width: 100%;margin-bottom: 30px;text-transform: uppercase;outline: none !important;}
.read_more_modal h2{margin:15px 0;font-weight: 300;}
.invite_btn{text-transform: uppercase;}
.reward-head label{font-size: 17px;}
.reward-head h2{margin-bottom: 0;}
.invite_descrip{font-size: 13px;}
.pending_invite p{font-size: 22px;font-weight: 300;margin-bottom: 0;}
.rupees{color: #e6302f;font-size: 45px;}
.rupees b{font-weight: 500;}
.load_more button{width: 100%;text-transform: uppercase;cursor: pointer;background: #e6302f;color: #fff;border:1px solid #e6302f;}
.load_more button:hover{background: none;color: #e6302f;}
.pd_lf_40{padding-left: 40px;}
.change_view label{margin-right: 5px;}
.change_view ul{list-style: none;padding:0;margin:0;display: inline-block;}
.change_view ul li{display: inline-block;padding: 5px 12px;border: 1px solid #a9a9a9;cursor: pointer;color: #a9a9a9;}
.change_view ul li.active{border: 1px solid #e6302f;color: #e6302f;}
.date_time{float: right;padding-top: 0 !important;}
.date_time input{padding:0;border:none !important;outline: none !important;box-shadow: none!important; background-color:#fff !important; margin-right: 180px;}
.date_time label{margin:0;}
.trips_tabs li{padding-top: 20px;}

.datepicker a {
    text-decoration: none;
    color: #000;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.datepicker{min-width: 270px;}
.datepicker .day{text-align: center !important;}
.datepicker .cell.day:hover, .datepicker .cell.month:hover, .datepicker .cell.year:hover, .datepicker .cell.decade:hover {background: #e62e2e !important;}
.datepicker .cell.day.selected, .datepicker .cell.month.selected, .datepicker .cell.year.selected, .datepicker .cell.decade.selected {
    background: #c72626 !important;}

@media only screen and (max-width: 767px) {
    .daily_earning ul li{float: left;width: 100%;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #fff;}
	.table{ background-color:#FFF !important;}
	.tbl_wrapper{ display:table;}
	.add_vehicle button{ min-width:100% !important}
	.container-fluid{ padding-left:15px !important; padding-right:15px !important;}
	#site-menu{ width:auto; height:auto; z-index:999999;}
	.nav-item{ width:100% !important; padding-right:0 !important;}
	.tbl_wrapper{width:100% !important;}
	.date_time{ float:left !important;}
  .about_driver{margin-top: 30px !important;}
  .map_filter .dropdown-menu {
    min-width: 22.4rem;}
}
@media only screen and (max-width:992px) {
	.container-fluid{ padding-left:15px !important; padding-right:15px !important;}
}
.label-warning {
    background-color: #f0ad4e;
}
.label-success {
    background-color: #258914;
}
.label {
    display: inline;
    padding:2px 8px;
    font-size: 75%;
    font-weight:300;
    color: #fff;
    text-align: center;
    border-radius: .25em;
}

#get-started .btn-outline-dark {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: #fff;
}
#get-started .btn-outline-dark:hover{background: #dc3545;border-color: #dc3545;}
.canada_flag{    margin: .170rem .75rem;border: 1px solid #e6302f;display: inline-block;padding: 4px}
.select2-container--default .select2-selection--multiple {background-color: white;border: 1px solid #ced4da;border-radius: 0;height: 38px;}
.select2-container--default.select2-container--focus .select2-selection--multiple {border: solid #ced4da 1px;}
.rider_banner{background: url('../img/rider-banner.jpg') no-repeat center;background-size: cover;min-height: 400px;color: #fff;padding-top:120px;}
.rider_txt{max-width: 600px;}
.rider_txt h2{font-size: 2.5rem;font-weight: 300;}
.rider_txt h2 span{display: block;font-weight: 100;}
.search_rider{position: relative;margin-top: 20px;}
.search_rider input{padding-left: 40px;height: 60px;font-size: 18px;}
.search_rider i{position: absolute;left: 15px;top: 20px;color: #e6302f;}
.For_Rider{margin-top: 30px;}
.For_Rider h3{margin-bottom:15px;font-size: 25px;font-weight: 300;}
.about_driver h5{font-size: 15px;font-weight: 300;}
.about_driver h5 span{font-weight: 400;}
.about_driver h3 span{font-size: 14px;margin-left: 10px;color: #e6302f;}
.about_driver p{position: relative;margin-bottom: 0;padding-left: 20px;font-size: 13px;}
.about_driver p.green:before{background: #27AA0B;}
.about_driver p.green:after{content:"";background: #ddd;width: 1px;height: 15px;position: absolute;left: 3px;top: 14px;}
.about_driver p:before{content: "";height: 7px;width: 7px;border-radius: 50%;background: #e6302f;display: inline-block;top: 7px;position: absolute;left: 0;}
.external_lnk{list-style: none;padding:0;margin:0;}
.external_lnk li{margin-bottom: 10px;}
.external_lnk li a{color: #212529;}
.More_view i{margin-left: 10px;color: #b01615;vertical-align: middle;}
.feature_item{display: flex;margin-bottom: 40px;}
.feature_item a{color:#212529;}
.feature_item h3 a{text-decoration: none;}
/* .feature_item .ico{display: table-cell;} */
.feature_item .item_text{vertical-align: top;padding-left: 25px;}
.feature_item .item_text p{margin-bottom:8px;}
.ico i.fa-mobile{font-size: 50px; color: #b01615;}
.ico i.fa-twitter{font-size: 40px; color: #439CD6;}
.item_text.pl-10{padding-left: 10px !important}
.item_text.pl-20{padding-left: 20px !important}
.item_text.pl-10 p{margin-bottom: 10px;}
.item_text.pl-20 p{margin-bottom: 10px;}
.item_text.pl-10 p:first-child{font-weight: 500;}
.item_text.pl-20 p:first-child{font-weight: 500;}
.about_driver{margin-top: 40px;}
.gm-style .place-card-large{display: none !important;}
.gm-style .place-card, .gm-style .default-card, .gm-style .directions-card{display: none !important;}
.rider_map{position: relative;}
.map_filter{position: absolute;top: 22px;left: 0;right: 0;max-width: 420px;margin:auto;}
.map_filter button{width: 100%;cursor: pointer;background: #fff;color: #676767;border-radius: 0;border: 1px solid #ced4da;min-height: 50px;text-align: left;}
.map_filter button i{float: right;margin-top: 5px;}
.map_filter .dropdown-menu{min-width: 26.40rem;border-radius: 0;}
.map_filter .dropdown-menu p{margin-bottom: 0;}
table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after {
    content: '\f0d7' !important;
    font-family: 'FontAwesome' !important;
}
table.dataTable thead .sorting_desc:after {
    content: "\f0d8" !important;
    font-family: 'FontAwesome' !important;
}
table.dataTable thead .sorting:after{
    content: "\f0dc" !important;
    font-family: 'FontAwesome' !important;
}
.helper_tb li a{position: relative;padding-bottom: 5px;}
.helper_tb li.active-link a:before{width: 100%;}
.helper_tb li a:hover:before{width: 100%;}
.helper_tb li a:hover{color: #e6302f;}
.helper_tb li a:before{position: absolute;content: "";left: 0;height: 3px;width: 0;background: #e6302f;bottom: 0;transition: all 0.3s;}


/* Login Rider Form * (4-13-2018)*/
.full-width{
  float: left;width: 100%;position: relative;}
.gt-sm-icons>ul {padding: 0px;}
.gt-sm-icons>ul>li {
    list-style: none;
    display: inline-block;
    margin-left: 4%;
}
.gt-sm-icons>ul>lis:first-child {
    margin-left: 0px;
}
.gt-sm-icons>ul>li>a {
    color: #fff;
    width: 50px;
    display: block;
    height: 50px;
    border-radius: 50%;
    background-color: #343a40;
    border-color: #343a40;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
}

.gt-sm-icons>ul>li>a.blue:hover {
    background: #3A559F;
    border-radius: 50%;
    border:1px solid #3A559F;
   }
.gt-sm-icons>ul>li>a.light:hover {
    background: #55ACEE;
    border-radius: 50%;
    border:1px solid #55ACEE;
}
.gt-sm-icons>ul>li>a.red:hover {
    background: #F4521F;
    border-radius: 50%;
    border:1px solid #F4521F;
}
.gt-sm-icons {
    margin: 0 auto;
    text-align: center;
}
.gt-links>li {
    border-bottom: 1px solid #ddd;
    padding: 5px 0px;
}
.gt-links>li:last-child {
    border-bottom: 0px;
}
.gt-links>li>a {
    color: #959696;
}
.gt-links .active{
  color: #000;
}
.gt-side-links .active{
  color: #fff;
  background: #e62e2e;
}
.gt-side-links {
    background: #fff;
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
}
.gt-side-links ul{
  padding:0px;
  margin: 0px;
}
.gt-side-links ul>li{
  list-style: none;
}
.gt-side-links ul>li>a{
    padding: 10px 10px;
    border-bottom: 1px solid #ddd;
    display: block;
    text-decoration: none;
    color: #333;
   /* transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;*/
}
.gt-side-links ul>li>a:hover {
    background: #e62e2e;
    color: #fff;
  }
.my-trip{
     background: #fff;
  
}
.my-trip .h1, h1 {
    font-size: 2rem;
}
.my-trip .h2, h2 {
    font-weight: 300;
    font-size: 24px;
}
.filter-parent {
    display: table;
    width: 100px;
    height: 47px;
}
a.filter {
    line-height: 50px;
    text-decoration: none;
}
.trip-heading>h1 {
    margin-top: 5px;
}
.trip-heading{
    float: left;
    width: 100%;
    position: relative;
}
.trip-heading span{
  position: absolute;
  margin-right: 20px;
  margin-left: 20px;
  cursor: pointer;
  }
.sm-view>ul {
    padding: 0px;
    text-align: center;
    display: block;
}
.sm-view>ul>li {
    list-style: none;
    display: inline-block;
    margin-bottom: 10px;
    width: 180px;
}
.trip-heading h2 {
    padding: 20px 0 0 20px;
    margin: 0;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.sm-view .btn-dark {
    width: 100%;
    position: relative;
    font-size: 12px;
    cursor: pointer;
    padding: 3px 0px;
}
.sm-view .btn-dark span {
    text-align: center;
    position: absolute;
    left: 0;
    padding: 0px;
    top: 0;
    line-height: 25px;
    width: 30px;
    font-size: 13px;
    border-right: 1px solid #057889;
}
.sm-view{
  display: none;
}
div#demo{
    background: rgb(0, 0, 0);
    padding: 0px 10px;
    color: rgb(255, 255, 255);
}
strong.left-texts {
    float: left;
    width: 30%;
    margin-top: 10px;
    line-height: 40px;
}

.timeframe-links .btn {
    margin: 10px 5px;
    background: #fff;
    font-size: 13px;
  }
.filter-big .btn-dark{
  width: 100%;
  background: #e62e2e;
  border:#e62e2e;

}
div#demo hr {
    border-top: 1px solid rgba(238,238,238,.2);
}

tr td.left-chevron.fa {
  font-family: FontAwesome;
  font-size: 12px;
  padding-right: 10px;
}

.bg-inside{
     background: #fafafa;

     box-shadow: inset 0 -4px 2px -3px rgba(0,0,0,.1), inset 0 3px 2px -3px rgba(0,0,0,.1);
}
.full-width-1{
  display: table;
  width: 100%;
  position: relative;
}

.tbl-lft{
    display: table-cell;
    vertical-align: middle;
    padding-right: 14px!important;
    padding-left: 14px!important;
    width: 50%;
}
tr.clickable {
    cursor: pointer;
}
.color--neutral {
    color: #929292!important;
}
.separated--bottom, .separated--ends, hr {
    border-bottom: 1px solid #efefef;
}
.separated--ends, .separated--top {
    border-top: 1px solid #efefef;
}
.soft-half--ends {
    padding-top: 7px!important;
    padding-bottom: 7px!important;
}
.tbl-lft h6 {
    font-weight: 400;
    font-size: 11px;
}
.flush{
  margin: 0px;
}

.timetrack>span {
    color: #27AA0B;
    width: 10%;
    float: left;
    position: relative;
}
.track-desc {
    float: left;
    width: 90%;
}
.full-width.dot-lines:before {
    position: absolute;
    top: 13px;
    left: 6px;
    opacity: .65;
    content: "";
    background: #ddd;
    width: 1px;
    height: 56px;
}
span.red-chevron {
    color: #F62419;
}
.ratings>a {
    font-size: 24px;
    margin: 0px 10px;
    color: #ddd;
}
.btn-light {
    margin: 10px 5px;
    background: #fff;
    font-size: 13px;
    cursor: pointer;
}
.btn-dark {
    margin: 10px 5px;
    background: #333;
    font-size: 13px;
    cursor: pointer;
}
.vr-line:before {
    content: "";
    position: absolute;
    top: 30px;
    left: 0;
    width: 1px;
    height: 200px;
    background: #ddd;
}

.vr-line {
    position: relative;
}
.rider-det {
    max-width: 200px;
    margin: 10px auto;
}
.rider-det ul{
  padding: 0px;
}
.rider-det ul>li{
  list-style: none;
  margin-bottom: 10px;
}
.rider-det .btn-dark {
    width: 100%;
    position: relative;
    font-size: 12px;
    cursor: pointer;
    padding: 3px 0px;
}
.rider-det .btn-dark span {
    text-align: center;
    position: absolute;
    left: 0;
    padding: 0px;
    top: 0;
    line-height: 25px;
    width: 30px;
    font-size: 13px;
    border-right: 1px solid #959696;
}
@media only screen and (max-width:768px) {
  .hidden-xs{display: none;}
  .width-lg{
    max-width: 100%;
  }
/*  .site-gt.col-md-9{
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }*/
  .site-gt .col-sm-9{
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}
/* rider Profile */

.rider-info h3 {
    font-size: 18px;
}
.rider-info-1 span {
    padding-right: 10px;
    font-weight: 300;
}
.rider-info-1 {
    padding: 0px 20px;
}
.rider-info {
    padding: 20px 20px;
}
.separated--bottom, .separated--ends, hr {
    border-bottom: 0px solid #efefef;
}
.Pandora span{
    padding-left: 10px;
    font-weight: 500;
}
.btn-default {
    background: #E6E6E6;
    color: #000;
    font-size: 13px;
    border: 1px solid #ddd;
}
a#accord-1{
  cursor: pointer;
}
div#demo-5 p{
  margin:0px;
  padding:0px;
}
span.big-font {
    font-size: 18px;
    font-weight: 500;
}
span.small-font {
    color: #929292;
    font-size: 12px;
}
.rider-info .input-group{
  max-width: 250px;
}
.rider-info .input-group input.form-control {
    font-size: 13px;
    height: 30px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}
span#basic-addon2 {
    height: 30px;
    cursor: pointer;
    font-size: 13px;
}
.bg-grey{
      margin: 0px 20px;
    background: #FAFAFA;
    border-bottom: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
}
.bg-grey p{
    margin: 0;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 300;
}
.row.taxi-gt strong {
    font-weight: 500;
    line-height: 1.9em;
}
.row.taxi-gt select.form-control {
    height: 30px !important;
    border-radius: 4px;
    font-size: 15px;
    padding: 3px 5px;
}
.row.taxi-gt .btn-default{
    padding: 5px 10px;
    cursor: pointer;
  }

  /* Free Ride */
  .title-img img {
    height: 102px;
    display: block;
    margin: 10px auto;
}
.gt-ride {
    background: #FAFAFA;
    padding: 30px 10px;
    text-align: center;
    overflow: hidden;
}
.gt-ride>h4 {
    font-size: 18px;
    font-weight: 400;
}
.sm-font{
     color: #09091a;
    opacity: .6;
    font-size: 12px;
    text-decoration: underline;
}
.gt-offer>p{
    color: #929292!important;
    text-align: center;
    font-weight: 300;
    margin: 40px 0px;
    font-size: 12px;
}
.md-font {
    color: #929292!important;
    font-weight: 300;
}

/* View Detail */
.rider-viewdet {
    padding: 0px 15px;
}
.rider-viewdet ul{
  padding: 0px;
  margin:0px;
}
.rider-viewdet ul>li {
    list-style: none;
    margin-right: 5px;
    margin-bottom: 10px;
    display: inline-block;
    width: 24%;
}

.rider-viewdet ul>li .btn-dark {
    padding: 0px 5px;
    width: 100%;
    line-height: 25px;
    font-size: 13px;
    display: table;
    position: relative;
}
.rider-viewdet .btn-dark span {
    float: left;
    padding-right: 5px;
    width: 30px;
    font-size: 13px;
    border-right: 1px solid #959696;
}
.rider-viewdet ul>li:last-child {
    margin-right: 0px;
}
.flexbox{
    display: block;
    width: 100%;
}
.flexbox-item {
    display:inline-block;
    vertical-align: middle;
}
.micro {
    font-size: 11px;
    text-transform: uppercase;
    opacity: .8s5;
    font-weight: 300;
}
strong.st-font {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}

.mn-heading{
    font-weight: 600;
    font-size: 20px;
  }

.fare-wrap {
    padding: 0px 12px;
    font-weight: 300;
}
.breakdown-1{
  border-bottom:1px solid #ddd;
}
.breakdown-lft {
    line-height: 40px!important;
    text-align: left!important;
    display: inline-block!important;
    width: 60%!important;
    float: left;
    font-size: 14px!important;
}
.breakdown-rlt {
    line-height: 40px!important;
    text-align: right!important;
    display: inline-block!important;
    width: 40%!important;
    font-size: 14px!important;
    color: #3e3e3e!important;
}
.request-popup .modal-body {
    text-align: justify;
    font-size: 13px;
}
.request-popup .btn-dark{
    display: inline-block;
    font-size: 14px;
    width: 100%;
    padding: 5px 4px;
    cursor: pointer;
  }
  .fare-review {
    padding: 0px 20px;
    margin-bottom: 15px;
}
.ride-hlp a {
    color: #939393;
    text-decoration: none;
    font-size: 14px;
    margin-right: 20px;
}
.ride-hlp a:hover{
  color: #E6302F;
}
.ride-hlp a i {
    font-size: 12px;
    padding-left: 5px;
  }

/* help */
.help {
    padding: 0px !important;
}
.about_driver a {
    font-size: 12px;
    padding-left: 10px;
}

.bootstrap-iso label{
  font-weight: normal !important;
  font-size: 14px;
}
label.sm-fonts {
    font-size: 14px;
}
.hlp-form button, input, optgroup, select, textarea {
    border-radius: 4px !important;
    font-size: 14px !important;
}
.file_upload {
    border: 1px solid #CED4DA;
    border-radius: 4px;
    position: relative;
    width: 100%;
    height: 70px;
}
.file_upload:hover{
  background: #CECECD;
  cursor: pointer;
}
img#blah{
    position: absolute;
    top: 10px;
    left: 0;
    height: 50px;
    right: 0;
    width: 50px;
    margin: 0 auto;
    display: block;
    text-align: center;
    content: "";
}
input#imgInp {
     opacity: 0;
    cursor: pointer;
    top: 0;
    display: block;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
}
.hlp-form .btn-danger{
    display: inline-block;
    height: 40px;
    border-radius: 0px !important;
    width: 120px;
    padding: 5px 10px;
    cursor: pointer;
}

/* The container */
.count {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.count input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.count:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.count input:checked ~ .checkmark {
    background-color: #DC3545;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.count input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.count .checkmark:after {
    left: 7px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
span.cancel-fee>a {
    color: #000;
    text-decoration: none;
    display: block;
    position: relative;
    margin-bottom: 30px;
}
span.cancel-fee>a:before {
    position: absolute;
    content: "";
    left: 0;
    height: 2px;
    width: 0;
    background: #e6302f;
    bottom: 0;
    transition: all 0.3s;
  }
  span.cancel-fee>a:hover:before {
    width: 68%;
  }
span.cancel-fee>a>i {
    color: #e6302f;
    padding-left: 8px;
    font-size: 13px;
}
.des-pages ul{
  padding-left: 0px;
}
.des-pages ul>li {
    list-style: none;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}
.des-pages ul>li a {
    float: left;
    width: 75%;
}
.des-pages span{
  color: #959696;
  float: left;
  width: 10%;
  font-size: 16px;
}
.des-pages span i{
  float: right;
  }

/* loader */

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../img/Preloader_2.gif) center no-repeat #fff;
}
#rider-1 a.toggle-nav{
  display: none;
}





/* 4/26/2018 */

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.nav-item i {
    padding-left: 10px;
}
ul.lists.dropdown-menu.show li a.active{
    background: #e62e2e;
    color: #fff !important;
  }
ul.lists.dropdown-menu.show {
  padding: 0px;
  -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  border: none;
  width: 200px;
}
ul.lists.dropdown-menu.show li{
  font-size: 13px;
}
ul.lists.dropdown-menu.show li a{
    padding: 10px 10px;
    border-bottom: 1px solid #ddd;
    display: block;
    text-decoration: none;
    color: #333;
    position: relative;
    display: block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
ul.lists.dropdown-menu.show li a:hover{
  color: #fff;
  background: #E62E2E;
  }
.rider_overview {
    background: url(../img/ride-overview.png) no-repeat center;
    background-size: cover;
    min-height: 400px;
    color: #fff;
    position: relative;
    padding-top: 120px;
}
.overview_txt {
    position: absolute;
    left: 0em;
    padding: 20px;
    background: #e62e2e;
    bottom: -2em;
    width: 200px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.overview_txt:hover {
  opacity: .7;
  }
.overview_txt a {
  text-decoration: none;
  }
.overview_txt h3{
  color: #fff;
  font-size: 18px;
  margin-bottom: 20px;
}
.overview_txt strong{
  text-transform: uppercase;
  color: #fff;
}
.overview_txt strong i{
padding-left: 10px;
}
.gt-overview h1 {
    font-size: 32px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.gt-overview p {
    font-size: 16px;
    font-weight: 200;
}
.rider-benefit {
    background: #f4f4f4 !important;
    padding: 0 0 50px;
}
.gt-content {

    padding: 10px;
    background: #f7f7f7;
margin-bottom: 15px;
}
.gt-content h4.ride-pt {
    font-size: 18px;
    position: relative;
}
p.ride-detail {
font-size: 14px;
font-weight: 300;
}
.ride-price {
  background: #f8f8f9;
  padding: 70px 0px;
}
.wrap-price {
    max-width: 770px;
    margin: 0 auto;
}
.wrap-price h3{
  font-size: 36px;
  font-weight: 300;
}
.wrap-price p{
 font-size: 36px;
 font-weight: 200;
}
.price-state ul{
  padding: 0px;
}
.price-state ul>li{
  list-style: none;
}
.price-state ul>li {
    list-style: none;
    width: 120px;
    margin-bottom: 20px;
    font-weight: 500;
    display: inline-block;
}
.price-state ul>li>a {
  color: #000;
  text-decoration: none;
}
ul.custom-triget>li.active>a {
    color: #fff;
    background: #E62E2E;
    padding: 10px;
}
h5.ride-caption {
    font-weight: 300;
    font-size: 22px;
    line-height: 30px;
}
.cty {
    padding: 10px;
    font-size: 15px;
    text-transform: uppercase;
}
.cty i {
    padding-left: 10px;
}
.ride-map {

position: relative;
}
.form-over-map {

    background: #ca0202;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    max-width: 400px;
    bottom: 0;
    padding: 40px;
    color: #fff;

}
.form-over-map .form-control{ height: 50px;}
.form-over-map .send-icon span{ top: 16px;}
.mp-wrap small {

    margin: 0px;
    font-size: 15px;
    color: #ca0202;
    text-transform: uppercase;

}
.sm-red-text{ margin: 0px; font-weight: 400;
font-size: 15px !important;
color: #ca0202 !important;
text-transform: uppercase; }
.mp-wrap h3{
    font-weight: 300;
    font-size: 36px;
}

.send-icon {
    position: relative;
}
input.input-locate {
    position: relative;
    padding-right: 40px;
}
p {

    font-size: 14px;}
.send-icon span{
  position: absolute;
  top: 6px;
  margin-left: 20px;
  color: #959696;
  right: 12px;
}
a.text-big {
    color: #333;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
}
.ride-features{
  padding: 70px 0px;
}
.wrap-feature-1 img {
    display: block;
    margin-bottom: 20px !important;
}
/*.feature-desc{
 max-width: 900px;
 margin: 0 auto;
}*/
.promotion-bg{
  background: url(../img/red-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 70px 0px;
}
.wrap-promo h3 {
color: #fff;
font-weight: 400;
font-size: 36px;
margin-bottom: 30px;
}
.ride-btn {
background: #fff;
border: none;
font-size: 14px;
border-radius: 3px;
padding: 10px 30px;
}
.ride-btn i {
padding-left:10px;
}
.ride-btn:hover {
color: #E62E2E;
}
.buz-wrap{
  background: #fff;
}

.buz-pic {
    float: left;
    position: relative;
    width: 65%;
    max-height: 400px;
    overflow: hidden;
}
.buz-pic .img-fluid {

    height: 100%;
    width: 100%;
    object-fit: cover;

}
.buzz-txt {

    float: left;
    width: 35%;
    padding: 35px 35px 0;

}
.buzz-txt > h3 {
    font-size: 36px;
    color: #ca0202;
}
/* 5/2/2018 */

.lang {
    position: relative;
    padding-top:10px;
    padding-bottom: 10px;
    padding-right: 20px;
}
.lang-menu{
  position: relative;
  display: inline-block;
}
.lang-menu span i {
    padding-left: 8px;
}
.lang-menu:hover .dropdown-content {
    visibility: visible;
    opacity: 1;
    left: -50px;
}
.dropdown-content {
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: -140px;
    min-width: 200px;
    z-index: 101;
    transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.dropdown-content a {
    color: #959696;
    border-bottom: 1px solid #ddd;
    padding: 8px 10px;
    text-decoration: none;
    font-size: 13px;
    display: block;
}
.dropdown-content a:hover {
   background:#E62E2E;
   color:#fff;
 }
 .dropdown-content a.active {
   background:#E62E2E;
   color:#fff;
 }
#homepagerider {
    padding-top: 150px;
    height: auto;
    padding-left: 0px;
    background-color: #f1f1f1;
}
.home-banner::after{ display: none !important;}
.ride-items{
  padding: 70px 0px;
}
.ridr-bigfont{
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.ridr-bigfont h1 {
    font-size: 96px;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    line-height: 80px;
}
.ridr-bigfont p{
  font-size:22px;
  font-weight: 300 !important;
}
.reason {
  text-transform: uppercase;
  padding: 10px 30px;
}
.reason i{
  padding-left: 10px;
}
#drive-banner {
    position: relative;
    width: 100%;
    background: url(../pkimg/rider-6.jpg) center center fixed no-repeat;
    background-size: cover;
    padding: 50px 0 20px 0;
    color: #FFF;
}
.drive-caption h2{
    font-size: 36px;
    margin-bottom: 30px;
}
.rider-news{
  padding: 70px 0px;
}
.gt-overview h5 {
    color: #ca0202;
    font-size: 16px;
    text-transform: uppercase;
}
.wrap-speaker {
    float: left;
    width: 30%;
}
.speak-txt {
    float: left;
    width: 65%;
    margin-left: 5%;
}
span.border-bold {
    border: 1px solid #ddd;
    margin: 0 auto;
    height: 190px;
    display: block;
    width: 2px;
}
span.dropbtn a{
    text-decoration: none;
    color: #000;
}
span.dropbtn a:hover{
    color: #E62E2E;
}
/*  Rider bnner */

#homepageheader-1 {
padding-bottom: 0px;
margin-bottom: 10px;
background-color: #000;
height: auto;
padding-left: 0px;
background-image: url(../pkimg/ride-1.jpg);
background-position: left;
background-size: cover;
}

#homepageheader-1 h1{
font-size: 50px;
font-weight: 600;
color: #fff;
}

#homepageheader-1.lead{
color: #fff;
}
#homepageheader-1 .homeformstyle .lead{
color: #000;
font-size: 15px;
padding-left: 5px;
}
#homepageheader-1 .small{
font-size: 12px;
}
.sign-up a{
    color: #000;
    font-size: 14px;
}
.sign-up i{
    padding-left: 8px;
}
.sign-up a:hover{
  color:#E6302F;
  text-decoration: none;
}
div#homepageheader-1 form.homeformstyle{
  width:330px;
}
.pic-form {
    float: left;
    width: 26%;
    margin-left: 20px;
}
.sign-up-text {
    float: left;
    width: 65%;
    margin-top: 7px;
}
.sign-up h2{
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}
.bd{
  width: 100%;
  position: relative;
}
.bd:before {
    content: "";
    right: 0;
    position: absolute;
    margin: 0 auto;
    top: 12px;
    left: 0;
    z-index: -1;
    width: 211px;
    height: 1px;
    background: #959696;
}
.bd>p{
    background: #f5f5f5;
    width: 40px;
    height: 20px;
    margin: 0 auto;
    line-height: 20px;
  }
.sm-icons-wrap {
    text-align: center;
    margin: 20px 0px;
}
.sm-icons-wrap h2{
  font-weight: 500;
  font-size: 18px;
}
.sm-links>a {
    background: #010202;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    width: 40px;
    margin-right: 5px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    -webkit-transition: background-color .5s ease-out;
}
.sm-links a.blue:hover {
    background: #3A559F;
}
.sm-links a.light:hover {
    background: #55ACEE;
}
.sm-links a.red:hover {
    background: #F4521F;
}
.old-account>span {
    padding-top: 10px;
    display: inline-block;
}

@media only screen and (max-width:990px) {
.overview_txt{
  position: relative !important;
  bottom: 0 !important;
}
.navbar-light .navbar-toggler{
    display: none !important;
}
}
@media only screen and (max-width:900px) {
  .rider-viewdet ul>li {
    width: 100%;
}
}

@media only screen and (max-width:768px) {
#rider-1 a.toggle-nav{
  display: block;
}

.overview_txt{
  position: relative !important;
}
.sm-view{
  display: block;
}
.pg-lg{
    width: 100% !important;
    max-width: 100% !important;
    text-align: center;
}
.trip-wrap .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
ul.dropdown-menu.show {
  width: auto !important;
}.buz-pic {
    float: left;
    width: 100% !important;
}
.buzz-txt {
    float: left;
    width: 100% !important;
    padding: 20px;
}
.lang-menu:hover .dropdown-content {
    left: 0 !important;
}

.ridr-bigfont h1 {
    font-size: 40px !important;
    line-height: 30px;
}
.form-over-map {

    background: #ca0202;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    position: relative;
    max-width: none;
    bottom: 0;
    padding: 20px;
    color: #fff;

}
.ridr-bigfont p{
  font-size: 20px !important;
}
.form-over-map h2.mt-50 {

    margin-top: 10px !important;

}
.form-check{ padding-left: 0;}
}
@media only screen and (max-width: 360px){
    div#homepageheader-1 form.homeformstyle {
        width: 100% !important;
    }
}
@media (max-width: 480px){
    .tabs_link_wrap {
    white-space: unset !important;

}
.tabs_link{ text-align: center;}
.tabs_link li{ margin-bottom: 10px;}
}
@media only screen and (max-width:400px) {
  .trip-heading span {
    position: relative;
  }
  .title-img img {
    max-width: 250px !important;
  }
strong.left-texts {
    width: 100%;
}
.profile_drop .dropdown-menu {
    min-width: auto;
}
.rider_txt h2 {
    font-size: 1.7rem;
}
#innerpageheader h1 {
    font-size: 26px;
  }
.gt-overview p{
  font-size: 24px !important;
}
.gt-overview h1{
  font-size: 24px !important;
}

}
/* Rider banner */