@import url('https://fonts.googleapis.com/css?family=Karla');


body {
    margin: 0px;
    font-family: 'Karla', sans-serif;
    font-weight: 500;
    overflow-x: hidden;

}
h3,p{
    margin: 0px;
    padding: 0px;
}
a{
    text-decoration: none!important;
}
#loader {
  position: absolute;
  background-color: white;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
button, a{
        border-radius: 3px ;
}
#LoaderContainer{
    background: #f7f7f7;
    display: block;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    position: absolute;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.line-vertical{
    width:1px;
    height: 20px;
    background: white;
    position: absolute;
    right: 170px;
}
.np{
    padding: 0px;
}
.nm{
    margin: 0px;
}
.mt-12{
    margin-top: 12px;
}
.mb-12{
    margin-bottom: 22px;
}
.divider{
    width: 100%;
    height: 1px;
    background:rgba(153, 153, 153, 0.22);
}
.blue-txt{
    color: #029feb;
}
.white-txt{
    color:white;
}

.alert.alert-dismissable{
    border-radius: 0px;
    width: 98%;
    margin: 0 auto;
    color: #000000;
    background-color: #ffffff;
    border-color: transparent;
}

.alert.alert-dismissable.close{
    opacity: 1;
}
.alert.alert-dismissable h4{
    margin-bottom: 5px;
}
.hide-alert{
    
}
.border-gray{
    border:1px solid #d9d9d9;
}
.b-l-none{
    border-left: none!important;
}
.b-r-none{
    border-right: none!important;
}
.bg-none{
    background: transparent;
}
.time-plugin{
    margin-top: 11px !important;
}
.time-plugin .uk-input.bookingHours,
.time-plugin .uk-input.Bookingminutes{
 /* padding: 0; */
    text-align: center;
    margin-top: -15px;
/*  background: #f7f7f7 !important;*/
    color: #fff !important;
    border: none !important;
    border-bottom: 1px solid rgba(229, 229, 229, 0.31) !important;  
}
.time-plugin .action-icon{
    height: 40px;
    line-height: 40px;
}
/*
.time-plugin .action-icon:last-child a{
    border-right: 1px solid rgba(229, 229, 229, 0.31);
}
*/
.time-plugin .action-icon a{
        color: white;
    height: 40px;
    font-size: 12px;
    display: block;
/*
    border-top:1px solid rgba(229, 229, 229, 0.31);
    border-bottom:1px solid rgba(229, 229, 229, 0.31);
    border-left: 1px solid rgba(229, 229, 229, 0.31);
*/
}

.time-plugin .action-icon a:hover{
    text-decoration: none;
}
.col-md-6.col-sm-6.col-xs-6.custom.col-lg-6.np:after {
    content: ":";
    right: -2px;
    bottom: 4px;
    z-index: 999;
    color: #fff;
    font-size: 20px;
    position: absolute;
}
.slider-form{
    background: white;
    padding:20px;
    position: absolute;
    right: 70px;
    bottom: 20px;
    border-radius: 3px;
}
/*
@media all and (max-width: 768px) { ... } 
@media all and (max-width: 575px) { ... }*/
@media all and (min-width:1689px) {
    .business-side-bg{
    height: 48vh!important;
    background-size: cover !important;
    background-position: 0px -143px;
    }
    .airport-side-bg{
         height: 48vh!important;
    background-size: cover !important;
    background-position: 0px -143px;
    }
    .hotel-side-bg {
         height: 48vh!important;
    background-size: cover !important;
    background-position: 0px -143px;
    }
    .events-side-bg{
         height: 48vh!important;
    background-size: cover !important;
    background-position: 0px -143px;
    }
}

@media all and (max-width: 768px){
    .business-side-bg{
    height: 48vh!important;
    background-size: cover !important;
    background-position: 0px -143px;
    }
    .airport-side-bg{
         height: 48vh!important;
    background-size: cover !important;
    background-position: 0px -143px;
    }
    .hotel-side-bg {
         height: 48vh!important;
    background-size: cover !important;
    background-position: 0px -143px;
    }
    .events-side-bg{
         height: 48vh!important;
    background-size: cover !important;
    background-position: 0px -143px;
    }
}
@media all and (max-width: 991px){
    .business-side-bg{
    height: 54vh!important;
    background-size: cover !important;
    background-position: 0px -143px;
    }
    .airport-side-bg{
    height: 54vh!important;
    background-size: cover !important;
    background-position: 0px -143px;
    }
    .hotel-side-bg {
    height: 54vh!important;
    background-size: cover !important;
    background-position: 0px -143px;
    }
    .events-side-bg{
    height: 54vh!important;
    background-size: cover !important;
    background-position: 0px -143px;
    }
}
@media all and (max-width: 1199px){
    .business-side-bg{
    height: 88vh!important;
    background-size: cover !important;
    background-position: 0px 0px!important;
    }
    .airport-side-bg{
    height: 88vh!important;
    background-size: cover !important;
    background-position: 0px 0px!important;
    }
    .hotel-side-bg {
    height: 88vh!important;
    background-size: cover !important;
    background-position: 0px 0px!important;
    }
    .events-side-bg{
    height: 88vh!important;
    background-size: cover !important;
    background-position: 0px 0px!important;
    }
}











