/**
* All of the CSS for your public-facing functionality should be
* included in this file.
*/
span#clear {
display: block;
clear: both;
padding-top: 20px;
}
span.miles {
font-size: 12px;
color: #0C45B0;
text-align: right;
font-weight:600;
}


a#pickDate, a#dropDate {
display: inline-block;
float: left;
width: 100%;
}
a#pickTime, a#dropTime  {
display: inline-block;
float: left;
width: 100%;
}



div#fn {
display: inline-block;
width: 100%;
}
i.eicon-close {
background: red;
padding: 10px;
color: #fff;
}


.answer{
display:none;
}
.alert-rez {
position: relative;
width: 100%;
background: #fff;
left: 0;
padding: 15px;
text-align:center;
font-size:20px;

display:block;
overflow:hidden;
}
.alert-rez .btn-back{ 
margin-top: 20px !important;
cursor: pointer;
}
.btn-alrt {
background: red;
color: #fff;
margin-top: 30px;
display: inline-block; 
}



div[class*="theme--light"] { 
display:none !important; 
}


input#iagree {
transform: scale(1.5);
}



.pay-at-pick {
background: #eee;
padding: 15px;
display: block;
overflow: hidden;
/* margin-top: 24px; */
}
.one-4th {
width: 16% !important;
float: left;
margin: 2px;
}
.ul-deposit{
margin:0px 20px !important;
font-size:18px !important;
}
#no-cars {
display: none; 
width: 60%;
margin: 0 auto;
position: fixed;
background: #0b45b0;
border: 1px solid #999;
z-index: 10000;
top: 40%;
left: 20%;
padding: 30px 15px;
text-align:center;
}
#no-cars h2{
color: #fff;
}
#no-cars p{
color: #fff;
margin-bottom:0;
}


.page-id-210 .locname{
font-size:22px;
}
.page-id-210 .cntnt{
font-size:16px;
}
.right_select_setion{
background:linear-gradient(to bottom, blue, red);
padding:3px;
}

.show-on-mob {
display: none !important;
}

#myDropdown, #myDropdowndd {
cursor: pointer;
}
.img-car img{
border-radius:10px;
}

.half-loc{
font-size:13px;
line-height:1.3;
display:flex;
flex-direction:row;
padding:10px;
}
.half-loc:hover{ 
background: #eee;
}
.grey-bg{
background: #eee;
}


.locname{
font-size: 18px; 
}
.half-loc .cntnt{
padding: 0px;
}
.loc-map-icon {
display: inline-block;
float: right;
}

.top-area {
padding: 15px 0px;
overflow: hidden;
}
.car-img-container {
width: 40%;
float: left;
padding:5px;
}
.car-content {
width: 60%;
float: left;
padding:5px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{
margin: 0 auto !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{
min-height:320px !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker{
width:72px !important;
}
.cls-name{
font-size:28px;
}

.tsd-btn{
line-height:1.3 !important;
border-radius:3px;
padding:15px 20px !important;
}
.tsd-btn {
text-transform: initial !important;
}

.norat .call-btn{
background:#d00411 !important;
}
.cta-box .tsd-btn{
background:green;
}
.btn-green{
background:green !important ;
}

.btn-simple-red{
background:#d00411 !important ;
}
.agent-txt {
line-height: 1.2;
font-weight: bold;
margin-top: 5px;
padding: 0px 0px;
margin-bottom: 5px;
}

.btn-back{
background:#d00411;padding:5px 10px;color:#fff;border-radius:3px; clear:both;
display:none;
}

input.input-text {
min-height: 45px;
}
.dt-txt {
text-align: center;
font-size: 16px;
font-weight: bold;
}

.carpage-template{
padding-bottom: 30px;
}
.amt{
font-size:22px;  
}
.qtr {
width: 32.8%;
float: left;
margin: 0px 1.5px;
}
#tsdcomments{
margin-bottom:10px;
}
.half {
width: 49.9% !important;
float: left !important; 
min-height:85px;
padding:2px;
}  
.right-part-loc {
width: calc(100% - 20%);
float: left;
display: flex;
flex-direction: column;
vertical-align: middle;
align-self: center;

}
.img-car {
width: calc(100% - 80%);
float: right;
padding: 3px 0px;
display: flex;
flex-direction: column;
vertical-align: middle;
align-self: center;

}

.reservation-nav {
list-style: none;
clear:both;
overflow:hidden;

}

.btn-blue {
font-size: 20px;
background: blue;
padding: 15px 20px;
border-radius: 3px;
color: #fff;
font-weight: 600;
}

a.btn-back {
display: inline-block;
}

.selected-car:first-line{
font-weight:bold;
}
.last .tsd-btn{
font-size:16px;
padding:15px 20px;
}

/*.grey-address br:nth-child(1) {
display: none;
}*/

.reservation-nav b{
font-size:24px;
}

.reservation-nav li{
display:block;
padding:0px 20px;
min-height:80px;
float:left;
width:33%; 
border-right:1px solid #999;
text-align:left;
line-height:1.3; 
font-size:18px;

}
li.last{
border-right:none;
}

select#selectcar {
height: 60px;
border:1px solid #999;
}
.hide{
visibility:hidden;
}
.centered{
text-align:center;
}
.carbox{
padding:15px;
margin:10px;
border:1px solid #999;
cursor:pointer; 
clear: both;overflow: hidden;
display: flex;
flex-direction: row;
border-radius:5px;
}
.carbox:hover{
background:#eee;
}
.carbox h3, .carbox p{
margin: 0;
} 
form#step2{
overflow:hidden;
}
#step3 input[type="checkbox"] {
margin: 5px;
width:25px;
height:25px;
}
#step3 input[type=checkbox]:checked:before{
width:25px;
height:25px;
line-height:24px;
color:#0c45b0;
}

