/*common styles*/
html {scroll-behavior: smooth;}
input:focus, textarea:focus, select:focus, button:active, button:focus, a:focus { outline: 0; }
html {scroll-behavior: smooth;}
/*New Slider Styles*/
#new_vehicle_slider.flexslider .slides > li { background: #f2f2f2; text-align: center; font-weight: 500;}
#new_vehicle_slider.flexslider { background: transparent; border: 0; box-shadow: none; }
#new_vehicle_slider.flexslider .f_title, #new_vehicle_slider.flexslider .f_price { background: #010101; padding-top: 5px; color: #fff; }
#new_vehicle_slider.flexslider .f_title { font-weight: 600; font-size: 16px;display: block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; padding: 5px 10px;}
#new_vehicle_slider.flexslider .f_price { font-weight: 600; font-size: 20px; padding-bottom: 5px; }
#new_vehicle_slider.flexslider .f_price .egc_option { font-size: 12px; display: block; }
#new_vehicle_slider.flexslider .f_btn {background: #605c5c;color: #fff;display: inline-block;text-transform: uppercase;font-size: 20px;padding: 10px;width: 100%;font-weight: 600; text-align: center; border: 0; margin: 0; border-radius: 0;}
#new_vehicle_slider.flexslider .f_btn .point_arrows { font-size: 25px;margin-left: 6px;}
#new_vehicle_slider.flexslider .f_btn:hover {background: #010101;color: #fff;transition: 0.5s;}
#new_vehicle_slider .vehicle_details_options {min-height: 100px;padding: 5px 0;text-align: left;width: 260px;margin: 0 auto;font-size: 12px;}
#new_vehicle_slider .flex-control-paging li a { background: #ccc; }
#new_vehicle_slider .flex-control-paging li a.flex-active { background: #010101; }
#new_vehicle_slider .vehicle_details_options div { background: transparent url("/media/10587/vehile-slider-sprite-icons.png") no-repeat; padding: 10px 0 10px 65px; min-height: 43px; }
#new_vehicle_slider .vehicle_details_options .f_odo { background-position: 0 -5px; }
#new_vehicle_slider .vehicle_details_options .f_trans { background-position: 0 -96px; display: block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; }
#new_vehicle_slider .vehicle_details_options .f_body { background-position: 0 -185px; }
#new_vehicle_slider .vehicle_details_options .f_fuel { background-position: 0 -279px; }
#promotion_banner {background: #fff9b5;text-align: center;padding: 20px 15px;font-weight: 700;font-size: 30px;letter-spacing: 2px;border-bottom: 5px solid #010101;}
#promotion_banner .fa { margin-right: 15px; color: #e18010; }
/*top button*/
.top-search-button {background: #010101;color: #fff;padding: 20px 25px;border-radius: 10px;font-size: 30px;margin: 30px 0;display: inline-block;}
.top-search-button .fa { margin-right: 15px; }
.top-search-button:hover, .top-search-button:focus {background: #fff;color: #010101;}
@media(max-width: 767px) {
.top-search-button { font-size: 25px; padding: 10px 20px; }
}
#filter-body .filter .header .fa.fa-angle-double-down, #filter-header .fa.fa-angle-double-down {float: right;font-size: 20px;}
#SearchByBodyItemsContainer { display: inline-block; }
/*for Social share button on vehicle detail page*/
@media(max-width: 767px) {#details-vehicle-share-drop-down { margin: 0; }}
#details-vehicle-share-drop-down { padding: 10px 0; background: #010101; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000; Opacity: 1; font-weight: 600;}
input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */color: #000; Opacity: 1; font-weight: 600;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */color: #000; Opacity: 1; font-weight: 600;}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */color: #000; Opacity: 1; font-weight: 600;}
.clear { clear: both; overflow: hidden; height: 0; }
.large-btn { padding: 10px 30px;
background: #e83b34;
color: #fff;
display: block;
max-width: 191px;
margin-left: 52px;
margin-top: 30px;
text-transform: uppercase;
font-size: 18px;}
.large-btn:hover {
color: #fff;
background-color: #c7c7c7;
transition: 0.3s;
}
/*finance calculator*/
#finance-calc h3 {
font-size: 24px;
margin-top: 0;
color: #fff;
}
#finance-calc {padding: 40px; border-radius: 0; background-color: #010101; min-height: 535px; border-radius: 10px;}
#finance-calc .finance-calc-left, #finance-calc .finance-calc-right, #finance-calc .selectBox { width: 100% !important; }
#finance-calc .finance-calc-result {font-weight: 600;}
#finance-calc .finance-calc-right > input, #finance-calc .selectBoxOptionContainer { border: 0; }
#finance-calc .selectBox { border: 0; }
#finance-calc .finance-calc-right input { height: 32px; }
#finance-calc .selectBoxArrow { width: 25px; }
#finance-calc > div:not(:first-child) {margin-top: 35px;}
span#fc-repayments {font-size: 36px;padding-top: 8px;display: block;}
/*finance calculator edited for colours*/
#finance-calc.newcalculator .finance-calc-result { text-align: center; margin-top: 5px; }
#finance-calc.newcalculator .finance-calc-header-title { background: #605c5c !important; text-transform: uppercase; margin-bottom: 0; }
#finance-calc.newcalculator .finace-calc-body-new { background: #010101 !important; }
#finance-calc.newcalculator .finace-calc-body-new .finance-calc-result-title { background: #605c5c !important; }
#finance-calc.newcalculator .finance-calc-header { border: 0; }
#finance-calc.newcalculator .finance-calc-header-title .fa { color: #010101 !important; }
#finance-calc.newcalculator { margin-bottom: 30px !important; }
#finance-calc.newcalculator .finance-calc-body-bottom { background: #fff !important; }
#finance-calc.newcalculator .spacer { border-top: 2px solid #000 !important; }
#finance-calc.newcalculator .slider-bar .ui-widget-header { border: 1px solid #605c5c !important; }
#finance-calc.newcalculator .slider-bar .ui-state-default {border: 5px solid #605c5c !important; color: #605c5c !important; }
/**Cash for Cars**/
body[data-url='cash-for-cars'] #body h1 span {
color: #de3933;
margin-top: 10px;
}
#box1, #box2 {
padding: 23px 25px 37px;
margin-bottom: 15px;
background: #d9d9d9;
}
#box1 {
padding: 23px 25px 15px;
}
/*sold Vehicles*/
#sold-vehicle { float: none; margin-top: 0; background:#FE0000;border-radius: 5px;color:#fff; box-shadow: 1px 2px 5px rgba(0,0,0,0.4); border: 5px solid #fff; padding: 15px 0;margin-bottom: 35px; }
#body h3.sold-vehicle {margin-left: 0;font-size: 16px;margin: 0;text-align: center; font-weight: 600;line-height: 30px; color: #fff;}
/*vehicle details page back button*/
#back-stock {background: transparent;color: #605c5c;padding: 10px;display: inline-block;margin: 0 0 15px;border-radius: 5px;font-weight: 600;text-transform: uppercase;font-size: 15px;border: 2px solid #605c5c;}
#back-stock:hover { background: #605c5c; color: #fff; }
/*New Car Buying tabs*/
.tab_cover { display: inline-block;margin-bottom: 45px; width: 100%; }
.buy_new_car li.active { background: #fff; color: #000; }
.buy_new_car li { color: #fff; }
.buy_new_car li a { color: #fff; }
.buy_new_car .nav.nav-tabs { background-color: #605c5c; }
.buy_new_car .nav.nav-tabs .description { display: block; }
.nav-tabs > li > a:hover {background-color: #a31715; border-color: #a31715 #a31715 #a31715; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #eee; border-color: #eee #eee transparent; color: #000; }
.tab-pane { padding: 20px 25px; }
.s_num { font-size: 35px; font-weight: 700; }
.tab-content { background-color: #eee; }
.btn_tabs { text-align: right;
margin-bottom: 40px;
margin-top: 20px; }
.btn_tabs .btn { background-color: #605c5c;
color: #fff;
border-radius: 0;
padding: 12px;
font-size: 18px;}
.btn_tabs .btn:hover {
background: #505050;
transition: 0.3s;
}
#body .tab-content .tab_title { font-size: 26px; margin-bottom: 30px; background-color: #605c5c; color: #fff; margin-top: 0;padding: 10px; }
/*headertop*/
.social_block {display: inline-block; text-align: left;}
#header .social_block .fa {color: #fff; font-size: 20px;}
.header_desktop_hide { background: #1F1A17; margin-bottom: 5px; }
#header .fa { color: #605c5c; }
#header .fa.fa-map-marker {font-size: 22px; margin-right: 6px; }
#header .fa.fa-phone {
font-size: 20px;
margin-right: 10px;
padding-top: 8px;
}
#header a { color: #1F1A17; font-size: 16px; display: inline-block; }
#header .social_block span { display: none; }
#header .social_block a { background: #605c5c; display: inline-block; padding: 6px 12px; }
#header .tel_cover { margin: 0 20px; }
#header .address_cover { margin-top: 5px; }
#header a:hover { text-decoration: none;}
#header .social_block a:hover { background: #ae260e; }
@media(max-width: 991px) {#header_2 .image_one, #header_2 .image_two { display: none; }}
@media(max-width: 767px) {
#header_2 { display: none; }
#header { padding: 0 0 0 !important; }
#main-logo { padding-top: 10px; }
.social_block { display: none; }
/*#Banner { display: none; }*/
#navbar { top: -6px !important; }
#header a { font-size: 18px !important; }
#finance-calc { margin-top: 15px; }
.nav.nav-tabs li a { font-size: 25px; text-align: center; }
.buy_new_car li { float: left !important; width: 18%; }
.testimonial-wrapper .fa { display: none; }
/*.top_section, .border { display: none; }*/
.header_desktop_hide { display: block !important; text-align: center; }
.top_section_row { display: none; }
#navbar { padding: 0 0 10px !important; }
/* .navbar-default .navbar-nav > li > a { color: #fff !important; } */
#body .top_section h2.slider_header { font-size: 30px; margin: 0 0 40px; }
.top_section_search #SearchByBodyHeader { font-size: 30px; }
}
@media(min-width: 767px) {
.header_desktop_hide { display: none; }
#body .tab-content .tab_title { display: none; }
}
/*four boxes*/
.four_box_wrapper .btn_view_more:hover {background: #605c5c;transition: 0.3s;}
.four_box_wrapper .box_common { margin-bottom: 35px; }
#body .four_box_wrapper h2{margin: 0;background: #010101;color:#fff;text-align: center;padding: 15px 0;line-height: 25px;font-weight: 500; font-size: 22px; letter-spacing: 2px; border: 0; border-radius: 5px 5px 0 0;}
#body .four_box_wrapper h2 a { color: #fff; }
.four_box_wrapper h2 {border-top: 1px solid #e83b34; padding: 15px 15px 0px;text-transform: uppercase;}
#body .four_box_wrapper h2 a:hover { color: #605c5c; }
.four_box_wrapper img { width: 100%;}
.four_box_wrapper .content_wrap { padding: 15px;min-height: 280px;background: #010101; font-size: 15px; }
.four_box_wrapper .btn_view_more { text-decoration: none;background: #010101;color: #fff;display: block;text-align: center;font-size: 18px; padding: 10px 0; border-radius: 0 0 8px 8px; }
.four_box_wrapper .btn_view_more .fa.fa-angle-double-right { font-size: 25px; margin-left: 10px; }
.four_box_wrapper { padding: 38px 0 25px; }
@media(max-width: 1599px) {
.four_box_wrapper h2 a { font-size: 25px;}
.four_box_wrapper .content_wrap {min-height: 290px;}
}
@media(max-width: 768px) {
.four_box_wrapper .content_wrap {min-height: inherit;}
}
/*welcome section*/
.yellow_title { color: #010101; }
.welcome_content_block { text-align: left; }
#body .welcome_content_block h1 { text-align: center; font-size: 40px;color: #808080;margin: 65px 0 40px; font-weight: normal; line-height: 60px;}
#body .welcome_content_block h1 span { color: #fff; display: block; font-size: 55px; font-weight: 600;margin-top: 0;margin-bottom: 30px; line-height: 60px; }
.welcome_section { background: #000 url("/media/16152/welcome-bg.jpg") no-repeat fixed 0 0 / 100% auto; color: #fff; padding: 20px 0 80px; background-size: cover; background-position: center;}
#body .latest_news_block h2 { color: #605c5c; font-size: 42px; font-weight: 600; margin: 35px 0; text-align: center; }
.latest_news_block { background: rgba(205,186,186,0.8); border-left: 10px solid rgba(204,51,48,0.5); -webkit-transform: skew(-12deg); -moz-transform: skew(-12deg); -o-transform: skew(-12deg); }
.latest_news_cover { -webkit-transform: skew(12deg); -moz-transform: skew(12deg); -o-transform: skew(12deg); }
.latest_news_cover .fa.fa-chevron-circle-right { color: #000; }
.latest_news_cover ul li { padding: 0; margin: 0; font-weight: 600; }
@media (max-width: 767px) {
.welcome_section p {
margin-left: 0!important;
}
.large-btn {
margin-left: 0;
}
}
.latest_news_cover .latest_news_more { color: #605c5c;display: block;font-size: 18px;font-weight: 600;margin-left: 60px;padding-bottom: 15px; }
@media(min-width: 1211px) { .welcome_section .container { padding-right: 56px; } }
@media(max-width: 1211px) {.latest_news_cover, .latest_news_block { -webkit-transform: none; -moz-transform: none; -o-transform: none; }}
@media(max-width: 991px) {
.latest_news_block { padding-top: 15px; }
#body .welcome_content_block h1, #body .latest_news_block h2 { font-size: 30px !important; text-align: center; margin: 10px 0 15px;}
#body h1, .social_block { text-align: center; }
#header-contact { text-align: center !important; }
.social_block, #header .address_cover { display: none; }
}
/*testimonial*/
#body .testimonial-wrapper h2 { margin-top: 0; margin-bottom: 45px; font-size: 30px; font-weight: 600; }
#TestimonialSlider .bx-viewport { background: none; }
.testimonial-wrapper {background: #969696;color: #fff;margin-bottom: 3px;padding: 70px 20px 60px;text-align: center;}
.testimonial-wrapper .fa {color: #fff;font-size: 60px;margin-right: 20px;}
.testimonial-wrapper .bx-wrapper .bx-prev {background: rgba(0, 0, 0, 0) url("https://cdn3.iconfinder.com/data/icons/social-messaging-ui-color-shapes-2-1/254000/40-48.png") no-repeat scroll 0 0 !important;left: -100px;}
.testimonial-wrapper .bx-wrapper .bx-next {background: rgba(0, 0, 0, 0) url("https://cdn3.iconfinder.com/data/icons/social-messaging-ui-color-shapes-2-1/254000/45-48.png") no-repeat scroll 0 0 !important;right: -100px;}
.testimonial-wrapper .bx-wrapper .bx-prev, .testimonial-wrapper .bx-wrapper .bx-next {height: 48px;width: 48px;}
.testimonial-wrapper .bx-wrapper .bx-pager.bx-default-pager a {background: #000 none repeat scroll 0 0;}
.testimonial-wrapper .bx-wrapper .bx-pager.bx-default-pager a.active {background: #605c5c none repeat scroll 0 0;}
.testimonial-wrapper .testimonial-title {display: none;}
.testimonial-item .fa.fa-user {font-size: 40px;background: #605c5c;color: #fff;border-radius: 50px;padding: 15px 20px;}
.testimonial-item .fa { font-size: 35px; color: #605c5c; }
.testimonial-item .fa.fa-quote-left, .testimonial-item .fa.fa-quote-right { color: #010101; text-shadow: 1px 2px 1px rgba(0,0,0,0.8); }
.testimonial-item .fa.fa-quote-left { margin-right: 10px; }
.testimonial-item .fa.fa-quote-right { margin-left: 10px; }
.testimonial-item {background: #faf0cb;padding: 1px 15px 15px;border-radius: 8px;border: 2px solid #605c5c;}
@media(max-width: 767px) {
#body .testimonial-wrapper h2, #body h1 { font-size: 30px !important; line-height: 32px !important; text-align: center; }
.testimonial-wrapper .fa { font-size: 40px; }
#body .welcome_content_block h1 span {font-size: 40px !important;}
}
@media(max-width: 991px) {
.testimonial-wrapper .bx-wrapper .bx-prev { background-size: 25px 25px !important; left: -12px; }
.testimonial-wrapper .bx-wrapper .bx-next { background-size: 25px 25px !important; right: -37px; }
}
/*logo bottom*/
#manufacturer_logos ul { margin-bottom: 5px;}
#manufacturer_logos ul li { list-style-type: none; display: inline-block; margin: 0 20px; }
#manufacturer_logos ul { text-align: center; padding-left: 0; }
#manufacturer_logos ul li:last-child { margin-right: 0; }
.brand_section { padding: 0 0 35px; }
/*latest vehicles*/
#body h2.slider_header {color: #1f1a17; text-align: center; font-size: 40px; margin: 35px 0 45px; line-height: 52px;}
h2.slider_header b { color: #605c5c; font-weight: 600; }
.FeaturedListItems li .fa.fa-angle-right { font-size: 25px; /*float: right;*/ }
.point_arrows { margin-left: 25px; }
#body h2.slider_header::after {
content: '// View Our Latest Vehicles //';
display: block;
text-transform: uppercase;
font-size: 16px;
max-width: 411px;
color: #1f1a17;
margin: 0 auto;
padding-top: 8px;
letter-spacing: 1px;
font-weight: bold;
line-height: 25px;
}
/*#FeaturedList .bx-viewport .FeaturedListItems li.bx-clone .f_btn .fa.fa-angle-right { margin-right: 25px; }*/
#FeaturedList .bx-wrapper {max-width: 100% !important;/*max-width: 1370px !important;*/margin-bottom: 0; margin-bottom: 95px;}
#FeaturedList .bx-wrapper .bx-viewport {border: none;box-shadow: none;height: 400px!important;}
#FeaturedList .bx-pager { display: none; }
#FeaturedList ul {height: 400px;overflow: hidden;}
#FeaturedList .bx-viewport li {background:#fff;width: 2.48% !important; /*3.86% !important;*/margin-right: 2px !important;min-height: 400px !important;}
#FeaturedList .bx-viewport li:hover .f_title, #FeaturedList .bx-viewport li:hover .f_price:after {background: /*#605c5c*/;color: #605c5c;transition: 0.3s; border-top: 8px solid #605c5c!important;}
#FeaturedList .f_title {
color: #000;
position: absolute;
top: 0;
background: transparent;
border-top: 2px solid #605c5c;
font-size: 15px;
font-weight: 500;
line-height: 18px;
width: 90%;
padding: 10px 10px 0;
overflow: hidden;
z-index: 9999;
height: 70px;
text-overflow: ellipsis;
text-align: left;
text-transform: uppercase;
margin: 0 auto;
display: block;
left: 18px;
}
#FeaturedList .f_price {
background: #fff;
color: #1f1a17;
font-size: 30px;
font-weight: 600;
padding: 12px 11px 2px 8px;
width: 100%;
left: 18px;
right: 48px;
bottom: 0px;
top: 300px;
}
#FeaturedList .f_btn {
font-size: 18px;
text-transform: uppercase;
display: block;
color: #fff;
background-color: #1f1a17;
padding: 12px 20px;
font-weight: 400;
position: absolute;
top: 350px;
right: 18px;
width: 90%;
text-align: center;
}
#FeaturedList .f_image { /*-webkit-filter: grayscale(100%);filter: grayscale(100%);*/top: 21%;}
.bx-wrapper img{ width: 90%;
max-width: initial;
text-align: center;
margin: 0 auto;
display: block;
border: 5px solid #cecece;
}
.bx-wrapper img:hover {
max-width: 90%;
border: 5px solid #605c5c;
transition: 0.3s;
}
#FeaturedList .bx-viewport li:hover .f_image {-webkit-filter: inherit;filter: inherit; transition: 0.3s;}
#FeaturedList .bx-viewport li:hover .f_btn { background-color: #605c5c;}
#FeaturedList .bx-viewport li:hover .f_price {color: #605c5c;}
@media(max-width: 1199px) {
#FeaturedList .f_title { line-height: 16px; padding: 12px 8px 0;}
#body .welcome_content_block h1 { text-align: center; }
#body .welcome_content_block h1 span { font-size: 50px; }
#body .welcome_content_block h1 { font-size: 35px; }
#body h2.slider_header { font-size: 35px; }
}
@media(max-width: 991px) {
#FeaturedList ul.FeaturedListItems {width: 615% !important;}
#FeaturedList .bx-viewport li {width: 9% !important;}
}
@media(max-width: 480px) {
#FeaturedList .bx-wrapper .bx-viewport {height: 430px!important;}
#FeaturedList .bx-viewport li {width: 12.8% !important;}
#FeaturedList .f_image {top: 65px;}
#FeaturedList .f_price {font-size: 22px;bottom: 50px;}
#FeaturedList .f_title { padding-top: 5px; line-height: 20px; }
}
body[data-url="privacy-policy"] #body h1, body[data-url="terms-of-use"] #body h1 { font-size: 30px; text-align: center; line-height: 35px; }
.top_section { padding-bottom: 70px; }
/*border*/
.border {
max-width: 59%;
margin: -21px auto 30px;
box-shadow: 0 8px 14px -5px #cdcdcd;
background: transparent;
height: 20px;
}
/*search by body*/
#SearchByBodyHeader {
font-size: 35px;
margin-bottom: 40px;
line-height: 50px;
}
#SearchByBodyHeader::after {
content: '// Select Your Body Type //';
display: block;
text-transform: uppercase;
font-size: 16px;
max-width: 311px;
color: #fff;
margin: 0 auto;
padding-top: 8px;
letter-spacing: 1px;
font-weight: 600;
line-height: 25px;
}
#SearchByBodyHeaderTextPrimary, .SearchByItemsName { color: #fff; text-transform: uppercase; }
.top_section_search{ background-color: #605c5c;padding: 40px 0; text-align: center; background-image: url("/media/12114/brilliant.png"); }
#SearchByBodyHeaderTextSecondary { color: #010101; font-weight: 600; }
.SearchByItemsBox {
border-top: 2px solid #010101;
margin: 6px;
padding: 15px;
margin-bottom: 15px;
cursor: pointer;
display: inline-block;
float: left;
background: url(/media/6641/sprite_model-black.png) no-repeat;
width: 160px;
height: 112px;
background-color: #fbfbfb;
border-left: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1;
box-shadow: -1px 3px 3px -2px #b1b1b1;
}
.SearchByItemsBox:last-child { margin-right: 0px; }
.SearchByItemsBox .SearchByItemsName { margin-top: 65px; display: block; font-weight: 700; color: #000; }
#CoupeBox.SearchByItemsBox { background-position: -40px 0; }
#HatchbackBox.SearchByItemsBox { background-position: -287px 0; }
#ConvertibleBox.SearchByItemsBox { background-position: -43px -86px; }
#UtilityBox.SearchByItemsBox { background-position: -287px -86px; }
.SearchByItemsBox:hover {
background-color: #010101;
background-image: url(/media/6642/sprite_model.png);
transition: 0.3s;
color: #fff;
}
.SearchByItemsBox:hover span {
color: #fff;
}
#SuvBox.SearchByItemsBox { background-position: -39px -178px; }
#SedanBox.SearchByItemsBox { background-position: -287px -180px; }
#CabChassisBox.SearchByItemsBox { background-position: -38px -269px; }
#WagonBox.SearchByItemsBox { background-position: -292px -272px; }
/*@media(max-width: 1170px) {
.top_section_search {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#473f54+0,473f54+7,433c4e+17,3a3343+30,332f3d+35,2e2a38+46,2c2934+48,2c2934+52,201d26+79,1d1a23+100 */
background: rgb(71,63,84); /* Old browsers */
background: -moz-linear-gradient(top, rgba(71,63,84,1) 0%, rgba(71,63,84,1) 7%, rgba(67,60,78,1) 17%, rgba(58,51,67,1) 30%, rgba(51,47,61,1) 35%, rgba(46,42,56,1) 46%, rgba(44,41,52,1) 48%, rgba(44,41,52,1) 52%, rgba(32,29,38,1) 79%, rgba(29,26,35,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(71,63,84,1) 0%,rgba(71,63,84,1) 7%,rgba(67,60,78,1) 17%,rgba(58,51,67,1) 30%,rgba(51,47,61,1) 35%,rgba(46,42,56,1) 46%,rgba(44,41,52,1) 48%,rgba(44,41,52,1) 52%,rgba(32,29,38,1) 79%,rgba(29,26,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(71,63,84,1) 0%,rgba(71,63,84,1) 7%,rgba(67,60,78,1) 17%,rgba(58,51,67,1) 30%,rgba(51,47,61,1) 35%,rgba(46,42,56,1) 46%,rgba(44,41,52,1) 48%,rgba(44,41,52,1) 52%,rgba(32,29,38,1) 79%,rgba(29,26,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#473f54', endColorstr='#1F1A17',GradientType=0 ); /* IE6-9 */}
} **/
/*quick search*/
.SearchFilterSelect.new_hide{ display: none; }
#SearchFilterYardText, #SearchFilterYard, #SearchFilterPriceText, #SearchFilterYearText, #SearchFilterModelText,
#SearchFilterMakeText {display: none; }
/*Advanced search*/
#SearchFilterHeader { background: #1F1A17; margin-bottom: 15px; }
#AdvancedQuickSearchHeaderText { color: #fff; font-size: 30px; padding: 8px 0; display: block; }
#SearchFilter { max-width: 490px; background: rgba(255, 255, 255, 0.8); color: #fff; text-align: center; padding-bottom: 25px; padding-bottom: 25px; z-index: 9999; top: 100px; right: 300px; position: absolute; }
#SearchFilterButton { width: 90%; font-weight: 600; background-color: #1F1A17; color:#fff; padding: 15px; font-size: 25px; border: 0; text-transform: uppercase; margin-top: 15px; }
.AdvancedQuickSeachSelect, .SearchFilterSelect select{ color: #000; float: left; width: 90%; padding: 15px 25px 10px; }
#AdvancedQuickSearch select, .SearchFilterSelect select { border-left: 1px solid #000; border-bottom: 1px solid #000; border-top: 0; border-right: 0; font-size: 16px;font-weight: 700;padding: 5px !important; height: auto !important;text-transform: uppercase; background: rgba(255,255,255,0) url(https://cdn3.iconfinder.com/data/icons/faticons/32/arrow-down-01-16.png) no-repeat right center;appearance:none;-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari and Chrome */cursor: pointer;}
.SearchFilterSelect.MultiFilter, #SearchFilterYard, #SearchFilterHeader div.SearchFilterSelect:first-child { width: 100%; }
#AdvancedQuickSearchKeywords { display: none; }
#banner { position: relative; }
.red_color { color:#605c5c; display: inline !important; font-weight: 500; }
.bal_text { display: inline !important; font-weight: 600; }
.srch_text img { margin-right: 10px; }
#SearchFilterYard, #SearchFilterMake, #SearchFilterModel { width: 100%; }
#SearchFilter select { margin: 0; max-width: 100% !important; }
.SearchFilterSelect { padding: 10px 25px; float: left; width: 50%; }
.SearchFilterSelect.MultiFilter div { float: left; width: 50%; }
#SearchFilterYearHigh, #SearchFilterPriceHigh { float: right; }
@media (max-width: 1350px) {
#SearchFilter { position: relative; top:0; right: 0; max-width: 100%; }
#SearchFilterButton { width: 50%; }
}
@media (min-width: 1351px) and (max-width: 1495px) {#SearchFilter { top: 65px; right: 150px; }}
@media (max-width: 767px) {.SearchFilterSelect { width: 100%; }}
@media (max-width: 468px) {
#AdvancedQuickSearch select, .SearchFilterSelect select { font-size: 13px; }
#QuickSearchText, #SearchFilterText { font-size: 25px;}
.srch_text img { display: none; }
#SearchFilterHeader { padding: 10px 0; }
#SearchFilterButton { font-size: 16px; padding: 5px; }
}
#SearchFilterText:before {display: none;}
body {background: #fff;font-family: 'Poppins', sans-serif; line-height: 28px; font-size: 16px; color: #000;}
@media(max-width: 767px) {
.hidden-md {display: none;}
}
.container { padding-left: 0;padding-right: 0; max-width: 1370px; width: 100%; }
@media (max-width: 767px) {#body > div.container > div {padding-left: 15px;padding-right: 15px;}}
#body h1, #body .posts-container h2.post-header { font-size: 35px;font-weight: 600;line-height: 46px; margin: 14px 0 12px; text-transform: uppercase; color: #010101;}
.theme_color { color:#de3933; }
#body h2 { font-size: 26px;
font-weight: 500;
margin-bottom: 15px;
margin-top: 30px;
line-height: 38px;}
body[data-url='sitemap'] #body h2 {font-size: 16px;padding-left: 11px;border-left: 3px solid #5D5959;margin-bottom: 15px;margin-top: 30px;font-weight: bold;}
h3, .h3 { font-size: 20px;font-weight: 600;}
h3 .fa-chevron-circle-right {margin-right: 10px;}
#body p {margin: 0px 0px 10px;line-height: 24px;}
small {font-size: 16px;}
a {color: #605c5c; outline:0;}
a:hover, a:focus {color: #010101; text-decoration: none; outline:0; }
.maincontent-wrapper a {text-decoration: underline; margin-bottom: 40px;}
ul {margin-bottom: 20px;}
dd {margin-bottom: 15px;}
#banner {/*margin-top: -49px;z-index: 1;*/}
#header { background: #010101; /* padding: 10px 0; */ text-align: center; }
#header_2 {background: #1F1A17; padding: 5px 0; }
#header .container {background: transparent;padding-left: 15px;padding-right: 15px; max-width: 1370px;}
#header-details {margin-top: 28px;text-align: right;}
#header-contact { font-size: 18px;text-align: right;font-weight: 500;}
#header-contact a {color: #fff;text-decoration: none;}
#header-contact a:hover, #header-contact a:focus {color: #605c5c;}
#header-contact b {color: #1F1A17; font-size: 16px;}
.navbar {margin-bottom: 0;min-height: 42px;}
#navbar { background-color: #fff; padding: 0; }
#navbar .container {background: transparent; max-width: 1370px;}
/*#navbar_div .container-fluid {background: #FFF;}*/
#navbar_div .navbar .collapse.navbar-collapse { padding-left: 0; padding-right: 0; }
.navbar-default {border: 0; text-align: center;}
ul.navbar-nav {margin: 0 auto;float: none;}
.container-fluid>.navbar-header {margin-left: 0;margin-right: 0;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #fff;text-decoration: none;background-color: #010101; border-radius: 5px;}
.dropdown-menu>li>a {padding: 12px;text-transform: uppercase;font-size: 12px;font-weight: 600;}
.navbar-default .navbar-nav>li>a {color: #000;text-transform: uppercase;font-size: 18px;padding: 0 5px 0;font-weight: 600;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a.current_page_item, .navbar-default .navbar-nav>li>a:focus {color: #605c5c;-o-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;}
#navbar_div .container-fluid { padding-left: 0;padding-right: 0; }
.nav.navbar-nav li { text-align: center; padding: 0 15px;}
@media(min-width: 768px) {
/* .nav.navbar-nav li a:after {content: "/";color: #919191;margin-left: 18px;} */
}
.navbar-toggle {background-color: transparent;margin-top: 16px;padding: 0 0 5px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;color: #FFF; }
#navbar_div .nav.navbar-nav { display: inline-block; margin-top: 48px; }
@media(max-width: 1070px) {
.navbar-default .navbar-nav>li>a { background: none; padding: 0 5px 0 0; font-size: 16px; }
}
@media (max-width: 1199px){
#background {margin-left: -840px;}
#background-left, #background-right {width: 1474px;}
}
@media (max-width: 767px){#background {display: none;}}
.navbar-default .navbar-toggle {border: none;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: transparent;}
.navbar-toggle {float: none;width: 100%;}
.navbar-toggle .icon-bar {margin: 0 auto;}
#social-nav {position: absolute;right: 22px;top: 10px;}
.fb_iframe_widget {line-height: 20px;}
#social-nav .fa {display: inline-block;margin-left: 6px;font-size: 16px;}
#social-nav .fa-google-plus { color: #E02C2C;font-size: 14px;}
#social-nav .fa-facebook-official {color: #0B54B7;}
#social-nav .fa-youtube-play {color: #DE0000;}
#main-logo {max-width: 220px;padding: 10px 0; float: left;}
@media(max-width: 1699px) {
#main-logo {
}
}
@media(max-width: 1199px) {
#header-contact {font-size: 18px;padding-top: 8px;padding-bottom: 7px;}
#social-nav {top: 58px; }
.google-reviews .container { padding-left: 15px; padding-right: 15px; }
}
@media(max-width: 991px){
#logo-main {padding: 0;}
.nav.navbar-nav li { padding: 0 6px; }
}
@media (max-width: 991px) {.nav>li>a { padding: 18px;}}
@media(max-width: 767px) {
#navbar {margin-top:0;margin-bottom: 0;min-height: 42px;}
#main-logo {width: 100%;float: inherit;padding-bottom: 0; max-width: 250px; padding-top: 10px;}
#header-contact a {text-align: center;display: block;font-size: 16px;}
#social-nav, #header .address_cover {display: none;}
.navbar-header { background: #605c5c; }
#body h1 span { font-size: 40px; margin-bottom: 0; line-height: 50px; margin-top: 5px; }
#SearchPageNumbers { text-align: center; }
#navbar_div .nav.navbar-nav { margin-top: 20px; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #605c5c;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #010101; }
}
@media (max-width: 767px) {.navbar-nav> li> a {padding-top: 15px;}}
.car-manu #manufacturer_logos {background: #FFF;text-align: center;margin-bottom: 15px;margin-top: 17px;max-height: 76px;padding-bottom: 10px;overflow: hidden;}
.car-manu #manufacturer_logos ul {padding-left: 0;margin-bottom: 11px;}
.car-manu #manufacturer_logos ul li {display: inline;}
.car-manu #manufacturer_logos img {padding: 8px;max-width: 75px;}
.car-manu #manufacturer_logos ul li a {text-decoration: none;}
@media (max-width: 767px) {.car-manu #manufacturer_logos { max-height: 86px;}}
/* Center Wrapper*/
.center-wrapper {background: transparent; padding: 0 0 30px; min-height: 300px;}
body[data-url='cartech-automotive'] .center-wrapper, body[data-url='contact-us'] .center-wrapper { padding: 0; }
@media(max-width: 767px) {
body[data-url='stock'] .center-wrapper, body[data-url='contact'] .center-wrapper, body[data-url='testimonials'] .center-wrapper, body[data-url='latest-news'] .center-wrapper, body[data-url='sitemap'] .center-wrapper {padding: 15px 0;}
.navbar-default .navbar-nav > li > a { padding: 10px 0; font-size: 16px !important; }
}
/* main flex */
.mainflex-wrapper {padding-right: 0;}
#body .main-flex {margin-left: -15px;margin-right: -15px;}
#body .main-flex .flexslider {background: #000;max-height: 550px;border-radius: 0;overflow: visible;box-shadow: none;border: 0;margin: 0;}
@media (max-width: 560px) {.flex-caption-bg, .flex-caption {display: none;} }
#body .main-flex .flexslider .flexOverlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: black;opacity: 0.3;color: white;}
#body .main-flex .flexslider img {border: 0;margin: 0;list-style-type: none;list-style: none;padding: 0;line-height: normal;max-width: none;max-height: none;}
#body .main-flex .flexslider a {color: #fff;text-decoration: none;}
#body .main-flex .flexslider .flexOverlay span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: white;}
#body .main-flex .flexslider .slides li {position: relative;}
#body .main-flex .flexslider a {font-family: 'Roboto Condensed', sans-serif;}
#body .main-flex .flex-caption, #body .main-flex .flex-caption-bg {position: absolute;right: 0;bottom: 0;top: 0;z-index: 1;padding: 5px;width: 33%;}
#body .main-flex .flex-caption-bg {padding: 0px;margin-top: -5px;margin-bottom: -5px;margin-right: -5px;}
#body .main-flex .flex-caption-bg-div {width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);}
#body .main-flex .flex-caption .flex-caption-top {margin-top: 13%;margin-left: 27;}
#body .main-flex .flex-caption-top p {color: #FFF;font-size: 19px;padding-left: 50px;margin-left: 5px;margin-bottom: 10px;line-height: 26px;padding-bottom: 12px;border-bottom: 1px solid #F3B94E;box-shadow: 1px 1px 1px #9E9E9E;}
/*top navigation style issue responsive*/
@media (max-width: 1356px) {
.navbar-default .navbar-nav > li > a { }
ul.navbar-nav {display: inline-block;float: none;text-align: center;width: 100%;}
.nav.navbar-nav li { text-align: center; display: inline-block; float: none; }
.SearchByItemsBox { float: none; }
}
@media (min-width: 768px) {#body .main-flex .flex-caption-top a {font-size: 14px;margin-left:20px;}}
@media (max-width: 1199px) { #body .main-flex .flex-caption-top p {font-size: 14px;line-height: 18px;}}
@media (max-width: 991px) {#body .main-flex .flex-caption-top p {line-height: 14px;}}
@media (min-width: 992px) {#body .main-flex .flex-caption-top a {font-size: 22px;margin-left:20px;}}
@media (max-width: 767px) {
#body .main-flex .flex-caption-bg, .flex-caption {display: none;}
.nav.navbar-nav li { display: block; padding: 0;}
}
@media (min-width: 1200px) {#body .main-flex .flex-caption-top a {font-size: 30px;margin-left: 44px;line-height: 40px;}}
#body .main-flex .flex-caption .flex-caption-bottom {font-size: 20px;color: #644ba4;text-transform: uppercase; text-align: right;display: block;}
#body .main-flex .flexslider .btn a {background: #644BA4;color: #fff;font-size: 16px;padding: 15px 15px 11px;border-radius: 4px;margin-top: 10px;display: inline-block;font-weight: bold;}
#body .main-flex .flexslider .btn a:hover {background: #7B5EC3;text-decoration: none;}
@media (max-width: 767px) {#body .box-wrapper {margin-top:30px;}}
/*Banner*/
#banner .container {position: relative;}
#BannerSlider img {width: 100%;}
#breadcrumb_wrapper .container {background: transparent; margin-bottom: 15px;}
#breadcrumb_wrapper { background: #eae9e9; }
#breadcrumb { background: transparent;margin-bottom: 0;padding: 5px;font-size: 14px;}
#breadcrumb a, #breadcrumb span {color: #1F1A17;}
.maincontent-wrapper {font-size: 14px;line-height: 28px;padding: 20px 38px 46px;background: #FFF;;margin-left: -15px;margin-right: -12px;min-height: 685px;}
.maincontent-wrapper img {margin-right: 30px;margin-bottom: 16px;}
.floatcontainer {margin-top: 26px;}
.main-content {padding: 40px;}
#body .main-content h3 { font-size: 18px;line-height: 12px;}
.latest-sidebar {min-height: 355px;}
#LatestNews {padding: 0px 15px 15px; margin-left: 30px;}
#LatestNews h4 { display: none; }
.latest-sidebar ul {margin: 12px 0 0;padding-left: 20px;}
.latest-sidebar ul li {line-height: 22px;margin-bottom: 15px;}
#body #LatestNews h4 {font-size: 22px;margin-top: 10px;font-weight: 600;padding-top: 8px;padding-bottom: 12px;border-bottom: 1px dotted;}
#LatestNews a {text-decoration: none;}
#LatestNews a:hover { color: #605c5c; }
@media(max-width: 1199px) {
.maincontent-wrapper, .latest-sidebar {height: 435px;}
.main-content {padding: 20px;}
}
@media(max-width: 991px) {
.maincontent-wrapper, .latest-sidebar {height: inherit;}
.maincontent-wrapper {margin-left: -15px;margin-right: -15px;margin-bottom: 15px;min-height: inherit;}
.latest-sidebar {padding-bottom: 40px;margin-top: 15px;margin-left: -15px;margin-right: -15px;min-height: inherit;}
}
@media(max-width: 767px) {
.maincontent-wrapper {margin-left: -7px;margin-right: -7px;padding: 16px 24px 46px;}
.latest-sidebar {margin-left: -7px;margin-right: -7px; }
.buy_new_car .nav.nav-tabs .description { display: none; margin-left: 15px; }
.government_charges { text-align: center; }
}
/*icons*/
#search-results .search_meta ul {list-style-image: none;}
#search-results .search_meta li, #details-vehicle-info-vehicle-Extras li {background-image: url("/media/5587/icons-new.png");
background-repeat: no-repeat;display: inline-block;font-size: 14px;font-weight: bold;list-style-type: none;margin-bottom: 20px; padding: 0 0 0 45px; width: 50%;}
#details-vehicle-info-vehicle-Extras li {width: 190px;}
.icon-fuel, #details-vehicle-info-vehicle-Extras li#icon-fuel {background-position: 2px -240px;height: 35px;}
.icon-colour, #details-vehicle-info-vehicle-Extras li#icon-colour {background-position: 0 -6px;}
.icon-transmission, #details-vehicle-info-vehicle-Extras li#icon-transmission {background-position: 0 -63px;}
.icon-body, #details-vehicle-info-vehicle-Extras li#icon-body {background-position: 0 -123px;}
.icon-kms, #details-vehicle-info-vehicle-Extras li#icon-kms { background-position: 0 -184px;}
.icon-stock {background-position: 0 -159px;}
/**Vehicle Listing**/
#details-sidebar-main-vehicleenquiry .form-row label { display: none; }
.dap { font-size: 14px; }
.img-small {padding-left: 0;padding-right: 0;}
#search-results .vehicle-listing-img img {
padding: 2px;
}
#search-filters .filter .body a:hover { color: #010101; }
.watchlist-sidebar-InWatchList:before, #search-results .watchlist.InWatchList, .watchlist .InWatchList { background-color: #605c5c; }
#search-results .watchlist.InWatchList, .watchlist .InWatchList { /* border: 2px solid #000; */ color: #fff; }
.search_location { padding-left: 0; padding-bottom: 0; }
.search_location .fa { width: 18px; }
#carhistory-gif { width: 100%; }
#search-results .search_item {background: #f5f5f5;
margin-bottom: 12px;
padding-top: 4px;
border-bottom: 0px!important;}
.vehicle-listing-img {margin-bottom: 15px; padding: 0;}
#details-vehicle-info-features-Body {color: #000;background: #eaeaea;}
#details-vehicle-info-features-Tabs div:not(.tab-selected){color: #FFF;background-color: #605c5c;background-image: none!important;font-weight: normal;}
#details-vehicle-info-features-Tabs div.tab-selected {background: #fdee21;color: #000;}
#SP ul li.current {background: #E4E4E4;}
#SP ul li a {color: #3F3F3F;}
#SP ul li.current a {color: #3F3F3F;}
#filter-reset a {display: block;color: #000;font-weight: 600; background-position: 0 6px;}
#SearchSortBy {margin-left: 0px;margin-top: 0;}
#SearchPageNumbers ul { margin-bottom: 0; }
#SearchSortBy span {padding-right: 5px;}
@media (max-width: 767px) {
#SearchSortBy {font-size: 18px;margin-top: 0px;margin-bottom:10px;padding: 8px;background: #ccc;}
}
#search-filters #filter-header {background: #010101;color: #FFF;font-size: 20px;text-align: center;}
#search-filters #filter-header.hasFilters {background: #010101;color: #FFF; font-weight: 600; font-size: 18px; padding: 5px;}
#search-filters #filter-body .filter:first-child {border-top-left-radius: 0px;border-top-right-radius: 0px;}
#search-filters #filter-body .filter:last-child {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
#search-filters .filter {padding-bottom: 0px;}
#search-filters .filter .header,.search-results-header-inner{background: #605c5c;color: #FFF;}
#search-filters .filter .header:hover { background-color: #010101; }
#search-filters .filter .header {width: 100%;font-size: 16px;padding: 8px 14px;cursor: pointer;border-bottom: 1px solid #AEAEAE; text-transform: uppercase; letter-spacing: 1px;}
#search-filters .filter .body {background: #F2F2F2;}
#search-filters .filter .body a {color: #3F3F3F;font-size: 14px; text-transform: uppercase;}
#search-filters .filter .body li:not(.show) {background: none;}
#search-filters .filter .body ul {margin: 0;}
#search-filters .filter ul {list-style-position: inside;list-style-image: url('/media/1021/filter_arrow.png');padding: 5px;}
#search-filters .filter .header.open {background: #010101;color: #fff;}
#filterPriceLo, #filterPriceHi, #filterKeywords {margin: 5px 10px; }
.filter .btnGo {background: #010101;color: #FFF;display: block;border: none;padding: 6px 9px;margin-left: 9px;font-weight: bold;margin-top: 8px; }
.filter .btnGo:hover {background: #000;color: #fff;}
span.filterRemove a {color: #010101 !important;}
.search_title {margin-bottom: 10px;}
.search_meta {margin: 13px 0;}
.search_icons {margin: 20px 0; }
.search_price a { color: #000; }
#search-results .search_desc {padding-left: 0px;line-height: 24px; font-size: 14px; -webkit-line-clamp: 5;}
.vehicle-heading {background: transparent;display: inline-block;min-height: 40px;padding: 15px 0 8px;margin: 0;border: 2px solid #010101; width: 100%;
border-radius: 5px;}
#search-results .search_title a {font-size: 18px; color: #000;}
#search-results .search_title a:hover, .search_price a:hover {text-decoration: none;color: #605c5c;}
#SearchPageNumbers ul li.current a, #SearchPageNumbers ul li a:hover { background-color: #010101; }
@media (min-width: 767px) {
#search-results .search_desc { min-height: 120px; }
.search_meta { min-height: 380px; }
.share-btn { padding-right: 0; }
}
@media (max-width: 991px) {
.vehicle-heading {min-height: 78px;}
#search-results .search_title a, #search-results .search_price {font-size: 16px;color: #333;text-decoration: none;display: block;margin-top: 5px;}
.vehicle-price {margin-bottom: 20px;display: block;}
}
#search-results .search_price {font-size: 26px;}
#search-results .search_price a:hover, #search-results .search_price a:focus, #search-results .search_price a:active {text-decoration: none;color: #605c5c;}
#search-results .search_details {background-color: transparent;border-radius: 4px;margin-top: 15px;padding-left: 0;padding-right: 0;}
#search-results .search_details a {background: #010101;color: #fff;font-weight: 500;font-size: 18px; padding: 10px 25px;text-transform: uppercase; border-radius: 5px;}
#search-results .search_details a:hover {text-decoration: none;background-color: #605c5c;color: #FFF;-o-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s; }
#search-filters #filter-header,#search-filters #filter-header.hasFilters {border-radius: 0px;}
/* .watchlist-sidebar-NotInWatchList::before, #search-results .watchlist.NotInWatchList, .watchlist .NotInWatchList { background-image: url('/media/11080/blue-star.png') !important;} */
#search-results .watchlist.NotInWatchList, .watchlist .NotInWatchList, #search-results .watchlist.InWatchList, .watchlist .InWatchList { background-position: 8px 14px !important; }
.watchlist-hide .header a.header-watchlist, .watchlist-sidebar-InWatchList::before, #search-results .watchlist.InWatchList, .watchlist .InWatchList {background-image: url('/media/1287/white-star.png') !important;}
@media (max-width: 767px) {
#search-results .search_title, #search-results .search_price {text-align: center;}
#search-results .search_details {text-align: center;width: 100%;}
#search-results .search_details a {display: block;width: 100%;}
}
@media(max-width: 991px) {
#search-filters {padding-left: 0px;width: 100%;margin-top: 12px;}
}
/** Vehicle Description**/
/*#details-sidebar-main-watchlist {display: none;}*/
.government_charges {font-size: 14px;}
#details-sidebar-main .section {margin-top: 0;border: none;background-color: #EAEAEA; margin-bottom: 15px;}
#details-vehicle-info-options {background: #000;}
#details-vehicle-info-options a {text-decoration: none; font-weight: 400;}
#details-vehicle-info-options li:not(:first-child):before { color: #FFF; }
@media(max-width: 414px) {
#details-vehicle-info-options li:not(:first-child):before {margin-left: 2px;margin-right: 2px;font-size: 8px;}
#details-vehicle-info-options {padding: 0px 1px 8px;}
#details-vehicle-info-options a {font-size: 12px;}
}
#details-vehicle-info-vehicle, #details-vehicle-info-vehicle-Image-Wrapper {border: none;background: #EAEAEA; }
#details-vehicle-info-vehicle-Image img {width: 100%;}
#details-vehicle-info-Heading {}
#details-vehicle-info-vehicle-Name, #details-vehicle-info-vehicle-Price {color: #313131;font-weight: 800;font-size: 18px;}
#details-vehicle-info-vehicle-Price { font-size: 24px; }
#details-sidebar-main .header {background-color: #605c5c;color: #FFF;font-weight: 400;font-size: 20px;}
#details-sidebar-main-vehicleenquiry .form-row input, #details-sidebar-main-vehicleenquiry .form-row button, #details-sidebar-main-vehicleenquiry .form-row textarea, #details-sidebar-main-vehicleenquiry .form-row button {padding: 2px 5px;}
#details-sidebar-main-vehicleenquiry .form-row button {background: #010101;font-size: 20px;padding: 8px;border: none; color: #fff; border-radius: 5px; text-transform: uppercase; letter-spacing: 1px; }
#details-sidebar-main-vehicleenquiry .form-row button:hover { background:#605c5c;color: #FFF; }
.bx-wrapper .bx-viewport {border: 0;box-shadow: none;}
#details-vehicle-info-features-Tabs div.tab-selected {background: #010101 none repeat scroll 0 0;color: #fff; }
#details-vehicle-info-features [data-tab='details'] table tr td:first-child {min-width: 120px;}
#details-vehicle-info-desc {background: #eaeaea;padding: 15px;margin-bottom: 25px;border-radius: 5px;}
.header.no-content.InWatchList.watchlist-sidebar-InWatchList, .header.no-content.watchlist-sidebar-InWatchList { background-color: #010101 !important; }
@media(max-width: 1199px) {
div#details-vehicle-info-vehicle-carhistory, div#details-vehicle-info-vehicle-ivi-report {display: block;width: 100%;}
}
@media(max-width: 991px) {
#details-vehicle-info-vehicle-Name {font-size: 16px;}
#details-vehicle-info-vehicle-Name, #details-vehicle-info-vehicle-Price {text-align: center;margin: 10px 0;}
}
#footerboxcontainer {overflow: hidden;margin-top: 15px;margin-left: -8px;margin-right: -8px;}
#footerboxcontainer .col-md-3 {padding-right: 8px;padding-left: 8px;margin-bottom: 15px;}
.footerbox{background: #FFF;height: 426px;padding: 0px 20px;position: relative;}
.footerbox:first-child{margin-left: 0px;}
.footerbox h2 {color: #313131;font-size: 16px;padding: 24px 0px 10px;border-bottom: 1px dotted #bbb;margin-bottom: 2px;margin-top: 0;}
.footerbox h2 a {font-weight: 600;text-decoration: none; }
.footerbox p {color: #333;line-height: 23px;}
.footerboximglink{display: block;margin-bottom: 10px;position: relative;min-height: 128px;}
.footerboximglink img{position: absolute;padding: 5px;background: #fff;z-index: 1;width: 240px;}
.footerboximglink span {position: absolute;top: 0;left: 0;z-index: 9999;min-width: 230px;height: 110px;line-height: 115px;text-align: center;margin: 5px;color: #fff;font-size: 14px;font-weight: bold;background: rgba(17, 60, 125, 0.63);display: none;}
.footerboximglink:hover span {display: block!important;}
#social-nav-footer h3 {margin-bottom: 20px!important;}
#social-nav-footer .fa {#858585!important;font-size: 30px;margin: 0 5px;}
#social-nav-footer .fa-google-plus {font-size: 18px;}
#social-nav-footer .fb-like {line-height: 13px;margin-right: 8px;}
.buttontwo{display: block;line-height: 40px;background: #313131 url('/media/3955/buttontwo_bg.png') 224px center no-repeat;border-radius: 10px;color: #fff;font-weight: bold;padding: 8px 8px 8px 15px;position: absolute;bottom: 20px;left: 15px;right: 15px;}
.buttontwo:hover{background-color: #484848;color: #FFF;text-decoration: none;border-color: #000;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;}
@media(max-width: 1199px) and (min-width: 991px) {
.footerboximglink img {width: 176px;}
.footerboximglink {min-height: 88px;}
.footerboximglink span {min-width: 166px;height: 80px;line-height: 86px;}
.buttontwo {background: #313131 url('/media/3955/buttontwo_bg.png') 166px center no-repeat;}
}
@media (max-width: 1199px) {.footer_custom {max-width: 960px;}}
@media (max-width: 991px) {
.footer_custom {max-width: 750px;}
.footerbox {float: none;margin: 0 auto;}
}
@media (max-width: 767px) {
#footerboxcontainer {margin-left: 0;margin-right: 0;}
.footerboximglink {overflow: hidden;height: 124px;}
.footerboximglink span {width: 100%;height: 100%;margin: 0;line-height: 130px;}
.footerboximglink img {width: 100%;padding: 0;}
}
@media (max-width: 480px) {
#search-results .search_meta li { width: 100%; }
}
.form-group input, .form-group select, .form-group textarea{display: block;width: 100%;margin-bottom: 3px;padding: 9px;font-size: 16px;line-height: 1.42857143;color: #000;background-color: #FFF;border: 0; border-radius: 5px;}
.form-group textarea {padding: 9px;}
.footer_custom {margin: 0 auto;}
/** Contact Us Page**/
.c_social_cover span { display: none; }
.c_social_cover .fa { color: #605c5c; font-size: 23px; }
.c_social_cover #google-icon { margin: 0 10px; }
.contactus-block {height: inherit;}
#body .contactus-block h3 { font-weight: bold;font-size: 14px;margin-bottom: 4px;}
body #ContactUsForm h3 {color: #605c5c; font-size: 25px;margin-bottom: 20px;font-weight: 600; text-transform: uppercase; text-align: center;}
#ContactUsForm { padding-bottom: 75px; }
#ContactUsForm, #home-enquiry {background: #B9B8BB;color: #FFF;max-width: 100%; padding}
#home-enquiry {min-height: 372px;}
#ContactUsForm label, #home-enquiry label {display: none;}
#ContactUsForm input, #ContactUsForm textarea, #home-enquiry input, #home-enquiry textarea {color: #000; }
@media (max-width: 767px) {
#home-enquiry input, #home-enquiry textarea {width: 96%;margin-left: 15px;}
#footer_nav .footer_menu {width: 100% !important; text-align: center; }
}
#contactusform-Captcha {color: #000;}
#ContactUsForm button, #home-enquiry button {background: #000;width: 25%;border: none;padding: 8px;font-weight: normal;font-size: 16px;text-transform: uppercase;}
#ContactUsForm button:hover {background: #605c5c;}
/** Footer **/
#footer_nav {background: #010101; padding: 40px 0 15px;}
#footer_nav .footer_menu_location .footer_body {color: #fff;font-size: 16px; line-height: 22px;}
#footer_nav h3 {color: #868484;}
#footer_nav ul, p.footer-location span, #footer_nav a {color: #fff!important; font-size: 15px;list-style-type: none;padding-left: 0;line-height: 22px;}
#footer_nav .footer_menu ul li a {font-size: 15px;color: #9d9d9d;line-height: 20px;}
#footer {padding: 0;}
#footer {background: #605c5c;color: #fff;font-size: 14px;padding: 5px; text-align: center;}
#footer_nav a { color: #fff; }
#footer_nav a:hover {color: #605c5c !important;}
#footer a, .footer_body a {color: #fff;}
#footer a:hover { text-decoration: underline; }
#footer_nav .footer_menu ul li a:hover, #body .footer_body a:hover {text-decoration: none; color: #868484 !important;}
#footer_nav .footer_menu {width: 22.22%;}
#footer_nav .footer_menu h3 { font-size: 18px;font-weight: 600;padding-bottom: 4px;text-transform: uppercase;}
/**Accordion**/
.panel-default {border: none;}
.panel-default>.panel-heading {color: #333;background-color: rgba(0, 0, 0, 0);padding-left: 0;}
.panel-body {padding: 0;}
#body h2.panel-title {margin-top: 10px;}
h2.panel-title a, h2.panel-title a:focus, h2.panel-title a:active {color: #333;font-size: 18px;}
.panel-default>.panel-heading+.panel-collapse>.panel-body {border-top: none;}
@media(max-width: 991px) {
.panel-default>.panel-heading+.panel-collapse>.panel-body {padding: 0;}
#warranty .awn_image { margin-top: 0; }
}
/**Custom Forms**/
#finance-enquiry, #ContactUsForm {border-radius: 8px; margin-bottom: 35px;border: 2px solid #605c5c;background: #f0f0f0;overflow: -webkit-paged-x; margin-top: 0; }
#finance-enquiry { padding: 12px 12px 4px; }
#ContactUsForm { padding: 15px 25px; }
#sell-your-car-form.cforms { margin-bottom: 35px; }
.form-group {margin-bottom: 10px;}
.cforms {background: #eee;color: #333;margin-top: 5px;}
#cform, #cform2 {padding: 10px 20px 0; font-size: 14px!important; }
#body #cform h2 {color: #000;display: block;font-size: 30px;border-bottom: none;line-height: 37px;margin-bottom: 18px;margin-top: 9px;text-align: center;}
#body #cform h2 span {color: #FFF;}
#body #cform h3, #body #cform2 h3 { font-size: 26px; margin-bottom: 25px; text-transform: uppercase; color: #000; margin: 0 0 15px; text-align: center; }
#cform h3:nth-of-type(2) {margin-top: 40px;}
/**#cform label {margin-top: 8px;font-weight: normal;color: #333;padding-top: 9px}**/
#cform label {display: none;}
#cform select { color: #000;height: 36px;}
#cform input, #cform textarea, #ContactUsForm input, #ContactUsForm textarea {color: #000;
background: #ffffff;
border: none;
padding: 10px;
height: 51px;
margin-bottom: 5px;
width: 100%;
}
#ContactUsForm textarea {height: 60px;}
#ContactUsForm button {max-width: 200px;margin: 0 auto !important;}
#cform button, #ContactUsForm button, #cform2 button {color: #FFF;border: none;font-size: 20px;padding: 14px 8px;width: 100%;margin: 16px 0 10px 0; display: block; font-weight: 500; background: #010101; text-transform: uppercase; border-radius: 8px; letter-spacing: 2px;}
#cform button:hover, #cform2 button:hover { background: #605c5c;-o-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s; }
.form-horizontal .form-group {
margin-left: 0;
margin-right: 0;
}
@media (max-width: 767px) {
#cform {
padding: 0;
}
#body #cform h3 { font-size: 20px; }
#cform label {padding-left: 0;}
#cform input,#cform textarea {width: 100%;margin-left: 0px;}
#cform button {width: 100%;float: initial;margin-top: 15px;}
#finance-enquiry, #sell-your-car-form { padding: 20px 30px;}
}
@media (max-width: 393px) {#cform button {width: 100%;margin-left: 0px;margin-top: 20px;}}
.validation-has-error {border: 1px solid #F00!important;border: 1px solid #cd0a0a!important;background: #fef1ec!important;color: #cd0a0a!important;}
#body .posts-container .post-item h2 {font-size: 18px;font-weight: 600;}
.posts-search-header {border-radius: 0;}
.post-item-header a {text-decoration: none;}
.posts-pages {padding: 5px;border: none;background-color: #313131;border-radius: 0;}
.posts-search-header {background-color: #313131;}
.posts-pages .post-pages-ul {margin-bottom: 0;}
.posts-pages .post-pages-ul li.current {background: #FFF;}
#body h2.testimonial-item-header.xs-centered {font-size: 23px;font-weight: 600; color: #605c5c; text-align: center;}
#body .posts-container h3 {font-size: 20px;margin-bottom: 30px; margin-top: 0;}
.testimonial-item-break {background: none;margin: 0; }
#body .posts-container {margin-top: 0;}
/*Finance accordion*/
.finance_accord .panel-default>.panel-heading { color: #fff;
background-color: #605c5c;
padding: 15px 24px;
border-top-left-radius: 0;
border-top-right-radius: 0;
margin-bottom: 22px;}
#body .finance_accord h2.panel-title {margin-top: 0; margin-bottom: 0;}
.finance_accord h2.panel-title a, .finance_accord h2.panel-title a:focus, .finance_accord h2.panel-title a:active {color: #fff;
display: block;
font-size: 18px;}
@media (max-width: 480px) {
#FeaturedList .bx-viewport li { width: 16% !important; }
#FeaturedList .bx-wrapper { margin-bottom: 0!important; }
}
/*Vehicle details page*/
#details-sidebar-main .header:hover {background-color: #010101;}
/*contact phone*/
#details-sidebar-main .contact_phone {background: #1F1A17;padding: 20px;text-align: center;margin-bottom: 20px;}
#details-sidebar-main .contact_phone a {color: #fff;font-size: 25px;font-weight: 600;}
#details-sidebar-main .contact_phone a .tel_number {margin-left: 10px;}
#details-sidebar-main .contact_phone:hover {background: #605c5c;}
/*Veicle details page buttons top*/
#details-vehicle-info-options {background: #fff;color: #fff; padding: 0;}
#details-vehicle-info-options a {font-weight: 600;color: #fff;font-size: 16px; background:#010101;padding: 10px 15px;border-radius: 3px;min-width: 120px; text-align: center; margin-top: 0; text-transform: uppercase;}
#details-vehicle-info-options a:hover, #details-vehicle-info-options a:active, #details-vehicle-info-options a:focus { background-color: #605c5c; }
#details-vehicle-info-options ul { padding-left: 0; margin-bottom: 0; }
#details-vehicle-info-options li:not(:first-child)::before { content: ""; }
@media (max-width:1024px){
#details-vehicle-info-options a {min-width: 100px;padding: 10px 5px;}
}
@media (max-width:767px){
#details-vehicle-info-options a {min-width: auto;width: 100%;display: inline-block;}
#details-vehicle-info-options li {float: none;list-style-type: none;width: 100%; display: inline-block; margin-bottom: 10px;}
#details-vehicle-info-options ul {width: 100%;padding: 0;}
#details-vehicle-info-options li:not(:first-child)::before {margin-left: 0 !important;margin-right: 0 !important; content: "";}
}
/*social share*/
#details-vehicle-share-drop-down:hover, #details-vehicle-share-drop-down:active, #details-vehicle-share-drop-down:focus {background-color: #605c5c;}
/*vehicle details page contact phone number*/
#details-sidebar-main .contact_phone {background: #1F1A17;padding: 20px;text-align: center;margin-bottom: 20px; display: inline-block; width: 100%;}
#details-sidebar-main .contact_phone a {color: #fff;font-size: 25px;font-weight: 600;}
#details-sidebar-main .contact_phone a .tel_number {margin-left: 10px;}
#details-sidebar-main .contact_phone:hover {background: #605c5c;}
/*vehicle details page box changes*/
@media (max-width:767px){
#details-vehicle-info {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-orient: vertical;-moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
#details-vehicle-info .row {-webkit-box-ordinal-group: 6;-moz-box-ordinal-group: 6;-ms-flex-order: 6;-webkit-order: 6;order: 6; display: inline-block; width: 100%; margin-bottom: 5px; margin-right: 0; margin-left: 0;}
#details-vehicle-info #details-vehicle-info-extra {-webkit-box-ordinal-group: 5;-moz-box-ordinal-group: 5;-ms-flex-order: 5;-webkit-order: 5;order: 5;}
#details-vehicle-info #details-vehicle-info-features {-webkit-box-ordinal-group: 4;-moz-box-ordinal-group: 4;-ms-flex-order: 4;-webkit-order: 4;order: 4;}
#details-vehicle-info #details-vehicle-info-desc {-webkit-box-ordinal-group: 3;-moz-box-ordinal-group: 3;-ms-flex-order: 3;-webkit-order: 3;order: 3;}
#details-vehicle-info #details-vehicle-info-Img {-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2;}
#details-vehicle-info #details-vehicle-info-vehicle {-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;-ms-flex-order: 1;-webkit-order: 1;order: 1;}
#details-vehicle-info .row .col-sm-10 { padding-left:0; padding-right: 0; }
#details-vehicle-info .row .col-sm-2 { padding-left:0; padding-right: 0; }
}
/*details page car history box switch*/
#details-sidebar-main {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
/* optional */
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
#details-sidebar-main #details-sidebar-main-yardlocation {
-webkit-box-ordinal-group: 5;
-moz-box-ordinal-group: 5;
-ms-flex-order: 5;
-webkit-order: 5;
order: 5;
}
#details-sidebar-main .contact_phone {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 3;
-webkit-order: 3;
order: 3;
}
#details-sidebar-main #details-sidebar-main-vehicleenquiry {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
#details-sidebar-main #details-sidebar-main-carhistory {
-webkit-box-ordinal-group: 4;
-moz-box-ordinal-group: 4;
-ms-flex-order: 4;
-webkit-order: 4;
order: 4;
}
#details-sidebar-main #details-sidebar-main-watchlist {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
/*services*/
.service_buttons { list-style-type: none; padding: 0; margin: 0; }
.service_buttons li a {background: transparent;padding: 6px 10px;display: block;font-size: 16px;letter-spacing: 1px;border-radius: 30px;text-align: center;font-weight: 500;color: #1f1a17;border: 2px solid #605c5c; width: 100%; display: inline-block; }
.service_buttons li a:hover, .service_buttons li a:focus, .service_buttons li a:active{ background: #605c5c; color: #fff; transition: 0.3s; }
.service_buttons li { margin-bottom: 10px; }
#body h2.page_subhead { margin-bottom: 15px; font-size: 22px; line-height: 32px; text-align: center; margin-top: 15px; }
#ser_img { border-radius: 8px; box-shadow: 1px 2px 5px rgba(0,0,0,0.5);}
[data-url="auto-services"] .modal-body h3 { line-height: 30px; font-size: 16px; }
[data-url="auto-services"] .modal-header {border: none;background-color: #605c5c;border-radius: 5px 5px 0 0;}
#body h1.modal-title{font-size: 25px;text-align: center; margin: 0; padding: 0; line-height: 30px;color: #fff; font-weight: 500;}
[data-url="auto-services"] .modal-header .close {margin-top: -8px;color: #fff;text-shadow: none !important;opacity: 1;font-size: 40px;font-weight: 500;}
[data-url="auto-services"] .modal-body {padding: 15px;font-size: 15px;}
.img-shadow {padding: 10px;box-shadow: 1px 2px 5px rgba(0,0,0,0.2);border-radius: 5px;}
.top_cover_txt {background: #f5f5f5;padding: 20px 25px;border: 2px solid #010101;border-radius: 5px;margin-bottom: 15px;}
#service_enquiry.cforms {min-height: 460px;margin-top: 0; border-radius: 5px; box-shadow: 1px 2px 3px rgba(0,0,0,0.2);}
#body #service_enquiry.cforms #cform h3 { margin: 25px 0; }
#service_enquiry.cforms #cform button { margin-top: 5px; }
.book_service_image { border-radius: 5px; box-shadow: 1px 2px 3px rgba(0,0,0,0.2);}
.awn_image {display: block;}
/*Google Review Widget*/
#body .googlerating-title { text-align: center; font-size: 30px; color: #000; }
#body #googleratingtitle, #body #userratingtotal { font-size: 40px; color: #605c5c; }
#googlereviewsliderv2 .review-rating {background-image: url('/media/12927/stars-black.png');background-position: center;background-repeat: no-repeat;background-size: 100px;margin-bottom: 5px;margin-top: 10px;text-indent: -99999px;}
.googlerating-title { background: url("/media/12928/google-review-stars.png") no-repeat center 7px; padding-top: 40px; }
#googlereviewsliderv2 .review-authorname { text-align: center; font-weight: 600; font-size: 18px; }
#googlereviewsliderv2 .review-relativetime { font-size: 14px; text-align: center; }
#googlereviewsliderv2 #googlereviewlist li { background: #e8e7e7; border-radius: 10px; min-height: 300px; }
#googlereviewsliderv2 .review-text { font-size: 14px; max-height: 250px; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; padding: 0 15px; }
#googlereviewsliderv2 .flex-control-nav { display: none; }
#googlereviewsliderv2 .flex-direction-nav a.flex-prev { background-size: 30px !important; }
#googlereviewsliderv2 .flex-direction-nav a { height: 30px; width: 30px; opacity: 1; text-indent: -99999em; }
#googlereviewsliderv2 .flex-direction-nav a.flex-next { text-align: center; background-size: 30px !important; }
.google-reviews { margin-bottom: 65px; }
@media (max-width:767px){
#body #googleratingtitle, #body #userratingtotal { font-size: 30px; }
}
/*Google Review Widget btn*/
.google-reviews .btn { background: #010101; color: #fff; font-size: 20px; padding: 7px 15px; text-transform: uppercase; width: auto; border-radius: 5px; margin-top: 35px; }
.google-reviews .btn .fa { font-size: 24px; margin-left: 10px; }
.google-reviews .btn:hover, .google-reviews .btn:focus { background: #605c5c; }