@charset "utf-8";

/* CSS Document */


/*** bootstrap ***/
a, button {
    outline:none !important;
    cursor: pointer;
}
img{
    max-width:100%;
}

#toast-container{
    z-index: 99999;
}

.main-content{
    padding-top: 150px;
    padding-bottom: 150px;
}

.site-content{
    float: left;
    width: 100%;
}

.full-width{
    width: 100%;
    float: left;
}

.text-left{
    text-align: left !important;
}
.text-right{
    text-align: right !important;
}
.text-center{
    text-align: center !important;
}

.mg-bt-0{
    margin-bottom: 0px !important;
}
.mg-bt-10{
    margin-bottom: 10px !important;
}

.mg-bt-20{
    margin-bottom: 20px !important;
}
.mg-bt-30{
    margin-bottom: 30px !important;
}
.mg-bt-40{
    margin-bottom: 40px !important;
}
.mg-rh-10{
    margin-right: 15px !important;
}

.no-padding{
    padding: 0 !important;
}
.no-padding-rh{
    padding-right: 0 !important;
}
.no-padding-lf{
    padding-left: 0 !important;
}
.padding-lf-rh-5{
    padding-left: 5px;
    padding-right: 5px;
}


.table > tbody > tr > td{
    vertical-align: middle;
}

.zoomBookingApp .form-group .errorAutocomplete  input{
    border: 1px solid #f00 !important
}
.zoomBookingApp .errorInput input {
    border-left: 3px solid #f00 !important;
}
.zoomBookingApp .errorInput label{
    color: #f00 !important;;
}

.zoomBookingApp input.error-border{
    border-bottom: 2px solid #ec5431 !important;
}



.custom-text-link{
    color: #333;
    cursor: pointer;
    margin-top: 7px;
    border-bottom: 2px solid #000;
    float: left;
}
.custom-text-link:hover{
    border-bottom: 2px solid transparent;
}

/********************* View ***********************/
.view-frame{
    float: left;
    width: 100%;
}

.zoomBookingApp .booking-view{
    width: 45%;
    float: left;
}

.zoomBookingApp .checkout-view{
    width: 45%;
    float: right;
    z-index: 3;
}

/********************* prrogress bar ***********************/

.prrogress-bar{
    float: left;
    width: 100%;
    padding: 0 15px
}
.prrogress-bar h5{
    color: #161616;
    font-size: 17px;
    font-style: italic;
    font-weight: 500;
}
.prrogress-bar h5 i.spin{
    font-size: 22px;
    font-weight: bold;
    margin-right: 12px;
    position: relative;
    top: 5px;
    color: #000;

    -webkit-animation:spin 0.8s linear infinite;
    -moz-animation:spin 0.8s linear infinite;
    -ms-animation:spin 0.8s linear infinite;
    -o-animation:spin 0.8s linear infinite;
    animation:spin 0.8s linear infinite;
}
@-webkit-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-ms-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-o-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


.notAvailableVehicle{
    float: left;
    width: 100%;
}
.notAvailableVehicle h4{
    color: #999;
}



/********************* date picker ***********************/
.zoomBookingApp .date-time-picker{

}


.zoomBookingApp .date-time-picker input.date-picker.open {
    border:1px solid #333;
}