input#btncarselected {
float: right; visibility:hidden;
padding:2px;
margin:0;
}
#sec-bill {
max-width: 1120px;
margin: 20px auto;
border: 1px solid #eee;
padding: 20px;
}
#sec-bill .input-text  {
margin: 3px 0px !important; 
min-height:50px;
}
.btn {
margin:10px 0px !important;
}
input[type="submit"]{
margin-top:10px !important;
}
.carbox .img-box{
width:25%; 
float: left;
order:0;
}
.carbox .desc-box{
width:55%; 
float: left;
padding:10px;
order:1;
}
.cta-box s{
padding:0px 10px;
}
.carbox .cta-box {
width: 25%;
float: left;
display: flex;
flex-direction: column;
vertical-align: middle;
align-self: center;
order:2;
}

.pick,.drop {
display: inline-block;
width: 50%;
padding:5px;
margin: 0;
float: left;
}
.date,.time{
width:50%;
float:left;
}
#step1 h3 {
margin-top: 10px;
margin-bottom: 5px;
}
.day-wrap {
font-size: 30px;
line-height:1;
width: 50%;
display:block;
float: left;
text-align: right;
padding: 0px 3px;
}
.month-wrap, .year-wrap {
line-height: 1;
display: block;
float: left;
width: 50%;
font-size: 12px;
padding: 2px 3px;
}
.date-wrap,.time-wrap {
border: 1px solid #999;
overflow: hidden;
padding: 15px 0px;
background:#fff;
min-height:65px;
}
.time-wrap {
font-size: 18px;
text-align: center;
background:#eee;
}
.grey-area{
background:#fff;
padding:5px;
text-align:left;
margin: 10px;
border:1px solid #999;
border-radius: 5px;

}
.desc-container{
overflow:hidden;
width:100%;
clear:both;
}
.desc-container .img {
width: 30%;
float: left;
padding:0px 10px;
}
.xl-txt {
font-size: 28px;
margin:0;
}
.car-wrapper{
        padding:15px;
        margin:10px;
        border:1px solid #999;
       
        
}
.hdr-cars{
padding:220px 0px; 
color:#fff; 
margin-bottom:30px;
background:url('https://www.eliterac.com/wp-content/uploads/Visit-Cars-Banner-3.jpg');
background-size: cover;
background-position: bottom center;
}
#car-hdr{
padding-top:90px; 
padding-bottom:20px;
color:#fff; 

background:url('https://www.eliterac.com/wp-content/uploads/2021/06/View-Cars-Slider-2.png');
background-size: cover;
background-position: bottom center; 
}
.hdr-cars h1{
font-size:30px;
color:#fff;

}

