@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700&display=swap');

::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000; opacity: 1; font-weight: 500;}
::-moz-placeholder { /* Firefox 19+ */color: #000; opacity: 1; font-weight: 500;}
:-ms-input-placeholder { /* IE 10+ */color: #000; opacity: 1; font-weight: 500;}
:-moz-placeholder { /* Firefox 18- */color: #000; opacity: 1; font-weight: 500;}

.content-wrapper { max-width: 910px;margin: 0 auto; padding: 76px 20px;}
.content-wrapper.full-width { max-width: 100%; }
.inner-h-banner { background: url('/media/19979/page-banner.jpg'); background-size: cover; background-position: center; color: #fff; }

/*common styles*/
html {scroll-behavior: smooth;}
input:focus, textarea:focus, select:focus, button:active, button:focus, a:focus { outline: 0; }
.w-100 { width: 100%; }
.mb-5, #body .mb-5 { margin-bottom: 5px; }
.col-red { color: #f8ce22;}

/*video banner*/
.background-video video {height: 650px; object-fit: cover; }

@media(max-width: 1024px) {
	.background-video video { height: 400px; }
}

/*home slider*/
#myCarousel .carousel-control { width: 5%; }
#body .b-slider-title {font-size: 65px; text-shadow: 1px 1px 3px #000;font-weight: 700; margin-bottom: 20px;}
#body .b-slider-subtitle {font-size: 35px; text-shadow: 1px 1px 3px #000; font-weight: 400; margin: 0 0 20px;}
#myCarousel .carousel-caption { top: 20%; }
.b-slider-btn, .btn-common {background: #f8ce22;color: #000;display: inline-block;padding: 15px 20px;border-radius: 10px;font-size: 20px; min-width: 200px;}
.b-slider-btn:hover, .b-slider-btn:focus, .btn-common:hover, .btn-common:focus {background: #010101;color: #fff; text-decoration: none; }
.slider-link-btn { margin: 70px 0 50px; }

@media(max-width:1250px) {

	#myCarousel .carousel-caption { top: 10%; }
	#body .b-slider-title { font-size: 50px; margin-bottom: 0; }
	#body .b-slider-subtitle { font-size: 30px !important; margin-bottom: 10px; }
}

@media(max-width:1024px) {

	#myCarousel .carousel-caption { top: 5%; }
	#body .b-slider-title { font-size: 40px; margin-bottom: 0; }
	#body .b-slider-subtitle { font-size: 25px !important; margin-bottom: 10px; }
}

@media(max-width:640px) {

	#body .b-slider-subtitle { display: none; }
	.b-slider-btn { padding: 10px 20px; font-size: 18px; display: none; }
}

@media(max-width:480px) {

	#body .b-slider-title { font-size: 25px !important; line-height: 30px; margin-top: 10px; }
}


#body .inner-h-banner h1 {color: #fff;text-align: center;text-shadow: 1px 2px 3px #000;font-size: 50px;font-weight: 500;}
.section-g {background: #efefef; text-align: center;	padding: 20px;}
/* .grid-vehicle-styles, body[data-url="stock"], body[data-url="latest-news"] { background: #f9f9f9;} */
button {
	border: none;
    margin: 30px 10px 0;	
}
body {
	font-family: 'Roboto', sans-serif;
	line-height: 28px; font-size: 16px;
}
#body h1 span {color: 	#f8ce22;}
#body h1, #body h2 {font-weight: 500; margin-bottom: 46px; margin-top: 30px; line-height: 60px;}
#body h1 { font-size: 45px; color: #010101; }
#body h2 { font-size: 35px; }
body[data-url='sitemap'] #body h2 {font-size: 16px;padding-left: 11px; border-left: 3px solid #010101; margin-bottom: 15px; margin-top: 30px;font-weight: 600;color: #010101;}
h3, .h3 {font-size: 36px; font-weight: 300;}
#body p {margin: 0px 0px 10px; line-height: 30px; font-size: 17px; font-weight: 300;}
small {font-size: 16px;}
a {color: #dab20e;}
a:hover, a:focus {color: #010101;}
ul {margin-bottom: 20px;}
dd {margin-bottom: 15px;}
ul.contentlist li {
	font-size: 18px;
    font-weight: 300;
}
#main-logo {/* max-width: 180px; */ padding: 10px 0; margin-right: 100px;}
#header { background: #010101; color: #fff; padding: 5px 0;border-bottom: 1px solid #212020;}
#breadcrumb_wrapper { background: #010101; font-size: 14px; }
/* #header .container {padding-left: 0; padding-right: 0; margin-bottom: 15px; padding: 15px 0;background: #fff;} */
#header-details {margin-top: 28px;text-align: right;}
.header-top a { color: #fff; }
.header-top .fa { margin-right: 10px; }
.header-top { text-align: right; }
.social-icons-top li { display: inline-block; }
.social-icons-top ul { margin: 0; }
.social-icons-top .fa { font-size: 20px; }
#header-contact {font-size: 23px; font-weight: 600; padding-top: 21px; text-align: right;font-style: italic;}
#header-contact a {color: #000;text-decoration: none;}
#header-contact b {display: block;color: #fba927;font-size: 30px;}
.navbar {margin-bottom: 0;min-height: 42px;}
#navbar {background: #010101;min-height: 44px;border-bottom: 1px solid #f8ce22;}
#navbar .container {background: transparent;}
.navbar-default {border: 0;}
ul.navbar-nav {	margin: 0 auto;text-align: center;}
.container-fluid>.navbar-header {margin-left: 0;margin-right: 0;}
.navbar-default .navbar-nav>li>a { color: #fff;padding: 10px 2px; margin: 0px 5px; text-decoration: none; font-size: 17px;}
.dropdown-menu {border: none;border-radius:10px;}
.dropdown-menu>li>a {padding: 12px; font-size: 16px; font-weight: 300;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a.current_page_item, .navbar-default .navbar-nav>li>a:focus  { color: #f8ce22;}
.navbar-default .navbar-nav>li:after {content:'';height: 1px;width: 0px;background: #f8ce22;border-radius: 10px;position: absolute;bottom: 5px;right: 0%;-o-transition:.3s;	-ms-transition:.3s;-moz-transition:.3s;	-webkit-transition:.3s;	}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color: #f8ce22;}
.navbar-default .navbar-nav>li:hover:after {width: 85%;left: 8%;}
.navbar-toggle {background-color: transparent;margin-top: 16px;padding: 0 0 5px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #f8ce22;color: #f8ce22;	}

@media (min-width: 768px){
	.navbar-nav > li {float: none; display: inline-block; }
	.navbar-collapse.collapse {display: inline-block!important;}

}

@media (max-width: 1450px){
	.navbar-default .navbar-nav>li>a { font-size: 16px; }
	#main-logo { /* max-width: 225px; */ }
}


@media (max-width: 1199px){
	#background {margin-left: -840px;}
	#background-left, #background-right {width: 1474px;}
	#main-logo { margin-right: 0; }
	.container-fluid > .navbar-header { width: 100%; text-align: center; }
	.navbar-header a { display: inline-block; }
}
@media (max-width: 767px){
	#background, .header-top.social-icons-top { display: none;}
	.header-top { text-align: center; } 
}
.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;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #000;}
}

@media(max-width: 1199px) {

	#header-contact {
		font-size: 18px;
	    padding-top: 8px;
    	padding-bottom: 7px;
	}
	#social-nav {
	    top: 58px;		
	}
}
@media(max-width: 991px){
	#logo-main {
		padding: 0;
	}
}
@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 {max-width: 200px;width: 100%;  float: inherit;padding-bottom: 5px;}
	#header-contact a {text-align: center;display: block;font-size: 16px;}
	#body h1, #body h2{text-align: center;font-size: 34px!important;line-height: 40px; margin-bottom: 16px;margin-top: 20px;}

}

@media (min-width: 768px) {
  ul.dropdown-menu.sub-menu {box-shadow: 1px 2px 3px #00000082; border: 1px solid #ccc;}
}
.right-caret:after { border-left: 4px solid #f8ce22; }


@media (max-width: 767px) {
	.navbar-nav> li> a {
		padding-top: 15px;
	}
}
@media only screen and (max-width: 767px) {
  /* drop down menu hover for device */
	.dropdown-menu {
		display: none !important;
	}
	
	.open .dropdown-menu {
		display: block !important;
		text-align: center;
	}
}

.btn, #cform button, #ContactUsForm button {
    font-size: 18px;
    padding: 12px 8px 10px;
    display: inline-block;
    margin: 20px 8px 0;
    width: 156px;
    text-decoration: none;
    border-radius: 10px;
    font-weight: 500;
}
.btn-c {
    color: #fff;
    border: 3px solid;

}
.btn-c:hover {
	background: #f8ce22;
	color: #fff;
	transition: 0.3s;			
}
.btn-ora {background: #f8ce22;color: #000; margin-bottom: 30px;}
.btn-ora:hover, .btn-ora:focus  {background: #010101;color: #fff; outline: 0;}
.btn-center	{ margin: 50px auto 0;  display: block; width: 230px;  clear: both;	}
/*new header*/
#contact_top {float: right; list-style-type: none; padding-left: 0;}
#contact_top li {float: left;margin: 25px 15px 0;text-transform: uppercase;}
#contact_top li a {color: #fff; font-size: 16px; font-weight: 500;}
#contact_top li a:hover, #contact_top li a:focus { color: #f8ce22; }
#contact_top .fa {color: #f8ce22; font-size: 23px; margin-right: 6px;}
#header a:hover { text-decoration: none; color: #f8ce22;}


@media (max-width:991px) {
	#main-logo {margin: 0 auto!important;}

}

@media (max-width:767px) {
	#contact_top {margin: 0 auto; float: none; width: 100%; display: block; text-align: center;}
	#contact_top li {margin: 10px 8px!important; float: none;display: inline-block;}
	#contact_top .fa {font-size: 14px;margin-right: 4px;}
	#contact_top li a {font-size: 14px;}


}


.dof-livequote-button { text-align: center; }
.dof-livequote-button .btn { background: transparent; }


body[data-url="privacy-policy"] .container.center-wrapper, body[data-url="terms-of-use"] .container.center-wrapper  { background: #fff; padding: 35px; }
body[data-url="privacy-policy"] #body p span {
    color: #000;
    font-weight: 300;
    font-size: inherit;
}



/*value my car*/

[data-url='value-my-car'] .btn { margin-top: 20px;background-color: #010101;border: 0;padding: 8px 10px;width: 150px;border-radius: 5px;font-size: 20px;
	font-weight: 600;
}
[data-url='value-my-car'] .center-wrapper {background: #fff; }
.selllabel { font-weight: 600; margin-bottom: 10px; }
[data-url='value-my-car'] .form-control {margin-bottom: 25px;}
#slide5 { margin-top: 35px; }
#tmccarvalue {  margin-bottom: 20px;font-weight: 600; font-size: 18px; color: #e70711;}
#tmccarvalueextra { color: #807d7d; }
.step-counter .step.active .step-number { border-color: #010101 !important;}
.step-counter .step.active .step-number,.step-counter .step.active .step-title { color: #010101 !important;}
.step-counter .step.active .step-title::after,.step-counter .step.active .step-title::before { background-color: #010101 !important;}
.step-counter .step.done .step-number { border-color: #f8ce22 !important;}
.step-counter .step.done .step-number,
.step-counter .step.done .step-title { color: #f8ce22 !important;}
.step-counter .step.done .step-title::after,.step-counter .step.done .step-title::before { background-color: #f8ce22 !important;}
.step-counter .step.error .step-number { border-color: #d9534f;}
.step-counter .step.error .step-number,.step-counter .step.error .step-title {color: #d9534f;}
.step-counter .step.error .step-title::after,.step-counter .step.error .step-title::before { background-color: #d9534f;}
#form-carousel { display: inline-block; width: 100%; }
#error-messages ul {margin: 20px 0;line-height: 25px;}
#error-messages li { color: #A01127; }

@media (max-width: 768px) {
  .step-counter .step-number { margin: 0 10px !important; }
  .selllabel { text-align: center; }
}


/*Drive On*/
/*Importent Notice popup*/
.pop_home .modal-header {background: #01297a;border-radius: 5px 5px 0 0;}
.pop_home .modal-title {text-transform: uppercase;text-align: center;color: #f5d144;letter-spacing: 1px; font-size: 20px; margin: 0;}
.pop_home .close { font-weight: 500; font-size: 23px; opacity: 1; text-shadow: none; color: #fff; }
.pop_home .modal-body h3 { text-align: center; color: #ec1717; font-weight: 600; }
.pop_home .modal-body h2 { margin-bottom:20px; line-height: 33px; font-size: 25px; margin-top: 10px; color: #000; text-align: center;font-weight: 400; }


/*Drive on Finance*/
.apply_terms .btn {width: auto; }
.repayment_360 { text-align: right; color: #000; font-size: 13px; padding-bottom: 8px; }
.repayment_360 .price_value { color: #7c8ee9;;font-size: 20px;}
.repayment_360 .apply_terms { font-size: 14px; font-weight: 600; }
.apply_terms .btn { background: none; padding: 0; font-weight: 600; outline: 0; margin: 0; font-size: 14px; }
.repayment_360 .apply_terms a {color: #134367; font-weight: 500; font-size: 13px;}
.DriveOnFinance { padding-bottom: 15px; font-size: 13px; }
.repayment_360 .apply_terms a:hover, .repayment_360 .apply_terms a:focus { color: #777; }

@media(max-width:767px) {
	.repayment_360 { text-align: center; }
	.repayment_360 .apply_terms { display: block; }
}

/*new changes terms*/
.DriveOnFinanceTerm { text-align: left; color:#000; }
#body .DriveOnFinanceTerm p {font-size: 14px;font-weight: 500; color:#000;}
.repayment_360 .modal-header { text-align: center; color:#000; }
.repayment_360 .modal-footer .btn.btn-default { padding: 5px; color: #000; }
#body .terms_360 p { color: #000; }


/*Vroom Drive on*/
#search-results .search_details  a.vroom-btn {     background: #1c3cdd; color: #fff; }
#search-results a.vroom-btn:hover, #search-results a.vroom-btn:focus {background: #d31b8f !important; color: #fff !important;}



.feature-wrapper .col-md-3 p { min-height: 150px; }


/*form styles*/
#sell-your-car-form {
	background: #f4f4f4!important;
}
.finance_enquiry_form#cform .form-row { margin: 0;display: inline-block; width: 100%; }
.finance_enquiry_form#cform .form-row input, .finance_enquiry_form#cform .form-row textarea { border: 0;background: #EAEAEA;border-radius: 2px !important;
padding: 10px !important;     border: 1px solid #ddd; width: 100%; height: auto;}
.finance_enquiry_form#cform .form-row textarea { margin-top: 10px; }
.finance_enquiry_form#cform .form-row button{ border: 0;padding: 10px 15px;font-weight: 600;font-size: 16px;background: #0a3b61;color: #fff;
border-radius: 2px; letter-spacing: 3px; text-transform: uppercase; margin-top: 6px; width: auto; float: none; display: inline-block; }
.finance_enquiry_form#cform { padding: 0; }
#body h4.modal-title { text-transform: uppercase; letter-spacing: 2px; font-size: 25px; font-weight: 500; }
.DriveOnFinance{font-size: 13px;line-height: 22px;}

#form-livequote-getQuote {
    color: #fff;
    background: #134367;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin: 20px auto;
    text-align: center;
    padding: 24px 36px;
    text-decoration: none;
    border-radius: 40px;
}

@media (max-width:767px) {

	.repayment_drive { text-align: center; }
    #form-livequote-getQuote { display: block; width: 100%; }
    #form-livequote-weeklyfinance-p { margin-bottom: 0; display: inline-block; width: 100%; }
	.finance_enquiry_form#cform .form-row { margin: 2.5px 0; }
	.finance_enquiry_form#cform .form-row textarea { margin-top: 0; }

}




/*for Social share button on vehicle detail page*/
@media(max-width: 767px) {#details-vehicle-share-drop-down { margin: 4px 0 0 0; }}


.hidden-md { text-align: left; }
@media(max-width: 767px) {
	.hidden-md {
		display: none;
	}
	[data-url="stock"] .hidden-md  { display: block; }
	#breadcrumb {
		display: none;
	}
}
@media (max-width: 767px) {
	#body > div.container > div {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (min-width: 1200px) {
	.container, .footer_custom {max-width: 1580px;width: 100%;}
	ul.navbar-nav {float: left;margin-top: 20px!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', 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;
}

@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;
	}
}
@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*/
#img-award {
	max-width: 108px;
}
#banner {
	max-height: 740px;
	overflow: hidden;
}
#banner img {
	margin: 0 auto;
	width: 100%;
}
#banner .container {
	position: relative;
}
#BannerSlider img {
	width: 100%;
}

#banner .text-wrap {
    position: absolute;
    color: #fff;
    top: 16%;
    margin: 0 auto;
    display: block;
    width: 600px;
    right: 0;
    left: 0;
    text-align: center;
}
.text-wrap h2 {
    font-size: 72px;
    font-weight: 500;
}
.text-wrap p {
	font-size: 28px;
    font-weight: 300;
    margin-top: 23px;
}

@media (max-width: 1199px) {
	#img-award {max-width: 90px!important;}
	#contact_top li { margin: 2px 15px 0;}
	h2 {font-size: 44px!important;}
	.text-wrap p {font-size: 24px;margin-top: 12px;}
	
}


/*New Slider Styles*/
#body .slider_header { border-bottom: 1px dotted #010101; text-align: center;color: #000;}
#new_vehicle_slider.flexslider .slides > li { background: #f3f3f3; text-align: center; font-weight: 500; /* box-shadow: 1px 1px 1px 1px #dcdcdc; */}
#new_vehicle_slider.flexslider { background: transparent !important; border: 0; box-shadow: 0 0 0 0; }
#new_vehicle_slider.flexslider .f_title, #new_vehicle_slider.flexslider .f_price { /* background: #d2d2d2; */ padding-top: 5px; }
#new_vehicle_slider.flexslider .f_title { font-weight: 600; font-size: 18px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px 10px; }
#new_vehicle_slider.flexslider .f_price { font-weight: 600; font-size: 23px; padding-bottom: 5px; }
#new_vehicle_slider.flexslider .f_price .egc_option, #new_vehicle_slider.flexslider .f_price .dap_option { font-size: 14px; }
#new_vehicle_slider .f_price.f_yesspecial .normal_price { text-decoration: line-through; font-size: 16px; }
#new_vehicle_slider .f_price.f_yesspecial { text-decoration: none; }
#new_vehicle_slider.flexslider .f_btn {background: #010101;color: #fff;display: inline-block;text-transform: uppercase;font-size: 18px;padding: 10px;width: 100%;font-weight: 500;text-align: center;margin: 0;border: 0;border-radius: 0 0 10px 10px; margin-top: 10px;letter-spacing: 1px;}
#new_vehicle_slider.flexslider .f_btn:hover {background: #f8ce22;color: #000;transition: 0.5s;}
#new_vehicle_slider.flexslider .f_btn .point_arrows { font-size: 25px;margin-left: 6px;}
#new_vehicle_slider.flexslider .f_btn .point_arrows { font-size: 25px;margin-left: 6px;}
#new_vehicle_slider .vehicle_details_options { display: none; min-height: 100px;padding: 5px 0;text-align: left;width: 245px;margin: 0 auto;font-size: 14px;}
#new_vehicle_slider .flex-control-paging li a { background: #fff; }
#new_vehicle_slider .flex-control-paging li a { background: #fff; }
#new_vehicle_slider .flex-control-paging li a.flex-active { background: #f8ce22; }
#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; }
#new_vehicle_slider .flexslider_background { border-radius: 10px 10px 0 0;}




#breadcrumb_wrapper .container {
	background: transparent;
}
#breadcrumb {background: transparent; color: #fff;}
#breadcrumb a {color: #fff;}



/**Home Content**/
.btn-rv.btn-common { min-width: 300px; margin-bottom: 25px; }
.maincontent-wrapper h1 {
    border-bottom: 1px solid;
    max-width: 970px;
    display: inline-block;
		
}
#body .maincontent-wrapper p {
	line-height: 36px;
    font-size: 20px;
}
.maincontent-wrapper span {
	color: #f8ce22;
}
@media (max-width: 767px) {
	#body .maincontent-wrapper h1{
		font-size: 44px!important;
    	line-height: 44px;
    	margin-bottom: 17px;
    	padding-bottom: 15px;
	}
}
.maincontent-wrapper { padding: 50px 0; background-image: url("/media/19985/welcome-bg.jpg"); color: #fff; min-height: 500px;  background-attachment: fixed;  background-size: cover; overflow: hidden;background-position: center;}
#body .maincontent-wrapper h3 {font-size: 25px;letter-spacing: 1px;margin-bottom: 25px; font-weight: 500; color: #f8ce22;}
#body .maincontent-wrapper h2{text-transform: uppercase; margin-bottom: 15px; color: #f8ce22;}
.maincontent-wrapper img { padding: 10px; box-shadow: 1px 2px 5px #363535e0; border-radius: 10px;}
#body .title_heading { color: #fff; }
.feature-wrapper {padding: 140px 30px;}
.img-wrap {padding-top: 12px;  border-radius: 15px; margin-bottom: 40px;}
.img-wrap img {border-radius: 10px; box-shadow: 1px 2px 5px #000000a8;}
.feature-wrapper p { min-height: 130px;}
.feature-wrapper .col-lg-4 {margin-bottom: 40px;}
#body .maincontent-wrapper .adv-txt { min-height: 160px; }

@media (max-width: 1199px) {
	.feature-wrapper {padding: 30px 15px; text-align: center;}
	.feature-wrapper p, #body .maincontent-wrapper .adv-txt { min-height: auto;}
}

.contact-us-home {background: #f9f9f9;height: 830px;overflow: hidden;}
.contact-us-home iframe {display: block;height: 100vh;        /* Viewport-relative units */width: 100vw;max-height: 830px;}
.contact-wrap {
	padding: 30px 40px 40px;
    position: absolute;
    width: 394px;
    height: 587px;
    background: #fbfbfb;
    top: 140px;
    left: 130px;
    border-radius: 20px; border: 2px solid #f8ce22;
}


.customer-review-wrapper {
	padding: 140px 30px;
	background: #010101;
	color: #fff;

}
.t-box {
    background: url(/media/12452/stars.png) no-repeat;
    border-radius: 10px;
    background-position: 1px -2px;
    padding-top: 25px;
    margin-bottom: 20px;
    background-size: 130px;
}
.customer-review-wrapper h2 {
	text-align:center;
	margin-bottom: 26px!important;
	border-bottom: none!important;
}
.customer-review-wrapper h4 {
	font-size: 22px!important;
	font-weight: 300;
	margin-bottom: 30px;
}
.customer-review-wrapper p {
	font-size: 15px!important;

}
.customer-review-wrapper b {
	font-size: 15px;		
}
.customer-review-wrapper .col-md-4 {
	padding: 20px 40px;	
}
.customer-review-wrapper .row {
	margin-top: 40px;
}
#g-review {
    background: url(/media/12791/g-logo.png) no-repeat;
    background-position: 4px;
    padding-left: 36px;
    font-size: 26px;
    text-align: center;
    max-width: 344px;
    margin: 0 auto 5px;
}

@media (max-width: 1199px) {
	.maincontent-wrapper {height: fit-content;}
	
}
	
@media (max-width: 767px) {
	.contact-wrap {
		left: 0;
    	right: 0;
    	margin: 0 auto;
		width: 345px;
	}
	.maincontent-wrapper {
		background-image: url(/media/12821/home-content-bg-m.jpg);
		background-size: 150%;
		
	}
	
}

/*logo bottom*/
#manufacturer_logos ul { margin-bottom: 5px;}
#manufacturer_logos ul li { list-style-type: none; display: inline-block; margin: 0 20px 15px; }
#manufacturer_logos ul { text-align: center; padding-left: 0; }
#manufacturer_logos ul li:last-child { margin-right: 0; }
.brand_section { padding: 30px 0; }


/*Latest News Wrapper*/
.latest-new-wrapper h4 {
	font-size: 52px;
    color: #fff;
    font-weight: 300;
    max-width: 1500px;
    margin-left: 22px;
}
.latest-new-wrapper a {
	color: #fff!important;
}
.latest-new-wrapper {
	background: #f8ce22;
    padding: 150px 0 150px;
}
#LatestNews ul {
	padding-left: 0px;
}
#LatestNews ul li {
	list-style-type: none;
}

#LatestNews ul li a {
	color: #fff;
    float: left;
    max-width: 273px;
    border: 3px solid;
    height: 159px;
    margin: 18px;
    padding: 29px;
    font-size: 19px;
    font-weight: 200;
    border-radius: 30px;
    line-height: 25px;
}

#LatestNews ul li a:hover {
	text-decoration: none;
	background: #f8ce22;
	transition: 0.3s;
}
@media(max-width: 767px) {
	.latest-new-wrapper {
		 padding: 80px 0 50px;
	}
	.latest-new-wrapper h4 {
		text-align: center;
	}
	.latest-new-wrapper a {
		max-width: 100%!important;
		height: auto!important;
		width: 90%;
	 	margin: 10px 18px!important;					
	}
}
/*Vehicle Listing*/
#filter-body .filter .header .fa.fa-angle-double-down, #filter-header .fa.fa-angle-double-down {float: right;font-size: 20px;}
@media(min-width: 767px) {
	#filter-body, #carhistory-gif {/* display: none; */}
}
#search-options, #search-results, #search-results-header, #search-results-footer {/* width: 100%; */	}
@media (min-width: 768px) {
	#SearchPageNumbers {/* margin: 0 auto;display: block;width: 100%; float: none; */padding: 10px 12px;}
}

#search-filters .filter .body li:not(.show) { background: url("/media/9677/filter_arrow-new.png") no-repeat left center; }
/* #SearchPageNumbers ul li.page-previous a,#SearchPageNumbers ul li.page-next a{background-image:url('/media/11947/arrows-new.png');} */
#SearchPageNumbers ul li.page-previous a{background-position:0 8px;}
#carhistory-gif{max-width:100%;width:100%; margin-top:30px;}
select#SortBy,#SearchPageNumbers ul li a{padding:8px; color: #000;}
#SearchPageNumbers ul li.page-next a{background-position:-14px 12px;}
#SearchSortBy{  margin-top: 10px; margin-right: 20px;}
#search-results .search_meta,#search-results .search_meta ul{font-size:13px; padding-top: 5px; min-height: 165px;}
.vehicle-listing-img:after{width:175px;height:30px;content:"/";display:block;position:absolute;bottom:8px;left:25px;text-indent:9999px;overflow:hidden;}
#search-results .search_item img{padding: 0;}
.vehicle-listing-img {padding-left: 0;padding-right: 0; margin-bottom: 0px; z-index:2; overflow: hidden; min-height: 276px;}
#filter-reset a {color: #f8ce22;}
@media (min-width: 767px) {
	[data-url='view-cars'] .vehicle-listing-img {overflow: hidden; height: 222px; background: #fff;}
}
@media (max-width: 768px) {
	.vehicle-heading {margin-bottom: 0;}
	#search-results .search_item img {padding: 0;margin-left: 0;margin-right: 0;width: 100%;	}
	#search-filters #filter-header {background-color: #f8ce22;color: #000;padding: 16px 10px;text-transform: uppercase;cursor: pointer;margin-top: 15px;border-radius: 5px;}
	#search-filters #filter-header.hasFilters {background-color: #f8ce22; color: #fff; margin-bottom: 15px;}
	#search-filters #filter-body .filter:first-child { border: 0; }
	.vehicle-listing-desc {background-color:#f5f5f5!important; padding-bottom: 10px;}
	#search-results .search_meta, #search-results .search_meta ul {min-height:auto;}
}
/* #filter-reset {display: none; } */
#filterPriceLo, #filterPriceHi, #filterKeywords, #filterYearLo, #filterYearHi, .filter .btnGo {padding:14px;}
.filter .btnGo { background-color: #010101; }
.filter .btnGo:hover { background-color: #f8ce22; }
select #SortBy {border-color: #662b7e;} #SearchSortBy span { color:#000; font-weight: bold; font-size: 14px; text-transform: uppercase; display: inline-block; margin-right: 12px;}
#search-filters .filter .header.open { background-color: #f8ce22; color: #000;}
.search-results-header-inner {background-color: transparent; color: #000; padding: 5px 16px; font-size: 14px; margin-bottom: 5px;}
#SearchPageNumbers ul li a {background: #010101;}
#SearchPageNumbers ul li.current a, #SearchPageNumbers ul li a:hover {background-color:#f8ce22;}
#search-results .watchlist.NotInWatchList, #search-results .watchlist.NotInWatchList:hover, #search-results .watchlist.InWatchList {background-image: none!important; padding-left: 0px!important;}
.bi-star-fill {padding-top: 4px;}
.watchlist-hide .header a.header-watchlist, .watchlist-sidebar-InWatchList:before, .watchlist .InWatchList {background-image: url('/media/1287/white-star.png')!important;}
#search-filters #filter-viewwatchlist .filter .header {border-top: none; /* display: none; */}
.watchlist-hide .header a.header-watchlist {background-position: 6px 1px!important;}
#filter-viewwatchlist .header{background-color:  #f8ce22 !important;}
#filter-viewwatchlist .header a{text-decoration:none;font-size:16px;color:#FFF!important;}
#filter-viewwatchlist .filter a {font-size: 15px!important; font-weight: bold!important;}
#search-results .search_item{background:transparent;margin-bottom:10px;padding-top:8px;padding-bottom:0px; border:none!important;}
#search-results .search_title a{    display: block; display: block; font-size: 18px; font-weight: normal; color: #fff; text-decoration: none; margin-bottom: 0; margin-top: 17px; line-height: 18px; border-bottom: 0;padding-bottom: 10px;}
#search-results .search_title a:hover, .search_price a:hover { color: #f8ce22; text-decoration: none; }
.dap_comment {font-size: 13px;text-align: center;color: #fff;font-weight: 300;}
#search-results .search_price { text-align: center; }
.search_price a{font-size: 25px; color: #fff; display: inline-block; text-align: center;}
#search-filters .filter .header{  background-color: #010101; font-size: 15px; color: #fff;padding: 12px 14px;text-transform: uppercase; font-weight: 700; border-top: 2px solid #fff; border-bottom: 0;}
.search_meta{margin:0}
.search_meta ul{margin:0!important;font-size:13px;}
#search-filters .filter a{color:#313131;font-size:14px;font-weight:normal;}
.search_title, .vehicle-heading {padding: 6px 14px 10px; text-align: center;background: #010101;}
.search_title { border-top-left-radius: 15px; border-top-right-radius: 15px;}
#search-results .search_item .bg_cover {  background: #fff; margin: 8px 8px 0; text-align: center; display: inline-block; border-radius: 10px; box-shadow: 1px 1px 1px 1px #d2d2d2;}
.vehicle-heading {display: inline-block;width: 100%; min-height: 60px;}
#search-results .search_details{padding:0; width: 100%; margin-bottom: 20px;}
#search-filters .filter .body { background-color: #ececec; }
#search-results .search_details a{ color: #000;  background-color:#f8ce22;border: 2px solid;text-decoration: none; font-size: 14px; text-transform: uppercase; padding: 9px 8px 7px; display: inline-block; margin-left: 4px; text-align: center; max-width: 150px; width: 100%; font-weight: normal; border-radius: 40px;}
.vehicle-images-small{padding-left:0;}
#search-results .search_meta ul{list-style-image:none}
/**#search-results .search_meta li,#details-vehicle-info-vehicle-Extras li{    background-image: url(/media/7148/icons-new.png);
    background-repeat: no-repeat;
    background-size: 24px;
    margin-bottom: 6px;
    font-size: 13px;
    list-style-type: none;
    padding-left: 44px!important;
    text-align: left;
    display: inline-block;
    margin-right: -8px;}*/

#search-results .search_meta li, #details-vehicle-info-vehicle-Extras li {
    background-image: url(/media/15796/icons.png);
    background-repeat: no-repeat;
    background-size: 24px;
    margin-bottom: 6px;
    font-size: 13px;
    list-style-type: none;
    padding-left: 44px!important;
    text-align: left;
    display: block;
    margin-right: -8px;
    width: 100%;
    border-bottom: 1px solid;
}
.icon-tare {background-position: 0px -366px;}
.icon-atm { background-position: 0px -312px; }
.icon-colour {background-position: 1px 3px;}
.icon-transmission {background-position: 1px -35px;}
.icon-body {background-position: 1px -74px;}
.icon-enginetype {background-position: 10px -203px;}
.icon-kms {background-position: 1px -112px;}
.icon-seat {background-position: 10px -254px;}
#details-vehicle-info-vehicle-Extras li { width: 190px;}

.watchlist-sidebar-NotInWatchList {display:none;}
@media(max-width: 991px) {
	#search-results .search_details {float: inherit;margin-right: 6px;}
	#search-results .search_details a {min-width: 100%;width: 100px;}
	.watchlist {margin-top: 18px;}
	.vehicle-images-small {display: none;}
}
#search-results .search_desc {min-height: 50px; font-family: 'Open Sans', sans-serif; -webkit-line-clamp: 1; font-size: 13px; text-transform: uppercase; padding-top: 16px; margin-bottom: 14px; font-weight: normal; text-align: left; color: #004880; padding-left: 12px;}
.img-small {padding-left: 0;padding-right: 0;}
.watchlist-hide .header a.header-watchlist, .watchlist-sidebar-InWatchList:before {background-image: url('/media/1287/white-star.png')!important;}
#search-results .watchlist.InWatchList, #search-results .search_details a:hover {color: #FFF!important; background: #010101; transition: 0.2s;-moz-transition: 0.2s;-webkit-transition: 0.2s;-os-transition: 0.2s;-ms-transition: 0.2s; border: 2px solid #010101;}
.watchlist-sidebar-NotInWatchList {background: #fddc4b!important; 	}
.watchlist-sidebar-NotInWatchList a {color: #000 !important;	}
.watchlist-sidebar-NotInWatchList:before {background-image: url('/media/11894/black-star.png')!important;}

a.InWatchList{background: transparent; font-weight: bold;}
.watchlist-sidebar-NotInWatchList:before {
	/*background-image: url(/media/9771/red-star.png)!important;*/
}
/***Vehicle Description***/
body[data-url='stock'] .center-wrapper { max-width: 1380px; padding: 30px 0 60px;}
#details-vehicle-info {border-radius: 10px;	}
#details-vehicle-info-options ul {margin-bottom: 0px;}
@media(max-width: 991px) {
	/* .container {width: 960px;} */
}

#details-vehicle-share-drop-down:hover { background: #f8ce22; }
#details-vehicle-share-drop-down { width: 100%; text-align: center; padding: 4px 0; color: #fff;  background: #010101; cursor: pointer; text-transform: uppercase; margin-right:0; margin-left:0; border-radius: 5px;}
#side-contact-us h3, #side-contact-us p, #side-contact-us a {color: #0a497e;}
#side-contact-us h3 {font-size: 18px;margin-bottom: 13px;}
#side-contact-us p {font-size: 16px;}
#side-contact-us .header {margin-bottom: 0;} 
#side-contact-us .section {color: #000;padding: 5px 20px 20px!important;}
@media (max-width: 767px) {
	#body>div.container>div {padding-left: 15px;padding-right: 15px;}
}
a#vehicle-enquiry {display: block; position: relative; top: -270px; visibility: hidden;}
@media(max-width: 480px) {
	a#vehicle-enquiry{top: -105px;}
}

#details-vehicle-share-options-header { font-weight: 500; }
#details-vehicle-info #details-vehicle-info-vehicle-Extras, #details-vehicle-info-vehicle-Description {display: none;}
#details-vehicle-info .bx-wrapper {margin: 0 auto 28px; min-height: 0; max-width: 100%!important; }
#details-vehicle-info .bx-wrapper .bx-viewport li {}
#details-vehicle-info-vehicle { background: #fff;}
#details-vehicle-info-vehicle-Image-Wrapper {margin-top: 0;}
#details-vehicle-info-vehicle-Image-Wrapper img {width: 100%;}
#details-vehicle-info-vehicle-SpecialPrice {color: #662b7e !important; font-weight: 700!important;}
#details-sidebar-main .header.no-content:before {padding-bottom: 1px;}
#details-sidebar-main .header:before {padding-right: 8px;}
#details-vehicle-info-options {background: #FFF; color: #5b676c; padding: 6px 5px 12px;}
#details-vehicle-info-options a { font-weight: 500; color: #fff; font-size: 14px; background: #010101; padding: 5px 15px; min-width: 120px;  text-align: center; margin-top: 0;border-radius: 5px; text-transform: uppercase;}
#details-vehicle-info-desc-H {color: #000;}
#details-vehicle-info-desc-B {color: #575757; font-size: 14px;}
#details-vehicle-info-vehicle-carhistory {background: #2d9549;}
@media(min-width: 768px) {
	#details-vehicle-info {background: #fff; padding: 15px 15px 15px; margin-bottom: 0;}
}
@media(max-width: 480px) {
	#details-vehicle-info-options a {font-size: 12px;}
	#details-vehicle-info-vehicle-Extras li { width: 100%;}
	#details-vehicle-info-options {margin-top:10px;}
}
#details-vehicle-info-vehicle, #details-vehicle-info-vehicle-Image-Wrapper {border: none;}
#details-vehicle-info-Heading {padding: 10px 0; margin-left: 0; margin-right: 0; background: #ececec;}
#details-vehicle-info-vehicle-Name  {    color: #000!important; font-size: 20px; line-height: 34px; font-weight: 500;}
#details-vehicle-info-vehicle-Price {    
	color: #000!important;
    font-size: 25px;
  	font-weight: 600;}
@media(max-width: 767px) {
	#SearchPageNumbers > div {display: block;}
	#search-results .search_title, #search-results .search_price {padding-bottom: 0;}
	#details-vehicle-info-vehicle-Price {text-align: center;margin-top: 15px;}
	#details-vehicle-info-vehicle-SpecialPrice {text-align: center!important;}
	.view_selection_cover {display: none;}
	#search-results .search_item .bg_cover {margin: 0;}
}

#details-sidebar-top .header.open:before { padding: 1px 15px 2px 6px;}
#details-sidebar-main .header, #details-sidebar-top .header {
    font-size: 20px;
    color: #fff;
    background-color: #010101;
    text-decoration: none;
    padding: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 300;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#details-sidebar-main .section {background-color: #ececec;border: none;margin-bottom: 20px;padding: 0;}
#details-sidebar-main-watchlist {background: transparent!important;}
#details-sidebar-main-watchlist {padding: 0!important;}
#details-sidebar-main .header a.watchlist {text-decoration: none; font-weight: bold;}
#details-vehicle-info-Img .bx-wrapper .bx-viewport {border: none;box-shadow: none;}
#details-sidebar-main-vehicleenquiry .form-row button {color: #000; font-weight: 500; box-shadow: none; border: none; font-size: 18px; text-transform: uppercase; padding: 15px 18px; max-width: 200px; margin: 0 auto; background: #f8ce22;border-radius: 40px;}
#details-vehicle-info-desc {padding: 15px;margin: 35px 0 20px;display: inline-block;width: 100%;}
#details-sidebar-main-vehicleenquiry .form-row button:hover {background: #000;transition: 0.3s; color: #fff;	}
#details-sidebar-main-vehicleenquiry .form-row input, #details-sidebar-main-vehicleenquiry .form-row textarea {line-height: 18px;padding: 5px;border: 1px solid #ccc;}
#details-vehicle-info-features-Tabs div.tab-selected {color: #000; background: #f8ce22;}
#details-vehicle-info-features-Tabs div {color: #333;padding: 15px 11px;background: transparent;}
#details-vehicle-info-features-Tabs div:not(.tab-selected) {background-color: #010101; color: #fff;}
#details-sidebar-main-vehicleenquiry .form-row label, #ContactUsForm label {display: none;}
#details-sidebar-main-vehicleenquiry .form-row input, #details-sidebar-main-vehicleenquiry .form-row textarea, #ContactUsForm input, #ContactUsForm textarea {
	padding: 14px; background: #FFF;color: #000; border-radius: 10px;
}
#details-vehicle-info-features-Body tr:nth-child(2n+1) {
	background: #fff;
}
#details-vehicle-info-features-Body { min-height: 300px; }
#details-vehicle-info-features-Body tr td { padding: 10px 8px;}
#details-vehicle-info-features-Body tr:nth-child(2n+2) {background-color: #f6f6f6;}

#footer a { color: #fff; }
#footer .container {text-align: center;}

@media (max-width:1024px){
	#content_top_outside { text-align: center; }
	/* .view_selection_cover {float: none;display: inline-block;width: 100%;margin-bottom: 15px;padding: 15px 0;border-radius: 5px; border: 1px solid #3e3e3e;} */
}

@media (max-width:991px){
	#SearchSortBy {margin: 0 0 10px;text-align: center;display: inline-block;width: 100%;}
	#SearchPageNumbers {display: inline-block;width: 100%;padding: 0;float: none;margin: 10px 0;text-align: center;}
	#search-options { text-align: center; margin-bottom: 0;}
	#search-results-header, #search-results-footer { text-align: center;}

}
#search-results-footer {
	display:none;
}
/*Left filter hover*/
#search-filters .filter .header:hover { color: #000; background: #f8ce22;}
#search-filters .filter a:hover, #search-filters .filter a:focus, #search-filters .filter a:active {color: #f8ce22;}

/*Vehicle details page*/
#details-sidebar-main .header:hover, .watchlist-sidebar-NotInWatchList:hover, .watchlist-sidebar-InWatchList {background-color: #f8ce22!important; color: #fff!important;}
.watchlist-sidebar-NotInWatchList a:hover {color: #fff;}
#details-sidebar-main-yardlocation a {color :#000;}
/* #details-vehicle-info-options #btnSMS { display: none; } */

/*Veicle details page buttons top*/
#details-vehicle-info-options {background:transparent;color: #fff; padding: 0;}
#details-vehicle-info-options a:hover, #details-vehicle-info-options a:active, #details-vehicle-info-options a:focus   {background-color: #f8ce22;  text-decoration: none;}
#details-vehicle-info-options ul { padding-left: 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:991px){
	#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: "";}
	.col-sm-2.share-btn { width: 100%; }
	#details-vehicle-info .col-sm-10 { width: 100%; }
}

/*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; }
}


/*show room*/
#showroom {background-color: #010101; padding: 60px 0; /* color: #fff; */text-align:center; background-image: url("/media/19832/dark-exa.png"); background-attachment: fixed;}
#showroom .col-md-4 {padding-left: 10px;padding-right: 10px; margin-bottom: 15px;}
#body  #showroom h2 { margin: 0 0 35px; border-bottom: 1px solid #fff; }

/*Google Review Slider*/
#body .googlerating-title { text-align: center; font-size: 35px; color: #f8ce22; margin-top: 0; }
#body #googleratingtitle, #body #userratingtotal { font-size: 35px; color: #fff; }
#googleratingtitle::after {  content: " star"; }
#userratingtotal::after {  content: " reviews"; }

/*Google Review Widget btn*/
.google-reviews .btn { background: #f8ce22; 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: #fff; outline: 0; color: #010101;   }

/*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: #f8ce22 !important; text-transform: uppercase; margin-bottom: 0; color: #000 !important; }
#finance-calc.newcalculator .finace-calc-body-new { background: #010101 !important; } 
#finance-calc.newcalculator .finace-calc-body-new .finance-calc-result-title { background: #f8ce22 !important; color: #000 !important; } 
#finance-calc.newcalculator .finance-calc-header { border: 0; }
#finance-calc.newcalculator .finance-calc-header-title .fa { color: #000 !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 #010101 !important; }
#finance-calc.newcalculator .slider-bar .ui-widget-header { border: 1px solid #f8ce22 !important; }
#finance-calc.newcalculator .slider-bar .ui-state-default {border: 5px solid #f8ce22 !important; color: #f8ce22 !important; }


/**Testimonials Page**/
#body .post-item:not(:first-child) {padding-top: 0;}
#body .posts-container .post-item h2 {color: #f8ce22;}
.posts-search-header {background-color: #010101;}
.posts-search { margin-bottom: 15px; background: #fff;border-radius: 10px; padding-bottom: 4px;}
.posts-search ul li a {font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: 300;}
.post-item { background: #ffffff; border-radius: 10px; padding-bottom: 16px; margin-bottom: 30px; box-shadow: 1px 1px 1px 0px #e6e6e6;}
.post-item ul.post-item-details {margin-bottom: 0;}
.posts-pages {padding: 5px; border: none; background-color: #ececec; margin-bottom: 22px;}	
.posts-pages .post-pages-ul {margin-bottom: 0;}
.posts-pages .post-pages-ul li.current {background: #FFF;}
#body .posts-container h2.post-header { }
#body h2.testimonial-item-header.xs-centered {font-size: 26px!important;line-height: 30px!important; font-weight:300;color: #f8ce22;padding-top: 20px;padding-bottom: 20px;}
#body .posts-container h3 {  font-size: 16px; margin-bottom: 30px; margin-top: 0;}
.testimonial-item-break {background: none; border-bottom: 1px solid #B7B2B2; margin: 0;}

/** Contact Us Page**/
.section-g .container {padding: 30px 0;}
.contactus-block {
	height: inherit;
}
#body .contactus-block h3 { 
	font-weight: 400;
	font-size: 20px;
	margin-bottom: 4px;
}
body #ContactUsForm h3 {
	color: #000;
    margin-bottom: 20px;
    font-weight: 500;
   
    font-size: 30px;
}
#ContactUsForm, #home-enquiry {
	background: #d6d6d6;
	color: #000; display: inline-block;
	max-width: 100%;
	
}
#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;
	}
}
#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: #010101;}


/**Custom Forms**/

.modal-content {
	background: #f4f4f4;
}
.form-group {
    margin-bottom: 10px;
}
.cforms {
	background: #d6d6d6;
	color: #000;
	margin-top: 5px;
	border-radius: 10px;
}
#cform {
	padding: 20px 30px 10px 25px;	
}
#body #cform h2 {
    color: #000;
    display: block;
    font-size: 37px;
    border-bottom: none;
    line-height: 37px;
    margin-bottom: 18px;
    margin-top: 9px;
	text-align: center;
}
#body #cform h2 span {
	color: #FFF;
}
#body #cform h3 {font-size: 30px;color: #010101; margin-bottom: 25px; font-weight: 500;}
#cform h3:nth-of-type(2) {
	margin-top: 40px;
}
#cform label {
	margin-top: 8px;
	font-weight: normal;
	color: #010101;
	padding-top: 9px;
	font-size: 16px;
}
#cform select {
	color: #000;
	height: 60px;
	background: #fff;
	border-radius: 5px;
	border: 0;
	margin-bottom: 5px; width: 100%;
}
#cform input, #cform textarea, #ContactUsForm input, #ContactUsForm textarea {
    color: #010101;
    background: #FFF;
    border: none;
    padding: 9px;
    height: 60px;
    border-radius: 6px;
	margin-bottom: 6px; width: 100%;
}
#ContactUsForm {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 10px;
    padding: 20px 34px;
}
#ContactUsForm textarea {
	height: 60px;
}
#ContactUsForm button {
	max-width: 200px;
	
}

@media (min-width: 768px) {
	.form-horizontal .form-group {margin-right: 0px;margin-left: 0px;}
}

.social-c-icons .fa { font-size: 25px; }
.social-c-icons a { margin-right: 5px; }
.social-c-icons a:last-child { margin-right: 0; }
.check_box_wrapper { text-align: left; }
#cform .check_box_wrapper label { padding: 0; margin-left: 10px; }
#cform .check_box_wrapper input { height: auto; }
#cform button, #ContactUsForm button {background: #f8ce22;  color: #000; margin: 40px auto; display: block; font-size: 18px; letter-spacing: 2px;}
#cform button:hover { background: #010101; color: #fff; -o-transition:.8s;	-ms-transition:.8s;-moz-transition:.8s;	-webkit-transition:.8s;	}
@media (max-width: 991px) {
	#body #cform h3 {
		margin-bottom: 4px;
		margin-left: -15px;
	}
}
@media (max-width: 767px) {
	#cform label {
		padding-left: 0;
	}
	#cform input,#cform textarea {
	  	width: 100%;
  		margin-left: 0px;
	}
	#cform button {
		width: 100%;
 		float: initial;
		margin-top: 15px;
	}
}
@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;
}




	
/** Footer **/
#footer_nav {background: #010101;padding: 40px 15px;}
#footer_nav .footer_menu_location .footer_body {color: #fff;font-size: 14px;}
.footer-logo { max-width: 200px; float: left; }
#footer_nav h3 {color: #fff;}
#footer_nav ul {
	color: #858585;
	font-size: 14px;
	list-style-type: none;
	padding-left: 0;
}
#footer_nav .footer_menu ul li a {
    font-size: 18px;
    color: #fff;
    line-height: 20px;
    float: left;
    margin: 5px 15px 15px 0;
}
.footer_menu p {
	color: #fff;
	font-size: 14px;
}
.footer_menu_nav, .footer_menu_cm {
	width: 77%!important;
}
.footer_menu_cm {
	margin-top: 29px!important;
}
#footer {padding: 0;}
#footer {background: #010101;color: #fff; padding: 5px 0;text-align: center; border-top: 1px solid #212020;}
#footer span {font-size: 13px;}
#footer a { color: #f8ce22; }
.footer_body a {color: #fff;}
#footer_nav .footer_menu ul li a:hover, #footer_nav .footer_menu ul li a:focus, #body .footer_body a:hover, #body .footer_body a:focus {text-decoration: none; color: #f8ce22;}
#footer_nav .footer_menu {
	width: 252px;
    margin: 0 48px 0 0;
}
#footer_nav .footer_menu h3 {
	font-size: 15px;
    font-weight: 400;
    border-bottom: 1px dotted;
    padding-bottom: 12px;
    letter-spacing: 1px;
    color: #f8ce22;
}
.footerboximglink:hover span {display: block!important;}
#social-nav-footer h3 {margin-bottom: 8px!important;}
#social-nav-footer .fa {color: #FFF;font-size: 25px;margin: 0 5px;}
#social-nav-footer .fa:hover, #social-nav-footer .fa:focus { color: #f8ce22; }

/*quick search*/
#quicksearch-wrapper {color: #fff;padding: 10px 0; background: #010101;}
#quicksearch-heading {padding-top: 0px;}
#quicksearch-heading, #SearchFilter { width: 100%; float: left;display: inline-block;}
#quicksearch-heading { max-width: 30%; }
#SearchFilter { max-width: 70%; }
#SearchFilterMake, #SearchFilterModel, #SearchFilterButton {max-width: 32%!important; width: 100%;float: left;margin: 5px;min-width: 160px;}
#SearchFilterButton {background: transparent;color: #fff; padding: 0; border: 0; margin: 0px;font-size: 18px;height: 46px;line-height: 46px; text-transform: uppercase; font-weight: 500; border: 1px solid #fff; letter-spacing: 3px;}
#SearchFilterButton:hover {color: #000;transition: 0.5s;background: #f8ce22;}
@media(max-width: 1199px) {
	#SearchFilterMake, #SearchFilterModel { max-width: 47%!important;	}
	#SearchFilterButton {clear: both;margin-top: 15px;max-width: 96%!important;}
}
#body #quicksearch-heading h2  {color: #f8ce22;display: inline-block;float: left;text-transform: uppercase;font-size: 30px;line-height: 45px;font-weight: 400;margin: 0; letter-spacing: 1px; background: url("/media/9194/search-icon.png") no-repeat; padding-left: 60px; background-size: 50px; background-position: 0px 2px;}
body #quicksearch-heading p {font-size: 24px; display: inline-block;margin-left: 14px;margin-top: 6px;letter-spacing: 1px;line-height: inherit;}
#QuickSearchText, #SearchFilterText, #QuickSearchMakeText, #QuickSearchModelText {display: none;}
#QuickSearch select, #SearchFilter select {height: 46px;color: #fff!important;margin: 0 10px 0 0;border-color: #f8ce22;padding-left: 24px;-moz-appearance: none; -webkit-appearance: none;background: transparent url("/media/9193/arrow-down-white.png") no-repeat scroll right 10px center;border: 0 none; font-weight: 500; border: 1px solid #fff; text-transform: uppercase; cursor: pointer;}
#QuickSearch select option, #SearchFilter select option{color: #f8ce22;}
#SearchFilter span, #SearchFilterYard, #SearchFilterYearText, #SearchFilterYearHigh, #SearchFilterYearLow, 
#SearchFilterPriceLow, #SearchFilterPriceHigh {display: none;}

@media(max-width: 1199px) {
	body #quicksearch-heading p	{margin-left: 0;}
	#body #quicksearch-heading h2 { font-size: 30px !important; }
}

@media(max-width: 1024px) {
	
	#quicksearch-heading {max-width: 100%;text-align: center;float: none;}
	#SearchFilter {max-width: 100%;}
	#body #quicksearch-heading h2 { float: none; margin-bottom: 15px; }
	#SearchFilterMake, #SearchFilterModel { max-width: 100% !important; float: none; }
	#SearchFilterModel { margin: 15px 0 0 0 !important; }
	#SearchFilterButton{ max-width: 100% !important; }
	#quicksearch-wrapper { padding: 25px 0; }
	#SearchFilter select { text-align: center; }

}


@media(max-width: 768px) {
	#body #quicksearch-heading h2 {font-size: 25px !important;line-height: 38px; text-align: center;}
	#SearchFilterMake, #SearchFilterModel, #SearchFilterButton {width: 100%;display: block;max-width: 100%!important;}
	#SearchFilter select {margin: 5px 0;}
	body #quicksearch-heading p {margin-top: 0;}
	#quicksearch-heading, #SearchFilter {max-width: 100%; float: none;}
	#body #quicksearch-heading h2 { padding-left: 65px; background-size: 45px; }
	
}


/*vehicle details page back button*/
#back-stock {background: transparent;color: #010101;padding: 5px 10px;display: inline-block;margin: 0 0 0;border-radius: 5px;font-weight: 500;text-transform: uppercase;font-size: 15px;border: 2px solid #f8ce22;}
#back-stock:hover, #back-stock:focus  { background: #f8ce22; color: #010101; text-decoration: none; }

/*sold Vehicles*/
#sold-vehicle { float: none; margin-top: 15px; 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;}

/*sell Your car fast*/
#body .sub-special-head {font-size: 20px;font-weight: 500; text-transform: uppercase; color: #ec3c4d;letter-spacing: 1px;}
#body .special-title-head { margin: 0 0 15px; }
.col-red-special { color: #ec3c4d; }
#body .sell-your-car-fast-banner p { font-size: 20px; margin-bottom: 30px; }
.sell-btn-cover { display: inline-block; width: 100%; text-align: center; }
.sell-btn-cover a { display: inline-block; padding: 15px 25px; min-width: 200px;  color: #fff; border-radius: 10px; font-size: 18px; text-transform: uppercase; background: #f8ce22c7;margin-right: 25px;letter-spacing: 0.5px;} 
.sell-btn-cover a:hover, .sell-btn-cover a:focus { background: #000; color: #fff; text-decoration: none; }
.sell-btn-cover a:last-child { margin-right:0; }
#body .sub-tiny-head { font-size: 20px;font-weight: 500; text-transform: uppercase; margin: 0;}
#body .common-bar-title { margin: 10px 0 15px; line-height: 50px; font-size: 40px;}
.common-bar-section { display: inline-block; width: 100%; margin-bottom: 60px; }
.package-box-wrapper { border: 2px solid #f8ce22; padding: 30px 20px; margin: 30px 0; }
.package-box-wrapper ul { min-height: 140px; }
#body .package-title{ margin: 0;font-size: 30px; line-height: 40px;color: #f8ce22; font-weight: 500;}
.btn-packages { background: #f8ce22; display: block; color: #fff; padding: 15px;text-align: center; font-size: 20px; letter-spacing: 1px; margin-top: 30px;}
.btn-packages:hover, .btn-packages:focus { background: #000; color: #fff; text-decoration: none; }
.big-money {font-size: 50px;display: inline-block;width: 100%; margin: 10px 0; color: #f8ce22;text-align: center;}
.box-square-wrapper { border: 2px solid #f8ce22; padding: 35px 15px 15px; text-align: center; margin: 15px 0 20px;display: inline-block;width: 100%;}
.step-number { font-size: 50px;font-weight: 600;margin-bottom: 15px; color: #f8ce22; }
.step-title {font-size: 22px;font-weight: 500;}

@media(max-width: 767px) {
	.sell-btn-cover a { width: 100%; margin: 0 0 20px; }
	.common-bar-section { text-align: center; }
}

/*FAQ*/
#body .faq-title {   color: #f8ce22;  margin-bottom: 0;}
#body .faq-line{ margin-bottom: 35px;}
[data-toggle="collapse"].collapsed .fa-angle-double-right:before { content: "\f101"; }
[data-toggle="collapse"] .fa-angle-double-right:before { content: "\f103"; }
#body .checklist-widget-section #accordion h3 {margin: 0;color: #fff; text-transform: none; font-weight: 500;}
.checklist-widget-section #accordion .fa.fa-angle-double-right { float: right; /* margin-top: 5px; */ }
.checklist-widget-section #accordion .panel-body ul li li { font-weight: 500; margin-bottom: 2px; }
.checklist-widget-section #accordion .panel-body ul li { font-weight: 600; margin-bottom: 15px; }
.checklist-widget-section #accordion .panel-title a { display: block; color: #fff; padding: 5px 0; }
.checklist-widget-section #accordion .panel-title a:hover, .checklist-widget-section #accordion .panel-title a:focus { color: #f8ce22; text-decoration: none; }
.checklist-widget-section #accordion .panel-default > .panel-heading {color: #fff; background-color: #000; border-color: #f8ce22; border-radius: 0 0 0 0; }
.checklist-widget-section #accordion .panel-default { border: 0;}
.checklist-widget-section #accordion .panel-body { background: #ebebeb; }

@media (max-width:480px){
	#body .checklist-widget-section #accordion h3 { font-size: 17px; line-height: 25px;}
	.checklist-widget-section #accordion .fa.fa-angle-double-right { float: none;  position: absolute; right: 0; top: 5px; margin-top: 0;}
	#body .checklist-widget-section #accordion h3 { position: relative;}
	.checklist-widget-section #accordion .panel-title a { padding-right: 20px;}
}