.zoomBookingApp .date-time-picker ul.dropdown-menu {
    margin:3px 0 0 0;
    padding:10px;
    max-height: 350px !important;
    border-radius:0px;
    left: 0 !important;
}
.zoomBookingApp .date-time-picker ul.dropdown-menu li table thead th {
    padding-bottom:10px;
}
.zoomBookingApp .date-time-picker ul.dropdown-menu li table thead th .btn.btn-default.btn-sm {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    color: #a1a3a7;
    font-family: Open Sans,sans-serif;
    font-size: 15px;
    font-weight: 100;
}
.zoomBookingApp .date-time-picker ul.dropdown-menu li table thead th:nth-child(2) .btn.btn-default.btn-sm {
    color:#333;
}
.zoomBookingApp .date-time-picker ul.dropdown-menu li table thead th .btn.btn-default.btn-sm:hover {
    background:#fff;
}
.date-time-picker ul.dropdown-menu li table thead th small {
    color:#333;
    padding-bottom:10px;
    font-family: Open Sans,sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.zoomBookingApp .date-time-picker ul.dropdown-menu li table tbody td .btn.btn-default.btn-sm {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    color: #484c58;
    font-family: Open Sans,sans-serif;
    font-size: 13px;
    font-weight: 100;
}
.zoomBookingApp .date-time-picker ul.dropdown-menu li table tbody td .btn.btn-default.btn-sm.active {
    border:1px solid #000;
    border-radius:0px;
}
.zoomBookingApp .date-time-picker ul.dropdown-menu li table tbody td .btn.btn-default.btn-sm:hover {
    background:#fff;
    color:#313541;
}
.zoomBookingApp .date-time-picker ul.dropdown-menu li table tbody td .btn.btn-default.btn-sm .text-muted,
.zoomBookingApp .date-time-picker ul.dropdown-menu li table tbody td .btn.btn-default.btn-sm .text-muted:hover {
    color:#a1a3a7;
}
.zoomBookingApp .date-time-picker ul.dropdown-menu li table tbody td .btn.btn-default.btn-sm .text-info {
    color:#000;
}


/********************* all input & select box ***********************/


/** input phone **/
.zoomBookingApp .flag-dropdown{
    display: block;
    width: 100%;
}
.zoomBookingApp .intl-tel-input,
.requestAquote .intl-tel-input{
    display: block;
}
.zoomBookingApp .intl-tel-input input:not([type="checkbox"]),
.requestAquote .intl-tel-input input:not([type="checkbox"]){
    padding-left: 50px;
}
.zoomBookingApp .intl-tel-input .selected-flag,
.requestAquote .intl-tel-input .selected-flag{
    background: none repeat scroll 0 0 #ececec;
}
.zoomBookingApp .intl-tel-input .country-list,
.requestAquote .intl-tel-input .country-list{
    position: relative;
    width: 100%;
    overflow-x: hidden;
}
.zoomBookingApp .intl-tel-input .country-list li,
.requestAquote .intl-tel-input .country-list li{
    margin-left: 10px;
    color: #333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    padding: 10px 0;
    text-transform: uppercase;
    width:100%;
}
.zoomBookingApp .panel-body ul li span {
    font-weight: bold;
    text-transform: none;
}


.zoomBookingApp input[type="checkbox"]{
    margin: 7px 8px 5px;
}

.modal-content{
    border-radius: 0;
}
.zoomBookingApp h3.modal-title{
    color: #333;
}

.zoomBookingApp  h4.modal-text{
    color: #666;
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0 0;
    text-align: left;
}
.zoomBookingApp  h4.modal-text span{
    font-weight: bold;
}

.zoomBookingApp .model-box-border{
    border-top: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    margin-top: 15px;
    padding: 10px 0 0;
}

/********************** BTN ********************************/

.zoomBookingApp .loing-google-btn {
    padding: 16px 0;
    font-weight: normal;
    border:1px solid #c4c4c4;
    background: white;
    color: #484848;
    font-size: 15px;
    border-radius: 2px;
    text-align: center;
    line-height: 1.43;
    width: 100%;
    float: left;

    -webkit-transition:all, 0.6s, ease-in-out, 0s;
    -moz-transition: all, 0.6s, ease-in-out, 0s;
    -ms-transition: all, 0.6s, ease-in-out, 0s;
    -o-transition: all, 0.6s, ease-in-out, 0s;
    transition: all, 0.6s, ease-in-out, 0s;
}
.zoomBookingApp .loing-google-btn:hover{
    border:1px solid #333;
    color: #333;
}

.zoomBookingApp .loing-facebook-btn {
    padding: 16px 0;
    font-weight: normal;
    border:1px solid #3B5998;
    background: #3B5998;
    color: #fff;
    font-size: 15px;
    border-radius: 2px;
    text-align: center;
    line-height: 1.43;
    width: 100%;
    float: left;

    -webkit-transition:all, 0.6s, ease-in-out, 0s;
    -moz-transition: all, 0.6s, ease-in-out, 0s;
    -ms-transition: all, 0.6s, ease-in-out, 0s;
    -o-transition: all, 0.6s, ease-in-out, 0s;
    transition: all, 0.6s, ease-in-out, 0s;
}
.zoomBookingApp .loing-facebook-btn:hover{
    border-color: #263a63;
    background-color: #263a63;
}


.zoomBookingApp .loing-google-btn .icon-container,
.zoomBookingApp .loing-facebook-btn .icon-container{
    position: absolute;
    width: 18px;
    height: 18px;
    left: 35px;
    top:15px;
}

.zoomBookingApp .customBtnBooking{
    font-family: "Source Sans Pro",sans-serif;
    background:#000;
    border-radius: 0px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 15px 32px;
    border: 1px solid #000;
    text-shadow: 0 1px 1px rgba(158, 14, 22, 0.34);
    text-transform: uppercase;

    -webkit-transition:all, 0.6s, ease-in-out, 0s;
    -moz-transition: all, 0.6s, ease-in-out, 0s;
    -ms-transition: all, 0.6s, ease-in-out, 0s;
    -o-transition: all, 0.6s, ease-in-out, 0s;
    transition: all, 0.6s, ease-in-out, 0s;
}

.zoomBookingApp .customBtnBooking:hover,
.zoomBookingApp .customBtnBooking:focus{
    background:none;
    color:#000;
    text-decoration:none;
}
.zoomBookingApp .customBtnBooking.large{
    padding: 12px 50px;
}
.zoomBookingApp .customBtnBooking.large[disabled]{
    background:#000;
    cursor: not-allowed;
}
.zoomBookingApp .customBtnBooking.small{
    padding: 4px 29px;
    font-size: 18px;
}
.zoomBookingApp .customBtnBookingLight{
    font-family: "Source Sans Pro",sans-serif;
    background:none;
    border-radius: 0px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 15px 32px;
    border: 1px solid #000;
    text-shadow: 0 1px 1px rgba(158, 14, 22, 0.34);
    text-transform: uppercase;

    -webkit-transition:all, 0.6s, ease-in-out, 0s;
    -moz-transition: all, 0.6s, ease-in-out, 0s;
    -ms-transition: all, 0.6s, ease-in-out, 0s;
    -o-transition: all, 0.6s, ease-in-out, 0s;
    transition: all, 0.6s, ease-in-out, 0s;
}

.zoomBookingApp .customBtnBookingLight:hover,
.zoomBookingApp .customBtnBookingLight:focus{
    background:#000;
    color:#fff;
    text-decoration:none;
}
.zoomBookingApp .customBtnBookingLight.small{
    padding: 4px 29px;
    font-size: 18px;
}

.zoomBookingApp .btn-delete{
    font-family: "Source Sans Pro",sans-serif;
    background:#000;
    border-radius: 0px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 4px 25px;
    border: 1px solid #000;
    text-shadow: 0 1px 1px rgba(158, 14, 22, 0.34);
    text-transform: uppercase;

    -webkit-transition:all, 0.6s, ease-in-out, 0s;
    -moz-transition: all, 0.6s, ease-in-out, 0s;
    -ms-transition: all, 0.6s, ease-in-out, 0s;
    -o-transition: all, 0.6s, ease-in-out, 0s;
    transition: all, 0.6s, ease-in-out, 0s;
}
.zoomBookingApp .btn-delete:hover,
.zoomBookingApp .btn-delete:focus{
    background:none;
    color:#333;
    text-decoration:none;
}



.zoomBookingApp .btn-danger{
    border:1px solid #cd4743;
    background:#d9534f;
    font-weight:600;
    font-size:13px;
    padding: 0px 13px;
}
.zoomBookingApp .btn-danger:hover{
    background:#b7312d;
}

.zoomBookingApp .link-yellow{
    color: #666;
    border-bottom: 2px solid #000;
}
.zoomBookingApp .link-yellow:hover{
    text-decoration: none;
    border-bottom: none;
}


/***************** Error ****************/

.zoomBookingApp input.invalid{
    background: url('../img/invalid-icon.png') right 14px no-repeat;
    padding-right:32px;
}


.errorMessage{
    color: #fff;
    background: none repeat scroll 0 0 #ec5431;
    border: none;
    border-radius: 0px;
    font-size: 12px;
    padding: 8px;
    margin: 0 1px;
    position: relative;
    text-align: center;
    font-style:italic;
    top: 4px;
    font-weight:normal;
    -webkit-transition:all, 0.6s, ease-in-out, 0s;
    -moz-transition: all, 0.6s, ease-in-out, 0s;
    -o-transition: all, 0.6s, ease-in-out, 0s;
    transition: all, 0.6s, ease-in-out, 0s;
}

.errorMessage p{
    margin:0;
    font-size: 13px;
}

.errorMessage span{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #ec5431;
    border-image: none;
    border-style: solid;
    border-width: 10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    bottom: 100%;
    width: 0;
}

/**** title page ****/
.zoomBookingApp h1.titlePage{
    color: #161616;
    font-family: "Source Sans Pro",sans-serif;
    font-size:54px;
    font-weight:200;
    margin-bottom: 25px;
}
.zoomBookingApp .border-bt-box{
    border-bottom: 1px solid #e2e3e6;
    padding-bottom: 15px;
    margin-bottom: 25px;
    float: left;
    width: 100%;
}
.zoomBookingApp .border-bt-box  h1.titlePage{
    margin-bottom: 0px;
    float: left;
    border-bottom: 0px;
    padding-bottom: 0px;
}

.zoomBookingApp .border-bt-box .customBtnBooking {
    margin-top: 19px
}

.zoomBookingApp .btn-back{
    background: url("../img/icon-back.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    border: medium none;
    color: #333;
    float: right;
    font-size: 20px;
    padding-left: 30px;
    font-weight: 300;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 6px;
    font-family: "Source Sans Pro",sans-serif;
}

.zoomBookingApp .btn-back.onMap{
    background-color: rgba(255, 255, 255, 0.76);
    background-position: 8px center;
    padding: 8px 8px 8px 38px;
    position: absolute;
    right: 10px;
    top: 63px;
    z-index: 2;
}

.zoomBookingApp .btn-back:hover{
    color: #000;
}

.zoomBookingApp h2.titlePage{
    color: #161616;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 25px;
}
.zoomBookingApp h3.titlePage{
    color: #161616;
    font-size: 20px;
    font-weight: 600;
    font-family:"Source Sans Pro",sans-serif;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 1px;
}
.zoomBookingApp h5.subTitlePage{
    color: #444444;
    font-size: 14px;
    font-weight: 400;
    margin-top: 2px;
    margin-bottom:31px;
    font-family: "Source Sans Pro",sans-serif;
}

.zoomBookingApp h6.textTop{
    font-size: 17px;
    color: #333435;
    font-weight: normal;
    font-family: "Source Sans Pro",sans-serif;
    font-style: italic;
    line-height: 22px;
    margin-bottom: 23px;
}

.limoLabsReviewThenkYou h5.shareText{
    color: #161616;
    font-size: 20px;
    font-weight: 500;
    font-family:"Source Sans Pro",sans-serif;
    text-transform: none;
    margin: 0;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 10px;
}


.zoomBookingApp .textBox{
    font-size:16px;
    font-style: italic;
    color: #444444;
    margin-top: 30px;
}
.zoomBookingApp .textBox a.link{
    color: #444444;
    border-bottom: 2px solid #000;
    -webkit-transition:all, 0.6s, ease-in-out, 0s;
    -moz-transition: all, 0.6s, ease-in-out, 0s;
    -o-transition: all, 0.6s, ease-in-out, 0s;
    transition: all, 0.6s, ease-in-out, 0s;
}
.zoomBookingApp .textBox a.link:hover{
    text-decoration: none;
    color: #000;
    border-bottom: 3px solid #fff;
}







/************************* Credit cartd input ***************************/

.zoomBookingApp input.creditCardDefault{
    background-image: url('../img/credit-card-default.png');
    background-repeat: no-repeat;
    padding-left: 64px !important;
    background-position: 7px center;
}

.zoomBookingApp input.visa {
    background-image: url('../img/credit-card-visa.png');
    background-repeat: no-repeat;
    padding-left: 64px !important;
    background-position: 7px center;
}

.zoomBookingApp input.amex {
    background-image: url('../img/credit-card-america.png');
    background-repeat: no-repeat;
    padding-left: 64px !important;
    background-position: 7px center;
}

.zoomBookingApp input.mastercard {
    background-image: url('../img/credit-card-master.png');
    background-repeat: no-repeat;
    padding-left: 64px !important;
    background-position: 7px center;
}

.zoomBookingApp input.discover {
    background-image: url('../img/credit-card-discover.png');
    background-repeat: no-repeat;
    padding-left: 64px !important;
    background-position: 7px center;
}



/************************ Input icon ***********************/

.zoomBookingApp input.lock{
    background: url('../img/lock-icon.png') right 11px no-repeat;
    padding-right:32px;
}

.zoomBookingApp .autocomplete input.inputPin{
    background: url('../img/inputPin-icon.png') right center no-repeat;
    padding-right:51px;
}

.zoomBookingApp .inputSearch{
    background: url('../img/inputSearch-icon.png') left center no-repeat;
    padding-left:44px !important;
}

.zoomBookingApp .selectArrow{
    background: url('../img/inputArrow-icon.png') right center no-repeat;
    padding-right:51px;
}

.zoomBookingApp input.iconDate{
    background: url("../img/icon-inputDate.png") no-repeat scroll right center #fff;
    padding-right: 20px;
}
.zoomBookingApp .LimoLabsDataIcon .caret{
    background-image:url('../img/inputData-icon.png');
    background-repeat:no-repeat;
    background-position:right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline:none;
    display: inline-block;
    height: 44px;
    outline: medium none;
    width: 51px;
    position: absolute;
    right: 0 !important;
    top:0 !important;
    border:none;
    margin:0 !important;
}


.zoomBookingApp .nya-bs-select .caret{
    background: rgba(0, 0, 0, 0) url("../img/arrowDownYellow-icon.png") no-repeat scroll right center;
    height: 49px;
    margin-top: 0;
    position: absolute;
    right: 13px;
    left: auto;
    top: 0;
    vertical-align: middle;
    width: 50px;
    border: none;
}


/******************** Icon for autocomplate ************************/

.autocomplete .airport_type,
.autocomplete .airport_type{
    background-image:url(../img/airplane-icon.png);
    background-repeat:no-repeat;
    background-position:right center;
    cursor:pointer;
    width:17px;
    height:20px;
    float:right;
    margin-right:-23px;
}

.autocomplete .address_type,
.autocomplete .address_type{
    background-image:url(../img/pin-icon.png);
    background-repeat:no-repeat;
    background-position:right center;
    cursor:pointer;
    width:15px;
    height:20px;
    float:right;
    margin-right:-23px;
}

/********************** arrow icon *************************/

.zoomBookingApp .arrowUp{
    background-image:url(../img/arrowUp-icon.png);
    background-repeat:no-repeat;
    background-position:right top;
    width:15px;
    height:9px;
    margin-top:13px;
    margin-left:13px;
}
.zoomBookingApp .arrowDown{
    background-image:url(../img/arrowDown-icon.png);
    background-repeat:no-repeat;
    background-position:right top;
    width:15px;
    height:9px;
    margin-top:13px;
    margin-left:13px;
}





/********************** View Navigation ***********************/

.limolabsBookingNav{
    width:100%;
    margin:0 0 30px;
    background: #000;
    z-index: 1;
}
.limolabsBookingNav .numberUpcomingReserve{
    background: none repeat scroll 0 0 #ec762f;
    border-radius: 14px;
    height: 22px;
    padding: 1px 0;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 8px;
    vertical-align: middle;
    width: 22px;
    color:#fff;
    z-index: 2;
}

.limolabsBookingNav .nav-group {
    display: table;
}
.limolabsBookingNav .nav-group .nav-item{
    display: block;
    float: left;
    position: relative;
}

.limolabsBookingNav .btn-navigation {
    border-radius: 0;
    color: #fff;
    font-weight:600;
    padding: 15px 50px;
    text-transform:none;
    font-size:18px;
    position: relative;
    width: 100%;
    margin-bottom:0px;
    font-family: "Source Sans Pro",sans-serif;
    text-align:center;
    letter-spacing: 1px;
}

.limolabsBookingNav .btn-navigation:hover{
    color: #fff;
}

.btn-navigation.active, .open .dropdown-toggle.btn-navigation {
    background:#fff;
    box-shadow:none;
    color: #000;
}

.limolabsBookingNav .btn-navigation:disabled {
    color:#545454;
}



/*********************** Booking form reservation page (Ride details) ***********************/


.zoomBookingApp .switch{
    float: left;
    height: 40px;
    border: 1px solid #dcdfe0;
    margin-top: 4px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    border-radius: 27px;
}
.zoomBookingApp .switch .switch-text{
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: #161616;
    font-family: "Source Sans Pro",sans-serif;
    width: 140px;
    text-align: center;
    float: left;
    padding: 6px 0;
    cursor: pointer;
    z-index: 2;
}
.zoomBookingApp .switch .switch-btn{
    width: 50%;
    float: left;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    border-radius: 27px;

    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);

    -webkit-transition: transform 100ms linear;
    -moz-transition: transform 100ms linear;
    -ms-transition: transform 100ms linear;
    -o-transition: transform 100ms linear;
    transition: transform 100ms linear;
}
.zoomBookingApp .switch.left .switch-btn{
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}


/*********************** Slide Down on show ***********************/

.zoomBookingApp .animSlideDown.ng-hide-add, .animSlideDown.ng-hide-remove {
    /* ensure visibility during the transition */
    display: block !important; /* yes, important */
}
.zoomBookingApp .animSlideDown {
    -webkit-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    /*height: 50px;*/
    opacity: 1;
}
.zoomBookingApp .animSlideDown.ng-hide-animate{
    overflow-y: hidden;
}
.zoomBookingApp .animSlideDown.ng-hide {
    height: 0px;
    opacity: 0;
}

/*********************** Label ***********************/

.zoomBookingApp label{
    color: #161616;
    font-size: 18px;
    font-weight: 500;
    font-family: "Source Sans Pro",sans-serif;
}

.zoomBookingApp label span.arrow-down{
    background: rgba(0, 0, 0, 0) url("../img/arrowDown-icon-small.png") no-repeat scroll right 11px;
    border-bottom: 2px solid #000;
    color:#161616;
    cursor: pointer;
    padding-right: 17px;
    padding-bottom: 3px;
    -webkit-transition:all, 0.3s, ease-in-out, 0s;
    -moz-transition: all, 0.3s, ease-in-out, 0s;
    -o-transition: all, 0.3s, ease-in-out, 0s;
    transition: all, 0.3s, ease-in-out, 0s;
}
.zoomBookingApp label span.arrow-down:hover{
    border-bottom: 2px solid #000;
}
.zoomBookingApp label span{
    color:#000;
}





/**  STEP 1
******************************************************/


.zoomBookingApp .form-horizontal .control-label{
    padding-top: 12px;
    text-align: left;
    padding-right: 5px;
}

.zoomBookingApp .form-group .input-no-border-bt input,
.zoomBookingApp .form-group .input-no-border-bt .nya-bs-select .dropdown-toggle{
    border-bottom: none;
}

.zoomBookingApp input:not([type='checkbox']),
.zoomBookingApp select,
.zoomBookingApp .nya-bs-select .dropdown-toggle {
    border:1px solid #d8d8d8;
    border-radius: 0px;
    box-shadow:none;
    color: #161616;
    display: block;
    font-size: 15px;
    font-weight: 500;
    height: 50px;
    line-height: 1.42857;
    padding: 7px 9px;
    vertical-align: middle;
    outline:none;
}

.zoomBookingApp input:focus,
.zoomBookingApp select:focus,
.zoomBookingApp .nya-bs-select .dropdown-toggle:focus{
    border-color: #dcdfe0;
    box-shadow: none;
}
.zoomBookingApp textarea.form-control{
    border:1px solid #dcdfe0;
    border-radius: 0px;
    box-shadow:none;
    color: #161616;
    display: block;
    font-size: 15px;
    font-weight: 500;
    height: 100px;
    line-height: 1.42857;
    padding: 7px 9px;
    vertical-align: middle;
    outline:none;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
}

.zoomBookingApp .nya-bs-select .dropdown-toggle:hover,
.zoomBookingApp .nya-bs-select .dropdown-toggle:focus,
.zoomBookingApp .nya-bs-select .dropdown-toggle.active,
.zoomBookingApp .nya-bs-select.open .dropdown-toggle{
    background:#fff;
    border-color: #dcdfe0;
    color: #161616;
}

.zoomBookingApp .autocomplete ul{
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #aaaaaa;
    margin-top: 1px;
    padding: 0;
    width: 100%;
}
.zoomBookingApp .autocomplete li{
    font-size: 14px;
    cursor:pointer;
    padding:10px 31px 10px 16px;
    display:block;
    text-transform:uppercase;
    border-top:none;
    border-bottom:1px solid #999;
}
.zoomBookingApp .autocomplete li.active, .zoomBookingApp .autocomplete li:hover, .zoomBookingApp .autocomplete li:focus{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,0.75+100 */
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#bf000000',GradientType=1 ); /* IE6-9 */
}


.zoomBookingApp div.dropdown-menu{
    border-radius: 0;
    max-height: 264px !important;
    min-width: 242px;
    padding:0px;
    overflow-y: scroll;
}
.zoomBookingApp ul.dropdown-menu{
    max-height: 200px !important;
}


.zoomBookingApp ul.dropdown-menu li{
    border-bottom: 1px solid #dcdfe0;
    border-top: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 15px;
}

.zoomBookingApp ul.dropdown-menu  li:hover,
.zoomBookingApp .dropdown-menu ul li:focus{
    color:#fdd652;
    background:#fff;
}

.zoomBookingApp ul.dropdown-menu li a{
    background-color: #fff;
    color: #333;
    padding: 6px 21px;
}

.zoomBookingApp ul.dropdown-menu li a:hover,
.zoomBookingApp ul.dropdown-menu li a:focus{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,0.75+100 */
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#bf000000',GradientType=1 ); /* IE6-9 */
}


.passenger-box,
.luggage-box{
    float: left;
    padding: 0 15px;
}

.zoomBookingApp .passenger-box .passenger-icon{
    background: url(../img/icon-passenger.png) no-repeat center center;
    width: 50px;
    height: 50px;
    border-top: 1px solid #dcdfe0;
    border-left: 1px solid #dcdfe0;
    border-bottom: 1px solid #dcdfe0;
    border-right: none;
    float: left;
    padding: 0;
    margin: 0;
}

.zoomBookingApp .luggage-box .luggage-icon{
    background: url(../img/icon-bag.png) no-repeat center center;
    width: 50px;
    height: 50px;
    border-top: 1px solid #dcdfe0;
    border-left: 1px solid #dcdfe0;
    border-bottom: 1px solid #dcdfe0;
    border-right: none;
    float: left;
    padding: 0;
    margin: 0;
}


.zoomBookingApp .passenger-box .nya-bs-select.passenger-select,
.zoomBookingApp .luggage-box .nya-bs-select.luggage-select{
    width: 100px;
    float: left;
}

.zoomBookingApp .passenger-box .nya-bs-select .dropdown-toggle,
.zoomBookingApp .luggage-box .nya-bs-select .dropdown-toggle{
    padding-left: 18px;
}

.zoomBookingApp .passenger-box .nya-bs-select .caret,
.zoomBookingApp .luggage-box .nya-bs-select .caret{
    border-left: 1px solid #dcdfe0;
    border-top: none;
    border-right:none;
    border-bottom: none;
    height: 49px;
    width:  50px;
    margin-top: 0;
    position: absolute;
    right:0;
    top: 0;
    left: auto;
    vertical-align: middle;
    background: url(../img/arrowDownYellow-icon.png) no-repeat center center;
}


.zoomBookingApp .date-picker{
    width: 50%;
    float: left;
}
.zoomBookingApp .time-picker{
    width: 50%;
    float: left;
}

.zoomBookingApp .time-picker .nya-bs-select.time-select{
    width: 35%;
    float: left;
}
.zoomBookingApp .time-picker{
    border-top: 1px solid #dcdfe0;
    border-right: 1px solid #dcdfe0;
    border-bottom: 1px solid #dcdfe0;
    border-left: none;
    border-radius: 0;
    box-shadow: none;
    color: #161616;
    display: block;
    font-size: 17px;
    font-weight: 500;
    height: 50px;
    line-height: 1.42857;
    outline: none;
    vertical-align: middle;
    padding:0 15px 0 30px;
}
.zoomBookingApp .time-picker .nya-bs-select .dropdown-toggle{
    border: none;
    height: 47px;
    padding: 7px 0;
}

.zoomBookingApp .time-picker .nya-bs-select .caret{
    background: rgba(0, 0, 0, 0) url("../img/arrowDownYellow-icon.png") no-repeat scroll center center;
    height: 49px;
    margin-top: 0;
    position: absolute;
    left: 7px;
    top: 0;
    vertical-align: middle;
    width: 50px;
    border: none;
}
.zoomBookingApp .time-picker .swich-am-pm-box{
    float: left;
    padding: 11px 0px;
    width: 30%;
}

.zoomBookingApp .time-picker .swich-am-pm-box input[type="radio"]{
    display: none;
}

.zoomBookingApp .time-picker .swich-am-pm-box label{
    float: left;
    text-align: center;
    width: 50%;
    z-index: 2;
}
.zoomBookingApp .time-picker .swich-am-pm-box .swich-am-pm-btn{
    background: #fdd652 none repeat scroll 0 0;
    border-radius: 0;
    float: left;
    height: 34px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 50%;
    z-index: -1;

    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);

    -webkit-transition: transform 100ms linear;
    -moz-transition: transform 100ms linear;
    -ms-transition: transform 100ms linear;
    -o-transition: transform 100ms linear;
    transition: transform 100ms linear;
}
.zoomBookingApp .time-picker .swich-am-pm-box .swich-am-pm-btn.inRight{
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);

}