.planning {
margin-bottom: 15px !important;
display: inline-block;
}
.narrow-space{
height:10px;
}
.selected-car {
margin-bottom: 5px;
}

#sec-bill {
margin-bottom: 50px;
}
.grey-area .reservation-nav{
margin-left: 0px;
}

/* media quries */

input#no, input#yes {
width: 20px;
height: 20px; 
margin-left: 10px;
}
/* tsd plugin file css */
.page-id-210 .elementor-element-70dea37 .elementor-widget-container 
{
box-shadow: unset !important;
}
.reservation-nav b {
font-size: 23px !important;
color: #4A4A4A;
line-height: 34px !important;
}
.grey-area
{
border: 1.088px solid #000 !important;
margin: 10px 0px !important;
border-radius: 8px !important;
}
.grey-area .reservation-nav {
margin-left: 0px;
margin-top: 4px !important;
margin-bottom: 6px !important;
}
.reservation-nav li
{
border-right: 1.088px solid #000 !important;
}
.reservation-nav li.last {
border-right: 0px !important;
text-align: center;
}
.reservation-nav li.last a {
font-weight: 400;
border-radius: 8px;
font-size: 18px !important;
}
.desc-box .similar-text
{
font-size: 20px;
color: #4A4A4A;
}
.desc-box .car-features
{
font-size: 20px;
color: #CC0F00;
font-weight: 400;
}
.cars-cont .carbox
{
border: 1.088px solid #000 !important;
align-items: center;
margin: 10px 0px;
}
.carbox .cta-box
{
width: 33% !important;
align-items: flex-start;
}
.carbox .desc-box
{
width: 42% !important;
}
.cars-cont .carbox .cta-box p .valid-thru
{
font-size: 23px;
}
.cars-cont .carbox .cta-box p .valid-thru del
{
margin-left: 10px;
color: #8E8E8E !important;
text-decoration-color: #D00511;
}
.cars-cont .cta-box .amt
{
margin-top: -2px;
display: block;
margin-bottom: -20px;
}
.cars-cont .cta-box .amt span
{
font-size: 23px !important;
color: #4A4A4A !important;
}
.cars-cont .cta-box .amt .price-bg
{
font-weight: 500;
border-radius: 8px;
background: #DADADA;
color: #4A4A4A !important;
padding: 4px 7px 4px 0px;
margin-left: 9px;
}
.cars-cont .cta-box .button
{
font-weight: 400;
border-radius: 8px;
}
form#step3 , #sec-bill
{
padding: 12px 24px 18px 24px;
border: 1px solid #000;
border-radius: 8px;
}
form#step3 h3 , #sec-bill .bill-details h2
{
color: #363636;
font-size: 28px !important;
margin-bottom: 2px !important;
}
form#step3 b
{
color: #4A4A4A;
font-size: 20px;
font-weight: 500;
position: relative;
top: 3px;
}
form#step3 hr
{
display: none !important;
}
form#step3 .agent-txt i , form#step3 .agent-txt
{
color: #0C45B0;
font-size: 13px;
}
form#step3 .agent-txt {
margin: 12px 0px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
}
form#step3 .agent-txt i
{
font-size: 18px;
margin-right: 13px;
margin-left: -2px;
}
form#step3 input[type="submit"]
{
margin-top: -4px !important;
margin-bottom: 2px !important;
font-weight: 400;
letter-spacing: 0px;
border-radius: 8px;
}
#step3 input[type="checkbox"]
{
border-radius: 4px;
border: 1px solid #4A4A4A !important;
margin-left: 0px !important;
}
#sec-bill
{
margin-top: -10px !important;
}
#sec-bill .bill-details
{
color: #4A4A4A;
font-size: 18px;
line-height: 27px;
}
#sec-bill .bill-details h2
{
margin-bottom: 4px !important;
}
#sec-bill .bill-details h3 b
{
font-size: 20px;
color: #4A4A4A;
}
#sec-bill .bill-details h3
{
margin-bottom: 8px !important;
}
#sec-bill .bill-details p[data-toggle="tooltip"]
{
font-size: 28px !important;
}
#sec-bill div hr
{
border-color: #000 !important;
}
#sec-bill .bill-details p[data-toggle="tooltip"] b span
{
font-size: 9px !important;
}
#sec-bill .bill-details p[data-toggle="tooltip"] b span i
{
font-size: 18px !important;
}
.form_main h2
{
font-size: 28px !important;
margin-bottom: 6px;
color: #363636;
}
#lastfrm , .payment_information_form
{
width: 100.8%;
margin-left: -5px;
}
#lastfrm input , #lastfrm textarea , #lastfrm .input-text 
{
border: 1px solid var(--Gray, #666) !important;
border-radius: 8px !important;
color: #4A4A4A;
font-size: 18px;
font-weight: 400;
}
#lastfrm .qtr
{
width: 32.1% !important;
margin: 0px 6.5 !important;
margin-bottom: 8px !important;
}
#lastfrm .half
{
padding: 2px 0px !important;
width: 48.7% !important;
margin: 0px 6.5 !important;
min-height: auto;
margin-bottom: 8px !important;
}
#lastfrm .full
{
margin: 0px 6.5 !important;
width: 98.7% !important;
margin-bottom: 8px !important;
}
.form_main hr
{
width: 99%;
margin: 24px auto;
}
.form_main .planning
{
color: #363636 !important;
margin-bottom: 0px !important;
font-size: 26px !important;
margin-top: 0px !important;
}
.form_main .optional-fields {
display: flex;
margin-top: 10px;
column-gap: 20px;
}
.form_main .optional-fields .option_field_group
{
width: 32.4%;
margin: 0 auto;
text-align: center;
}
.form_main .optional-fields .option_field_group .option_field_group_inner
{
border: 1px solid var(--Gray, #666);
border-radius: 8px;
padding: 20px 20px 0px 20px;
height: 185px;
}
.form_main .optional-fields .option_field_group label
{
font-size: 18px !important;
color: #363636 !important;
width: 100%;
text-align: left;
margin-bottom: 10px;
}
#lastfrm .optional-fields .option_field_group input
{
border: 0px !important;
margin: 0 auto;
text-align: center;
margin: 13px 5px !important;
width: 95%;
border-radius: 0px !important;
}
.form_main .optional-fields .option_field_group p
{
text-align: center;
margin: 0px;
font-size: 12px;
color: #4A4A4A;
}
.form_main .optional-fields .option_field_group img {
width: 46px;
display: block;
text-align: center;
margin: 0 auto;
margin-top: 14px !important;
margin-bottom: 12px !important;
}
#lastfrm #clear
{
padding-top: 0px !important;
}
#lastfrm #clear #fn
{
display: flex;
align-items: center;
}
#lastfrm #clear #fn .text_dis
{
color: #4A4A4A;
font-size: 18px;
}
#lastfrm #btncomplete
{
color: #fff !important;
border: 0px !important;
letter-spacing: 0px;
margin: 0px !important;
margin-left: 6px !important;
}
.alert-rez
{
border: 1.088px solid #000 !important;
margin: 10px 0 !important;
border-radius: 8px !important;
}
#lastfrm .pay-at-pick
{
background: #fff !important;
padding: 0px 3px !important;
}
.payment_option_icon i
{
font-size: 18px !important;
color: #0C45B0 !important;
}
.payment_option_icon span sup
{
top: -2px !important;
}
#lastfrm .ul-deposit li b , #lastfrm .ul-deposit li
{
font-weight: 400 !important;
}
b.text_do {
color: #333;
}
.ul_deposit_main .text_do
{
margin-top: 8px !important;
}
.last_form_terms
{
margin-left: 7px;
color: #4A4A4A;
font-size: 20px;
margin-bottom: 10px !important;
font-weight: 400;
}
.last_form_terms #iagree
{
border-radius: 4px !important;
margin-right: 12px;
}
.last_form_terms  input[type=checkbox]:checked:before
{
font-size: 8px;
}

@media only screen and (max-width: 1024px)
{
/* tsd styling styling media query */
.grey-area .reservation-nav li
{
width: 38%;
padding: 0px 18px !important;
}
.grey-area .reservation-nav li:last-child
{
width: 24%;
padding: 0px 2px !important;
}
.grey-area .reservation-nav
{
display: flex;
align-items: center;
}
.cars-cont .cta-box p
{
line-height: 25px !important;
}
.cars-cont .cta-box .amt {
margin-top: 5px;
margin-bottom: -9px;
}
form#step3 {
padding: 12px 24px 36px 24px;
}
#lastfrm .qtr
{
width: 31.5% !important;
}
#lastfrm .half
{
width: 48.2% !important;
}
#lastfrm .full {
width: 98.3% !important;
}
}