.business-side-bg {
    height: 80vh;
    background-image: url(../images/slider/business-sidebar.jpg);
     background-size: cover;
    background-repeat: no-repeat;
}
.airport-side-bg {
    height: 80vh;
    background-image: url(../images/slider/airport-sidebar.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.hotel-side-bg {
    height: 80vh;
    background-image: url(../images/slider/hotel2-sidebar.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.events-side-bg {
    height: 80vh;
    background-image: url(../images/slider/events-sidebar.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

/*--------------------------------Header-------------------------------
---------------------------------Section------------------------------------*/


/*----top navbar-----*/


.header {
    width: 100%;
    height: auto;
    position: relative;
    padding: 0px 0px 0px 0px;
}
.header-2 {
    width: 100%;
    height: auto;
    position: relative;
    padding: 0px 0px 0px 0px;
}
.header .scrolldown a{
    color:#fff;
    position: absolute;
    bottom: 60px;
    right: auto;
    left: 47.5%;
}
.header .scrolldown a:hover{
    text-decoration: none;
}
.header .scrolldown a i{
    color:#029feb;
    background: #fff;
    width:30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    position: absolute;
    bottom: 30px;
    right: auto;
    left: 31%;
}

.bg-main{
        background-image: url(../images/m-benz.jpg);
    height: 100%; 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px -85px;

}
@media( min-width: 1360px){
    .bg-main{
            background-position: 0px -146px;
    }
}
@media (min-width: 1560px){
.bg-main {
    background-position: 0px -195px;
}
}
.bg-2{
     background-image: url(../images/airportsmain.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.bg-3 {
    background-image: url(../images/HotelMain.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.bg-4 {
    background-image: url(../images/businesschauffeur.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.bg-5 {
    background-image: url(../images/eventchauffeur.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}


.col-md-12.business-icons .col-md-4, 
.col-md-12.business-icons .col-md-8{
    padding: 11px 10px 10px 20px;
    color:#029feb;
    font-weight: bold;
    font-size: 15px;
}
.col-md-12.business-icons .col-md-4:before,
.col-md-12.business-icons .col-md-8:before{
    font-family: 'fontAwesome';
    content: "\f14a";
    position: absolute;
    left: 0px;
}

.col-md-12.business-list{
    font-size: 17px;
}



@media(min-width:1360px){
    .header {
    background-size:100%;
    height: auto;
    background-attachment: fixed;
    background-position: 0px -250px;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 0px;
    }
}

.overlay{
    height: 100vh;
    background-color: rgba(0, 0, 0, 0);
    
}



/*-- TOP NAV-BAR--*/

.header-logo {
    padding-top: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.topnav {
    height: auto;
    background-color: rgba(0, 0, 0, 0.77);
}
.top-nav ul {
    list-style: none;
    position: absolute;
    right: 0px;
    float: right !important;
    padding-top: 18px;
}

.top-nav ul li {
    display: inline-block;
}
.top-nav ul li:last-child{
    border-left: 1px solid rgba(255, 255, 255, 0.44);
    padding-left: 20px;
}

.top-nav ul li a {
    color: aliceblue;
    padding-right: 20px;
}

.top-nav ul li span {
    padding-right: 10px;
    color: aliceblue;
}


@media(min-width:200px) and (max-width:767px){
    .top-nav ul {
    position: absolute;
    right: 0px;
    float: right !important;
    padding-top: 20px;
}

.top-nav ul li {
    display: inline-block;
}
.top-nav ul li:last-child{
    border-left: none;
    padding-left: 0px;
}

.top-nav ul li a {
    color: aliceblue;
    padding-right: 10px;
    font-size: 12px;
}

.top-nav ul li span {
    padding-right: 5px;
    color: aliceblue;
}
}

@media(min-width:768px) and (max-width:990px){
    .top-nav ul{
        padding-top: 20px;
    }
}


/*-- MIDDLE NAV-BAR--*/

.navbar-default {
    background: transparent;
    border-radius: 0px;
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.24);
/*    border-bottom: 1px solid rgba(255, 255, 255, 0.24);*/
    margin: 0px;
    padding: 0px;
}
.navbar-collapse{
    padding: 3.21px 0px 0px 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin:0px;
}

.navbar-default .navbar-collapse ul li a {
    color: #fff !important;
    font-weight: bold;
    font-size: 14px;
    text-align: center!important;
    padding-top: 14px !important;
    padding-bottom: 12px !important;
}
.navbar-default .navbar-collapse ul li a:hover{
    color:#029feb !important;
}

.navbar-nav {
    margin: 0.5px 1px;
    margin-bottom: 6px;
}

.uk-sticky-fixed{
    background: black;
}
.uk-sticky-fixed .navbar-nav{
    float: right;
}

.user-nav{
   float: right;
    position: absolute;
    top: 73px;
    right: 14px;
    list-style: none;
    z-index: 1;
}


@media (min-width:991px) and (max-width:1199px){
    .user-nav{
    float: left;
    position: absolute;
    top: 75px;
    right: 14px;
    list-style: none;
    z-index: 1;
    }
}




.user-nav li{
    float: left;
}
.user-nav >li> a{
    text-transform: uppercase;
    border-radius: 3px;
    padding: 7px 30px;
    background: #029feb;
    color:#fff;
    
}
.user-nav .dropdown-menu{
    top:23px; 
}

.user-nav .dropdown-menu>li>a:hover{
    background:transparent;
}
.user-nav li.dropdown:hover > .dropdown-menu {
    display: block;
}


/*---- Slider-----*/

.slider-text {
    padding-top: 130px;
    padding-bottom: 69px;
}
 .slider-text .home {
        /*width: 33%;*/
    }

@media (min-width: 200px) and (max-width: 990px){
    .slider-text .home {
        font-size: 21px!important;
        width: 53%;
    }
}
.circle-icon-25{
    font-size: 18px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50px;
}
.slider-text .phone-txt{
    margin-right: 20px;
}
.slider-text h1 {
    color: white;
    font-size: 40px;
    width: 44%;
    padding: 4px 0px;
    margin: 0px;
    font-weight: bold;
    text-align: left!important;
    
}
.slider-text .home{
    text-align: left;
    background-color: rgba(0, 0, 0, 0.77); 
    width:34%;
}
.slider-text span {
    display: block;
    color: white;
    padding: 0px 20px;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 5px;
}

.slider-text a{
       font-size: 28px;
    font-weight: bold;
    color: #029FEB;
    padding: 1px 9px;
     position: relative; 
     bottom: 8px; 
    border: 2px solid white;
    border-radius: 24px;
}

.slider-text.airport span {
     background-color: rgba(0, 0, 0, 0.77); 
     width: 36%;
}
.slider-text.business span {
     background-color: rgba(0, 0, 0, 0.77); 
     width: 38%;
}
.slider-text.hotels span {
     background-color: rgba(0, 0, 0, 0.77); 
     width: 44%;
}
.slider-text.events span {
     background-color: rgba(0, 0, 0, 0.77); 
     width: 41%;
}

.slider-text a:hover{
    text-decoration: none;
    color: white;
}
.slider-text a .fa{
    vertical-align: middle;
}

.price-badge {
    margin-top: 20px;
    width: 94px;
    height: 94px;
    border-radius: 50px;
    -webkit-text-decoration-line: ;
    text-decoration-line: ;
    background-color: #029feb;
    color: white;
    text-align: center;
    padding: 1px;
    line-height: 14px;
    position: relative;
    z-index: 1;
   
    
}
.price-badge>h3
{
    font-size:30px;
}
.price-badge .dashed-border{
    width: 84px;
    height: 84px;
    border-radius: 50px;
    border: 1.5px dashed white;
    padding-top: 20px;
    font-size: 17px;
    margin: 4px auto;
}
.car-name span{
    padding: 8px 30px 8px 20px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    position: relative;
    bottom: 50px;
    left: 83px;
    background: #252525;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    z-index: 0;
  
}

/*-----------------------------Booking form-----------------------------
---------------------------------Section------------------------------------*/
.booking-form {
  
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 1);
    margin-top: 90px;

}

.booking-form-title h3{
    text-transform: uppercase !important;
    font-weight: 600;
    line-height: 32px;
    color: white!important;
}
.booking-form .sub-title{
     color: #029feb !important;
    font-size: 33px;
    font-weight: bold;
    
}
.flex-box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.form-mid-content {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
  /* 1 */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

  /* 2 */
      
    -ms-flex-align: center;
  -webkit-flex-align: center;
  -webkit-box-align: center;
  align-items: center;

}
.booking-form .uk-form-icon {
    width:20px;
    height: 20px;
    top: 18px;
    left: 20px;
    color:white;
    position: absolute;
}
.booking-form .form-p-r-l{
    padding-right: 8px;
    padding-left: 8px;
}
.booking-form .uk-inline {
    margin: 0px 0px 7px 0px;
    line-height: 45px;
}

.hide{
    display: none!important;
}
 .show{
    display: block!important;
}

.uk-grid-small> label{
    margin:0px auto!important;
    width:79px;
    color: white;
    line-height: 26px;
    text-align: center !important;
    outline: none;
}
.uk-radio{
    border:2px solid #f9f9f9;
    outline: none!important;
}

.uk-margin{
    margin-bottom:8px;
   
}



.booking-btn{
    background: #029feb;
    color: white;
    font-size: 14px;
    font-weight: bold;
}
.booking-form .form-p-r-l .uk-input{
    background: transparent;
    color: white;
   border: 1px solid rgba(229, 229, 229, 0.31);
}
.booking-form .form-p-r-l .hours-select{
    
    -webkit-appearance:menulist-button !important;
    -moz-appearance:menulist-button !important;
    -ms-appearance:menulist-button !important;
}

.booking-form .form-p-r-l .uk-input option{
    color: #999999;
}

.booking-form .form-p-r-l .uk-input::-webkit-input-placeholder {
    color: white;
}

.booking-form .form-p-r-l .uk-input:-ms-input-placeholder {
    color: white;
}

.booking-form .form-p-r-l .uk-input::placeholder {
    color: white;
}
.booking-form #return_booking{
 display: none;
    
}
.booking-form #hourly_txtbox{
 display: none;
    
}
/*----------Our fleets----------*/

.ourfleets{
    padding: 8px 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ourfleets .heading h3 {
    font-weight: bold;
    font-size: 25px;
    text-align: center;
}

.ourfleets .heading p {
    text-align: center;
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 80px;
}
.fleet{
    padding: 0px;
    margin: 10px 19.5px;
    text-align: center;
 
}
.fleet .fleet-head{
    height: 70px;
}
/*
.ourfleets .fleet:first-child{
    margin-left: 60px;
}
*/
.ourfleets .fleet .headtitle{
    color: #029feb;
    font-weight: bold;
    padding-bottom: 0px;
}
.ourfleets .fleet .subtitle{
    padding-bottom: 0px;
    margin-bottom: 0px;

}
/*
.ourfleets .fleet .fleet-price-box{
    padding-left: 0px !important;
    padding-top: 5px;
    padding-bottom: 10px;
}
*/

.ourfleets .fleet .fleet-price-box .price{
   
        position: absolute;
    left: auto;
    font-size: 18px;
    right: 0px;
    bottom: 11px;
    font-weight: 600;
    color: #29af1a;
    border-radius: 4px;
}



.ourfleets .fleet .fleet-info{
    padding:10px 22px;
    text-align: left;

    
}
.ourfleets .fleet .fleet-info .fleet-icon{
    display: inline-block;
    padding-right: 3px;
}

.ourfleets .fleet .fleet-info .fleet-user-icon,
.ourfleets .fleet .fleet-info .fleet-bag-icon{
    position: relative;
    bottom: 2px;
    padding-right: 2px;
}

.ourfleets .fleet .fleet-info .fleet-bag-icon.small img{
    width:17px;
}


@media(min-width:1128px) and (max-width:1246px){
    .fleet{
    padding: 10px;
    margin: 18.5px;
    text-align: center;
    }
}
@media(min-width:1066px) and (max-width:1127px){
    .fleet{
    padding: 10px;
    margin: 17.5px;
    text-align: center;
    }
}
@media(min-width:991px) and (max-width:1066px){
    .fleet{
    padding: 10px;
    margin: 15.5px;
    text-align: center;
    }
}

@media(min-width:992px) and (max-width:1260px){
    .ourfleets .fleet .fleet-info .fleet-icon{
    display: inline-block;
    width:50% !important;
        float: left;
        text-align: center;
    }
    .ourfleets .fleet .fleet-info .fleet-price-box{
        width:100%;
        text-align: center;
        padding-top: 5px;
        margin-top: 2px;
        border-top: 1px solid rgba(153, 153, 153, 0.22);;
    }
}


@media(min-width:991px) and (max-width:1165px){
    .ourfleets .fleet .headtitle{
        font-size: 18px;
        font-weight: bold;
    }
    .ourfleets .fleet .subtitle{
    padding-bottom: 8px;
        font-size: 14px;
    }
    
}

@media(min-width:200px) and (max-width:990px){
    .fleet{
    padding: 30px;
   float: left !important;
    margin: 0px;
    text-align: center;
}

}





.how-it-works {
    


    background-color: #f7f7f7;
    padding-top: 95px;
    padding-bottom: 100px;
   
}

.how-it-works  .heading h3 {
    font-weight: bold;
    font-size: 25px;
    text-align: center;
}

.how-it-works  .heading p {
    text-align: center;
    font-size: 18px;
    padding-top: 20px;
}

.how-it-works  .col-md-2 {
    padding-top: 75px;
        text-align: center;
}
.how-it-works  .col-md-2:hover .circle{
    -webkit-box-shadow: 0px 12px 35px -10px;
    box-shadow: 0px 12px 35px -10px;
}
.how-it-works .col-md-2 h3{
    padding-top: 20px;
    font-size: 18px;
    font-weight: bold;
}
.how-it-works .col-md-2 p{
    padding-top: 20px;
    font-size: 15px;
  
}


.circle {
    width: 140px;
    height: 140px;
    margin: 0 auto;
    background-color: #252525;
    border-radius: 100px;
    /*    text-align: center;*/
}

.cir span {
    width: 40px;
    height: 40px;
    background-color: #029feb;
    color: white;
    display: block;
    border-radius: 50px;
    position: relative;
    bottom: 50px;
    padding-top: 8px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
/*    border:1px dashed #252525;*/
}

.fs-18 {
    font-size: 18px;
}

.detail p {
    padding-top: 20px;
    text-align: center;
}

.detail p:nth-child(2) {
    min-height: 90px;
}


/*--services--*/

.services{
    padding: 90px 0px 68px 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.services .heading h3 {
    font-weight: bold;
    font-size: 25px;
    text-align: center;
}

.services .heading p {
    text-align: center;
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 80px;
}
.services {
    padding-bottom: 100px;
}



.services .col-md-3 {
    padding: 0px;
}

.service h4 {
    text-align: center;
    padding-top: 30px;
    font-weight: 700;
    color: #029feb;
}

.service p {
    text-align: center;
    padding-top: 10px;
    font-size: 15px;
    border-right: 1px solid #d9d9d9;
}



/*------------testimonials----------*/

.testimonials{
    padding: 85px 0px 110px 0px;
      background-image: url(../images/testimonials-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.testimonials .heading{
    text-align: center;
}
.testimonials .heading h3{
    font-size: 25px;
    font-weight: bold;
    padding-bottom: 50px;
}
.testimonials .heading p{
  
    font-size: 18px;
    padding-bottom: 20px;
}
.testimonials .user-testi h4{
    font-weight: bold;
    padding-bottom: 5px;
}
.testimonials .testimonial-text, .testimonials .user-testi{
  color:white;
}
.carousel-indicators {
    bottom: -69px;
}
@media (min-width:200px) and (max-width:767px){
    .uk-flex{
            display: inline;
        text-align: center;
    }
    .testimonials .testimonial-text{
        padding: 20px 10px
    }
    .testimonials .user-testi h4{
      padding-top: 10px;
    padding-bottom: 5px;
}
}
/*--footer--*/

.footer ul li {
    padding-bottom: 10px;
}

.footer ul li a {
    color: black;
    font-size: 13px;
}

.footer span {
    font-size: 14px;
    padding-top: 0px;
    padding-bottom: 20px;
    float: left;
}

.footer .contact ul li img{
    padding-right: 8px;
}






/*--MARGIN'S--*/

ul {
    margin: 0px;
    padding: 0px;
}

p {
    margin: 0px;
    padding: 0px;
}

h3,
h4,
h5,
h6 {
    margin: 0px;
}


/*--PADDING--*/

.pb-20 {
    padding-bottom: 20px;
}
.pb-10 {
    padding-bottom: 10px;
}


.pr-5 {
    padding-right: 5px;
}

.clear-both {
    clear: both;
}

.pr-60 {
    padding-right: 60px;
}


/*--MEDIA-QUERY--*/


@media (min-width:767px) and (max-width:991px) {
    .header {
        text-align:left ;
    }
    .header-logo{
        padding-bottom: 13px;
        border-bottom: 1px solid white;
    }
 
    .top-nav ul{
      width:100%;
        float: left;
        left: 0px;
        padding-left: 18px;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .collapse.in {
        display: block!important;
        border-top:1px solid white;
    }
    .navbar-toggle {
         display: block;
    border-radius: 0px;
    border: none;
       bottom: 6px;
    right: -13px;
    float: right !important;
    }
    .navbar-toggle .icon-bar {
        background: white !important;
    }
    .navbar-header {
        float: none;
    }
    .topnav .pb-20{
        padding-bottom: 5px;
    }
    .navbar-default {
        background: transparent;
        border: none;
/*        border-top: 1px solid white;*/
    }
    .navbar-container{
/*        position: relative;*/
        top: 0px;
        left: 0px;
        width:100%;
    }
    .navbar-nav {
        width: 100%;
        margin: 0px;
    }
    .navbar-nav li {
        width: 100%;
    }
    .navbar-default .navbar-collapse ul li a.active:after{
        content: "";
    }
    .overlay {
        height: auto;
    }
    .user-nav{
    position:absolute;
    right: 15px;
    top:-46px;
    float: right;
    padding: 0px;
/*        overflow: hidden;*/
    }
    .user-nav li:first-child a{
/*        border-right: 0px solid transparent;*/
    }
/*
    .user-nav li:first-child{
        border-right: 1px solid white;
      
    }
    .user-nav li:first-child a{
        padding-right: 20px;
    }
    .user-nav li:last-child a{
        padding-left: 20px;
    }
    .user-nav li a{
         background: transparent;
        padding-right: 0px;
       
    }
*/
    
    
}
.close{
    opacity: 1;
}


#login-modal > .modal-dialog > .modal-content > .modal-header > .close {
  margin-top: -91px;
  color:#a0a0a0;
}
#login-modal .modal-dialog .modal-content .modal-header #messages .close{
    margin-top: 2px;
    opacity: 4;
}
#login-modal .modal-dialog .modal-content .modal-header #messages .close-success{
    margin-top: -11px;
    opacity: 4;
}
.alert.alert-danger.alert-dismissible {
    margin-bottom: 0px;
}
@media (min-width: 768px){
.modal-dialog {
     width: 400px;
    margin: 50px auto;
}
.btn{
    border-radius: 3px!important;
}
}
/*===========================================*/
/*  MOBILE
/*===========================================*/
@media (min-width: 200px) and (max-width: 767px) {
        .header {
        text-align:left ;
    
    }
    .header-logo{
        padding-bottom: 13px;
        border-bottom: 1px solid white;
    }
 
    .top-nav ul{
      width:100%;
        float: left;
        left: 0px;
        padding-left: 18px;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .collapse.in {
        display: block!important;
        border-top: 1px solid white;
    }
    .navbar-toggle {
      display: block;
        border-radius: 0px;
        border:none;
        bottom: 5px;
        right: 0px;
    float: right !important;
    }
    .navbar-toggle .icon-bar {
        background: white !important;
    }
    .navbar-header {
        float: none;
    }
    .topnav .pb-20{
        padding-bottom: 5px;
    }
    .navbar-default {
        background: transparent;
        border: none;
/*        border-top: 1px solid white;*/
    }
    .navbar-container{
/*        position: relative;*/
        top: 0px;
        left: 0px;
        width:100%;
    }
    .navbar-nav {
        width: 100%;
        margin: 0px;
    }
    .navbar-nav li {
        width: 100%;
    }
    .navbar-default .navbar-collapse ul li a.active:after{
        content: "";
    }
/*
   .overlay {
        height: 690px;
    }
*/
    .user-nav{
    position:absolute;
    right: 15px;
    top: -46px;
    float: right;
    padding: 0px;
/*        overflow: hidden;*/
    }
    .user-nav li:first-child a{
/*        border-right: 0px solid transparent;*/
    }
/*
    .user-nav li:first-child{
        border-right: 1px solid white;
      
    }
    .user-nav li:first-child a{
        padding-right: 20px;
    }
    .user-nav li:last-child a{
        padding-left: 20px;
    }
    .user-nav li a{
         background: transparent;
        padding-right: 0px;
       
    }
*/
    
}


@media (max-width:1199px){
    .uk-grid-small>label{
        width:70px;
    }
}

@media (min-width:200px)
    and (max-width:990px){
        .slider-text h1{
            font-size: 30px;
        }
        .booking-form{
            text-align: center;
            padding: 30px;
            position: relative;
            z-index: 1;
            right: 0px;
            left: 0px;
        }
.bg-main {
    height: 100%;
}
        .booking-form-title{
            padding-bottom: 20px;
        }
        .uk-form-icon {
            top: 18px;
            left:10px;
            position: absolute;
}
        .flex-box{
            padding: 8px;
        }
        .fl{
            padding: 0px;
           
            float: none;
            margin:0 auto;
            text-align: center;
        }
}







.full {
    width: 100%;  
    padding-left: 15px;
}
.gap {
    height: 30px;
    width: 100%;
    clear: both;
    display: block;
}
.footer {
    background: #EDEFF1;
    height: auto;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #DDDDDD;
}

.footer h3 {
    border-bottom: 1px solid #BAC1C8;
    color: #252525;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    padding: 40px 0 10px;
    text-transform: uppercase;
}
.footer ul {
    font-size: 13px;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 15px;
    color: #7F8C8D;
}
.footer ul li a {
    padding: 0 0 5px 0;
    display: block;
}
.footer a {
    color: #252525;
}


.newsletter-box .btn {
    border: medium none;
    border-radius: 3px;
    display: inline-block;
    height: 40px;
    padding: 0;
    width: 100%;
    color: #fff;
}

.social li {
    background: none repeat scroll 0 0 #B5B5B5;
    border: 2px solid #B5B5B5;
    border-radius: 50%;
    float: left;
    height: 36px;
    line-height: 36px;
    margin: 0 8px 0 0;
    padding: 0;
    text-align: center;
    width: 36px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.social li:hover {
    transform: scale(1.15) rotate(360deg);
    -webkit-transform: scale(1.1) rotate(360deg);
    -moz-transform: scale(1.1) rotate(360deg);
    -ms-transform: scale(1.1) rotate(360deg);
    -o-transform: scale(1.1) rotate(360deg);
}
.social li a {
    color: #EDEFF1;
}
.social li:hover {
    border: 2px solid #029feb;
    background: #029feb;
}
.social li a i {
    font-size: 16px;
    margin: 0 0 0 5px;
    color: #EDEFF1 !important;
}
.footer-bottom {
    background: #E3E3E3;
    border-top: 1px solid #DDDDDD;
    padding-top: 10px;
    padding-bottom: 10px;
}
.footer-bottom p.pull-left {
    padding-top: 6px;
}
.payments {
    font-size: 1.5em;   
}

@media (min-width:768px)
    and (max-width:990px){
    .footer .footer-company{
       clear:both;
        
    }
}


/*=================================================================*/
/*=================================================================*/
/*=========================BOOKING PAGE ===========================*/
/*=================================================================*/
/*=================================================================*/



/*booking form*/



.bootstrapWizard {
    display: inline-block;
    
}

.bootstrapWizard a:hover,.bootstrapWizard a:active,.bootstrapWizard a:focus {
    text-decoration: none
}

.bootstrapWizard li {
    display: inline-block;
    float: left;
    text-align: center;
    padding-left: 0
}

.bootstrapWizard li.complete .step {
    background: #0aa66e;
    padding: 1px 6px;
    border: 3px solid #55606E
}


.bootstrapWizard li .step {
    background: #f2f2f2;
    width:230px;
    height: 30px;
    display: block;
    color: #797777;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    padding: 0px 30px;

    position: relative;
    bottom: 40px;
    margin:0px 1px;
    text-align: center;
    word-wrap: break-word;
    z-index: 2;
    -webkit-transition: all .1s linear 0s;
    transition: all .1s linear 0s
}
.bootstrapWizard li:nth-child(5) .step{
  
} 
.bootstrapWizard li.active .step {
    background: #029feb;
    color: #fff;
    font-weight: 400;
/*    padding: 42px 0px;*/
    font-size: 18px;
}

.bootstrapWizard li .complete .step{
    background: #8dc63f;
    color: #fff;
}



.bootstrapWizard li .title {
    color: #bfbfbf;
    display: block;
    font-size: 13px;
    line-height: 15px;
    max-width: 100%;
    position: relative;
    table-layout: fixed;
    text-align: center;
    top: 20px;
    word-wrap: break-word;
    z-index: 104
}

.wizard-actions {
    display: block;
    list-style: none;
    padding: 0;
    position: relative;
    width: 100%
}

.wizard-actions li {
    display: inline
}

.tab-content.transparent {
    background-color: transparent
}

.booking-wizard-form .heading{

    text-align: center;
    padding: 10px 0px 10px;

}
.booking-wizard-form .heading p{

    text-align: center;
    font-size: 20px;
}
/*End Wizard*/

.booking-fleets .book-fleet{
    width:20%;
    float: left;
    margin: 0px;
    padding: 0px 5px;
    
}

.booking-fleets .book-fleet .uk-panel{
    background: #f2f2f2;
    padding: 10px 8px;
    border: 1px solid #e1e1e1;
}
.booking-fleets .book-fleet .fleet-price-box {
    text-align: center!important;
}
.booking-fleets .book-fleet .fleet-price-box .booking-price{
    font-size: 22px;
    font-weight: bold;
    color: #67a118;
}

.booking-fleets .book-fleet .fleet-head{
    height: 70px;
    text-align: center;
}
/*
.ourfleets .fleet:first-child{
    margin-left: 60px;
}
*/
.booking-fleets .book-fleet .headtitle{
    color: #029feb;
    font-weight: bold;
    padding-bottom: 4px;
}
.booking-fleets .book-fleet .subtitle{
    padding-bottom: 0px;
    margin-bottom: 10px;

}
/*
.ourfleets .fleet .fleet-price-box{
    padding-left: 0px !important;
    padding-top: 5px;
    padding-bottom: 10px;
}
*/

.booking-fleets .book-fleet .fleet-info{
    padding:0px 0px;
    text-align: left;

    
}
.booking-fleets .book-fleet .fleet-info .fleet-icon{
    float: left;
    width: 33%;
    height: 30px;
    text-align: center;
    padding-top: 3px;
    border-bottom: 1px solid #d9d9d9;
    
}

.booking-fleets .book-fleet .fleet-info .fleet-user-icon,
.booking-fleets .book-fleet .fleet-info .fleet-bag-icon{
    position: relative;
    bottom: 2px;
    margin-right: 2px;
    padding-right: 2px;
}
.booking-fleets .book-fleet .fleet-info .fleet-user-icon img{
    width:16px;
}
.booking-fleets .book-fleet .fleet-info .fleet-bag-icon img{
    width:22px;
}
.booking-fleets .book-fleet .fleet-info .btn{
    border-radius: 0px;
    margin-top: 5px;
    background: #029feb;
    font-weight: 700;
    border:none;
}

.route-map .heading{
    text-align: center;
    padding:25px 0px;
}
.route-map .heading p{
    padding-top: 10px;
}

/*
.invoice{
    border: 1px solid #e9e9e9;
}
.invoice .head{
    padding: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #e9e9e9;
}
.invoice  .table{
    border-bottom: 1px solid #e9e9e9;
    
}
.invoice  .table tr td{
    padding: 10px 0px;
    border:none;
}
.invoice  .table tr td:last-child{
    text-align: left;
    width:70%
}
.invoice  .table tr:first-child td{
    padding-top: 20px;
}
.invoice  .table tr:last-child td{
    padding-bottom: 20px;
}
.invoice .book-type {
  
}
.invoice .book-type h5{
    font-size: 18px;
    letter-spacing: 0.1em;
}
.invoice .book-type .table tr td{
    padding: 10px 0px;
}

.invoice .book-type .table tr td:last-child{
    text-align: right;
}
.invoice .book-type .table tr:first-child td{
    padding-top: 20px;
}
.invoice .book-type  .table tr:last-child td{
    padding-bottom: 20px;
}
.passenger{
    padding-bottom: 20px;
}
.passenger ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
 .passenger ul li{
    font-size: 15px;
    padding: 4px 0px;
}
 .passenger ul li .passenger-icon{
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin-top:3px;
    margin-right: 3px;
    background-image: url(../images/businessman.png);
    
}
.passenger ul li .suitcase-icon{
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin-top:3px;
    margin-right: 3px;
    background-image: url(../images/briefcase-frontal-view.png);
    
}
.total-amount{
    text-align:right;
    
}
.total-amount h3{
    color: #67a118;
    font-weight: 700;
    line-height: 50px;
}
.passenger-information .panel{
    border-radius: 0px;
    margin-bottom: 0px;
}
.passenger-information .panel-body{
    background: #f2f2f2;
}
.passenger-information .form-control{
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 35px;
}
.passenger-information .save-information{
    border-radius: 0px;
    background: #029feb;
    color: #fff;
}
*/

.booking-details{
    margin-top: 5px;
    padding: 0px 15px;
}
.booking-details .choosen-car-box{
    padding: 26px;
    background: #f7f7f7;
}
.booking-details .choosen-car-box .car-img{
    margin-bottom: 20px;
}
.booking-details .choosen-car-box .car-price{
    font-weight: bold;
    font-size: 28px;
    color: #67a118;
    position: absolute;
    right: 0px;
    top: 88px;
}
.booking-details .choosen-car-box .car-price i {
    font-size: 24px;
}
.booking-details .choosen-car-box .actions{
    position: absolute;
    top: 15px;
    right: 20px;
   
}
.booking-details .choosen-car-box .selected{
    background: #4cae4c;
    border-radius: 0px;
    float:left;
    margin-top: 10px;
}
.booking-details .choosen-car-box .change-car{
    color: #fff;
    border-radius: 0px;
    float: right;
}
.booking-details .choosen-car-box .change-car .badge{
    font-weight: normal;
    font-size: 14px;
}
.booking-details .panel-default>.panel-heading{
   
    border-bottom: 1px solid #d9d9d9;
    font-weight: bold;
    font-size: 18px;
    color: #029feb;
    background: transparent;
}
.booking-details .panel-default>.panel-footer{
    background: transparent;
}
.booking-details .choosen-info .panel{
    border-radius: 0px;  
    margin-bottom: 0px;
}
.booking-details .choosen-info .panel .table{
    font-size: 16px;
}
.booking-details .choosen-info .panel .table tr td{
    padding: 16px;
}
.booking-details .choosen-info .panel .table tr:first-child{
    border-bottom: 1px solid #d9d9d9;
}

.booking-details .choosen-info .panel .table .title-list{
    font-weight: bold;
    text-align: left;
}
.booking-details .choosen-info .panel .table tr td:last-child {
    text-align: right; 
   
}
.booking-details .choosen-info .panel-footer .title-list{
    font-weight: bold;
    font-size: 15px;
}
.booking-details .choosen-info .panel-footer .col-md-4{
    border-right: 1px solid #989898;
}
.booking-details .choosen-info .panel-footer .col-md-4:last-child{
    border-right: none;
}
.booking-details .choosen-info .panel-footer .info-list{
    font-size: 18px;
    text-align: right;
    float: right;
}
.green-text{
    color: #4cae4c;
}

.booking-details .choosen-car-box .car-capacities{
    line-height: 18px;
}
.booking-details .choosen-car-box .car-capacities .capacity-info{
    text-align: left;
    padding-right: 15px;
    float: left;
    width: 100%;
    line-height: 37px;
    height: 37px;
    clear: both;
    vertical-align: middle;
   
}
.booking-details .choosen-car-box .car-capacities .capacity-info:nth-child(1){
    border-bottom: 1px solid #d9d9d9;
}
.booking-details .choosen-car-box .car-capacities .capacity-title{
    text-align: left;
}
.booking-details .choosen-car-box .car-capacities .user-icon{
    float: left;
     padding-right: 15px;
        width: 31px;
}
.booking-details .choosen-car-box .car-capacities .icon-value{
    font-size: 15px;
    font-weight: bold;
    width: 50px;


}
.booking-details .choosen-car-box .info-row{
        border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}
.booking-details .choosen-car-box .info-row .choosenFleetInfo{
    padding: 10px 0px;
    border-right: 1px solid #d9d9d9;
    text-align: center;
}

.booking-details  .passanger-info{
    text-align: left;
    margin-top: 0px;
    background: #f7f7f7;
}
.booking-details  .passanger-info .passengerFooter{
    margin-top: 10px;
}
.booking-details  .passanger-info .passengerFooter label{
 padding-left: 5px;

}
.booking-details  .passanger-info .passengerFooter .uk-checkbox{
    margin-top:-2px;
    border: 1px solid #a09e9e;
    
}
.booking-details  .passanger-info .selected-info .headBookType{
    float: left;
    width:100%;
    padding: 10px 0px;
}
.booking-details  .passanger-info .selected-info .headBookType h4{
    padding-top: 2px;   
}
.booking-details  .passanger-info .selected-info .footerBookType{
    float: left;
    width:100%;
    padding: 5px 0px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    font-size: 15px;
}
.booking-details .passanger-info .selected-info .footerBookType #Date, #time, #price{
    font-weight: bold;
    padding-left: 5px;
}
.booking-details .passanger-info .selected-info .footerBookType #price{
    font-weight: bold;
    color: #67a118;
}
.booking-details  .passanger-info .selected-info .input-booktype{
    width:100%;
    height: 25px;
    border:none;
    margin-bottom: 8px;
    outline: none;
    font-weight: 400!important;
    background: transparent;
    border-bottom: 1px solid #d9d9d9;
}
.booking-details  .passanger-info .selected-info .action-bar ul{
    list-style: none;
    float: right;
    margin: 0px !important;
    padding: 0px!important;
}
.booking-details  .passanger-info .selected-info .action-bar ul li{
    float: left;
}
.booking-details  .passanger-info .selected-info .action-bar ul li a{
    padding: 3px 10px;
    color: #a09e9e;
}
.booking-details  .passanger-info .selected-info .action-bar ul li a:hover{
    text-decoration:none;
    color:#029feb;
}
.booking-details  .passanger-info .selected-info .action-bar ul li:nth-child(1){
    border-right: 1px solid #d9d9d9;
}
.booking-details  .passanger-info .selected-info .booking-table{
    width:100%;
}
.booking-details  .passanger-info .selected-info .booking-table tr td{
    padding-bottom: 5px;
}
.booking-details  .passanger-info .selected-info .booking-table .pickupAddress, 
.booking-details  .passanger-info .selected-info .booking-table .destinationAddress,
.booking-details  .passanger-info .selected-info .booking-table .hours,
.booking-details  .passanger-info .selected-info .booking-table .additionalAddress{
    font-weight: bold;
    
}
.booking-details  .passanger-info .selected-info .booking-table tr td:nth-child(1){
    width:30%;
    text-align: left;
}
.booking-details  .passanger-info .selected-info .booking-table tr td:nth-child(2){
    width:100%;
}
/*
.booking-details  .passanger-info table tr{
    border-bottom: 1px solid #d9d9d9;
}
.booking-details  .passanger-info table tr td:first-child{
   width:28%;
}
.booking-details  .passanger-info table tr td:last-child{
   width:45%;
}
.booking-details  .passanger-info table tr td{
    padding: 12px 0px;
}

.booking-details  .passanger-info table tr td:last-child{
    font-size: 16px;
    padding-left: 15px;
}
*/

.booking-details  .pickup_details{
    text-align: left;
    width: 100%;
    background: #f7f7f7;
    padding: 25px 25px 25px;
}

.booking-details  .pickup_details .txtbox-container{
    margin-bottom: 10px;
}

.booking-details  .pickup_details 
.txtbox-container 
.input-group .input-group-addon{
    border: none;
    background: none;
    border-radius: 0px;
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
}
.booking-details  .pickup_details 
.txtbox-container 
.input-group .form-control{
    outline: none;
/*    border-left: 0px;*/
    background:transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.booking-details  .pickup_details 
.txtbox-container 
.input-group .input-group-addon .fa{
    width:15px;
}
.booking-details  .pickup_details 
.txtbox-container .fa{
    color:#a09e9e;
}

.booking-details  .pickup_details 
.txtbox-container .form-group{
    margin-bottom: 0px;
}
.booking-details  .pickup_details 
.txtbox-container .form-group .input-header{
    margin-bottom: 10px;
}

.booking-details  .pickup_details 
.txtbox-container .form-group .form-control{
    margin-bottom: 10px;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/*
.booking-details  .pickup_details>h4{
    padding-bottom: 8px;
    border-bottom: 1px solid #d9d9d9;
    color:#029feb;
}


.booking-details  .pickup_details table tr td:last-child{
    font-size: 16px;
    padding-left: 15px;
}
.booking-details  .pickup_details table tr{
    border-bottom: 1px solid #d9d9d9;
}
.booking-details  .pickup_details table tr td:first-child{
   width:25%;
}
.booking-details  .pickup_details table tr td:last-child{
   width:45%;
}
.booking-details  .pickup_details table tr td{
    padding: 12px 0px;
}
.booking-details table tr td i{
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-right: 4px;
    color: #989898;
}
*/

.booking-details  .pickup_details p{
/*    border-bottom: 1px solid #d9d9d9;*/
    width: 250px;
}

.booking-details  .pickup_details textarea{
    resize: none;
    padding: 7px 4px 23px 11px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #d9d9d9;
    outline: none;
    font-size: 14px;
}
.booking-panes .heading-tab{
    text-align: center;
    font-size: 20px;
    padding-bottom: 20px;
}
.booking-details  .pickup_details textarea::-webkit-input-placeholder{
    font-size: 14px;
}
.booking-details  .pickup_details textarea:-ms-input-placeholder{
    font-size: 14px;
}
.booking-details  .pickup_details textarea::placeholder{
    font-size: 14px;
}
.booking-passenger-inputs{
    width:250px;
    outline: none;
}


/*payment form*/
.paymentForm {
    text-align: left;
    background: #f7f7f7;
    padding:28px;
}
.paymentForm .input-group .input-group-addon{
    border: none;
    background: none;
    border-radius: 0px;
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
}
.paymentForm .input-group{
    margin-bottom: 14px;
}
.paymentForm .input-group .form-control{
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}
.paymentForm .input-group .input-group-addon .fa{
    width:15px;
}
.paymentForm .AmountRow label{
    margin: 19px 0px;
    font-size: 15px;
}
.paymentForm .AmountRow .form-group{
    margin-bottom: 0px;
}
.paymentForm .AmountRow .TotalPrice{
    margin: 10px 0px; 
    font-size: 30px;
    font-weight: bold;
    color: #67a118;
}
.paymentForm .AmountRow .TotalPrice .fa{
    font-size: 24px;
}
.paymentForm .headTitle{
    padding: 5px 0px 30px;
} 


.custom-mid {
    display: inline-block;
}

table.uk-datepicker-table th, table.uk-datepicker-table tr {
    padding: 4px;
    text-align: center;
}
uk-dropdown.uk-datepicker{
    -webkit-box-shadow:0px 0px 12px;
    box-shadow:0px 0px 12px;
}

a.uk-datepicker-date-disabled.uk-datepicker-table-muted {
    color: #aeaeae;
}

.modal-open {
    overflow: auto!important;
}
#login-modal input[type=text],
#login-modal input[type=password],
#login-modal input[type=email],
#login-modal button
{
    height: 40px!important;
     -webkit-box-shadow: none; 
     box-shadow: none; 
    -webkit-transition: none;
    -o-transition:none;
    transition: none;
}
#login-modal button{
    background: #029FEB;
    border:none;
    font-size:15px;
}

#login-modal .close-success{
    background: transparent;
    opacity: 1;
    top: -2px;
    font-size: 18px;
}
#login-modal .close-danger{
    background: transparent;
    opacity: 1;
    top: -2px;
    font-size: 18px;
}

#login-modal .modal-footer span.Signup{
    display: block;
    font-size: 15px;
}
#login-modal #login_register_btn,
#login-modal #register_login_btn,
#login-modal #lost_login_btn{
    padding: 0px;
    margin: 0px;
}

/*#div-forms{
    height: auto!important;
}*/
#div-login-msg,
#div-lost-msg,
#div-register-msg {
    border: 1px solid #dadfe1;
    height: 30px;
    line-height: 28px;
    -webkit-transition: all ease-in-out 500ms;
    transition: all ease-in-out 500ms;
}

#div-login-msg.success,
#div-lost-msg.success,
#div-register-msg.success {
    border: 1px solid #68c3a3;
    background-color: #c8f7c5;
}

#div-login-msg.error,
#div-lost-msg.error,
#div-register-msg.error {
    border: 1px solid #eb575b;
    background-color: #ffcad1;
}

#icon-login-msg,
#icon-lost-msg,
#icon-register-msg {
    width: 30px;
    float: left;
    line-height: 28px;
    text-align: center;
    background-color: #dadfe1;
    margin-right: 5px;
    -webkit-transition: all ease-in-out 500ms;
    transition: all ease-in-out 500ms;
}

#icon-login-msg.success,
#icon-lost-msg.success,
#icon-register-msg.success {
    background-color: #68c3a3 !important;
}

#icon-login-msg.error,
#icon-lost-msg.error,
#icon-register-msg.error {
    background-color: #eb575b !important;
}

#img_logo {
    max-height: 100px;
    max-width: 100px;
}

/* #########################################
   #    override the bootstrap configs     #
   ######################################### */

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8;
}

.modal-content {
    background-color: #fff;
    border-radius: 3px;
    outline: 0;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px 15px 0px 15px;
    border-bottom: 0px;
}

.modal-body {
    position: relative;
    padding: 5px 15px 5px 15px;
}

.modal-footer {
    padding: 2px 15px 15px 15px;
    text-align: left;
    border-top: 0px;
}
.modal-footer .btn-link{
    color: #029feb;
    font-weight: bold;
}
.modal-footer button.btn.btn-primary.btn-block{
    background: #029feb important;
}
.checkbox {
    margin-bottom: 0px;
}

.btn {
    border-radius: 0px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

.btn-lg, .btn-group-lg>.btn {
    border-radius: 0px;
}

.btn-link {
    padding: 5px 10px 0px 0px;
    color: #95a5a6;
}

.btn-link:hover, .btn-link:focus {
    color: #2c3e50;
    text-decoration: none;
}

.glyphicon {
    top: 0px;
}

.form-control {
  border-radius: 0px;
}

.input-outlined {
    width: 100%;
    height: 34px;
    background: transparent;
    border: 1px solid #cacaca;
    padding: 4px 9px;
    font-size: 14px;
}

.input-outlined:focus{
    -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.42);
    box-shadow: 0px 0px 1px rgba(0,0,0,0.42);
    outline-color: transparent;
}

.progressWizard{
    list-style: none;
    text-align: center;
}
.progressWizard{
    width:85%;
    text-align: center;
    margin: 0 auto;
    list-style: none;
}
.progressWizard .progressbar{
    width:100%;
    height: 5px;
    position: relative;
    top: 33px;
    z-index: 1;
    background:  #989898;
    margin: 0 auto;
}

.progressWizard .progressbar .completeprogress{
    width:225px;
    height: 5px;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
    background:#029feb;
}
.progressWizard li .progressline{
    width:40px;
    height: 40px;
/*    border-radius: 50px;*/
    position: relative;
    z-index:2;
    color: white;
    font-size: 16px;
    line-height: 40px;
    background: #414141;
    margin:0 auto;
    margin-bottom: 10px;
}
.progressWizard li.active .progressline{
   background: white;
    color: #029feb;
    font-weight: bold;
    border: 2px solid #029feb;
}
.progressWizard li{
    display: inline-block;
    width:145px;
    margin: 0px 0px;
    padding: 10px 10px;
}




@-webkit-keyframes myanimation {
  from {
    left: 0%;
  }
  to {
    left: 50%;
  }
}


.checkout-wrap {
  color: #ddd;
  margin: 40px auto;
  max-width: 1200px;
  position: relative;
    height: 5px;
 
}

ul.checkout-bar {
  margin: 0px 20px;
}
ul.checkout-bar li {
  color: #989898;
  display: block;
  font-size: 14px;
  padding: 14px 20px 14px 80px;
  position: relative;
}
ul.checkout-bar li:before {
  background: #999999;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  left: 20px;
  line-height: 37px;
  position: absolute;
  text-align: center;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  top: -68px;
  z-index: 995;
}
ul.checkout-bar li.active {
  color: #029feb;
  font-weight: bold;
}
ul.checkout-bar li.active:before {
  background: #029feb;
  z-index: 999;
}
ul.checkout-bar li.visited {
  background: #ECECEC;
  color: #414141;
  z-index: 999;
}
ul.checkout-bar li.visited:before {
  background: #414141;
  z-index: 999;
}
ul.checkout-bar li:nth-child(1):before {
  content: "1";
}
ul.checkout-bar li:nth-child(2):before {
  content: "2";
}
ul.checkout-bar li:nth-child(3):before {
  content: "3";
}
ul.checkout-bar li:nth-child(4):before {
  content: "4";
}
ul.checkout-bar li:nth-child(5):before {
  content: "5";
}
ul.checkout-bar li:nth-child(6):before {
  content: "6";
}

/*
ul.checkout-bar a {
  color: #414141;
  font-size: 14px;
  text-decoration: none;
}
*/

@media all and (min-width: 800px) {
    
  .checkout-bar li.active:after {
    -webkit-animation: myanimation 3s 0;
/*    background-size: 35px 35px;*/
    background-color: #029feb;
    content: "";
    height: 5px;
    width: 50%;
    left: 50%;
    position: absolute;
    top: -50px;
    z-index: 0;
  }

  .checkout-wrap {
    margin: 66px auto;
  }

  ul.checkout-bar {
 
/*    background-size: 35px 35px;*/
    background-color: #ddd;
    height: 5px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
    top:-30px;
  }
    
  ul.checkout-bar:before {
/*    background-size: 35px 35px;*/
    background-color: #029feb;
    content: " ";
    height: 5px;
    left: 0;
    position: absolute;
    width: 17%;
  }
    
  ul.checkout-bar li {
    display: inline-block;
    margin: 50px 0 0;
    padding: 0;
    text-align: center;
    width: 16%;
  }
  ul.checkout-bar li a{
     color: #989898;
     text-decoration: none;
}
    
  ul.checkout-bar li:before {
    height: 40px;
    left: 40%;
    line-height: 40px;
    position: absolute;
    top: -70px;
    width: 40px;
    z-index: 999;
  }
    
  ul.checkout-bar li.visited {
    background: none;
  }
    
  ul.checkout-bar li.visited:after {
    background-size: 35px 35px;
    background-color: #029feb;
    content: "";
    height: 5px;
    left: 50%;
    position: absolute;
    top: -50px;
    width: 100%;
    z-index: -1;
  }
    
}
/* recommendation fleets popup */

 .fleet-recommendations .modal-dialog {
    width: 60%;
    margin: 30px auto;
  }
@media (min-width:300px) and (max-width:767px){
    .fleet-recommendations .modal-dialog {
    width: 90%;
    margin: 30px auto;
  }
}
@media (min-width:768px) and (max-width:1260px){
    .fleet-recommendations .modal-dialog {
    width: 90%;
    margin: 30px auto;
  }
}
.fleet-recommendations .modal-dialog .modal-body{
    padding-bottom: 34px;
}.
.fleet-recommendations .modal-dialog .modal-content{
    background-color: white !important;
}
.fleet-recommendations .modal-header{
    padding: 20px ;
}
.fleet-recommendations .booking-fleets .book-fleet{
    width:50%;   
}
@media (max-width:768px){
    
    .fleet-recommendations .booking-fleets .book-fleet{
    width:100%; 
        margin-bottom: 10px;
    }
}

.fleet-recommendations .modal-title{
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 20px;
}
.fleet-recommendations p{
    text-align: center;
    font-size: 16px;
    padding-top: 10px;

}

.fleet-recommendations .booking-fleets .book-fleet .fleet-info{
    padding:0px 0px;
    text-align: left;

    
}
.fleet-recommendations .booking-fleets .book-fleet .fleet-info .fleet-icon{
    display: inline-block;
    padding-top: 7px;
    padding-right: 8px;
}

.fleet-recommendations .booking-fleets .book-fleet .fleet-info .fleet-user-icon,
.fleet-recommendations .booking-fleets .book-fleet .fleet-info .fleet-bag-icon{
    position: relative;
    bottom: 2px;
    margin-right: 2px;
    padding-right: 2px;
}
.fleet-recommendations .booking-fleets .book-fleet .fleet-info .btn{
    border-radius: 0px;
    margin-top: 2px;
    background: #029feb;
    font-weight: 700;
    border:none;
}


/*invoice*/
.invoice{
    padding: 0px 20px 50px 20px;
    background: #f7f7f7;
}
.invoice .panel-default>.panel-heading{
   background: white;
    border: none;
/*    border-bottom: 1px solid #d9d9d9;*/
    font-weight: bold;
    font-size: 14px;
    color: #878787;
    text-align: left;
    padding: 7px 9px;
}
.invoice .panel-default .vehicleTitle h4{
    padding-left: 8px;
    font-size: 30px!important;
    color: #029feb;
}
.invoice .panel-default .vehicleLuggages{
    padding: 10px;
    text-align: right;
}

.invoice .panel-default>.panel-footer{
    background: transparent;
   border-bottom:none;
    padding: 0px 15px;
}
.invoice .panel-default>.panel-footer:last-child{
    background: transparent;
/*   border-bottom: 1px solid #d9d9d9;*/
    padding: 0px 15px;
}
.invoice .panel-default .panel-footer .invoiceInfoCol .col-md-12{
    padding: 5px 10px;
    border-bottom: 1px solid #d9d9d9;
}
.invoice .panel-default>.panel-footer .invoiceInfoCol{
    border-right: 1px solid #d9d9d9;
}
.invoice .panel-default>.panel-footer .invoiceInfoCol .col-md-12:last-child{
    border-bottom: none;
}
.invoice .panel-default>.panel-footer .invoicePriceCol {
    padding: 17px 0px;
}
.invoice .panel-default>.panel-footer .invoicePriceCol .fa {
    font-size: 22px;
}
.invoice .heading-tab{
    padding: 10px 0px 10px;
    float: left
    color: #878787;
    
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 35px;
    text-align: left;
}

.invoice .invoicePassengerInfo_Tble{
    margin-bottom: 10px;
    padding: 0px!important;
}
.invoice .invoicePassengerInfo_Tble tr td{
    width:35%;
    text-align: left;
    font-size: 14px;
    padding: 5px 0px;
    border:none;
}
.invoice .invoicePassengerInfo_Tble tr td:first-child{
   font-weight: bold;
}
.invoice .invoicePassengerInfo_Tble tr:first-child td{
    padding-top: 13px;
}
.invoice .invoicePassengerInfo_Tble tr:last-child td{
    padding-bottom: 15px;
}
.invoice .invoicePassengerInfo_Tble tr td i{
    width:20px;
    text-align: center;
}

.invoice .invoicePassengerInfo_Tble tr:nth-child(3) td{
   border-bottom: none;
}

.invoice .invoicePassengerInfo_Tble,
.invoice .invoiceInfo_Tble{
    margin-bottom: 0px;

}
.invoice .choosen-info .table{
    border-bottom: none;
}
.invoice .choosen-info .return .table{
    
}
.invoice .invoiceInfo_Tble tr td{
    width:50%;
    padding: 0px;
    border-top: 0px;
    text-align: right;
    
}
.invoice .invoiceInfo_Tble tr:first-child  td{
    padding: 5px 0px;
}
.invoice .invoiceInfo_Tble tr:last-child  td{
    padding: 5px 0px;
}
.invoice .choosen-info .panel{
    border-radius: 0px;  
    margin-bottom: 0px;
    border-bottom: none;
    text-align: left;
}

.invoice.invoice-oneway .choosen-info .panel,
.invoice.invoice-hourly .choosen-info .panel{
    border-bottom: 1px solid #dedede;
}
.invoice .choosen-info .panel .table{
    font-size: 14px;
}
.invoice .choosen-info .panel .table tr td{
    padding: 6px 10px;
}
.invoice .choosen-info .panel .table tr td{
    border-top: none;
}
.invoice .choosen-info .panel .table tr td:first-child{
    
}
.invoice .choosen-info .panel .table tr:last-child{
    border-bottom:none;
}

.invoice .choosen-info .panel .table .title-list{
/*    font-weight: bold;*/
    text-align: left;
    color: #029feb;
}
.invoice .choosen-info .panel .table .info-list{
    
/*    font-weight: bold;*/
    text-align: left;
    letter-spacing: 1px;
    
}
.invoice .choosen-info .panel .table tr td:last-child {
    text-align: right; 
}
.choosen-info .panel-footer .invoiceInfoCol .title-list i{
    width:20px;
}
.invoice .choosen-info .panel-footer .invoiceInfoCol .title-list{
/*    font-weight: bold;*/
    font-size: 14px;
}
.invoice .choosen-info .panel-footer .col-md-4{
    border-right: 1px solid #989898;
}
.invoice .choosen-info .panel-footer .col-md-4:last-child{
    border-right: none;
}
.invoice .choosen-info .panel-footer .info-list{
    font-size: 14px;
    text-align: right;
    float: right;
    color: #029feb;
    letter-spacing: 1px;
/*    font-weight: bold;*/
}


.invoice .return .panel-footer{
    border-bottom: 1px solid #d9d9d9;
}

.user-nav.logged-in {
    margin-top: 8px;
}

.user-nav.logged-in li a{
    background:transparent;
    padding:7px
}

.user-nav.logged-in #user_profile img{
    width:35px;
    height:45px;
}