/**  STEP 2
******************************************************/


.zoomBookingApp .promocode-box{
    float: right;
}
.zoomBookingApp .promocode-text{
    border-bottom: 1px solid #fdd652;
    color: #000000;
    float: right;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 3px 3px 2px;
    text-align: right;
    cursor: pointer;
    -webkit-transition: all, 0.3s, ease-in-out, 0s;
    -moz-transition: all, 0.3s, ease-in-out, 0s;
    -ms-transition: all, 0.3s, ease-in-out, 0s;
    -o-transition: all, 0.3s, ease-in-out, 0s;
    transition: all, 0.3s, ease-in-out, 0s;
}
.zoomBookingApp .promocode-text:hover{
    color: #fdd652;
}
.zoomBookingApp .promocode-box input{
    height: 33px;
    border-right: none;
    float: left;
    width: 150px;
    background: none;
}
.zoomBookingApp .promocode-box.accept input,
.zoomBookingApp .promocode-box.accept .promoCodeBtn{
    border-color: #3c763d;
}

.zoomBookingApp .promoCodeBtn{
    border-right:1px solid #dcdfe0;
    border-top: 1px solid #dcdfe0;
    border-bottom: 1px solid #dcdfe0;
    border-left: none;
    background: none;
    float: left;
    height: 33px;
    margin: 0;
    width: 40px;
    background:url(../img/icon-arrow-right.png) no-repeat center center;
}
.zoomBookingApp .promoCodeBtn-remove{
    background: url(../img/icon-remove.png) no-repeat center center;
}