@media only screen and (min-width: 390px) and (orientation: landscape)
{

#tsddob{
width:100% !important;
display:block;
height:50px;
}
.input-text {
height:auto !important;
}



}


@media screen and (max-width:767px){
.selected-car{
    padding-top:10px;
    padding-bottom:10px;
}
span#rnt-dur{
    display:block;
}
.selected-car br{
    display:none;
}
.alert-rez{
position: relative; 
}
/*full screen date picker */
.ul-deposit{
margin:10px 20px !important;

}
#no-cars{
width:80%;
left:10%;
top:20%; 
}
.agent-txt{
font-size:13px;
} 

.xdsoft_datetimepicker .xdsoft_label{
float:none !important;
}
.xdsoft_datetimepicker .xdsoft_label i{
display:none !important;
}
.xdsoft_select.xdsoft_scroller_box {
display: none !important;
}

/*   .xdsoft_datepicker:before {
content: "Select Date";
display: block;
text-align: center;
font-size: 30px;
font-weight: bold;
}

.xdsoft_datetimepicker {
left: 0px !important;
width: 100%;
top: 75px !important;
// height: 60vh !important;
}
*/
/*
.xdsoft_datetimepicker .xdsoft_timepicker{
width:100% !important;
margin-left:3px !important;
}

.xdsoft_datetimepicker .xdsoft_datepicker{
width:100% !important;
margin-left:3px !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{
font-size:20px !important;
padding:5px !important;
height:auto !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th{
font-size:22px !important ;
text-align:center !important;
padding: 10px 0px !important;
}
.xdsoft_datetimepicker .xdsoft_month, .xdsoft_datetimepicker .xdsoft_year{
font-size:22px !important; 
width:40% !important;
}
*/

