.banner-v2 {
background-color: rgba(0,0,0,.5);
padding: 10px;
border: 1px solid #222;
border-radius: 4px;
}
form {
margin-bottom: 0;
display: block;
margin-top: 0em;
}
.flex-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: 2px;
margin-left: 2px;
}
.flex-row .col-md-3{
position: relative;
width: 100%;
padding-right: 5px;
padding-left: 5px;
display:flex !important;
}
:after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form-horizontal .form-group:before{
display: table;
content: " ";
}
.form-horizontal .form-group:after{
clear: both;
}
.form-horizontal .form-group {
margin-right: 0;
margin-left: 0;
}
.has-feedback {
position: relative;
}
.banner-v2 .form-control {
display: block;
width: 100%;
min-height: 40px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #606f7b;
background-color: #f1f5f8;
background-image: none;
border: 1px solid #dae1e7;
border-radius: 4px;
-webkit-box-shadow: inset 0 0 0 rgb(0 0 0 / 0%);
box-shadow: inset 0 0 0 rgb(0 0 0 / 0%);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.pac-target-input:not(:-webkit-autofill) {
animation-name: endBrowserAutofill;
}
.banner-v2 .form-control[disabled], .banner-v2 .form-control[readonly], .banner-v2 fieldset[disabled] .form-control {
background-color: #f1f5f8;
opacity: 1;
}
.banner-v2 .form-control.has-feedback-left {
padding-left: 45px;
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
.banner-v2 .form-control-feedback {
margin-top: 8px;
height: 23px;
color: #606f7b;
line-height: 18px;
font-size: 15px;
}
.form-control-feedback.left {
border-right: 1px solid #ccc;
left: 0;
}
.form-control-feedback {
padding-top: 4px;
}
.form-control {
display: block;
width: 100%;
height: 34px;
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px 0.4em;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.banner-v2 select, .booking-process-v2 select {
height: 40px;
}
.banner-v2 .form-group .btn {
width: 100%;
padding: 12.2px 4px;
text-align: center;
min-width: 40px;
}
.booking-process-v2 .btn-default:hover, .btn-primary {
border-color: #1b5373!important;
}
.ml-0, .mx-0 {
margin-left: 0!important;
margin-right: 0!important;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn {
display: table-cell;
}
.banner-v2 .input-group-addon, .input-group-btn {
vertical-align: top;
}
.input-group-btn .btn {
margin-bottom: 0;
}
.input-group-btn .btn {
height: 40px;
}
.input-group-btn>.btn {
position: relative;
}
.btn-primary {
color: #fff;
}
.fa, .far, .fas {
font-family: Font Awesome\ 5 Free !important;
}
i.fas.fa-plus {
font-size: 16px;
}
.flex-row .col-md-2 {display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 2px;}
.price-tag {
text-align: center;
color: #fff !important;
font-size: 33px !important;
font-weight: bold !important;
margin-bottom: 0px !important;
}
.col-md-4 p {
margin-top: 9px;
text-align: center;
margin-bottom: 0;
color: #fff;
}
.time{padding: 0 3px !important;
width: 48%;
}
.flex-row .col-12, .flex-row .col-sm-6{
position: relative;
width: 100%;
}
@media (min-width: 768px){
.flex-row .col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.flex-row .col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.flex-row .col-md-2 {
-ms-flex: 0 0 16.666666%;
flex: 0 0 16.666666%;
max-width: 16.666666%;
}
.col-md-4 {
-ms-flex: 0 0 33.285714%;
flex: 0 0 33.285714%;
max-width: 33.285714%;
}
}
* {
outline: none;
box-sizing: border-box;
}
@media (min-width: 992px){
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}
@media (min-width: 768px){
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-6 {
float: left;
}
}
@media (min-width: 768px) and (min-width: 768px){
.mb-md-0, .my-md-0 {
margin-bottom: 10px !important;
margin-top: 10px !important;
}
}
@media (min-width: 576px) and (min-width: 576px){
.pl-sm-0, .px-sm-0 {
padding-left: 0!important;
}
.px-sm-0 {
padding-right: 0!important;
}
}
@media (min-width: 576px){
.mt-sm-3, .my-sm-3 {
margin-top: 1rem!important;
}
.flex-row .col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.flex-row .col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media only screen and (max-width: 767px) and (min-width: 200px)  {
.col-md-2.mb-wid {
width: 49% !important;
}
}
.booking-form {
background-color: #fff;
box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
padding: 1rem 2rem 2rem;
border-radius: 5px;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.text-center {
text-align: center!important;
}
.text-center h3 {
line-height: 30px;
font-size: 21px;
font-weight: 700;
color: #3b3b3b
}
.mb-5, .my-5 {
margin-bottom: 3rem!important;
}
.error {
color: #db4439;
font-size: 13px;
}
.mb-0, .my-0 {
margin-bottom: 10px !important;
margin-top: 10px !important;
}
.destination {
position: relative;
}
.destination label {
display: inline-block;
margin-bottom: 0.5rem;
}
.destination i {
position: absolute;
bottom: 15px;
left: 10px;
}
.fa, .fas {
font-weight: 900;
}
.fa, .far, .fas {
font-family: "Font Awesome 5 Free";
}
.fa, .fab, .fal, .far, .fas {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.fa-map-marker-alt:before {
content: "\f3c5";
}
*, ::after, ::before {
box-sizing: border-box;
}
.destination .form-control {
padding: 10px 10px 10px 25px;
}
.form-control {
margin-bottom: 10px;
border: 1px solid rgba(55,55,55,.1);
border-radius: 0;
font-size: 14px;
padding: 10px;
}
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
button, input {
overflow: visible;
}
button, input, optgroup, select, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.position-relative {
position: relative!important;
}
.dropdown p {
font-size: 14px;
color: #847577;
}
.menu-dropdown {
background-color: #fff;
box-shadow: 0 0 5px 0 rgb(0 0 0 / 30%);
position: absolute;
top: 100%;
left: 0;
width: auto;
height: 200px;
padding: 0.5rem;
z-index: 1;
overflow-y: auto;
display: none;
}
.menu-dropdown li {
cursor: pointer;
margin-bottom: 10px;
list-style: none;
}
.mt-sm-3 h2 {
line-height: 36px;
font-size: 24px;
}
.mb-3, .my-3 {
margin-bottom: 10px !important;
margin-top: 10px !important; 
}
payment-options, .direction-options {
display: flex;
text-align: center;
border: 1px solid rgba(59,59,59,.1);
margin-bottom: 30px;
}
.direction-options .form-check-inline {
flex-basis: 50%;
margin: 0;
}
.form-check-inline {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
margin-right: 0.75rem;
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem;
}
.payment-options input[type=radio], .direction-options input[type=radio] {
display: none;
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125rem;
margin-left: 0;
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0;
}
.payment-options input:checked+label, .direction-options input:checked+label {
background-color: #001e45;
color: #fff;
}
.payment-options label, .direction-options label {
width: 100%;
display: block;
padding: 10px;
}
.form-check-label {
cursor: pointer;
margin-bottom: 0;
}
.fa-long-arrow-alt-right:before {
content: "\f30b";
}
.fa-exchange-alt:before {
content: "\f362";
}
.mb-2, .my-2 {
margin-bottom: 0.5rem!important;
}
.pickup-block input:read-only, .return-block input:read-only {
background-color: #ffffff;
cursor: pointer;
}
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
.datepicker {
padding: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
direction: ltr;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.custom-control {
position: relative;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem;
}
.custom-control-input {
position: absolute;
z-index: -1;
opacity: 0;
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0;
}
.custom-control-label {
margin-bottom: 0;
}
.custom-radio .custom-control-label::before {
border-radius: 50%;
}
.custom-control-label::before {
position: absolute;
top: 0.25rem;
left: 0;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #dee2e6;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
background-color: #007bff;
}
.custom-control-input:checked~.custom-control-label::before {
color: #fff;
background-color: #007bff;
}
.small, small {
font-size: 80%;
font-weight: 400;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E);
}
.custom-control-label::after {
position: absolute;
top: 0.25rem;
left: 0;
display: block;
width: 1rem;
height: 1rem;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.mb-4, .my-4 {
margin-bottom: 1.5rem!important;
}
.payment-options .form-check-inline {
flex-basis: 50.00%;
}
.payment-options, .direction-options {
display: flex;
text-align: center;
border: 1px solid rgba(59,59,59,.1);
margin-bottom: 30px;
}
.text-dark {
color: #343a40!important;
}
.font-weight-bold {
font-weight: 700!important;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 5px;
padding-left: 5px;
}