.zoomBookingApp .promocodeError{
    color:#f00;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 0px;
    padding:9px 14px;
}

.zoomBookingApp .vehicleBox{
    float: left;
    width: 100%;
}
.zoomBookingApp .vehicleBox .customBtnBooking.small{
    margin-top: 15px;
}
.zoomBookingApp .vehicle-list {
    width:100%;
    text-align:center;
    border-bottom:1px solid #ddd;
    float:left;
}
.zoomBookingApp .vehicle-list:first-child{
    border-top:1px solid #dcdfe0;
}

.zoomBookingApp .vehicle-list.repeat-animation {
    position:relative;
}
.zoomBookingApp .vehicle-list .vehicleInfoBox{
    padding: 8px 0;
    float: left;
    width: 100%;
}
.zoomBookingApp .vehicle-list .vehicleInfoBox.active{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,0.75+100 */
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#bf000000',GradientType=1 ); /* IE6-9 */
}


.zoomBookingApp .vehicle-list.repeat-animation.ng-enter-stagger,
.zoomBookingApp .vehicle-list.repeat-animation.ng-leave-stagger,
.zoomBookingApp .vehicle-list.repeat-animation.ng-move-stagger {
    /* notice how we're using animation instead of transition here */
    -webkit-animation-delay:0.2s;
    -moz-animation-delay:0.2s;
    -ms-animation-delay:0.2s;
    -o-animation-delay:0.2s;
    animation-delay:0.2s;

    /* yes we still need to do this too */
    -webkit-animation-duration:0;
    -moz-animation-duration:0;
    -ms-animation-duration:0;
    -o-animation-duration:0;
    animation-duration:0;
}