/*full screen date picker 
*/
#lastfrm .tsd-btn{
margin-top:10px !important;
}
.pay-at-pick{
margin-top:20px;
line-height: 1.4;
color: #000;
font-size: 20px;

}
.pay-at-pick #pay,.pay-at-pick #iagree{
 width:20px;
 height:20px;
 
}
#sec-bill {
margin: 10px 10px 50px 10px;
}

.planning {
margin-bottom: 5px !important;
display: block;
line-height:1.4;
}

input#btncarselected{
height:5px;
padding:1px !important;
}

input[type="date"]
{
display:block;
/* Solution 1 */
-webkit-appearance: textfield;
-moz-appearance: textfield;
min-height: 1.2em; 

/* Solution 2 */
/* min-width: 96%; */
}


form#step3 b {
font-size: 13px;
line-height: 1 !important;
}

form#step1 h3 {
font-size: 20px !important;
}

#step1 .tsd-btn, #step3 .tsd-btn{
font-size:16px;
}
.last .tsd-btn {
padding: 5px 10px !important;
font-size: 10px !important;
}


.hide-on-mob{
display:none;
}
.bill-details{
font-size:16px;
}

#sec-bill {

margin: 10px;
padding: 0px 10px;
}


.full-on-mob{
width:100% !important;
}

.page-id-210 .locname{
font-size:14px;
}
.page-id-210 .cntnt{
font-size:10px;
}


.cls-name{
font-size:10px;
}

.half-loc{
border-bottom:1px solid #999;
}
.right-part-loc{
width:70%;
}
.img-car{
width:30%;
}
.locname{
font-size:14px;  
}
.xl-txt {
font-size: 18px;
margin:0;
}
.desc-container .img {
width: 100%;

}
.qtr{
width:100% !important;  
} 

.amt {
font-size: 13px;
display: block;
width: 100%;
padding: 0;
text-align: left;
line-height:1.3;
}
.norat{
overflow:hidden;
}
/*   .norat:after {
padding: 5px;
overflow: hidden;
content: "Call for Availability \A 713-227-3777";
white-space: pre; 
font-size: 10px;
position: absolute;
width: auto;
right: 14px;
margin-top:12px;
line-height: 1.3;
background: #d00411;
opacity: 1;
color: #fff;
}*/

.carbox{
padding:3px;
margin:20px 0px;
margin-bottom:30px !important;

}

