/* Used Car Search Form */

.search-form-title{background: #F5F5F5; height: 72px;}
.search-form-title > div{display: flex; align-items: center; justify-content: center; height: 100%; font-size: 24px; color: #393A3D; font-weight: 700;}

.used-cars-searchform {display: flex; flex-direction: column; box-sizing:content-box; padding: 20px 0; text-transform: uppercase; background: #232323;}
.used-cars-searchform > div{padding: 0 15px; box-sizing: border-box;}
.used-cars-searchform .search-standard > div:not(.hidden) {gap: 20px; display: flex; margin: 0 15px; align-items: center; 
	justify-content: space-between; position: relative; z-index: 100; color: #999899;}

.search-advanced-back {background: #191919; margin-bottom: -30px; margin-top: 30px;}
.used-cars-searchform input[type=submit] { color: #fff; background: #D4A809; height: 50px; width:200px; text-align: center; text-transform: uppercase; font-size: 18px; font-weight: 700; flex-shrink: 0; padding:0; cursor: pointer; border: 0; }
.used-cars-searchform a.search-advanced-link {line-height: 50px; font-size: 14px; position: relative; display: flex; text-decoration: none !important; text-transform: uppercase; justify-content: center; flex-shrink: 0; flex-grow:0; color: #fff;}

.search-advance-spacer{width: 310px;}

.search-form-action{display: flex; gap: 20px;}
.used-cars-searchform .search-advanced-link:before{content: "MORE"; padding-right: 5px;}
.used-cars-searchform .search-advanced-link.active:before{content: "LESS"; padding-right: 5px;}

.used-cars-searchform .search-advanced {padding: 20px 0; margin: 0 15px; z-index: 10; position: relative;}
.used-cars-searchform .search-advanced > div {display: flex; align-items: center; justify-content: space-between; position: relative; 
	z-index: 999; gap: 20px}
.used-cars-searchform .search-advanced > div:first-child {margin-bottom: 10px;}
.used-cars-searchform .search-advanced input[type=submit] { margin-right: 0; margin-left: 150px;}
.used-cars-searchform .custom-select-box:first-child {margin-left: 0;}

.search-advanced .custom-select-box select{color: #fff;}

.used-cars-searchform.isModule {position: relative; z-index:10;  margin-top:0; margin-bottom: 20px;}
.used-cars-searchform.isModule .search-standard > div {padding: 20px 0;}
.search-spacer {width: 170px; height: 50px; }

.custom-select-box, .slider-box { position: relative; display: flex; height: 44px; border-bottom:1px solid #555555; justify-content: center;
	align-items: flex-start; flex-direction: column; font-size: 14px; color: #fff; width: 0; flex: auto; text-transform: capitalize; }


.custom-select-box:after {content: ''; width: 10px; height: 10px; border:2px solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); 
	align-self: center; margin-left: auto; position: absolute; right: 8px; z-index: 1000;}
.custom-select-box select {width: 100%; border: 0; background: none; height: 44px; -moz-appearance:none; -webkit-appearance: none; appearance: none; 
	cursor:pointer; text-transform: uppercase; font-size: 14px; color: #FFFFFF; padding: 5px;}

.custom-select-box select option{color:#fff; background-color:#000000;}
.custom-select-box > div {display: none; position: absolute; width: 100%; top: calc(100% + 1px); padding: 10px 5px; background: #fff; 
	border: 1px solid #cdc9c9; border-width: 0 1px 1px; left: 0; flex-wrap: wrap; z-index: 1001;}
.custom-select-box > div.active {display: flex;}
.custom-select-box > span {padding: 0 5px; cursor: pointer; width: 100%; line-height: 44px;}
.custom-select-box > div > a {width: 100%; margin: 5px 0; text-align: center; color: #fff; text-decoration: none !important; line-height: 40px;}

.slider-box { background: url(../images/electronics.svg) 100% center no-repeat; }
.slider-box-title, .slider-box-title-year { width: 100%; cursor: pointer; text-transform: uppercase; padding-left: 5px;}
.slider-box-title-year{color: #fff; font-size: 15px; text-transform: uppercase;}
.slider-box-options { background: #000000; padding: 10px; box-sizing: border-box; position: absolute; top:calc(100% + 1px); 
	left:0; width:100%; z-index: 1001;}
.slider-box-options-year{color: #fff; font-weight: bold; font-size: 12px;}
.slider-box-options-toggle { background: #1F3138; display: flex; line-height: 40px; height: 50px; align-items: center;}
.slider-box-options-toggle-price{display: flex; justify-content: space-between;}
.slider-box-options-toggle-price > span{color: #fff; font-weight: 700; font-size: 12px;}
.slider-box-options-toggle-price > div{display: flex; align-items: center; }
.content_wrap .slider-box-options-toggle-price > div > a { color:#fff; position: relative; font-size: 10px;}
.slider-box-options-selection-price { font-size: 12px; color:#000633;  margin:10px 0;}
.slider-box-options-selection-price .sl-handle1 span { display: block;}

.slide-box-toggle { display: inline-flex; align-items: center; height: 16px; width: 28px; box-sizing: border-box; padding:0 3px; border-radius:8px; background: #FFFFFF80; cursor: pointer; margin: 0 5px;}
.slide-box-toggle span { display: block; background: #D4A809; border:1px solid #fff; width: 12px; height: 12px; border-radius: 50%; }
.slide-box-toggle[data-type="price"] span { margin-left: auto;}

.slider-box-options-selection { font-size: 12px; color:#000633;  margin:10px 0;}
.slider-box-options-selection .sl-handle1 span { display: block;}
.slider-box-options-buttons{height: 50px; margin-top: 25px; display: flex; align-items: center; justify-content: space-between;}
.content_wrap a.slider-box-options-confirm { line-height:40px; padding:0 15px; font-weight: 500; 
	font-size: 12px; color:#fff; background: #D4A809;}
.content_wrap a.slider-box-options-cancel {font-size: 12px; color: #fff; }

.rangeslider { width: 370px; font-size: 14px; text-transform: uppercase; margin: 0 10px;}
.rangeslider > span {height: 20px; line-height: 20px; display: block;}
.used-cars-searchform .search-results .line {height: 1px; width: 30px; background: #fff; margin-right: 10px; flex: 0 0 auto;}
.used-cars-searchform .search-results span {margin-right: 5px;}

/* Used Car Search Results */

.used-car-search {background: #efeff0;  margin-bottom: 10px; line-height: 40px; font-size: 12px; text-transform: uppercase;}

.used-car-search-header{margin: 10px 0 20px;}
.used-car-search-header > div{padding: 0 15px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;}
.used-car-search-header .search-result-count{font-size: 16px; color: #5A646E;}


.used-car-search-header .search-order { font-size: 16px; color: #5A646E; display:flex; align-items: center; flex-wrap: nowrap; position: relative;}
.used-car-search-header .orderBy {color: inherit; height:40px; padding: 0 5px; display: flex; width: 260px;  align-items: center; margin-left: 10px ; background: #fff; border: solid #C8C8C8; border-width:  0 0 1px 0}
.used-car-search-header .orderBy:after {content: ''; width: 10px; height: 10px; border:2px solid #232323; border-width: 0 2px 2px 0; align-self: center; margin-left: auto; position: absolute; right: 8px; z-index: 1000; transform: rotate(45deg);}
.used-car-search-header .orderDrop {display: none; position: absolute; top: 40px; right: 0; background: #fff; border: 1px solid #b5b4b4; border-top: 0; flex-direction: column; padding: 5px; z-index: 1001; line-height: 30px; width: 260px;}
.used-car-search-header .orderDrop.active {display: flex;}
.used-car-search-header .orderDrop a {color: inherit;}

.used-car-list {display: flex; flex-wrap: wrap; margin-top: 20px;}

.used-car-footer { margin: 10px 0 20px; display: flex;}
.used-car-footer .used-car-footer-controls{display: flex; align-items: center;}
.used-car-footer .used-car-footer-controls > div{color: #232323; font-size: 16px;}
.used-car-footer .used-car-footer-controls > .view_fav{padding: 0 15px; margin: 0 15px; color: #232323; font-size: 16px; border:solid #5A646E; 
	border-width: 0 1px; line-height: 16px; text-decoration: underline;}
.used-car-footer .used-car-footer-controls > .back_to_top{color: #232323; text-decoration: underline; font-size: 16px;}

.used-car-pager {display: flex; flex: 1 0 0; flex-direction: row; justify-content: flex-end; align-items: center; height:60px; flex-wrap: wrap;}
.used-car-pager > a {color: #232323 !important; display: flex; align-items: center; justify-content: center; font-size: 18px; min-height: 33px; 
	min-width: 24px;  padding: 0 10px; margin: 0 3px; background:#F5F5F5; }
.used-car-pager > a.active {font-weight: 700;}
.used-car-pager > a.pager-next > span{padding-right: 5px;}
.used-car-pager > a.pager-prev > span  {padding-left: 5px;}

.used-car-search-options {font-size: 16px; color: #726f70; padding: 10px 0;}
.used-car-search-options a {color: inherit; text-decoration: underline;}
.used-car-search-options a.active {color: #0069a9;}


/* Used Car Block */

.used-car {padding: 0 10px; margin-bottom: 30px; width: 25%; position: relative;}
.used-car > div{border:1px solid #DEDEDE;}
.cb-image {width: 100%; height:270px; position: relative; display: flex; align-items: center; justify-content: center; position: relative;}
.cb-image img {max-width: 100%; width: auto; height: auto; max-height: 100%;}
.cb-image-overlay{position: absolute; inset: 0; background: rgba(0, 0, 0,.3); opacity: 0; transition: ease-in-out all .3s;}

.used-car > div:hover .cb-image-overlay{opacity: 1;}

.cb-details {padding:10px; height: 75px; box-sizing: border-box; overflow: hidden; position: relative;  color: #000633; font-size: 16px; line-height: 24px; }
.used-car a.cb-title {  width: 100%; display: block; text-align: center;}
.used-car a.cb-title > span{color: #13252C; font-size: 18px; display: inline-block; font-weight: 700; position: relative;}
.used-car a.cb-sub-title { color:#13252C; height: 24px; overflow: hidden; margin-bottom: 10px; width: 100%; display: block; text-align: center;}
.used-car a.cb-sub-title > span{font-size: 16px; display: inline-block; position: relative; height: 100%;}

.used-car a.cb-title > span:after{content:""; position: absolute; height: 1px;width: 100%; 
	bottom: 0px; left: 0; background: #000; transition: transform .5s; transform: scaleX(0); transform-origin: right;}
.used-car:hover a.cb-title > span:after{transform: scaleX(1); transform-origin: left;}

.used-car .cb-info{display: flex; align-items: center; justify-content: center; height: 70px; background: #fff; border:solid #DEDEDE; 
	border-width: 1px 0;}
.used-car .cb-info > div{flex: 1 0 0; height: 100%; display: flex; align-items: center; box-sizing: border-box; padding: 35px 5px 5px 5px; 
	justify-content: center; font-size: 11px; font-weight: 500;}
.used-car .cb-info .cb-fuel{background: url(../images/cb-fuel.svg) center 13px no-repeat;}
.used-car .cb-info .cb-mileage{border:solid #DEDEDE; border-width: 0 1px; background: url(../images/cb-mileage.svg) center 13px no-repeat;}
.used-car .cb-info .cb-year{background: url(../images/cb-year.svg) center 13px no-repeat; border-right: 1px solid #DEDEDE;}
.used-car .cb-info > a.cb-favourite{display: flex; flex: 1 0 0; height: 100%; width: 100%; align-items: center; justify-content: center; font-size: 11px;
	background: url(../images/cb-fav.svg) center 13px no-repeat; padding: 35px 5px 5px 5px; transition: ease-in-out all .5s; color: #232323;
	position: relative; z-index: 10;}
.used-car .cb-info > a.cb-favourite.exists { background-image: url(../images/cb-fav-fill.svg);}

.cb-price-info { border-top: 1px solid #E6E2E2; display: flex; text-align: center; height: 120px; font-size: 20px; 
 	flex-direction: column; align-items: center; justify-content: center;}
.cb-price-info >div{ }

.cb-price {color:#13252C; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.cb-price-monthly {font-size: 18px; color:#232323; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-bottom: 5px;}
.cb-price-monthly > span{font-size: 18px; color: #232323; display: inline-block; margin-left: 4px;}
.cb-main-price { width:100%; font-size: 34px; font-weight: 700; }

.cb-actions {background: #fff; display: flex; align-items: center; justify-content: center; align-items: center; height: 48px;}
.cb-actions > div {width:100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.cb-actions > div:first-child{border: 1px solid #D4A809;}
.cb-actions > div:first-child > a{padding-right: 15px; font-size: 14px; display: inline-block; position: relative; font-weight: 700;}
.cb-actions > div:first-child > a:hover{color: inherit;}
.cb-actions > div:first-child > a:after{content: ""; border:solid #000; border-width: 2px 2px 0 0; transform: rotate(45deg); position: absolute; right: 0; 
	top: calc(50% - 3px); height:7px; width: 7px;}
.cb-actions > div:nth-child(2){background: #D4A809;}
.cb-actions.poa > div:nth-child(2) {display:none;}
.cb-actions .cb-reserve { font-size: 16px; color: #000000; font-weight: 700; position: relative; }
.cb-actions .cb-reserved{ padding-right: 15px; font-size: 14px;}
.cb-actions .cb-reserved:after{content: ""; border:solid #000; border-width: 2px 2px 0 0; transform: rotate(45deg); position: absolute; right: 0; 
	top: calc(50% - 3px); height:7px; width: 7px;}
.cb-actions .cb-noaction{pointer-events: none; cursor: default; height: 100%; display: block; line-height: 48px; width: 100%; text-align: center; 
	background:#DEDEDE; color: #4A5154 !important; font-weight: bold; }


/* Used Car Details Page */

.used-car-details-header{background: #F5F5F5; height: 72px;}
.used-car-details-header > div{padding: 0 15px; height: 100%; box-sizing: border-box; justify-content: space-between; display: flex; align-items: center;}
.used-car-details-header > div > div:first-child{display: flex;}
.used-car-details-header > div > div:first-child > a{color: #232323; font-size: 16px; }
.used-car-details-header > div > div:first-child > a:first-child{ padding: 0 10px 0 20px; margin-right: 10px; position: relative;}
.used-car-details-header > div > div:first-child > a:first-child:before{content: ""; height: 8px; width: 8px; border: solid #232323; 
	border-width: 0 0 2px 2px; position: absolute; left: 0; top: calc(50% - 4px); transform: rotate(45deg);}
.used-car-details-header > div > div:first-child > a:first-child:after{content: ""; height: 15px; width: 1px; position: absolute; 
	right: 0; top: calc(50% - 7.5px); background: #232323;}
.used-car-details-header > div > div:first-child > a:last-child{text-decoration: underline;}

.used-car-details-header .used-car-pdf{}
.used-car-details-header .used-car-pdf > a{text-decoration: underline; padding-left: 30px; background: url(../images/pdf.svg) left center no-repeat;}
.used-car-details-header .used-car-pdf > a:hover{color: #232323;}

.used-car-header{display: flex; justify-content: center; border: 1px solid #DEDEDE; padding: 20px 70px; position: relative; 
	box-sizing: border-box; margin-bottom: 20px;}
.used-car-header > div:first-child{display: flex; flex-direction: column; justify-content: center; text-align: center;}
.used-car-header > div:last-child{position: absolute; right: 20px; top: calc(50% - 22px);}
.used-car-header .used-car-title h1 {font-size: 36px;  color: #000; font-weight: 700; padding:0; line-height: 32px; margin-bottom: 10px;}
.used-car-header .used-car-sub-title  {font-size: 18px;  color: #13252C;}
.used-car-header .used-car-favourite{height: 43px; width: 43px; background: url(../images/cb-fav.svg) center center no-repeat; background-size: cover; transition: ease-in-out all .5s; position: relative; z-index: 10; display: block;} 
.used-car-header .used-car-favourite.exists{background-image: url(../images/cb-fav-fill.svg);}


.used-car-price-reserve{display: flex; justify-content: space-between; align-items: center; height: 116px; border: 1px solid #DEDEDE; 
	box-sizing: border-box; margin-bottom: 20px;}

.used-car-price-reserve > div{height: 100%;  padding: 0 20px; display: flex; align-items: center;}
.used-car-price-reserve .used-car-price{color:#232323; font-size: 47px; font-weight: 700;}
.used-car-price-reserve .used-car-reserve{display: flex; justify-content: center; align-items: center; padding: 0;}
.used-car-price-reserve .used-car-reserve p{font-size: 22px; font-weight: 700; padding: 0 20px; margin: 0;}
.used-car-price-reserve .used-car-reserve > a{font-size: 27px; color: #000000; font-weight: 700; position: relative; width: 270px; 
	padding-right: 40px; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-end;
	background: url(../images/reserve_bg.svg) center no-repeat; justify-content: center; line-height: 26px;}
.used-car-price-reserve .used-car-reserve > a > span{font-size: 20px;}
.used-car-price-reserve .used-car-reserve > a:after{content: ""; height: 14px; width: 14px; transform: rotate(45deg); top: calc(50% - 7px); 
	border: solid #000000; border-width: 3px 3px 0 0; position: absolute; right:15px;}

.used-car-info{border: 1px solid #DEDEDE; display: flex; flex-wrap: wrap; margin-bottom: 20px; height: 72px;}
.used-car-info > div{height: 100%; width:25%; padding-top: 35px; box-sizing: border-box; color: #313131; font-size: 11px; 
	display: flex; align-items: center; justify-content: center; font-weight: 500;}
.used-car-info .used-engine{border:solid #DEDEDE; border-width: 0 1px 0 0; background: url(../images/cb-fuel.svg) center 12px no-repeat;}
.used-car-info .used-mileage{  background: url(../images/cb-mileage.svg) center 12px no-repeat;}
.used-car-info .used-year{border:solid #DEDEDE; border-width: 0 1px; background: url(../images/cb-year.svg) center 12px no-repeat;}
.used-car-info .used-car-body{background: url(../images/cb-body.svg) center 12px no-repeat;}

/*Finance calculator*/
.used-car-finance-content  { background: #fff; border:1px solid #DEDEDE; padding:20px; margin-bottom: 20px;}
div.used-car-finance .finance-calc-heading{margin-bottom: 10px;}
div.used-car-finance div:first-child { font-weight: 700; font-size: 28px; color:#313131; text-align: center;}
div.used-car-finance div:first-child > span {font-size:20px; display: inline-block;}
div.used-car-finance div:first-child > span span {font-size: 32px; color: #232323; font-weight: 700;}
div.used-car-finance .range > span {color: #313131; font-size: 16px;}
div.used-car-finance .range > span:first-child { width:70px; display: inline-block;}
div.used-car-finance .range > span:nth-child(2) { font-weight: bold;}
div.used-car-finance .range > div {display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
div.used-car-finance .range > div input {width: 0; flex: 1; }
.rangeslider {height:4px; box-shadow:none; background:#DEDEDE; margin:12px auto 0 auto; width:100%; border-radius: 2px;}
.rangeslider:after {background:#e6e6e6; float:right; }
.rangeslider__fill { background: #232323; height:4px;}
.rangeslider--horizontal .rangeslider__handle { top:-12px;}
.rangeslider__handle { background:#D4A809; width:20px; height:20px; border-radius:100%; border:2px solid #fff; box-sizing: border-box; box-shadow: 0px 3px 6px #00000029; 
	position: relative; cursor: pointer;}
.rangeslider__handle:after { background: #000633;}
.rangeslider__handle:active { background:#000633;}
div.used-car-finance > div:nth-child(2) >div {font-size: 16px; color: #000633; line-height: 30px; margin-bottom :10px;}
div.used-car-finance  > a {background: #D4A809; display: block; color: #fff; font-weight: bold; font-size: 14px; line-height: 50px; padding: 0 10px 0 10px; margin:20px auto 0 0; text-transform: uppercase; width: 100%; text-align: center;}
div.used-car-finance  > a:after {content:''; display: block; float: right; border:1px solid #fff; height: 6px; width:6px; border-width: 1px 1px 0 0; transform: rotate(45deg); margin:22px 0 0 0;}
div.used-car-finance:not(.isModule)  > a{display: none;}
div.used-car-finance .financeAmount{height: 62px;}

/*Used car CTA*/

.used-car-cta {display: flex; flex-wrap: wrap;}
.used-car-cta > div {width: 50%; margin-bottom: 20px; height: 70px; display: flex; align-items: center; border: 1px solid;
	justify-content: center; position: relative;}
.used-car-cta > div > a{font-size: 20px; font-weight: 700; color: #000; display: flex; align-items: center;}
.used-car-cta > div > a:after{content: ""; display: inline-block; height: 10px; width: 10px; border: solid #000; border-width: 2px 2px 0 0; 
	transform: rotate(45deg); margin: 0 0 0 7px;}
.used-car-cta > div > a:before{content: ""; display: inline-block; margin-right: 15px; height:24px; width: 24px;}
.used-car-cta > div.used-car-enquire-btn{border-color: #D4A809; color: #000000;}
.used-car-cta > div.used-car-enquire-btn > a:before{background: url(../images/envelope.svg) center no-repeat;}
.used-car-cta > div.used-car-finance-btn{border-color: #D4A809; background: #D4A809; color: #000000;}
.used-car-cta > div.used-car-finance-btn > a:before{background: url(../images/finance-document.svg) center no-repeat;}
.used-car-cta > div.used-car-test-drive-btn{background: #232323; border-color: #232323;}
.used-car-cta > div.used-car-test-drive-btn > a{color: #fff;}
.used-car-cta > div.used-car-test-drive-btn > a:after{border-color: #fff;}
.used-car-cta > div.used-car-test-drive-btn > a:before{background: url(../images/steering-white.svg) center no-repeat;}
.used-car-cta > div.used-car-trade-in-btn{border-color: #232323;}
.used-car-cta > div.used-car-trade-in-btn > a:before{background: url(../images/trade.svg) center no-repeat; width: 32px;}

.finance-calc-note{text-align: center; color: #232323; font-size: 14px;}

/*Used Car Gallery*/
.used-car-images {width: 100%; overflow: hidden; position: relative; opacity: 0; transition: all 0.3s ease-in-out; margin-bottom: 10px;}
.used-car-images .caroufredsel_wrapper {height: 100% !important;}
.used-car-images .gallery {width: 100%; height: 100% !important;  display: flex; align-items: flex-start;}
.used-car-images .gallery > a{text-align: center;}
.used-car-images .gallery img {height: auto; max-width: 100%; max-height: 100%;}
.used-car-images iframe {position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: none;}
.used-car-images-prev, .used-car-images-next {position: absolute; bottom: 50%; left: 0; height: 84px; width: 36px; background: rgba(19,37,44,.6); z-index: 100; align-items: center; font-size: 14px; transform:translateY(50%); cursor:pointer; transition: ease-in-out all .5s;}
.used-car-images-prev:hover, .used-car-images-next:hover{background: rgb(19,37,44,.8);}
.used-car-images-next { left:initial; right:0;}
.used-car-images-prev:after, .used-car-images-next:after { content:''; display: block; position: absolute; left: 12px; top: calc(50% - 7px); border:2px solid #fff; border-width: 2px 2px 0 0; height: 15px; width:15px; transform: rotate(-135deg);}
.used-car-images-next:after {  transform: rotate(45deg); left: 8px;}

.used-car-gallery-tabs{border:1px solid #E5E0E0;}
.used-car-gallery-tabs .used-car-gallery-tabs-links{display: flex; height: 70px; align-items: center; margin-bottom: 30px; border-bottom: 1px solid #DEDEDE;}

.used-car-gallery-tabs .used-car-gallery-tabs-links > a{flex: 1 0 50%; height: 100%; color: #13252C; display: flex; align-items: center; 
	justify-content: center; font-size: 16px; font-weight: 700; background: #DEDEDE; position: relative;} 
.used-car-gallery-tabs .used-car-gallery-tabs-links > a.active{background: #fff;}
.used-car-gallery-tabs a.photos-tab{border-right: 1px solid #DEDEDE;}
.used-car-gallery-tabs a.photos-tab:before{content: ""; height: 26px; width: 26px; margin-right: 10px; 
	background: url(../images/photo-tab.svg) center no-repeat;}
.used-car-gallery-tabs a.video-tab{}
.used-car-gallery-tabs a.video-tab:before{content: ""; height: 26px; width: 26px; margin-right: 10px; 
	background: url(../images/video-tab.svg) center no-repeat;}
.used-car-gallery-tabs a.active:after{content: ""; height: 13px; width: 30px; position: absolute; top: 100%; left: 50%; 
	transform: translateX(-50%); background: url(../images/tab-arrow.svg) center no-repeat;}


.used-car-images-thumbnails { width: 100%; display: flex; padding: 0 40px;  overflow: hidden; position: relative; opacity: 0; 
	transition: all 0.3s ease-in-out;}
.used-car-images-thumbnails .gallery-small { }
.used-car-images-thumbnails .gallery-small img { cursor: pointer; display: block;float: left; margin: 0 3px;}
.used-car-small-images-prev, .used-car-small-images-next{position: absolute; bottom: 50%; left: 0; height: 100%; width: 36px; 
	background: rgba(255, 255, 255, 1); z-index: 100; display: flex !important; align-items: center; font-size: 14px; transform:translateY(50%); 
	cursor:pointer; transition: ease-in-out all .5s;}
.used-car-small-images-next { left:initial; right:0;}
.used-car-small-images-prev:after, .used-car-small-images-next:after { content:''; display: block; position: absolute; left: 12px; top: calc(50% - 7px); border:2px solid #13252C; border-width: 2px 2px 0 0; height: 15px; width:15px; transform: rotate(-135deg); transition: ease-in-out all .5s;}
.used-car-small-images-next:after {  transform: rotate(45deg); left: 8px;}

.used-car-small-images-prev:hover, .used-car-small-images-next:hover{background: rgb(0,0,0,.8);}
.used-car-small-images-prev:hover:after, .used-car-small-images-next:hover:after{border-color: #fff;}


.used-car-images-thumbnails > .caroufredsel_wrapper:before{ content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 40px; 
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); z-index: 1;}
.used-car-images-thumbnails > .caroufredsel_wrapper:after{ content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 30px; 
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); z-index: 1;}

/*Used car Tab*/
.used-car-details {margin-top: 20px; background: #fff; }
.used-car-details .used-car-tab-links {display: flex; text-transform: uppercase;}
.used-car-details .used-car-tab-links a { position: relative; color:#13252C; background: #DEDEDE; text-transform: uppercase; flex-grow: 0; padding:0 40px; font-size: 16px; font-weight: bold; text-align: center; line-height: 70px; border-right: 1px solid #E5E0E0;}
.used-car-details .used-car-tab-links a:first-child{border: solid #DEDEDE; border-width: 1px 0 0 1px;}
.used-car-details .used-car-tab-links a:last-child{border: solid #DEDEDE; border-width: 1px 1px 0 1px;}
.used-car-details .used-car-tab-links a.active {background: #fff;}
.used-car-details .used-car-tab-links a.active:after{content: ""; height: 13px; width: 30px; position: absolute; top: 100%; left: 50%; 
	transform: translateX(-50%); background: url(../images/tab-arrow.svg) center no-repeat;}

.used-car-tab-links a:last-child { border-right-width: 1px;}
.used-car-tab-content  { display: none; background: #fff; border:1px solid #DEDEDE; padding:30px 20px 20px 20px; margin-bottom: 20px;}
.used-car-tab-content.active  { display: block; }

/*Used car description tab*/
.used-car-details .car-features > div {display: flex; flex-wrap: wrap;}
.car-features > div > div {width: 100%; line-height: 28px; font-size: 16px; color: #232323;}

/*Used car overview tab*/
.overview_info { display: flex; flex-direction: row; font-size: 14px; color: #313131; }
.overview_info>div { flex: 1; padding: 0 10px; }
.overview_left{display: flex;}
.overview_left > div{flex: 1;}
.overview_left > div > div{ border-bottom:  1px solid #E5E0E0; line-height: 40px;}
.overview_left > div> div:last-child {border: 0;}
.overview_left > div > div > span{font-weight: bold; text-transform: uppercase;}
.overview_right { display: flex; flex-direction: column; }
.overview_right span { color: #4A5154; font-weight: bold; line-height: 20px; margin-bottom: 10px; display: block;}
.overview_right>div:first-child { border: 1px solid #DEDAD4; display: flex; flex-direction: row; height: 200px; }
.overview_right>div>div { flex: 1; padding: 10px; }
.overview_right>div>div:first-child { border-right: 1px solid #DEDAD4; background: url(../images/fuel-block.svg) center center no-repeat;overflow: hidden;  background-size: 435px; line-height: 34px;}
.overview_right>div>div:nth-child(2) { display: flex; flex-direction: column; padding: 0; }
.overview_right>div>div:nth-child(2)>div { flex: 1; padding: 10px; }
.overview_right>div>div:nth-child(2)>div:first-child { border-bottom: 1px solid #DEDAD4; background: url(../images/tax-block.svg) right center no-repeat; overflow: hidden; background-size: 140px;}
.overview_right>div>div:nth-child(2)>div:last-child { background: url(../images/bg-cloud-sm.svg) right center no-repeat; overflow: hidden;}
.overview_right>div:last-child { font-size: 13px; color: #232323; padding-top: 10px; }

.used-car-related h6 {color:#393A3D; line-height: 40px; font-size: 24px; margin: 10px 0 20px 0; padding: 0; background: #F5F5F5;
	font-weight: 700; text-align: center;  line-height: 72px;}
.used-car-related .used-car-related-gallery { display: flex; align-items: flex-start; justify-content: flex-start; margin: 10px 0 20px; flex-wrap: wrap;}

.used-car-lightbox:not(.hidden) {display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left:0; right: 0; bottom: 0; background: rgba(0,0,0,0.9); z-index: 10000; opacity: 0; transition: 0.3s all ease-in-out;}
.used-car-lightbox img {max-width: calc(100% - 74px); max-height: calc(100% - 50px); width: auto; height: auto; opacity: 0; transition: 0.3s all ease-in-out}
.used-car-lightbox a.next, .used-car-lightbox a.prev {position: absolute; right: 10px; top: calc(50% - 17px); width: 17px; height: 34px; background: url(../images/arrow.svg) no-repeat center;}
.used-car-lightbox a.prev {transform: rotate(180deg); right: initial; left: 10px;}
.used-car-lightbox a.closeLightbox {position: absolute; top: 10px; right: 10px; background: url(../images/close.svg) no-repeat center; width: 30px; height: 30px; background-size: contain;}
.used-car-video-popup {position: fixed; z-index: 10000; background: rgba(255,255,255,0.65); left:0; top: 0; bottom: 0; right: 0; display: none; opacity: 0; transition: 0.3s all ease-in-out;}
.used-car-video-popup > div {margin: 30px auto; display: flex; align-items: center; justify-content: flex-start; height: 100%; flex-direction: column; padding-right: 200px;}
.used-car-video-popup > div > a {width: 36px; height: 36px; background: url(../images/close-video.png) no-repeat center; margin: 5px 0 5px auto; }
.used-car-video-popup > div > iframe {width: 100%; max-height: 80%;}

/* Used Car Module */
.used-car-module { margin-top: 20px; margin-bottom: 20px; position: relative; padding-bottom: 20px;}

.used-car-module .car-slider {display: flex; align-items: flex-start; }
.used-car-module .used-car { padding: 0 10px;}
.ucl-gal-prev, .ucl-gal-next{height: 100px; width: 50px; top: calc(50% - 50px); right: 30px; 
	position: absolute; transition: ease-in-out all .5s;}
.ucl-gal-prev:after, .ucl-gal-next:after{content: ""; position: absolute; height: 25px; width: 25px; top: calc(50% - 12px); 
	left: calc(50% - 18px); border:solid #000000; border-width: 3px 3px 0 0; transform: rotate(45deg);}
.ucl-gal-prev {right: initial; left: 30px;}
.ucl-gal-prev:after{transform: rotate(-135deg); left: calc(50% - 8px); }
.ucl-gal-prev:hover, .ucl-gal-next:hover{background: rgba(0,0,0,.2);}

.ucl-pagination{width: 100%; height: 20px; position: absolute; bottom: 10px; left: 0; text-align: center;}
.ucl-pagination > a{height: 4px; width: 20px; margin: 0 5px; background: #fff; display: inline-block; box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.40);}
.ucl-pagination > a.selected{background: #F1C73F;}


/*Car Payment*/
.payment_header { padding:25px; border-bottom: 1px solid #E4E0E0; background: #000633; margin-bottom: 20px;}
.content_wrap .payment_header a {  color:#fff; font-size: 16px; }
.payment_header a:before { width: 10px; height: 10px; content: ''; display: inline-block; vertical-align: middle; margin-right: 5px;   border:2px solid #fff; border-width: 2px 0 0 2px; transform: rotate(-45deg);}
.payment_title { font-size: 30px; font-weight: bold;margin-bottom: 20px;}

.carPayment { border:1px solid #e1e1e1; padding:15px; margin-bottom: 20px; background: #F9F9F9; color:#0c0c0c; font-size: 14px;}
.cp_car { width:100%; padding:0 15px; margin-left: -15px; border-bottom: 1px solid #e1e1e1; display: flex; }
.cp_car_image { width: 130px; height: 130px; margin-right: 10px; flex-grow: 0;}
.cp_car_image img {max-width: 100%; max-height: 100%;}
.cp_car_title { font-size: 18px; margin-bottom: 10px;}
.cp_car_title span{ font-size: 14px; color: #313131;}
.cp_car_price { color: #393A3D; font-size: 24px;}
.cp_car_price span {  font-size: 16px;}
.cp_payment_toggles { padding:10px 0; margin-bottom: 15px;}
.cp_toggle { border:1px solid transparent; font-weight: bold; font-size: 18px; display: flex; float: left; margin-right: 10px; padding:0 10px; height:45px; border:5px; align-items: center; border-radius: 5px; cursor: pointer;}
.cp_toggle.checked { border-color: #ebebeb; background: #f2f2f2; }
.cp_toggle span { display: flex; width:18px; height:18px; margin-right: 8px; flex-grow: 0; flex-shrink: 0; border-radius: 50%; box-sizing: border-box; border:1px solid #bcbcbc; align-items: center; justify-content: center;}
.cp_toggle.checked span:after { content:""; height:50%; width:50%; display: block; background: #000; border-radius: inherit;}
.cp_total { color:#393A3D; font-size: 18px; font-weight: bold; margin-bottom: 15px;}
.show_reserve { color:#444; font-weight: normal;}

.cp_paymentform { border:1px solid #e1e1e1; border-width: 1px 0; padding:10px 0; margin-bottom: 15px;}
.cp_paymentform .label { font-size: 14px; font-weight: bold; line-height: 36px;}
.cp_paymentform input,.cp_paymentform select { font-size: 16px; height: 36px; box-sizing: border-box; border:1px solid #ccc; outline:none; padding:0 10px; margin-bottom: 10px; display: block; width:100%;}
.cp_paymentform .dd_container { height:36px; line-height: 36px; border-color: #ccc; }
.cp_tandc { margin:20px 0; display: flex; align-items: center; color:#666464; }
.cp_tandc label { padding-top: 0; font-weight: normal;}
.cp_tandc input { margin-right: 10px;}

.cp_info { color:#000000; font-size: 14px; line-height: 22px; margin-bottom: 20px;}
.cp_info h4{ font-size: 18px;font-weight: bold;line-height: 22px;}
.cp_totals { font-size: 16px; color: #152FF5; line-height: 24px; margin-bottom: 10px;}
.inv_button { outline: 0; padding: 0 20px; margin: 0; text-align: center; background: #D4A809; line-height: 50px; height: 50px; font-size: 16px; font-weight: 700; color: #FFFFFF; text-transform: uppercase; transition: ease-in-out all .5s; cursor: pointer; border: 1px solid #D4A809;}
.inv_button:hover{background: #fff; color: #D4A809;}

.cp_instructions { font-size: 14px; color:#403f3f; line-height: 22px; margin-bottom: 20px;}
.cp_instructions h4{ font-size: 18px; font-weight: bold; line-height: 22px;}

.carPayment .payment_logos span{display: block; width: 100%;}
.carPayment .payment_logos > div{display: flex; flex-direction: row;  align-items: center;}
.carPayment .payment_logos > div > img{padding-right: 5px;}

.stripe-overlay {position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center;}
.stripe-overlay > div {background: #fff; width: 260px; padding:20px; line-height: 40px; font-size: 14px;}

.StripeElement {box-sizing: border-box;height: 40px;padding: 10px 12px;border: 1px solid transparent;border-radius: 4px;background-color: white;box-shadow: 0 1px 3px 0 #e6ebf1;-webkit-transition: box-shadow 150ms ease;transition: box-shadow 150ms ease;}

.StripeElement--focus {box-shadow: 0 1px 3px 0 #cfd7df;}
.StripeElement--invalid {border-color: #fa755a;}
.StripeElement--webkit-autofill {background-color: #fefde5 !important;}

.form-row label {font-size:16px; padding-top: 20px; font-weight:bold;}
#card-element {margin: 10px 0;}

.stripe-overlay-loader {display: block;width: 64px;height: 64px;margin: 20px auto;}
.stripe-overlay-loader:after {content: " ";display: block;width: 46px;height: 46px;margin: 1px;border-radius: 50%;border: 5px solid #23385d;border-color: #23385d transparent #23385d transparent;animation: lds-dual-ring 1.2s linear infinite;}

#card-element iframe {height:19.2px !important;}

/*Trade Form*/

.trade-form { margin: 20px 0; padding: 20px; box-sizing: border-box; border: 1px solid #DEDEDE;}
.trade-form h4 { font-size: 14px; font-weight: bold; color: #000000; margin: 0 0 10px;}
.trade-input { margin-bottom: 15px; position: relative; }
.trade-input input:not([type=radio]):not([type=checkbox]):not([type=submit]), .trade-input select, .trade-input textarea { width: 100%; height: 42px; 
	background: #fff; border: 1px solid #EBEBEB; padding: 0 10px; box-sizing: border-box; font-size: 15px; color: #000000; }
.trade-input textarea { height: 110px; resize: none; padding: 10px; box-sizing: border-box;}
.trade-input>label { color: #000000; font-size: 15px; font-weight:500; }
.trade-input > label > span{color:#FF0022; font-size: 16px; }
.trade-input .trade-icon { font-size: 13px; color: #fff; display: flex; position: absolute; left: 1px; bottom: 1px; background: #C1C1C1; width: 30px; height: 30px; 
	justify-content: center; align-items: center; }
.trade-registration { display: flex; }
/* .trade-registration > input[type=text]{margin-right:15px; flex: 0 0 50%;} */
.trade-registration a.mc-lookup{margin-left: 15px; text-align: center; width:  185px; height: 42px; line-height: 42px; background: #fff; color:#232323; 
	text-transform: uppercase; box-sizing: border-box; padding-left: 30px;  background: url(../images/search-black.svg) no-repeat; 
	background-position: calc(50% - 40px) center; border: 1px solid #232323; font-weight: bold; text-transform: uppercase;}

.trade-form input:focus, .trade-form textarea:focus{border-color: #F1C73F;}

.trade-registration .trade-icon { top: 32px; bottom: initial; }
.trade-icon+input, .trade-icon+select { padding-left: 35px !important; }

.trade-input .trade-odometer input{width: calc(100% - 55px) !important; display: inline-block;}
.trade-input .trade-odometer{position: relative; }
.trade-input .trade-odometer:after{content: "KM"; margin-left: 10px; width: 55px; height: 100%; color: #000000; font-weight: 500; 
	font-size: 15px; line-height: 42px;}

.trade-input.radioboxes>div label, .trade-input.checkboxes>div label { margin-right: 20px; }
.trade-divider { margin: 20px 0; background: #b3b5b5; width: 100%; height: 1px; }
.trade-form p { font-size: 16px; margin: 0; padding: 0; }
.trade-form>.trade-input { justify-content: center; }
.trade-form span { color: #DB0B0B }

.trade-input.checkboxes{display: flex;}
.trade-input.checkboxes input{margin:7px 10px 0 0;}


.trade-form .submit_container{display: flex; justify-content: flex-start;}
.trade-form input[type=submit] { display: block; height: 50px; color: #fff; font-size: 16px; border: 1px solid #D4A809; 
	width: 206px; text-align: center; background: #D4A809; text-transform: uppercase; font-weight: 700; transition: ease-in-out all .5s; cursor: pointer;}
.trade-form input[type=submit]:hover{background:#fff; color: #D4A809; }


.trade-images textarea { width: 100%; background: #fff; border: 1px solid #DEDEDE; padding: 10px; box-sizing: border-box; resize: none; font-family: inherit; height: 110px; margin: 10px 0; }
.trade-images h4 span { font-size: 14px; color: #999; }

.trade-photos>div:not(.trade-input) { display: flex; padding: 0; align-items: center; margin-bottom: 15px; position: relative; }
.trade-photos>div>div.tp-image { width: 50px; height: 50px; border-radius: 100%; background: no-repeat center; margin-right: 20px; }
.trade-photos>div:not(.active)>div.tp-image { background: #fff url(../images/placeholder.svg) no-repeat center !important;  }
.trade-photos>div.active>div.tp-image { background-size: cover; }
.trade-photos>div div.tp-title { color: #4A5154; line-height: 30px; font-size: 16px;}
.trade-photos>div a.tp-button { display: flex; height: 50px; width: 50px; background: #F5F5F5 no-repeat center; border-radius: 100%; color: #fff; padding: 0 10px; font-size: 22px; margin-left: auto; align-items: center; justify-content: center; position: relative; text-decoration: none; margin-right: 20px; 
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);}
.trade-photos>div a.tp-button>i:first-child { color: #000;}
.trade-photos>div a.tp-button>i:last-child { position: absolute; bottom: 0; right: 0; background: #D4A809; border-radius: 100%; 
	border: 1px solid #fff; width: 20px; height: 20px; font-size: 13px; display: flex; align-items: center; justify-content: center; }
.trade-photos>div.active a.tp-button>i:last-child { background: #1E78B1; }
.trade-photos>div .tp-info { position: absolute; right: 0px; top: 0; font-size: 16px; color: #C1C1C1; cursor: pointer; height: 16px; width: 16px; }
.trade-photos>div .tp-tooltip { position: absolute; top: 0; left: 100%; padding: 0 0 0 10px; display: none; align-items: flex-start; }
.trade-photos>div .tp-tooltip.active { display: flex; }
.trade-photos>div .tp-tooltip>div:first-child { margin-top: 30px; background: #F5F5F5; clip-path: polygon(0 50%, 100% 0, 100% 100%); -moz-clip-path: polygon(0 50%, 100% 0, 100% 100%); width: 10px; height: 10px; box-shadow: 0px 3px 6px #00000029; }
.trade-photos>div .tp-tooltip>div:last-child { width: 110px; background: #F5F5F5; padding: 10px 10px 0; box-shadow: 0px 3px 6px #00000029; }
.trade-photos>div .tp-tooltip>div:last-child>div:first-child { background: #fff no-repeat center; height: 90px; background-size: cover; }
.trade-photos>div .tp-tooltip>div:last-child>div:last-child { font-size: 13px; color: #4A5154; line-height: 30px; text-transform: uppercase; 
	text-align: center; }

.trade-loader, .trade-details-loader { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 10000; justify-content: center; align-items: center; 
	background: rgba(0, 0, 0, 0.1); }
.trade-details-loader { position: static; display: flex; background: none; justify-content: flex-start; }
.trade-loader>div, .trade-details-loader>div { border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%; width: 40px; 
	height: 40px; animation: spin 1s linear infinite; flex: 0 0 auto; }
.trade-details-loader>div { width: 30px; height: 30px; }
.trade-loader.active { display: flex; }
.trade-car-details { line-height: 30px; margin-bottom: 20px; color:#4A5154 ; font-weight: bold; font-size: 16px; display: flex; align-items: center; }
.trade-car-details .trade-icon { font-size: 13px; color: #fff; display: flex; background: #C1C1C1; width: 30px; height: 30px; justify-content: center; align-items: center; margin-right: 10px; }
.trade-used-car h4 { color: #000; font-size: 24px; line-height: 40px; border-bottom: 1px solid #E1E1E1; font-weight: bold; }
.trade-used-car-box { margin: 10px 0 30px; display: flex; }
.trade-used-car-image { width: 174px; height: 130px; flex: 0 0 auto; margin-right: 10px; display: flex; align-items: center; justify-content: center; }
.trade-used-car-image img { max-width: 100%; max-height: 100%; }
.trade-used-car-details { display: flex; flex-direction: column; width: 0; flex: auto; font-size: 20px; line-height: 20px; }
.trade-used-car-details>div { margin-bottom: 10px }
.trade-used-car-details>div:first-child { font-weight: bold; }
.trade-used-car-details span { color: inherit; }

.trade-input.checkboxes > label{font-weight: normal;}

.payOverlay { position:fixed; background: rgba(0,0,0,0.5); left:0; top:0; width:100%; height:100vh; display: flex; justify-content: center; align-content: center; z-index:1001;}
@keyframes lds-dual-ring {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

@media (min-width: 992px) {
    .used-car-images {height: 490px;}
}

@media (min-width:1400px) and (max-width:1599px) {
	.cb-image{height: 230px;}

	.used-car-module .car-slider-wrapper{width:1310px; }


}

@media (max-width:1399px) {


	.used-cars-searchform .search-advanced input[type=submit]{margin-left: 0;}

	/*Search Page*/
	.used-car{padding: 0 5px;}
	.cb-actions > div:first-child > a {font-size: 12px; padding-right: 10px;}
	.cb-actions .cb-reserved {padding-right: 10px;}
	.cb-actions .cb-noaction{font-size: 12px;}

	.used-car-module .used-car{padding: 0 5px;}


}

@media (min-width:1200px) and (max-width:1399px) {
	.cb-image{height: 192px;}

	/*Car list Module*/
	.used-car-module .car-slider-wrapper{width:1110px; }

	/*Details*/
	div.used-car-finance div:first-child {font-size: 25px;}
	div.used-car-finance div:first-child > span span {font-size: 30px;}
	.used-car-cta > div > a {font-size: 16px;}


}

@media (min-width: 992px) and (max-width: 1199px) {

	/*Search form*/
	.slider-box-options {width: 300px;}
	.used-cars-searchform input[type=submit]{width: 140px; font-size: 16px;}
	.used-cars-searchform a.search-advanced-link, .custom-select-box select, .slider-box-title-year, .slider-box-title {font-size: 12px;}

	/*Car Block*/
	.cb-image{height: 160px}
	.used-car a.cb-title > span {font-size: 16px;}
	.used-car .cb-info > div, .used-car .cb-info > a.cb-favourite {font-size: 9px;}
	.used-car a.cb-sub-title > span {font-size: 13px;}
	.cb-actions .cb-reserved {font-size: 12px;}
	.cb-actions > div:first-child > a{font-size: 10px;}
	.cb-main-price {font-size: 30px;}
	.cb-actions .cb-noaction{font-size: 10px;}
	.used-car .cb-info > div {padding: 35px 2px 5px 2px;}

	/*Car list Module*/
	.used-car-module .used-car{}

	/*Car Details Page*/
	.used-car-header .used-car-title h1{font-size: 30px;} 
	.used-car-header .used-car-sub-title{font-size: 16px;}
	.used-car-price-reserve .used-car-price {font-size: 32px;}
	.used-car-price-reserve .used-car-reserve > a {font-size: 23px;}
	.used-car-price-reserve .used-car-reserve > a > span {font-size: 17px;}
	div.used-car-finance div:first-child {font-size: 18px;}
	div.used-car-finance div:first-child > span span {font-size: 24px;}
	.used-car-cta > div > a {font-size: 13px;}
	.used-car-cta > div > a:before{margin-right: 9px;}
	.used-car-cta > div > a:after{margin: 0 0 0 2px;}


}

@media (max-width: 991px) {
    .new-car, .used-cars-searchform {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        margin-bottom: 0px;
    }

    .used-car-video-popup > div {padding-right: 0}

    .used-cars-searchform .refine_search {margin: 0 15px; color: #fff; font-size: 14px; display: inline-block; padding-right: 20px; font-weight: bold; position: relative;}
    .used-cars-searchform .refine_search:after{content: ""; position: absolute; right: 0; top:calc(50% - 8px); height: 10px; width: 10px; border:solid #fff; 
    	border-width:0 2px 2px 0; transform: rotate(45deg);}
    .used-cars-searchform .refine_search:hover{color: #fff;}

    .used-cars-searchform.isModule .refine_search{display: none;}
    .used-cars-searchform:not(.isModule) .search-standard{display: none;}

    .trade-photos>div a.tp-button { margin-right: 20px; }
    .trade-photos>div .tp-tooltip { right: 0; left: initial; top: 20px }
    .trade-photos>div .tp-tooltip { flex-direction: column; z-index: 100; }
    .trade-photos>div .tp-tooltip>div:first-child { display: none; }


    /*Search Page*/
    .used-car-footer{flex-direction: column;}
    .used-car-footer .used-car-footer-controls{justify-content: center; margin-bottom: 15px;}
    .used-car-pager{justify-content: center;}


    /*Search module*/
    .used-cars-searchform .search-standard > div:not(.hidden) {flex-wrap:wrap;}
    .used-cars-searchform.isModule .search-standard > div, .used-cars-searchform .search-advanced > div {flex-direction: column;}
    .custom-select-box, .slider-box{width: 100%;}


}

/*Tablet*/

@media (min-width: 768px) and (max-width: 991px) {

     /*Search Page*/
    .used-car-search-header > div{padding: 0 10px;}
    .used-car {width: 50%;}
    .used-car{padding: 0 5px;}
    .cb-image {height:254px;}
    .cb-actions {font-size: 11px;}
    .used-car-footer{margin-top: 0;}

    .used-car-search-options {text-align: center; margin-top: 10px;}
    .used-cars-searchform input[type=submit]{width: 470px;}

    /*Details Page*/
    .used-car-body .row > div{padding: 0 5px;}
    .used-car-images-prev, .used-car-images-next {height: 50px; width: 30px;}
    .used-car-images-prev:after, .used-car-images-next:after{height: 12px; width: 12px; top: calc(50% - 6px);}
    .used-car-header{padding: 20px 10px;}
    .used-car-header > div:first-child{padding-right: 10px;}
    .used-car-header > div:last-child{position: relative; right: initial; top: initial;}
    .used-car-price-reserve .used-car-price{font-size: 36px;}
    .used-car-price-reserve .used-car-reserve > a{font-size: 20px; background-image: url(../images/reserve_bg_tablet.svg); width: 196px; padding: 25px;}
    .used-car-price-reserve .used-car-reserve > a > span{font-size: 15px;}
    .used-car-price-reserve .used-car-reserve > a:after {right: 8px; height: 10px; width: 10px; top: calc(50% - 5px);}
    div.used-car-finance div:first-child{text-align: left;}
    .used-car-cta > div {width: 100%; margin-bottom: 10px;}

    .overview_info{flex-direction: column;}
    .overview_left{margin-bottom: 10px;}

    .used-car-module .car-slider-wrapper {width: 690px;}

    .content_wrap .used-car-finance-links a:nth-child(2){background-position: 10px center;}
    .content_wrap .used-car-finance-links a:nth-child(3){background-position: 10px center;}

}


/*Mobile*/
@media (max-width: 767px) {

	/*Search Form*/
	.search-form-action{flex-direction: column; width: 100%; justify-content: flex-start;}
	.used-cars-searchform input[type=submit]{width: 100%;}
	.used-cars-searchform a.search-advanced-link{justify-content: flex-start;}
	.search-form-action{gap: 10px;}

    .used-car-search { margin-bottom: 0;}

    .used-car-search-header { padding-bottom: 10px; line-height: 50px;}
    .used-car-search-header .container  { padding: 0;}
    .used-car-search-header .search-result-count{font-size: 14px;}
    .used-car-search-header .orderDrop{top: 44px; border-top: 1px solid #b5b4b4;}
    .used-car-search-header .orderBy{width: 150px; margin: 0;}

    .car-overview {flex-wrap: wrap;}
    .used-car-efficiency {flex-direction: column;}
    .used-car-efficiency > div {width: 100%;}

    /*Used car module*/
    .used-car-module .used-car{margin: 0;}

    /*Search Page*/
    .used-car-footer .used-car-footer-controls > div, .used-car-footer .used-car-footer-controls > .view_fav, 
    .used-car-footer .used-car-footer-controls > .back_to_top{font-size: 14px;}
    .used-car-footer .used-car-footer-controls{flex-wrap: wrap;}
    .used-car-footer .used-car-footer-controls > .view_fav{border-right: 0; margin-right: 0; padding-right: 0;}
    .used-car-pager > a {padding: 0 5px; font-size: 13px;}

    /*Car Block*/
    .used-car { width: 100%;}
    .cb-image {height:215px;}
    .used-car a.cb-title > span{font-size: 14px;}
    .used-car a.cb-sub-title{font-size: 12px;}
    .cb-main-price{font-size: 32px;}

    .used-car-search .search-order {width: 100%;}
    .used-cars-searchform.isModule {padding:20px 0; margin-bottom: 0;}
    .search-order strong {display: none;}
    .used-car-search .orderBy, .used-car-search .orderDrop {width: 100%; margin-left: 0;}

    .used-car-search .row { height:auto; padding:10px 0;}
    .used-car-module .car-slider-wrapper {width: 100%;}

    /*Details page*/
    .used-car-details-header > div{flex-direction: column; justify-content: center; align-items: flex-start;}
    .used-car-details-header > div > div:first-child > a{font-size: 13px;}
    .used-car-details-header .used-car-pdf{margin-top: 5px;}
    .used-car-details-header .used-car-pdf > a{font-size: 13px;}
    .used-car-images-prev, .used-car-images-next{height: 40px; width: 20px; bottom: 30%;}
    .used-car-images-prev:after, .used-car-images-next:after{height: 10px; width: 10px; left: 6px; top: calc(50% - 5px);}
    .used-car-images-next:after{left: 4px;}

    .used-car-header{padding: 20px 10px;}
    .used-car-header > div:first-child{padding-right: 10px;}
    .used-car-header > div:last-child{position: relative; right: initial; top: initial;}
    .used-car-header .used-car-title h1{font-size: 26px;}
    .used-car-header .used-car-sub-title{font-size: 15px;}
    .used-car-gallery-tabs{margin-bottom: 20px;}
    .used-car-images-thumbnails .gallery-small img {max-width:100px;}
    .used-car-header .used-car-favourite{width: 35px; height: 35px;}
    .used-car-header > div:first-child{text-align: left;}

    .used-car-price-reserve{flex-direction: column; height: initial;}
    .used-car-price-reserve .used-car-price{font-size: 36px; height: 72px;}
    .used-car-price-reserve .used-car-reserve{width: 100%;}
    .used-car-price-reserve .used-car-reserve > a{width: 100%; height: 72px; flex-direction: row; align-items: center;
    	background: url(../images/reserve_bg_mobile.svg) right center no-repeat #D4A809; padding-right: 15px;}
    .used-car-price-reserve .used-car-reserve > a > span{padding-right: 5px;}
    .used-car-price-reserve .used-car-reserve > a > span, .used-car-price-reserve .used-car-reserve > a{font-size: 18px;}
    .used-car-price-reserve .used-car-reserve > a:after {right: 7px;}
    .used-car-finance-content{padding: 10px;}
    div.used-car-finance div:first-child {text-align: left;}

    .used-car-cta > div{width: 100%;}
 	.used-car-cta > div > a {font-size: 17px;}
 	.used-car-cta > div > a:before {margin-right: 10px;}
 	.finance-calc-note{font-size: 12px; text-align: left;}

 	.used-car-details .used-car-tab-links a{width: 50%; font-size: 12px; padding: 0 20px;}
 	.used-car-tab-content {padding: 30px 10px 20px 10px;}
 	.car-features > div > div{font-size: 14px;}

 	.overview_info{flex-direction: column;}
    .overview_left{margin-bottom: 10px; flex-direction: column;}

 	.overview_left > div> div:last-child{border-bottom: 1px solid #E5E0E0;}
 	.overview_right>div:first-child {flex-direction: column; height: initial;}
 	.overview_right>div>div:first-child{background-position: calc(100% + 5px) center; border-bottom:1px solid #DEDAD4; border-right: 0; overflow: initial;}
 	.overview_right>div>div:nth-child(2)>div:first-child{background-size: contain;}
 	.overview_right>div>div:nth-child(2)>div:last-child{background-size: contain; background-position: right center;}

    .used-car-details h6 { font-size: 24px; padding: 0 15px;}

    .cp_car { flex-wrap: wrap; padding:0; margin:0;}
    .cp_car_image{height: auto; width: auto; margin-bottom: 10px;}
    .cp_car_image img{ max-width: 100%;}
    .cp_car_title span {display: block;}
    .cp_car_details { margin-bottom: 10px;}
    .cp_car_price { line-height: 32px;}

    /*Trade in form*/

    .trade-used-car-box{ flex-direction: column; }
    .trade-used-car-box .trade-used-car-image{margin: 0 0 10px 0; width: initial;}
    .trade-used-car-box .trade-used-car-details{width: 100%;}
    .trade-used-car-details>div {text-align: center; line-height: 26px;}

    /*Finance Form*/
	.finance_used_module{display: flex; flex-direction: column;}
	.finance_used_module > div:first-child{margin-bottom: 20px;}


}