.user-nav.logged-in #user_name{
    padding-top:11px;
    padding-left:3px;
}

.booking-fleets .book-fleet .fleet-info .icon-luggage-small .fleet-bag-icon img {
    width: 18px;
}















/*hour plugin*/

/*
.count-input {
  position: relative;
  width: 100%;

}
.count-input input {
    width: 100%;
    padding-left: 26px;

    border: 1px solid #000;

    background: none;
    text-align: center;
}
.count-input input:focus {
  outline: none;
}
.count-input .incr-btn {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    font-size: 22px;
    font-weight: 300;

    text-align: center;
    line-height: 30px;
    color: white;
    top: 52%;
    right: 30px;
    margin-top: -15px;
    text-decoration: none;
}
.count-input .incr-btn:first-child {
  right: auto;
    left: 50px;
    top: 52%;
    color: white;
}
.count-input.count-input-sm {
  max-width: 125px;
}
.count-input.count-input-sm input {
  height: 36px;
}
.count-input.count-input-lg {
  max-width: 200px;
}
.count-input.count-input-lg input {
  height: 70px;
  border-radius: 3px;
}*/
.center-machine {
    float: none !important;
    margin: 0 auto !important;
}

div#login-modal .modal-dialog .modal-content .modal-header img {
    max-width: 100%;
}
span.glyphicon.glyphicon-remove {
    position: absolute;
    right: -17px;
    top: -17px;
    background: white;
    display: block;
    color: #319ad5;
    padding: 5px 5px;
    border-radius: 50%;
    z-index: 999999;
}
.service-info{
    padding-left: 70px;
}
.services-s-page{
    padding:60px 0px 0px;
}
.services-s-page h3{
    padding-bottom: 60px;
}
.services-s-page .service-info h5{
    font-weight: bold;
    padding-bottom: 12px;
}


    .services-s-page .service-info p{
    padding-bottom: 12px;
    text-align: justify;
    font-size:15px;

}
@media(max-width: 1678px) and (min-width: 1579px)   {
    .services-s-page .service-info p{
    padding-bottom: 12px;
    text-align: justify;
    font-size:19px;

}
.services-s-page .service-info .btn.book-btn{
    font-size: 17px;
    margin-bottom: 40px;
}
.side-bg {
    height: 80vh;
    background-size: cover;
    background-repeat: no-repeat;
  
}
    .slider-form{
    background: white;
    padding:20px;
    position: absolute;
    right: 220px;
    bottom: 20px;
    border-radius: 3px;
}
.col-md-12.business-icons .col-md-4,
.col-md-12.business-icons .col-md-8{
    font-size: 17px;
        padding: 11px 10px 10px 30px;
}
.col-md-12.business-list{
    font-size: 19px!important;
}
}