.zoomBookingApp .vehicle-list.repeat-animation.ng-move,
.zoomBookingApp .vehicle-list.repeat-animation.ng-enter {
    opacity:0;
    -webkit-animation:enter_animation 0.3s;
    -moz-animation:enter_animation 0.3s;
    -ms-animation:enter_animation 0.3s;
    -o-animation:enter_animation 0.3s;
    animation:enter_animation 0.3s;
}

.zoomBookingApp .vehicle-list.repeat-animation.ng-leave {
    -webkit-animation:leave_animation 0.3s;
    -moz-animation:leave_animation 0.3s;
    -ms-animation:leave_animation 0.3s;
    -o-animation:leave_animation 0.3s;
    animation:leave_animation 0.3s;
}

@-webkit-keyframes enter_animation {
    from { opacity:0; transform: translateY(-20px); }
    to { opacity:1; transform: translateY(0);}
}
@-moz-keyframes enter_animation {
    from { opacity:0; transform: translateY(-20px); }
    to { opacity:1; transform: translateY(0);}
}
@-ms-keyframes enter_animation {
    from { opacity:0; transform: translateY(-20px); }
    to { opacity:1; transform: translateY(0);}
}
@-o-keyframes enter_animation {
    from { opacity:0; transform: translateY(-20px); }
    to { opacity:1; transform: translateY(0);}
}
@-webkit-keyframes enter_animation {
    from { opacity:0; transform: translateY(-20px); }
    to { opacity:1; transform: translateY(0);}
}
@keyframes enter_animation {
    from { opacity:0; transform: translateY(-20px); }
    to { opacity:1; transform: translateY(0); }
}

@-webkit-keyframes leave_animation {
    from { opacity:1; transform: translateY(0); }
    to { opacity:0;transform: translateY(-20px); }
}
@-moz-keyframes leave_animation {
    from { opacity:1; transform: translateY(0); }
    to { opacity:0; transform: translateY(-20px); }
}
@-ms-keyframes leave_animation {
    from { opacity:1; transform: translateY(0); }
    to { opacity:0; transform: translateY(-20px); }
}
@-o-keyframes leave_animation {
    from { opacity:1; transform: translateY(0); }
    to { opacity:0; transform: translateY(-20px); }
}
@keyframes leave_animation {
    from { opacity:1; transform: translateY(0);}
    to { opacity:0; transform: translateY(-20px); }
}