#step2 h3 {
margin-bottom: 5px;
font-size:24px;
}
.carbox h3 {
font-size: 16px;
margin-bottom: 2px !important;
margin-top:5px;
line-height: 1;
}
.similar-text{
font-size:16px; 
line-height:1;
margin-bottom:5px !important;
display:block;
} 
#btncarselected{
visibility:hidden;
}
.valid-thru{
font-size:13px;
text-align:left;
line-height:1.2;
display:block;

}
.cta-box br{
display:none;
}
.valid-thru br{
display: block;
}

.car-features, .rate-desc {
font-size:12px;
color:#d00411;
line-height:1;
margin:5px !important;
}
.grey-area{
 padding:10px;
}
ul.reservation-nav{
 margin:5px;
 
}
.reservation-nav li{
line-height:1.3 !important;
font-size:16px !important;
min-height: 60px;
padding:3px !important;
width:100% !important;
border:none !important;
border:1px solid #999 !important;

}
li.last{
width:100% !important;   
padding:10px !important;
min-height: 10px !important;

}
.last .selected-car{
margin-bottom:5px;
}

.day-wrap{
font-size:20px;
padding:0px 5px;
line-height:30px;
}
.month-wrap, .year-wrap{
font-size:10px;
}
.time-wrap{
font-size:15px;
  line-height:30px;
}


.btn{
width:100%;
text-align:center;
}



.cta-box .button{
/* width:100%; text-align:center; margin-top:20px; */
display:none;
}

/* testing the new layout via css */

.show-on-mob{
display:block !important;
}

.carbox{
flex-wrap: wrap !important;
margin-bottom:15px;
}
.show-on-mob.button.btn-red {
width: 30%;
padding: 20px;
font-size: 13px;
text-transform: capitalize;
background:green !important;
float: right;
font-size:18px;
border-radius:8px;
margin-bottom:10px;
letter-spacing:normal;
margin-top:-70px;
}
.price-bg{
    background: #fff;
}
.norat .show-on-mob.button.btn-red {
background: #d00411 !important;
font-size: 18px;
padding: 10px 5px;
}

.img-box{
order:1 !important;
flex-basis:50%;
margin-top:10px;
}
.cta-box{
order:2 !important;
flex-basis:50%;
background:#eee !important;
padding:5px;
border:5px solid #fff;
margin-top:10px;

}
.desc-box{
order:3 !important;
flex-basis:100%;
text-align:center;
padding:0 !important;

}
.similar-text b{
font-weight:400;
}
.carbox:after {
content: "Available!";
background: green;
color: #fff;
position: absolute;
width: 79%;
text-align: center;
margin-top: -18px;
margin-left: 5%;
padding: 0px;
letter-spacing:normal;
}
.norat:after{
content:"Call for Availability & Price";
background:#d00411;
}



}

/* media quries for ipad and ipadpro*/

@media only screen and ( min-width:768px ) and ( max-width:780px )
{
.grey-area .reservation-nav li{
padding: 0px 2px !important;
}

.qtr{
margin:0;
}
.carbox .cta-box
{
 width: 39% !important;
}
.carbox .cta-box .call-btn
{
 font-size: 14px !important;
}

.reservation-nav .last a.button.tsd-btn{
font-size: 12px !important;
}

}