.col-md-12.business-list{
    font-size: 15px;
}

.services-s-page .service-info h4{
    padding-bottom: 10px;
    color:#029feb;
}
.services-s-page .service-info  h6{
    font-size: 14px;
    padding-bottom: 12px;
    font-weight: bold;
    font-family: sans-serif;
    color: #777272;
    letter-spacing: 0.2px;
}
.services-s-page .service-info  h6 i{
    color:#777272;
    width: 20px;
}
.services-s-page .service-info .btn.book-btn{
    color: white;
    background: #029feb;
    margin-top:10px;
}
.services-s-page .contact-info{
    padding: 50px 40px 30px;
    background: #fff;
}
.services-s-page .contact-info h3{
    padding-bottom: 15px;
}
.services-s-page .contact-info p{
    padding-bottom: 20px;
}
.services-s-page .contact-info .btn.btn-contact{
    color: #fff;
    background: #029feb;
}
.services-s-page ul li{
    float: left;
    margin: 10px 20px;
}
.slider-contact-form {
    background: white;
    padding: 20px;
    text-align: center;
}
.bg-black{
    background: rgba(0, 0, 0, 0.74);
}
.side-img-txt{
    
    margin: 5px;
    color: white;
}
.font-18-heading{
    font-size: 18px;
}
.font-24-heading{
    font-size: 38px;
}
.business-txt-box{
    
    position: absolute;
    padding: 20px;
    bottom: 90px;
    left:0px;
    border-radius: 3px;
    margin: 0 auto;
}