.zoomBookingApp .vehicleInfoBox > div:not(:first-child){
    text-align: center;
    display: table;
    padding: 8px 0;
}
.zoomBookingApp .vehicleInfoBox > div.col-md-2{
    padding: 10px 14px 9px 0px;
}

.logo-box{
    padding: 0;
}
.logo-box img{
    max-width: 55px;
}


.zoomBookingApp .vehicle-list h5{
    font-size: 18px;
    line-height: 24px;
    color: #161616;
    text-transform: none;
    margin: 0;
    padding: 0;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 600;
    text-align: center;
}
.zoomBookingApp .vehicle-list h5 span{
    font-size: 22px;
}

.zoomBookingApp .vehicle-list h5 span.price-desc{
    float: left;
    font-size: 15px;
    line-height: 15px;
    width: 100%;
}

.zoomBookingApp .vehicle-list h5.vehicleRate{
    font-size: 21px;
}
.zoomBookingApp .vehicle-list h5 span.vehicleOldRate{
    color: #161616;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: line-through;
    text-transform: none;
    top: -7px;
}
.zoomBookingApp .vehicle-list h5.vehicleTime{
    font-size: 16px;
    line-height: 18px;
}

.zoomBookingApp .vehicle-list .btn-select{
    font-size: 16px;
    line-height: 31px;
    color: #161616;
    text-transform: none;
    margin: 0;
    padding: 0;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 600;
    float: right;
    background: #e3e3e3;
    border: 1px solid #e3e3e3;
    padding: 1px 17px;
    cursor: pointer;

    -webkit-transition: all, 0.2s, ease-in-out, 0s;
    -moz-transition: all, 0.2s, ease-in-out, 0s;
    -ms-transition: all, 0.2s, ease-in-out, 0s;
    -o-transition: all, 0.2s, ease-in-out, 0s;
    transition: all, 0.2s, ease-in-out, 0s;
}
.zoomBookingApp .vehicle-list .btn-select:hover,
.zoomBookingApp .vehicle-list .btn-select:focus{
    border: 1px solid #fdd652;
}
.zoomBookingApp .vehicle-list .btn-select-active{
    background: url(../img/check-icon.png) no-repeat center center, #ffffff;
    height: 34px;
    width: 37px;
    border: 1px solid #000;
    float: right;
    cursor: pointer;
}






/**  STEP 3
******************************************************/

.limoLabsServicesCheckout.ng-hide-add,
.limoLabsServicesCheckout.ng-hide-remove {
    /* ensure visibility during the transition */
    display: block !important; /* yes, important */
}

.limoLabsServicesCheckout{
    -webkit-transition: opacity 1s, transform 0.8s linear;
    -moz-transition: opacity 1s, transform 0.8s linear;
    -ms-transition: opacity 1s, transform 0.8s linear;
    -o-transition: opacity 1s, transform 0.8s linear;
    transition: opacity 1s, transform 0.8s linear;

    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1
}

.limoLabsServicesCheckout.ng-hide-animate{
    overflow-y: hidden;
}
.limoLabsServicesCheckout.ng-hide {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
}


.zoomBookingApp .checkOutBox{
    float: left;
    width: 100%;
    margin-bottom: 25px;
}
.zoomBookingApp input.inp-left,
.zoomBookingApp .nya-bs-select.inp-left .dropdown-toggle{
    border-right: none;
}


.zoomBookingApp .checkOutBox .switch.switchCheckOut .switch-text{
    width: 150px
}


.zoomBookingApp .checkOutBox .switch.switchCheckOut.switch-col-3 .switch-btn{
    width: 33.333%;
}
.zoomBookingApp .checkOutBox .switch.switchCheckOut.switch-col-3.middle .switch-btn{
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.zoomBookingApp .checkOutBox .switch.switchCheckOut.switch-col-3.left .switch-btn{
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%);
}

.zoomBookingApp .checkOutBox .switch.switchCheckOut.switch-col-1 .switch-btn{
    width: 100%;
}

.zoomBookingApp .checkOutBox .switch.switchCheckOut.switch-col-4 .switch-btn{
    width: 25%;
}
.zoomBookingApp .checkOutBox .switch.switchCheckOut.switch-col-4.middle .switch-btn{
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.zoomBookingApp .checkOutBox .switch.switchCheckOut.switch-col-4.middle-2 .switch-btn{
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%);
}

.zoomBookingApp .checkOutBox .switch.switchCheckOut.switch-col-4.left .switch-btn{
    -webkit-transform: translateX(300%);
    -moz-transform: translateX(300%);
    -ms-transform: translateX(300%);
    -o-transform: translateX(300%);
    transform: translateX(300%);
}



.zoomBookingApp .animCreditCard.ng-hide-add, .animCreditCard.ng-hide-remove {
    /* ensure visibility during the transition */
    display: block !important; /* yes, important */
}
.zoomBookingApp .animCreditCard {
    -webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    height: 355px;
    opacity: 1;
}
.zoomBookingApp .animCreditCard.guest{
    height: 305px;
}
.zoomBookingApp .animCreditCard.ng-hide-animate{
    overflow-y: hidden;
}
.zoomBookingApp .animCreditCard.ng-hide {
    height: 0px;
    opacity: 0;
}
.zoomBookingApp .animCreditCard.animStoredCard{
    height: 85px;
}


.zoomBookingApp .checkOutBox .creditCardBox{
    float: left;
    width: 100%;
    border: 1px solid #000;
    padding-top: 15px;
    background: rgba(251,216,99,0.2);
}
.zoomBookingApp .nya-bs-select.form-control{
    height: 50px;
}



.zoomBookingApp .gratuityOptionbox:first-child{
    border-left: 1px solid #b0b0b0;
}
.zoomBookingApp .gratuityOptionbox.noTip{
    color: #161616;
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
    padding: 10px 0 0;
}