@media only screen and ( min-width:1024px ) and ( max-width:1026px )
{
.carbox .cta-box
{
 width: 26%;
}
.carbox .cta-box .call-btn
{
 font-size: 18px !important;
}
}
@media only screen and (max-width: 480px)
{
    
/* 	tsd styling start here */

.img-box img{
    max-width: 100% !important;
}
.cars-cont .cta-box .amt .price-bg
{
    background: #fff !important;
    margin-left: 0px;
}
.grey-area {
	padding-top: 7px;
}
.grey-area .reservation-nav
{
	display: block !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.grey-area .reservation-nav li
{
	width: 50% !important;
}
.grey-area .reservation-nav li:last-child
{
	width: 100% !important;
}
.grey-area .reservation-nav li
{
	padding: 0 5px !important;
	border: 0px !important;
}
.reservation-nav b
{
	line-height: 23px !important;
	font-size: 17px !important;
}
.grey-area .reservation-nav li:nth-of-type(1) {
	border-right: 1.088px solid #000 !important;
}
.reservation-nav li.last a {
	width: 98%;
	font-size: 18px !important;
}
.grey-area
{
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px !important;
}
.cars-cont .carbox
{
	position: relative;
	overflow: visible;
}
.cars-cont .carbox:after{
	margin-top: 0px !important;
	margin-left: 0px !important;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	top: -15px;
	border-radius: 4px;
	font-size: 16px;
}
form#step2 {
	margin-top: 12px;
}
.cars-cont .img-box {
	order: 1 !important;
	flex-basis: 50%;
	margin-top: 10px; 
	margin-right:0px !important;
}
.cars-cont .desc-box
{
	order: 3 !important;
	flex-basis: 100% !important;
	background:  #eee;
	padding: 10px !important;
	border-radius:5px !important;
}
.cars-cont .cta-box
{
	order: 2 !important;
	flex-basis: 50% !important;
	background-color: transparent !important;
	padding-bottom: 0px !important;
}
.cars-cont .cta-box .cta-bg
{

	padding: 4px;
	border-radius: 8px;
	margin-bottom: 12px;
}
.cars-cont .cta-box .show-on-mob
{
	width: 100%;
	padding: 12px 0px;
}
.cars-cont
{
	display: block !important;
}
.desc-box .cls-name
{
	font-size: 22px !important;
	text-align: left;
}
.desc-box .similar-text {
	font-size: 18px !important;
	color: #5E5E5E !important;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px !important;
}
.desc-box .car-features {
	font-size: 14px;
	text-align: left;
}
.cars-cont .carbox .cta-box p .valid-thru
{
	font-weight: 600;
	font-size: 16px;

}
.cars-cont .cta-box .amt span , .cars-cont .cta-box .amt
{
	font-size: 17px !important;
}
form#step3 {
	padding: 10px 10px 0px 10px;
	margin-top: 12px;
}
form#step3 h3 {
	font-size: 22px !important;
}
form#step3 b {
	font-size: 16px;
	top: 0px;
}
#step3 input[type="checkbox"]
{
	width: 20px;
	height: 20px;
}
form#step3 .agent-txt
{
	align-items: flex-start;
}
form#step3 .agent-txt i
{
	margin-right: 8px;
}
form#step3 input[type="submit"] {
	font-size: 18px;
	margin-top: -6px !important;
	margin-bottom: -10px !important;
}
#lastfrm .qtr , #lastfrm .full , #lastfrm .half
{
	width: 98% !important;
	margin: 0px 8px !important;
	margin-left: 6px !important;
}
.form_main .planning {
	font-size: 22px !important;
	line-height: 24px;
	margin-bottom: 12px !important;
}
.form_main .optional-fields {
	display: block;
	margin-top: 6px;
	margin-bottom: 30px !important;
}
.form_main .optional-fields .option_field_group {
	width: 100% !important;
	margin-bottom: 20px;
}
#lastfrm #clear #fn {
	display: block;
}
.page-id-3272 .grey-area
{
	width: 95%;
	margin: 0 auto !important;
}
#sec-bill
{
	padding: 2px 10px 18px 10px;
}
#sec-bill .bill-details h2 {
	font-size: 22px !important;
}
#sec-bill .bill-details p[data-toggle="tooltip"] {
	font-size: 24px !important;
}
#sec-bill .bill-details h3 b {
	font-size: 18px;
	color: #4A4A48;
}
.text_dis
{
	font-size: 12px !important;
}
#lastfrm .pay-at-pick
{
	margin-left: 6px;
}
#sec-bill div hr
{
	margin-left: 9px !important;
	width: 97% !important;
}
#lastfrm #btncomplete {
	margin-left: 6px !important;
	width: 99%;
}
#lastfrm .pay-at-pick .half , #lastfrm #fn .qtr
{
	width: 100% !important;
	margin: 0px !important;
}
.uploaded_data
{
	margin-right: 0px !important;
	padding-right: 0px !important;
	margin-bottom: -6px !important;
}
.ul_deposit_main {
	margin-top: 14px !important;
	display: inline-block;
}
.form_main_hr
{
	margin-left: 0px !important;
	width: 98% !important;
}
.payment_information_form {
	width: 100.8%;
	margin-left: -2px;
}
}