
footer{ border-top: 1px solid #e1e1e1}
hr{ border: none; margin: 20px 0;display: block; clear: both; height: auto; overflow: hidden;}





.innersection{padding: 30px 15px;
max-width: 1260px;
margin: 0 auto;
background: #FFF;}
.innerlhs{ width: 74.35897435897436%;margin: 0 2.564102564102564% 0px 0; }
.innerrhs{ width:23.076923076923078%}
.innerlhs > h2{ font-size: 38px; margin: 0 0 20px 0}
.full-width .innerlhs{ width: 100%}
.full-width .page_get_in_touch form legend{ display: none}

.inner-search-area{ background: #fff; padding: 20px 0 10px;/* -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.06);box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.06);*/ position: relative; z-index: 1 }
.inner-search-area p{ text-transform: uppercase; color: #1d1d1d; font-size: 18px;  font-weight: 600;}
/*.inner-search-area .container{*/
/*padding-left: 0;    */
/*}*/

/*.select-box-one, .select-box-two{ float: left; width: 23.076923076923078%; margin: 0 2.564102564102564% 0 0; font-size: 20px;}

.all_search_box select{ width:18%;margin:0 1.9417475728155338% 10px 0;     height: 40px;    font-size: 14px; padding: 5px; display: block;float: left;}
*/

/*
.all_search_box select:nth-child(6){ width: 24%}
.all_search_box select:nth-child(7){ width: 24%}
.all_search_box select:nth-child(8){ width: 24%}
*/
.all_search_box select:nth-child(5n+5){ margin-right: 0}
/*.all_search_box select:last-of-type{ margin-right: 0}*/
.all_search_box_root{ position: relative; padding: 0 0px 0 0 }

.all_search_box_root input[type="submit"]{ min-width: 276px; height: 40px;padding: 8px 10px; margin: 0; /*width: 23.5437%;*/     width: 18%; float: left ; margin:0 1.9417475728155338% 0px 0; line-height: 1}
.reset_bottom{ width: 18%; float: left; height: 40px; padding: 8px 10px; display: block;  background: #444;border: 3px solid #444;
font-size: 18px;transition: linear 0.3s all;-webkit-transition: linear 0.3s all;text-align: center; font-weight: 600; border-radius: 4px;line-height: 1; color: #fff}
.reset_bottom:hover{color: #444; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
background: #fff; border: 3px solid #444;}
.page_trade_appraisal h2 { display: none; }
.page_trade_appraisal .breadcrumb { display: none; }
.all_search_box:after{ clear: both; display: block; overflow: hidden; content: ""}
.page_trade_appraisal 
.inner-narrow-search{ width:48.717948717948717%; float: left;font-size: 20px; }
.inner-narrow-search input{ margin: 0;    padding: 10px 50px 10px 15px;}
.inner-narrow-search .searchbutton{ background: url(../images/glass1.png) no-repeat center; position: absolute;top: 0;  right: 0;  height:50px; margin: 0; border: 0}
.inner-narrow-search .searchbutton:hover{ background: url(../images/glass1.png) no-repeat center; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none }

.search-result-number{ border-bottom: 1px solid #f3f3f3; padding: 0 0 15px 0; margin: 0 0 30px 0}
.search-result-number p{ font-size:16px; margin: 0; color: #000}
.search-result-number p strong{  font-weight: 600; }
.search-result-listing > ul{ margin: 0; padding: 0}
.search-result-listing > ul > li{ list-style: none; padding: 0 0 30px 0; margin: 0 0 30px 0; border-bottom: 1px solid #f3f3f3}
.search-result-listing > ul > li:after, .product-item-info:after, .rv-list:after, .recently-view:after{ display: block; content: ""; overflow: hidden}
.list_product-item-photo{ width: 23.076923076923078%; margin: 0 2.564102564102564% 0 0; float: left }
.product-item-details{ width: 74.35897435897436%;float: left; padding:0 200px 0 0 ; position: relative}
.product-item-details2{ width: 180px; position: absolute; right: 0; top: 0 }
.product-item-details1 ol{ margin: 0; padding: 0}
.product-item-details1 ol li{ list-style: none; display: inline-block; vertical-align: top; margin: 0 30px 0 0; padding: 0 30px 0 0; position: relative}
.product-item-details1 ol li:first-child{}
.product-item-details1 ol li:after {height: 45px;top: 0;right: 0;position: absolute;background: #d1d1d1; width: 1px;    content: "";}
.product-item-details1 ol li:last-child:after{ display: none}
.product-item-details1 ol li:last-child{ margin-right: 0; padding-right: 0}
.product-item-details1 ol li span{ font-size: 18px; color: #666666; display: block; line-height: 18px; }
.product-item-details1 ol li p{ color: #0159a3; font-size: 21px; margin: 0; font-weight: 600;}
.product-item-details1 h4{  font-weight: 600; font-size: 25px; margin: 0 0 15px 0 }
.product-item-details1 h4 a{ color: #000}
.product-item-details1 h4 a:hover{ color: #0159a3}
.product-pricetag{ background: #0159a3; padding: 15px 10px 14px 10px;text-align: center; color: #fff; border-radius: 3px; position: relative;display: block; width: 100%; clear: both; }
.product-pricetag:before{ background: url(../images/price-tag.png) no-repeat 0 0; background-size: contain; width: 36px; height: 36px; content: ""; display: inline-block; margin: 3px 7px 0 0; vertical-align: middle}
.product-pricetag:after{ position: absolute; top: 0; bottom: 0; left: 0;
    right: 0; content: ""; background: rgba(0,0,0,0.9); opacity: 0; -webkit-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; border-radius: 3px;}
.product-pricetag h3{ color: #fff; margin: 0; font-size: 38px;  font-weight: 600;   line-height: 26px; display: inline-block;vertical-align: middle}
.payment_call_title {
    font-size: 13px;
    left: 0;
    line-height: 18px;
    opacity: 0;
    padding: 7px 4px;
    position: absolute;
    top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
    width: 100%;
    -webkit-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    z-index: 2;
    border-radius: 3px;

}
.removeseachbar .inner-search-area {
  display: none;
}
.removeseachbar .default_banner img{ height: 260px;}
.product-pricetag:hover:after, .product-pricetag:hover .payment_call_title{
    opacity: 1;
    cursor: pointer;
}

.product-pricetag p{ margin: 0;font-size: 18px; font-weight: 600; line-height: 19px}
.product-item-details2 .doller{font-size: 23px; position: relative; line-height: 11px; top: 4px; display: inline-block; vertical-align: top;    letter-spacing: -8px;}
.product-item-details2 .white{font-size: 27px; position: relative; top: -5px; display: inline-block;vertical-align: top; left: -8px;}
.product-quick-view{ display: inline-block;}
.product-quick-view a{ display: block; text-align: center; min-width: 180px; color: #000;font-size: 16px; border: 2px solid #d8d8d8;  font-weight: 600; border-radius: 3px; padding: 10px;line-height: 20px; float: right; margin: 0 0 0px 0; -webkit-transition: 0.4s linear all; transition: 0.4s linear all}
.product-quick-view a:hover{ background: #1d1d1d; color: #fff; border-color:#1d1d1d}
.vehicle-vin-check{ margin-bottom: 12px;}
.vehicle-trade-btn{ margin-bottom: 12px;}

.img-with-margin, .detail-page-slider{ margin: 0 auto 30px auto; display: block; clear: both}
.detail-page-slider ul{ margin: 0; padding: 0}
.detail-page-slider ul li{ list-style: none; text-align: center;     background: #f9f9fa;}
.detail-page-slider ul li img{ margin: 0 auto}
.detail-page-slider .bx-wrapper .bx-pager{ display: none}
.inner-box{ margin: 0 0 30px 0; border-radius: 3px; }
.inner-box-header{ font-size: 20px;  padding:10px 45px 10px 0px; font-weight: 600; color: #000; line-height: 25px; position: relative; cursor: pointer;}
.vehile-description .inner-box-header.current{ }
.inner-box-header-title{ position: relative; border: 0;}
.inner-box-header-title::before{
    color: #000;
    content: "\f067";
    font-family: "FontAwesome";
    position: absolute;
    right: 20px;
    top: 11px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    font-size: 14px;
}

.detail-page-image ul li img
{
    max-width:80%;
}

.inner-box-header-title.current::before{
    content: "\f068";
}

.inner-box-body{ padding:25px;
    border-radius: 5px; border: 1px solid #ccc;    box-shadow: 0 4px 6px -7px #000;}
.inner-box-body p:last-of-type{ margin-bottom: 0}
.inner-box-body:after{ content: ""; display: block; clear: both}
.inner-box-body table{ width: 100%}
.inner-box-body table th{color: #666666; padding: 0 5px 0 0}
.inner-box-body table td{ color: #0159a3;  font-weight: 600; padding: 0 5px 0 0  }
.res-table ul{ margin: 0; padding: 0}
.res-table ul li{ list-style: none}
.res-table ul li span:first-of-type{ color: #666666}
.res-table ul li span:last-of-type{color: #0159a3;  font-weight: 600;}
.john-msg-box .inner-box-body{ padding: 25px 25px 25px 180px; color: #000}
.john-msg-box{ border: 0px}
.john-img{ position: absolute; left: 0px; top:25px; width: 110px; display: block; overflow: hidden;margin-left: 30px;}
.john-img img{ width: 100%; height: 100%}
.jmsg-top{ padding: 0 0 10px 0; border-bottom: 1px solid #0159a3}
.jmsg-body{ padding: 0px 0 20px 0; border-bottom: 1px solid #0159a3; font-size: 20px; color: #000}
.jmsg-top h3{ color: #000; margin: 0 0 5px 0;    font-size: 24px;    font-weight: 700;}
.jb-mobile, .jb-email{ display: inline-block; position: relative; vertical-align: top;  font-weight: 600; color: #000; padding: 0 0 0 25px; line-height: 28px; -webkit-transition: 0.3s linear all; transition: 0.3s linear all; font-size: 18px; word-break: break-all}
.jb-mobile:hover, .jb-email:hover{ color: #0159a3}
.jmsg-top p, .jmsg-body p{ margin: 0}
.jmsg-footer p{ margin: 10px 20px 0px 0; display: inline-block; vertical-align: top; font-size: 16px;}
.jb-mobile{ margin: 0 30px 0 0; }
.jb-email{padding: 0 0 0 30px}
.jb-mobile:before{  content: ""; position: absolute; left:0; top:1px; background: url(../images/mobile-phone-small.png) no-repeat 0 0 ; width: 16px; height: 22px;}
.jb-email:before{  content: ""; position: absolute; left:0; top: 5px; background: url(../images/envelope.png) no-repeat 0 0; width: 22px; height: 18px   }
.offer-btn{   font-weight: 600;  color: #fff; font-size: 18px; display: inline-block; padding: 8px 48px; background: #000; -webkit-transition: 0.3s linear all; transition: 0.3s linear all; border-radius: 3px ; line-height: normal; border: 3px solid #000; margin: 20px 0 0 0; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
.offer-btn:hover{ background: #fff; color: #000}
.showroom-add{ width: 40.034483%; float: left; padding:80px 25px 0 0px }
.showroom-map{width: 59.965517%; float: left; padding-left: 25px;}
.showroom-add p{ line-height: 28px}
.showroom-add p strong{  color: #0159a3;  font-weight: 600; display: block; clear: both}
.location-box .inner-box-header{ padding: 0px 0px 15px 0px;
    position: relative;
    display: table;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px; }
    
    
.location-box .location_address
{
    padding: 0px 0px 15px 0px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}


.location-box .inner-box-header h3{ color: #000;
    margin: 0;
    padding: 0 0 0 0px;
    display: block;
    font-size: 25px;
    
}



.located-pin{ width: 87px;height: 87px;border-radius: 50%;overflow: hidden; background: #000; position: relative; display:table-cell; vertical-align: middle; }
.located-pin img{position: absolute;top: 0;bottom: 0; left: 0; right: 0;margin: auto;}
.john-thank-box .jmsg-body p strong{ display: block; clear: both; margin: 20px 0 0 0}

.j-phone{ padding: 26px 20px 26px 65px; position: relative; border: 2px solid #d8d8d8; margin: 0 0 30px 0; border-radius: 3px}
.j-phone:before{ position: absolute; left: 20px; top:30px; content: ""; background: url(../images/mobile-phone.png) no-repeat 0 0; width: 28px; height: 53px; background-size: contain}
.j-phone p{ margin: 0; font-size: 24px; color: #000;      font-weight: 600; text-transform: capitalize}
.j-phone p strong{ display: block; clear: both; color: #0159a3; font-size: 22px;}
.price-and-offer{ margin: 0 0 30px 0}
.price-and-offer p{ margin: 0;
    padding: 0px 0px 0px 0px;
    font-size: 18px;
    font-weight: 700;
    text-align: left; }
.price-and-offer h3{  justify-content: start; display: flex; color: #fff; background: #0159a3; margin: 0; align-items: center; font-size: 40px;    padding-bottom: 15px;}
.price-and-offer h3 span{font-size: 40px;position: relative;line-height: 30px; display: inline-block;vertical-align: top;    margin-right: 0px;}
.price-and-offer a,.price-and-offer2 a{     display: block;
    padding: 10px;
    color: #236dad;
    font-size: 15px;
    font-weight: 600;
    background: #fff;
    line-height: 18px;
    -webkit-transition: 0.3s linear all;
    transition: 0.3s linear all;
    border-radius: 0px 0 3px 3px;
    text-transform: uppercase;
    border-radius: 5px;}
.price-and-offer a:hover{ color: #fff; background: #666}
.get-financed{ margin: 0 0 30px 0;
    border: 1px solid #d8d8d8;
    padding: 20px;
    border-radius: 10px;     box-shadow: 0px 0 10px 0px #ccc;}
.get-financed p{ font-size:16px;  font-weight: 600; color: #000; margin: 0; line-height: 16px}
.get-financed h3{ font-size: 38px; color: #0159a3; margin: 7px 0}
.vehicle-history .inner-box-body p{ margin: 0}
.vehicle-history .inner-box-body a{ font-size: 16px; color: #003181; line-height: normal}
.vehicle-history .inner-box-body a:hover{ color: #0159a3}
.e-payement{ margin: 0 0 30px 0}
.e-payement .product-pricetag{ float: none; width: 100%; max-width: inherit; padding: 25px 20px 25px 20px;}
.e-payement .product-pricetag h3{ font-size: 48px; line-height: normal}
.e-payement .product-pricetag p{ font-weight: 400; font-size: 16px; letter-spacing: 0.3px}
.e-payement .product-pricetag h3 .doller{font-size: 30px;position: relative;line-height: 26px;top: -1px; display: inline-block;vertical-align: top;letter-spacing: -11px;}
.e-payement .product-pricetag h3 .white { font-size: 27px;position: relative;top: -1px;display: inline-block; vertical-align: top;left: -12px;}
.e-payement .product-pricetag:before{     margin: -21px 4px 0 0;}

#fancybox-content .e-payement .product-pricetag:before{    margin: -35px 4px 0 0;}
#fancybox-content .e-payement .product-pricetag h3 .doller{    font-size: 25px;top: 2px}


.reset-clear{ display:block; color: #666666; background: #dddddd; padding: 10px 22px; font-weight: 600; line-height: 16px; font-size: 15px; text-transform: capitalize; float: right;}
.reset-clear:hover{ -webkit-transition: 0.4s linear all; transition: 0.4s linear all;background: #1d1d1d; color: #fff;  }
.recently-view{ padding: 30px 0}
.rv-list h5{ margin: 0 0 15px 0;  font-weight: 600; overflow: hidden; line-height: 2}
.rv-list ul{ margin: 0; padding: 0}
.rv-list ul li{ list-style: none; float: left; width: 14.52991452991453%; margin: 0 2.564102564102564% 0 0; text-align: center}
.rv-list ul li a{ display: block; color: #1d1d1d}
.rv-list ul li:last-child{ margin-right: 0}
.rv-list ul li a p{ margin:10px 0 0 0; font-size: 16px; max-height: 44px; overflow: hidden;min-height: 44px; line-height: normal}
.rc-view-img{ background: #1d1d1d; }
.rc-view-img img{-webkit-transition: 0.4s linear all; transition: 0.4s linear all; width: 100%; max-height: 113px;}
.rv-list ul li a:hover .rc-view-img img{ opacity: 0.6;}
.rv-list ul li a:hover{ color: #0159a3}

.quick_contact_with_map:after{ display: block; clear: both; content: ""; overflow: hidden}

.quick_view_page{ max-width: 980px; padding: 20px 0}
.addtional-div{ position: relative; padding: 0 240px 0 0;}
.vi-de-full{ position: absolute; top: 0; right: 0}
.vi-de-full a{background: #000000; color: #ffffff; display: block; padding: 15px 35px; font-size: 17px;  font-weight: 600; border-radius: 3px; -webkit-transition: 0.4s linear all; transition: 0.4s linear all; text-align: center}
.quick_view_page .res-table ul li a{ background: #000000; color: #ffffff; display: inline-block; padding: 10px 30px; font-size: 16px;  font-weight: 600; border-radius: 3px; -webkit-transition: 0.4s linear all; transition: 0.4s linear all; text-align: center; margin: 10px 0 0 0}
.vi-de-full a:hover, .quick_view_page .res-table ul li a:hover{ background: #0159a3;}
.map_image_link { background: #000000 none repeat scroll 0 0; border-radius: 50%; display: inline-block; height: 100px; overflow: hidden; position: relative;    width:100px;}
.map_image_link img{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto}
.block_social{ line-height: 1}
.print_view{display: inline-block; padding: 5px 15px; font-size: 12px; background: #000; line-height: normal; color: #fff; border-radius: 3px;     /*margin: 0 15px 0 0;
    float: right;*/}
.print_view:hover{ background:#0159a3; color: #fff}
.thanksmsg{padding: 10px;  text-align: center; background: #2c5f00; color: #fff; font-size: 25px;  font-weight: 600; border-radius: 3px;}
.all_social_links_and_print{ display: block; position: relative; padding: 0 0 15px 0 }
.all_social_links_and_print:after{ clear: both; overflow: hidden; content: ""; display: block}
.all_social_links_and_print .block_social{ float: right;margin: 2px 0 0 0; display: flex;
    align-items: center;
    justify-content: center;}
.veh_back{ float: left;}

.vehicle-vin-check a{display: block; text-align: center; background: #000;
    color: #fff; padding: 10px; border-radius: 4px;font-size: 15px;  font-weight: 600; text-transform: uppercase; -webkit-transition: 0.3s linear all; transition: 0.3s linear all;
    text-transform: capitalize;
}
.product-item-info .vehicle-vin-check a{ padding: 18px 5px; font-size: 13px; margin: 5px 0 0 0; line-height: 1;}
.vehicle-vin-check a:hover{ background: #1d1d1d; color: #fff;}

.vehicle-trade-btn a{    display: block;
    text-align: center;
    background: #000;
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    -webkit-transition: 0.3s linear all;
    transition: 0.3s linear all;}
.product-item-info .vehicle-trade-btn a{ padding: 18px 5px; font-size: 13px; margin: 5px 0 0 0; line-height: 1;}
.vehicle-trade-btn a:hover{ background: #1d1d1d; color: #fff;}

#fancybox-content .price-and-offer h3 span{font-size: 22px; top: -5px}
#fancybox-content .price-and-offer h3{ font-size: 32px; padding: 18px 10px}

#fancybox-content .innerlhs {    width: 72.358974%;    margin: 0 2.564102564102564% 0px 0;}
#fancybox-content .innerrhs {	width: 25.076923%;}

#fancybox-content .john-msg-box{  width: 72.358974%;    margin: 0 2.564102564102564% 0px 0; float: left}
#fancybox-content .vehicle-quick-location{ 	width: 25.076923%;float: left}

.detail-page-slider .bx-wrapper .bx-prev{ background: url(../images/golden-arrow-left.png) no-repeat 0 0 ; background-size: contain;background: #1f6aab;
    border-radius: 50%; font-size:0;}
.detail-page-slider .bx-wrapper .bx-next{background: url(../images/golden-arrow-right.png) no-repeat 0 0 ; background-size: contain;background: #1f6aab;
    border-radius: 50%; font-size:0;}

/*10-04-17*/
.both_coupon_image_and_content{
 width: 100%;
 display: inline-block;
}
.coupon_form{
    max-width: 800px;
}
.coupon_form ul li{
    list-style: none;
}
.coupon_form ul li:first-child{
    margin-bottom: 5px;
    font-size: 20px;
}
.coupon_form_image{
    float: left;
    width: 50%;
    padding: 6px;
    border: 1px solid #ccc;
}
.coupon_form_middle{
    float: left;
    width: 50%;
    padding-left: 10px;
}
.coupon_form_top h4{
    margin-bottom: 10px;
    padding: 8px 25px;
    background: #0157a0;
    color: #fff;
    text-align:center;
        border-radius: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin: -20px -21px 15px -21px !important;
}

.relocated_form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content:center;
}

.relocated_form input[type='text'] {
     width: 48%;
    padding: 0 10px;
    margin: 0 3px 10px;
    
}
.relocated_form select
{
margin: 0 12px 10px;
    color: #787878;


}
.relocated_form button
{
    display: inline-block;
    width: auto !important;
}
.relocated_form textarea
{
    margin: 0 12px 10px;
    
}
.coupon_form_top p{
    max-width: 725px;
    line-height: 25px;
}

.coupon_form .field_title{
     float: left;
    text-align: right;
    width: 50%;
    text-align: right;
    padding-right:10px;
    display:none;
}
.coupon_form .field_content {
    float: left;
    width: 100%;
}
 .coupon_form  .form_field_14 {
    width: 100%!important;
}
.coupon_form  .form_field_13 {
    width: 100%!important;
}

.coupon_form  .field {
    position: relative;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0 5px;
}

.coupon_form .form_field_13  .field_title
{
    display:block!important;
    text-align:left;
        margin-bottom: 5px;
    font-weight: 700;
}
.coupon_form form
{
          background: #f5f5f5;
        padding: 25px 20px;
}
.coupon_form .buttons{
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    text-align:center;
}
.coupon_form .buttons input[type="submit"]
{
    margin-bottom: 0;
    margin-top: 0;
    font-weight: normal;
    font-size: 16px;
}
.coupon_form .buttons a{
    margin-bottom: 0;
     margin-top: 0;
         font-weight: normal;
    
}

.coupon_form .forms_outer{
    margin: 15px 0 0 0;
}
.coupon_form input[type='text']{
    height: 50px;
}
 
.estimated_pay .sb-right1 b:hover
{
    color:#ccc;
}

/*VEHICLE TABLE
.vehile-table{
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
}

.vehile-table td, .vehile-table th {

    text-align: left;
    padding: 8px;
}

.vehile-table tr:nth-child(even) {

}
*/


.truwwidget_wrap {
  display: flex; align-items: center;
  flex-wrap: wrap; padding-top: 14px;
}
.truwwidget_left {
  padding-right: 15px;
}
.truwwidget_sidebar {
  padding-top: 20px;
  display: flex;
  justify-content: center;
}

.price-and-offer.textcenter.autoawards .recent_price{
 padding: 10px 10px 15px 10px;
  background: #fff;
  margin: 0;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #d8d8d8;
  
  border-bottom: 0;
  color: #000;
  line-height: 25px;
  border-radius: 10px 10px 0px 0px;   
    
}
.price-and-offer.textcenter.autoawards .price-offer-head,
.price-and-offer.textcenter.autoawards h3
{
    background: green;
}
.price-and-offer .recent_price
{
        background-color: green;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    border-radius: 10px 10px 0px 0px;
    padding: 10px 10px 15px 40px;
}
.price-and-offer .recent_price i
{
    display:none;
}
.price-and-offer .recent_price
{
background-color: green;
position: relative;
}

 .price-and-offer .recent_price span:after {
    content: "";
    display: block;
    background: url(/bobjohnsonused-new/templates/bobjohnson/images/trending_down_details.png) no-repeat center;
    background-size: cover;
    background-position: center;
    width: 20px;
    height: 20px;
    position: absolute;
        left: -35px;
    top: 46%;
    transform: translateY(-50%);
}
 .price-and-offer .recent_price span
 {
position: relative;
}
.autoawards .recent_price:after
{
    display:none;
}

.autoawards .recent_price 
{
    padding: 10px 10px 15px 10px;
    background: #3d3c3c;
}


.vehicle-history .inner-box-head .inner-box-header
{
    font-size: 20px;
    padding: 0px!important;
    font-weight: 600;
    color: #000;
    line-height: 25px;
    margin-bottom:20px;
}
.recalls a
{
    background: #dedede;
        color: #000;
}

.schedule_wrapper .sb-left {
        flex: 0 0 48%;
    background: #0159a3;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    margin-right: 4%;
}

.schedule_wrapper .sb-left .cyp-schedule span,.schedule_wrapper .sb-right .cyp-schedule span
{
    font-size: 15px;
    line-height: 1.4;
    display: block;
}
.schedule_wrapper .sb-left .cyp-schedule i,.schedule_wrapper .sb-right .cyp-schedule i
{
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 5px;
    margin-right:0;
}

.schedule_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.schedule_wrapper .sb-right {
        flex: 1;
    text-transform: capitalize;
    font-size: 16px;
    flex: 0 0 48%;
    background: #000;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 0;
}

.calulator_form div {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
        padding: 0 1%;
}
 .calulator_form  .calulator_form_full_width
{
       width: 99%;

}

.calulator_form_bottom .buttons_cal
{
    font-size: 17px;
    color: #fff;
    background: #0159a3;
    padding: 10px 20px;
    margin-bottom: 11px;
    display: inline-block;
    font-weight: 700;
}

.calulator_form_bottom .buttons_cal
{
    font-size: 17px;
    color: #fff;
    background: #0159a3;
    padding: 10px 20px;
    margin-bottom: 11px;
    display: inline-block;
}
.calulator_form_bottom .buttons_cal:hover
{
    background-color: #000;
}

.calulator_form_bottom .buttons_cal_color
{
    background-color: #c2c2c2;
    color:#000;
}
.calulator_form_bottom .buttons_cal_color:hover
{
    background-color: #0159a3;
    color:#fff;
}
.calulator_form_head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.calulator_form_bottom strong
{
     margin-bottom: 15px;
    display: block;  
}

.vehicle-vin-check a:hover
{
    background: #000 !important
}

.ask_ques_but a:hover
{
    background: #0159a3 !important
}

.check_avi a:hover
{
     background: #0159a3 !important
}

.value_tra a
{
     background: #0159a3 !important
}
.value_tra a:hover
{
     background: #000 !important
}


.john-thank-box .jmsg-top
{
    border:none;
}

 .john-thank-box .jmsg-body {
    
        border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    
}


.quick_view_offer 
{
    
    margin: 0 0 30px 0;
    padding: 10px 10px 20px;
    color: #fff;
    background: #0159a3;
    border-radius: 10px 10px 10px 10px;
    margin-top: -7px;
    position: relative;
}

#fancybox-content .quick_view_offer h3 span {
    font-size: 32px;
}

.quick_view_offer h3 span
{
    position: unset;
    line-height: normal;
    display: unset;
    margin-right: 0px;
}
#fancybox-content .quick_view_offer h3 
{
    justify-content: center;
    display: flex;
    color: #fff;
    background: #0159a3;
    margin: 0;
    align-items: center;
        padding: 0 0 15px;
}
.quick_view_offer p
{
        padding: 0px 0px 0px 25px;
}
@media(max-width:767px){
    .coupon_form_image{
        float: none; 
        margin: 0 auto 10px;
        width: 100% !important;
    }
    .coupon_form form {
    padding: 25px 10px;
}
.detail-page-image ul li img {
    max-width: 100%;
}


.coupon_form .field {
    
    width:100%;
    
}
    .coupon_form_middle{
        float: none;
        padding-left: 0;
        width: 100%; padding-bottom: 15px;
    }
    .coupon_form_middle ul{
        padding: 0;
    }
    .all_search_box{text-align: left}
    .all_search_box select{float: left; width: 23%}
    .all_search_box select:nth-child(5n+5){margin: 0 1.7948717948717947% 10px 0;}
    .all_search_box select:nth-child(4n+4){margin-right: 0;}
    .all_search_box_root input[type="submit"]{    width: 97.4%;}
/*
    .all_search_box select:nth-child(6){width: 23%}
    .all_search_box select:nth-child(7){width: 23%}
    .all_search_box select:nth-child(8){width: 23%}
*/
}


.detail-page-slider .bx-wrapper .bx-prev:before {
    content: "\f104";
    color: #FFF;
    font-size: 14px;
    font-family: 'FontAwesome';
    display: block;
    line-height: 52px;
    text-indent: 0;
    text-align: center;
}
.detail-page-slider .bx-wrapper .bx-next:before {

   content: "\f105";
    color: #FFF;
    font-size: 14px;
    font-family: 'FontAwesome';
    display: block;
    line-height: 52px;
    text-indent: 0;
    text-align: center;
}
.inner-box-body-content ul li
{
        padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.inner-box-body-content ul li::marker {
  color: #0159a3;
}
.price-offer-head .price-offer-head_wrp {
    padding-left: 10px;
}

.price-offer-head
{
    padding: 10px 10px 20px;
    color: #fff;
    background: #0159a3;
    border-radius: 10px 10px 10px 10px;
    margin-top: -7px;
    position:relative;
}

.price-and-offer2 {
    padding: 21px 10px 20px;
    color: #fff;
    background: #0159a3;
    border-radius: 10px 10px 10px 10px;
    margin-top: -7px;
}
.cars-interirors-slider center {
   border-radius: 10px 10px 0px 0px;
}

@media(max-width:650px){
.calulator_form_head {
    display: block;
}
}

@media(max-width:580px){
.detail-page-slider .bx-wrapper .bx-next:before {
    line-height: 30px;
}

.detail-page-slider .bx-wrapper .bx-prev:before 
{
    line-height: 30px;
}
}

@media(max-width:420px){
.calulator_form div {
    width: 100%;
    padding: 0 0%;
}
}


@media(max-width:710px){
.all_search_box select{ width: 48%}
.all_search_box select:nth-child(4n+4){margin-right: 0;}
.all_search_box select:nth-child(2n+2)    {margin: 0 1.7948717948717947% 10px 0;}
    .all_search_box_root input[type="submit"]{    width: 97.4%;}
}

@media(max-width:680px){
    .coupon_form .field_title{
        float: none;
        width: 100%;
        text-align: left;
    }
    .coupon_form .field_content{
        float: none;
        width: 100%;
    }

    .coupon_form .buttons{
        padding-left: 0;
    }
}

@media(max-width:600px){
     .all_search_box_root input[type="submit"]{    width: 100% !important;}
}

@media(max-width:640px){
}


@media(max-width:400px){
    .coupon_form_top h4{
        font-size: 15px;
    }
    .coupon_form_top p{
        font-size: 15px;
    }
    .coupon_form ul li{
        font-size: 14px;
    }
    .coupon_form .field_title{
        font-size: 15px;
    }
    .coupon_form .button{
        font-size: 16px;
    }
}
@media(max-width:360px){
     .coupon_form ul li{
        font-size: 13px;
    }
}



@import url("https://use.fontawesome.com/releases/v5.6.0/css/all.css");

.instant-preapproval b
{
    margin-bottom:15px;
        margin-bottom: 10px;
    display: block;
    line-height: 1.2;
}
.instant-preapproval {
	    background-color: #000;
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
    display: block;
    text-align: center;
    padding: 20px 15px;
    border-radius: 10px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 12px;
}
.instant-preapproval a {
	background-color: #0db300;
	border-radius: 4px;
	font-size: 16px;
	line-height: 40px;
	margin-top: 7px;
	transition: 0.4s;
	color: #fff;
	display: block;
}



.instant-preapproval a:hover {
	box-shadow:inset 0px 0px 0px 2px #0159a3;
	-webkit-box-shadow:inset 0px 0px 0px 2px #0159a3;
	-moz-box-shadow:inset 0px 0px 0px 2px #0159a3;
	transition: 0.4s;
		background-color: #0159a3;
}

.schedule_wrapper .sb-left span:hover
{
    color:#ccc;
}
.schedule_wrapper .sb-right span:hover
{
    color:#ccc;
}
.sb-wrapper-head
{
     background: #0159a3;
    padding: 20px 20px;
    border-radius: 5px;
}

.sb-left {
	flex: 0 0 50%;
}
.sb-left-z {
	flex: 0;
	display:none;
}
.sb-right {
	flex: 1;
	text-transform: capitalize;
    font-size: 16px;
    margin-bottom: 8px;
}
.sb-right1 {
	flex: 1;
	text-transform: capitalize;
    font-size: 16px;

}
.ep-small {
	background-color: #0159a3;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 16px;
	
}
.ep-small h2 {
	    font-size: 40px;
    color: #fff;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #fff;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.cyp-small {
	color: #fff;
	font-weight: bold;
	text-transform: capitalize;
	font-size: 13px;
}

.sb-wrapper .sb-right i, .sb-wrapper .sb-right1 i
{
    font-size: 18px;
    vertical-align: middle;
    margin-right: 10px;
}
.sb-wrapper .sb-right b,.sb-wrapper .sb-right1 b
{
    font-size: 15px;
        vertical-align: middle;
}
.cyp-small-rev {
	background-color: #0159a3 !important;
}
.estimated-payment-notice {
	margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    padding: 20px;
    background: #e5eef5;
    border-radius: 10px;
    font-weight: 700;
}
.cyp_form {
	padding: 8px 15px;
	border: 2px solid #d6d6d6;
	line-height: 20px;
	width: 100%;
	margin: 0 0 10px;
	background-color: #fff;
	border-radius: 4px;
	height: 50px;
	font-size: 18px;
	color: #333;
	 font-weight: 400;
}
.under-photo-btn-container {
   text-align: center;
   margin: 20px 0;
}
.under-photo-btn {
   border-radius: 4px;
      font-size: 17px;
   font-weight: bold;

   margin-top: 7px;
   transition: 0.4s;
  padding: 10px 65px;
   text-transform: capitalize;
   margin: 0 5px 10px;
   display:inline-block;
}



.cars-interirors center
{
        background: #f9f9fa;
    border: 1px solid #dddddd;
}

.cars-interirors-slider img
{
    max-width: 80%;
}


 .cars-interirors .under-photo-btn-container {
    text-align: center;
    padding: 20px 0;
    background: #f9f9fa;
    border: 1px solid #dddddd;
    border-radius: 0px 0px 15px 15px;
    margin: 0px 0 20px 0;
}
.features_table ul 
{
     padding: 0px 0px 10px 0px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;             
}
.features_table_head::before
{
    display:none;
}

.features_table ul li
{
        margin: 10px 3%;
    width: 44%;
}

.under-photo-btn-1 {
   background-color: #000;
    color: #fff;
}
.under-photo-btn-1:hover {
    color: #fff;
}
.under-photo-btn-2 {
   background-color: #0157a0;
   color: #fff !important;
}
.under-photo-btn-3 {
   background-color: #288200;
   color: #fff !important;
}



.under-photo-btn-1:hover {
    background-color: #0157a0;
}
.under-photo-btn-2:hover {
   background-color: #000;
}
.under-photo-btn-3:hover {
   background-color: #000;
}

.estimated_pay .sb-left span
{
    margin-right:0px;
}
.features_table .view-all-features
{
        margin: 10px 3%;
    position: relative;
    font-weight: 700;
}

.features_table .view-all-features:after {
    content: "\f061";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -35px;
    top: 46%;
    transform: translateY(-50%);
        font-family: 'FontAwesome';
}

@media(max-width:580px){
.features_table ul li
{
        margin: 10px 5px;
        font-size: 16px;
                width: 100%;
}
.features_table ul
{
                padding: 0px 0px 10px 20px;
}


}

@media(max-width:630px){
.under-photo-btn {
    display: block;
    margin: 5px 15px 10px 15px;
 }
}
@media(min-width:710px){
 .search-sticky {
   position: -webkit-sticky; /* Safari */
   position: sticky;
   top: 0;
 }
}