.zoomBookingApp .gratuityOptionbox{
    margin-bottom: 10px;
    width: 100px;
    text-align: center;
    padding: 10px 10px;
    border-bottom: 1px solid #b0b0b0;
    border-right: 1px solid #b0b0b0;
    border-top: 1px solid #b0b0b0;
    float: left;
    cursor: pointer;
    min-height: 63px;
    color: #454545;
    background: #fff;

    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;

}
.zoomBookingApp .gratuityOptionbox:hover{
    background: rgba(253,214,82,0.6);
}
.zoomBookingApp .gratuityOptionbox.active{
    background: rgba(253,214,82,1);
    color: #161616;
    border-left: 1px solid #b0b0b0;
    box-shadow: 0 0 3px #999;
    z-index: 3;

    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.zoomBookingApp .gratuityOptionbox .valueProcent{
    font-family: "Source Sans Pro",sans-serif;
    font-weight: bold;
    font-size: 21px;
    line-height: 19px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    color: #000;
    font-style: italic;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.zoomBookingApp .gratuityOptionbox.active .valueProcent,
.zoomBookingApp .gratuityOptionbox:hover .valueProcent{
    color: #161616;
}

.zoomBookingApp .gratuityOptionbox .valuePrice{
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 13px;
    color: #161616;
}
.zoomBookingApp .gratuityOptionbox .valueCustom{
    font-family: "Source Sans Pro",sans-serif;
    font-weight: bold;
    font-size: 19px;
    line-height: 37px;
    margin-bottom: 0px;
    letter-spacing: 1px;
}

.zoomBookingApp .customGratuityBox{
    float: left;
    margin-left: 10px;
    width: 100px;
}
.zoomBookingApp .customGratuityBox input.form-control{
    border: 1px solid #b0b0b0;
    box-shadow: none;
    height: 33px;
    padding-left: 23px;
    background:url(../img/dolar_icon.png) no-repeat left 0;
}


.zoomBookingApp .rideDetailsBox {
    background: #e6e5e5;
    padding: 15px 0;
    float: left;
    width: 100%;
    border: 1px solid #333;
    box-shadow: 0px 0px 3px 0 #333;
}
.zoomBookingApp .rideDetailsBox h2.titlePage{
    margin-bottom: 10px;
}
.zoomBookingApp .rideDetailsDescText{
    font-size: 15px;
    margin-bottom: 10px;
    color: #000;
    font-family: "Source Sans Pro",sans-serif;
    float: left;
    width: 100%;
}
.zoomBookingApp .rideDetailsDescText span{
    color: #555;
    font-weight: bold;
}
.zoomBookingApp .rideDetailsBox h5.totalPrice{
    color: #000;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 35px;
    text-align: center;
    margin: 0;
}
.zoomBookingApp .rideDetailsBox h5.totalPrice span.price-desc {
    float: left;
    font-size: 15px;
    line-height: 15px;
    width: 100%;
}



/**************** Thank you page **************************/

.zoomBookingApp .confirmText{
    font-size:17px;
    font-weight:100;
    color:#444;
    margin-bottom:10px;
}
.zoomBookingApp .confirmText span{
    text-decoration:none;
    color:#000;
    font-weight:bold;
}
.zoomBookingApp .confirmNumber{
    color: #444;
    font-size: 24px;
    font-weight: 400;
    margin: 30px 0 40px;
    font-family: "Source Sans Pro",sans-serif;
}
.zoomBookingApp .confirmNumber span{
    color:#000;
    font-family: "Source Sans Pro",sans-serif;
    letter-spacing: 1px;
    font-size: 27px;
    font-weight: bold;
}

.zoomBookingApp .ridedetails-review{
    shape-margin: 50px;
}

/***************** Login & Register page *******************/




/** Admin Account Info page
**************************************************/


.limoLabsAdminAccount ul li{
    float:left;
    margin:0 10px;
}

.limoLabsAdminAccount .form-horizontal .control-label{
    font-size: 16px;
    font-weight: 700;
}

.limoLabsAdminAccount input.form-control:disabled{
    background: #ffffff;
    border: none;
    cursor: default;
}
.limoLabsAdminAccount input.form-control.disabled:disabled{
    border-top: 1px solid #dcdfe0;
    border-left: 1px solid #dcdfe0;
    border-right: 1px solid #dcdfe0;
    border-bottom: none;
    background: #f0f0f0;
    cursor: not-allowed;
}


/** Admin Credit Cards page
******************************************************/

.admin-view{
    margin-bottom: 40px;
}

.admin-subtitle{
    width: 100%;
    float: left;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.admin-subtitle h3{
    color: #666;
    margin: 0 0 5px;
    text-transform: none;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 19px;
}

.zoomBookingApp .addNewCCPanel{
    margin-top:0px;
    float:left;
    width: 100%;
    border: 1px solid #000;
    padding: 15px 0;
    background: rgba(253, 214, 82, 0.22);
}

.zoomBookingApp .paymentInfoPage{
    margin-bottom: 30px;
}


/** Admin Reservation Page
*****************************************************/

.zoomBookingApp .admin-reservation{
    border-bottom: 1px solid #e2e3e6;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.zoomBookingApp .admin-reservation-acc label.control-label{
    padding-top: 10px;
    text-align: center;
}

.zoomBookingApp .admin-reservation .btn-box{
    width: 50%;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.zoomBookingApp .admin-reservation .btn-box .btn-resrve{
    text-transform: uppercase;
    color: #000000;
    font-family: "Source Sans Pro",sans-serif;
    padding: 3px 20px;
    font-size: 14px;
    border: none;
    background: none;
    font-weight: 600;
}
.zoomBookingApp .admin-reservation .btn-box .btn-resrve.active{
    background: #000;
    color: #fff;
}

.zoomBookingApp .admin-reservation .search-form-box{
    width: 40%;
    float: right;
}
.zoomBookingApp .admin-reservation .search-form-box input.inputSearch{
    height: 46px;
    border-top: none;
    border-bottom: none;
}

.zoomBookingApp .ng-isolate-scope .pagination{
    display:inline-block;
}
.zoomBookingApp .pagination li{
    margin: 0;
}
.zoomBookingApp .pagination a{
    color:#444;
}
.zoomBookingApp .pagination > .active > a{
    background:#000;
    border-color:#000;
    color: #fff;
}
.zoomBookingApp .reservationChangeBtn.active{
    color: #ddd;
    border-bottom:2px solid #ddd;
}
/** Pagination **/
.zoomBookingApp .pagination {
    border-radius: 4px;
    display: inline-block;
    margin: 20px 0;
    padding-left: 0;
}
.zoomBookingApp .pagination > li {
    display: inline;
}

.zoomBookingApp .pagination > .disabled > span,
.zoomBookingApp .pagination > .disabled > span:hover,
.zoomBookingApp .pagination > .disabled > span:focus,
.zoomBookingApp .pagination > .disabled > a, .pagination > .disabled > a:hover,
.zoomBookingApp .pagination > .disabled > a:focus {
    background-color: #fff;
    border-color: #ddd;
    color: #777;
    cursor: not-allowed;
}




/***  Widget Login
*******************************************/

.zoomBookingWidgetLogin{
    font-family: "Source Sans Pro",sans-serif;
}

.zoomBookingWidgetLogin .widgetBtn{
    background: none;
    border: medium none;
    color: #000;
    float: left;
    font-size: 15px;
    font-weight: 600;
    padding: 4px 0;
    margin: 0 15px;
    outline: none;
    cursor:pointer;
    line-height: 18px;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;


    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}
.zoomBookingWidgetLogin .widgetBtn::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 3px;
    background: #0000;
    content: '';
    opacity: 0.8;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition:  opacity 0.3s, -moz-transform 0.3s;
    -ms-transition: opacity 0.3s, -ms-transform 0.3s;
    -o-transition:  opacity 0.3s, -o-transform 0.3s;
    transition:  opacity 0.3s, transform 0.3s;
}
.zoomBookingWidgetLogin .widgetBtn:hover::after,
.zoomBookingWidgetLogin .widgetBtn:focus::after {
    -webkit-transform: scaleX(1.2);
    -moz-transform: scaleX(1.2);
    -ms-transform: scaleX(1.2);
    -o-transform: scaleX(1.2);
    transform: scaleX(1.2);
    opacity: 1;
    top: 100%;
}
.zoomBookingWidgetLogin .widgetBtn:hover{
    color: #000;
}

.zoomBookingWidgetLogin .widgetBtn.widgetLoginUser{
    padding-right: 25px;
    background: url(../img/arrowDown-icon.png) no-repeat center right;
}



.zoomBookingWidgetLogin .showAcountDropDown{
    position: absolute;
    top: 34px;
    right: 5px;
    background: #fff;
    border: 1px solid #d3d3d3;
}
.zoomBookingWidgetLogin .showAcountDropDown .widgetListBtn{
    width: 100%;
    float: left;
    margin: 0px;
    border-bottom: 1px solid #d3d3d3;
    background: none;
    border-radius: 0px;
    color: #000;
    font-weight: 300;
    text-align: left;
}
.zoomBookingWidgetLogin .showAcountDropDown .widgetListBtn:hover,
.zoomBookingWidgetLogin .showAcountDropDown .widgetListBtn:focus{
    color: #000;
    font-weight: 600;
}

.zoomBookingWidgetLogin .showAcountDropDown .widgetListBtn:last-child{
    border-bottom: none;
}


.modal{
    overflow: hidden;
}

.loginModelBoxForm{
    background:#fff;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    width:100%;
    padding: 0px;
    float: left;
}
.loginModelBoxFormTitle{
    background: #333333;
    padding: 15px;
}
.loginModelBoxFormTitle h2{
    margin: 0;
    color: #fff;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 100;
    font-size: 23px;
}

.loginModelBoxFormBody{
    padding: 15px;
    background: #f8f8f8;
    width: 100%;
    float: left;
}

.loginModelBoxForm label{
    color: #3b3b3b;
    font-size: 16px;
    font-weight: 100;
    text-transform:uppercase;
    letter-spacing:1px;
}
.loginModelBoxForm input.form-control{
    background: none;
    border-bottom: 1px solid #8e8e8e;
    border-top:none;
    border-left:none;
    border-right:none;
    border-radius: 0px;
    box-shadow:none;
    color: #666;
    display: block;
    font-size: 15px;
    height: 32px;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    font-weight:100;
    padding:5px 0;
    margin-bottom: 0;
}

.loginModelBoxForm input.pass-icon{
    background: url(../img/inputKey-icon.png) no-repeat left center;
    padding-left: 40px;
}
.loginModelBoxForm input.mail-icon{
    background: url(../img/inputMail-icon.png) no-repeat left center;
    padding-left: 40px;
}

.loginModelBoxForm .loginBtn{
    background:#000;
    border:1px solid #000;
    color:#fff;
    font-size:18px;
    font-family: "Source Sans Pro",sans-serif;
    font-weight:100;
    text-transform:uppercase;
    letter-spacing:1px;
    padding:9px 0px;
    width: 100%;
    border-radius:0;
    margin-top:10px;
    float:right;
    -webkit-transition:all, 0.6s, ease-in-out, 0s;
    -moz-transition: all, 0.6s, ease-in-out, 0s;
    -o-transition: all, 0.6s, ease-in-out, 0s;
    transition: all, 0.6s, ease-in-out, 0s;
}
.loginModelBoxForm .loginBtn:hover,
.loginModelBoxForm .loginBtn:focus{
    background:none;
    color:#444;
    text-decoration:none;
}

.login-widget-track-icon-box{
    float: left;
}
.login-widget-track-icon{
    background: url(../img/track-icon.png) no-repeat;
    width: 30px;
    height: 22px;
    margin-right: 35px;
    cursor: pointer;
    margin-top: 6px;
}

/** blink **/

.blink {
    -webkit-animation-name: blink;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blink;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blink;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blink {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blink {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blink {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}


/* Review page
**************************************************************/
.zoomBookingApp .review-view{
    margin-top: 25px;
}

.zoomBookingApp .review-info{
    color: #161616;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}
.zoomBookingApp .review-info span{
    font-weight: 600;
}

.zoomBookingApp .experience-box{
    text-align: center;
    margin: 20px 0 25px;
    float: left;
    width: 100%;
}
.zoomBookingApp .experience-box p{
    color: #bdbdbd;
    font-size: 17px;
    margin-top: 5px;
}
.zoomBookingApp .experience-box i.glyphicon{
    font-size: 60px;
    color: #dfdfdf;
    margin: 0 3px;
    cursor: pointer;
}
.zoomBookingApp .experience-box i.glyphicon-star{
    color: #000;
}

.zoomBookingApp .other-rates-list{
    margin: 0 0 20px;
    float: left;
    width: 100%;
}
.zoomBookingApp .other-rates-list li{
    float: left;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #dfdfdf;
}
.zoomBookingApp .other-rates-list li:last-child{
    border-bottom: none;
}
.zoomBookingApp .other-rates-list li .text{
    float: left;
    font-weight: 600;
    font-size: 16px;
}
.zoomBookingApp .other-rates-list i.glyphicon{
    font-size: 18px;
    color: #dfdfdf;
    cursor: pointer;
    margin: 0 2px;
}
.zoomBookingApp .other-rates-list i.glyphicon-star{
    color: #000;
}

.limoLabsReviewThenkYou{
    padding: 40px 0;
}

.zoomBookingApp .check-box{
    padding: 0px;
    margin-bottom: 20px;
}
.zoomBookingApp .btn-center{
    width: 300px;
    float: none;
    margin: 0 auto;
}

/* Vehicles MAP View
**************************************************************/

.limoLabsVehiclesMap.ng-hide-add,
.limoLabsVehiclesMap.ng-hide-remove {
    /* ensure visibility during the transition */
    display: block !important; /* yes, important */
}

.limoLabsVehiclesMap{
    -webkit-transition: opacity 1s, transform 0.7s linear;
    -moz-transition: opacity 1s, transform 0.7s linear;
    -ms-transition: opacity 1s, transform 0.7s linear;
    -o-transition: opacity 1s, transform 0.7s linear;
    transition: opacity 1s, transform 0.7s linear;

    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1
}

.limoLabsVehiclesMap.ng-hide-animate{
    overflow-y: hidden;
}
.limoLabsVehiclesMap.ng-hide {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
}



.zoomBookingApp .vehicles-map-view{
    float: right;
    height: 100%;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 45%;
    z-index: 0;
    -webkit-transition:all, 0.6s, ease-in-out, 0s;
    -moz-transition: all, 0.6s, ease-in-out, 0s;
    -o-transition: all, 0.6s, ease-in-out, 0s;
    transition: all, 0.6s, ease-in-out, 0s;
}
.zoomBookingApp .full-height {
    height: 100%;
}

.zoomBookingApp .angular-google-map {
    display: block;
    height: 100% !important;
    left: 0 ;
    margin: auto;
    position: relative;
    top: 0;
    width: 100%;
}
.zoomBookingApp .angular-google-map-container {
    display: block;
    height: 100%;
    left: 0;
    margin: auto;
    position: relative;
    top: 0;
    width: 100%;
}

.zoomBookingApp .angular-google-map h4 span.label{
    color: #000;
    text-shadow: 2px 2px 2px #fdd652;
}