﻿
@font-face {
    font-family: 'Fabriga Regular';
    src: url('../../fonts/ATFabrigaWeb-Regular.eot');
    src: url('../../fonts/ATFabrigaWeb-Regular.woff2') format('woff2'), url('../../fonts/ATFabrigaWeb-Regular.woff') format('woff'), url('../../fonts/ATFabrigaWeb-Regular.ttf') format('truetype'), url('../../fonts/ATFabrigaWeb-Regular.svg#ATFabrigaWeb-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Fabriga Medium';
    src: url('../../fonts/ATFabrigaWebMedium-Regular.eot');
    src: url('../../fonts/ATFabrigaWebMedium-Regular.woff2') format('woff2'), url('../../fonts/ATFabrigaWebMedium-Regular.woff') format('woff'), url('../../fonts/ATFabrigaWebMedium-Regular.ttf') format('truetype'), url('../../fonts/ATFabrigaWebMedium-Regular.svg#ATFabrigaWebMedium-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}



 .manufacturerPickupBox img {width:inherit !important; }
 

#campaign-wrapper,
.centered-wrapper.-background-color-2 {
    background-color:  #fff;
}




.mod_sgpetchbranchheader {
    background-color:  #FFFFFF !important;
}


#newcarssearch select {
	font-family: Fabriga Medium,Fabriga Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
}

#newCarQueryStatus, #newCarQueryStatusper {
    font-family: Fabriga Medium,Fabriga Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-weight: normal;
    float: unset;
}

#newCarClear a, #newCarClearper a, #newCarSearched a, #newCarSearched-evolfinacecalc a, #newCarSearched-newCarSearchedper a, .newCarSearchModelInfoButton a, .newCarSearchModelOffersButton a, .newCarSearchVariantTechButton a, .callbranchbutton a {
    font-family: Fabriga Medium,Fabriga Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-weight: normal;
}


.headline-hr.ce_rsce_tao_separator.-centered {
	font-family: Fabriga Medium,Fabriga Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-weight: normal;
}

#newcarssearch h1, #newcarssearch h3 {
 font-family: Fabriga Medium,Fabriga Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-weight: normal;
}

#newCarResults span#newCarResultsSpan {
	font-family: Fabriga Medium,Fabriga Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
	font-size: 1.2em;
}


#search-wrapper {
	background-color: #FFFFFF;
}

#newcarssearch {
	width: 100%; 
	max-width: inherit;
	box-shadow:inherit;
	background-color: #FFFFFF;
	padding-top: 0px;
}

#newcarssearch select {
    max-width: 40%;
}

.content-wrapper {
    background-color: #FFFFFF !important;
}

.headline-hr::after, .headline-hr::before {
    display: none;  
}

flex-container {
    width: 100%;
    padding-bottom: 15px;
}

.main-content select {
    width: 90%;
}
#newcarssearch div.isSet { /* selected */
	margin-top: -41px;
	height: 41px;
  width: 90%;
  border: 2px solid #3162a9;
  border-radius: 4px;
}

#newcarssearch .isSet a.changeLink {
	padding-top: 8px;
	font-family: Fabriga Medium,Fabriga Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-weight: normal;
}

flex-item#flexleft {
   margin-right: 0px;
}

flex-item#flexright {
    margin-left: 0px;
}

#newcarssearch select {
    max-width: 100%;
}


#reviews-widget {
    text-align: right;
    margin-top: 15px;
}

#newcarssearch label#newcarssearch-chosenModel {
    padding-top: 0.50em;
}



.field-style-select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1' viewBox='0 0 10 6'%3E%3Cpath d='M1.7.3A1 1 0 10.3 1.7l4 4a1 1 0 001.4 0l4-4A1 1 0 108.3.3L5 3.58 1.7.29z' fill='%232a65ba'/%3E%3C/svg%3E");
    background-position: right 8px top 50%;
    background-repeat: no-repeat;
    background-size: .675em 100%;
    cursor: pointer;
    padding-right: 24px;
    width: 100%;
}

.field-style-input {
    font-size: .875em;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color:#fff;
		border: 2px solid #e1e1e1;
		border-radius: 4px;
		color:#313c53;
    height: 2.85714em;
    line-height: 1;
    outline: 0;
    padding: 0 8px;
    padding-right: 8px;
    vertical-align: top;
    width: 100%;
}



.newCarPagin {
    margin-bottom: 0px;
}

.manufacturerPickupBox-image .containerBox {
    float: left;
    z-index: 999;
}

.manufacturerPickupBox .manufacturerPickupBox-image.disable-select.border img {
    border: 0px;
}

.manufacturerPickupBox .manufacturerPickupBox-image.disable-select.border img.ss {
    border-radius: 0px;
    box-shadow: unset;
}



.thumbs-preview {
    margin: 0 0x;
    margin-top: 0px;
    padding-top: 15px;
    max-width: calc(100%);
    overflow: hidden;
    clear: both;
}


 .thumbs-preview .folio {
    margin-left: 0px;
    min-width: 3500px; 
}



.thumbs-preview .folio {
    padding: 0;
    overflow: hidden;
    min-width: 10000px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: -2px;
    display: block;
    -webkit-transition: margin-left .2s;
    transition: margin-left .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}



.thumbs-preview .folio figure.fpaImages__thumb {
    float: left;
    /*background: #f7f7f5;*/
    overflow: hidden;
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -10px 4px 4px 0;
    width: 82px;
    height: 67px;
    /*cursor: pointer;*/
}


.containerBox {
	/*margin-left: 10px;
	margin-bottom: 10px;*/
}


.manufacturerPickupBox {
	border: 0px;
	background-image: linear-gradient(#FFFFFF,#FFFFFF,#dfdfdf);
	cursor: unset;
}


#newCarSearchResultsUpdateBlock .manufacturerPickupRow.model .manufacturerPickupBox .manufacturerPickupBox-image {
    margin-left: inherit;
    margin-right: inherit;
    display: inline-block;
    width: inherit;
    float:left;
}


.vehicle-title {
	display: block;
	float: left;
	font-size: 1.2em;
	line-height: 1.2em;
}


.vehicle-offerstrapline {
	color: #ef6b22;
	font-size:0.9em;
}

.vehicle-price {
	font-size: 1.2em;
}


.vehicle-salestagline {
	color: #3262aa;
	padding-bottom: 5px;
}

.vehicle-minispec {
	font-size: 0.90em;
	line-height: 1.2em;
	padding-bottom: 5px;
}

.vehicle-keyinfo {
	 font-family: Fabriga Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-weight: normal;
	 font-size: 0.90em;
	 line-height: 1.5em;
}


.flex-item {
  text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: left;
	align-items: left;
	flex-basis:100%;
}

.flexcontainer {

	font-family: Fabriga Medium,Fabriga Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-weight: normal;
	color:#000000;
	font-size:1em;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
	
}


.flex-item.columnleft {
	padding-left: 20px;
	/*padding-bottom: 20px;*/
	padding-right: 10px;
}


.flex-item.columnright {
	padding-right: 20px;
}


	  @media all and (-ms-high-contrast:none) { /* IE11 */ 
			select::-ms-expand {  display: none;}
		}
		 
.vehicle-details {
   /*float: right;*/
    border: 1px solid #ffffff;
		border-radius: 5px;
		text-align: center;
		background-color:#3162a9;
    width: 160px;
    font-size: 0.875em;
    outline: medium none;
    padding: 0.54286em 0.42857em;
    cursor: pointer;
    font-family: Fabriga Medium,Fabriga Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-weight: normal;
		color:#ffffff;
		/*text-shadow: 0.5px 0.5px 0.5px #242424;*/
    text-decoration: none;
}
    

.main-content #newCarSearchResultsUpdateBlock .manufacturerPickupRow .manufacturerPickupBox .manufacturerPickupBox-image img {
    max-height: unset;
}

.more-link {
	display:none !important;
}


#newCarSearchResultsUpdateBlock .manufacturerPickupRow.used,
#newCarSearchResultsUpdateBlock .manufacturerPickupRow {
    min-height: unset !important;
}


#newCarSearched {  margin-top: -44px; width: 110px; }













.listing-image-count {
    font-size: 12px;
    line-height: 20px;
    padding-top: 3px;
}



.listing-image-count-under {
	background-color:	#333333;
	position: absolute;
	top: 34px;
	left: -7px;
	z-index: 998;
	width: 13px;
	height: 20px;
	transform: rotate(-42deg);
}


.listing-image-count {
    line-height: 23px;
    background-color: #666666;
		padding: 1px 8px 0;
		position: absolute;
		top: 5px;
		left: -12px;
		color:#fff;
		z-index: 999;
}

.listing-image-count::after {
    content: "";
    position: absolute;
    border-top: 23px solid #666;
    border-top-color: rgb(102, 102, 102);
    border-top-style: solid;
    border-top-width: 23px;
		border-left: 8px solid transparent;
		border-right: 22px solid transparent;
		margin-top: -1px;
}

.listing-image-count .listing-image-icon {
    width: 14px;
    height: 11px;
    vertical-align: baseline;
    margin-right: 4px;
}


.listing-image-count .listing-video-icon {
    margin: 0 4px 0 8px;
    height: 11px;
    width: 17px;
    vertical-align: baseline;
}


i {
    display: inline-block;
}


.listing-image-count .listing-video-icon svg {
    fill: #fff;
    width: 17px;
    height: 11px;
    display: block;
}


.listing-image-count .listing-image-icon svg {
    fill:#fff;
    width: 14px;
    height: 11px;
    display: block;
}



svg {
    pointer-events: none;
}





.searchPageLinks {
		padding-top: 15px;
	  float: unset;
    margin-right: auto;
    margin-left: auto;
    max-width: max-content;
}




.rightside { max-width:180px; }



@media screen and (min-width: 1367px) {
	.main-content #newCarSearchResultsUpdateBlock .manufacturerPickupRow .manufacturerPickupBox .manufacturerPickupBox-image img {
	    max-width: 235px;
	    .rightside { max-width:180px; }
	}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
	#reviews-widget {  display: unset !important;  position: unset; } 
}


@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
	#reviews-widget {left: 0px; top: 0px; display: unset !important; }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
	.rightside { max-width:180px; }
}


/*  1366 x 768  */
@media only screen and (min-width: 768px) and (max-width: 1366px) and (orientation: portrait) {
	#reviews-widget {left: unset; top: unset;}
}

	


@media only screen and (min-width: 720px) and (max-width: 1280px) and (orientation: landscape) {}



@media only screen and (min-width: 834px) and (max-width: 1112px) and (orientation: landscape) {
	.rightside { max-width:180px; }
}



/*  ipad/ipad mini */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
		.rightside { max-width:200px; }
}


@media only screen and (min-width: 600px) and (max-width: 960px) and (orientation: portrait) {}		



@media only screen and (min-width: 900px) and (max-width: 1440px) and (orientation: landscape) {
	/*.main-content #newCarSearchResultsUpdateBlock .manufacturerPickupRow .manufacturerPickupBox .manufacturerPickupBox-image img {
	    max-width: 285px;
	}*/
}


@media only screen and (min-width: 600px) and (max-width: 960px) and (orientation: landscape) {}		



/* iphone XR */	
@media only screen and (min-width: 414px) and (max-width: 896px) and (orientation: landscape) {
	
 /* Stack items */
 .flexcontainer {clear: both;padding-top: 10px;}
 .flex-item.columnleft {padding-left: 0px;}
 .manufacturerPickupBox img {height:unset  !important; }

 /* stack portrait */
  .containerBox a img.ss {  width: 812px !important;}
  .flex-item.columnleft {padding-left:10px;}
  .flex-item.columnright { padding-top:10px;}

}		


/* iphone X/XS */	
@media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
 /* Stack items */
 .flexcontainer {clear: both;padding-top: 10px;}
 .flex-item.columnleft {padding-left: 0px;}
 .manufacturerPickupBox img {height:unset  !important; }
 
 /* stack portrait */
  .containerBox a img.ss {  width: 812px !important;}
  .flex-item.columnleft {padding-left:10px;}
  .flex-item.columnright { padding-top:10px;}
  #search-wrapper #newcarssearch.disable-select flex-container {flex-direction: column;}
  #reviews-widget{ display:none; }
}		


/* iphone 6/7/8 Plus */
@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: landscape) {
	
 /* Stack items */
 .flexcontainer {clear: both;padding-top: 20px; flex-direction: column;}
 .manufacturerPickupBox img {height:unset  !important; }
 .flex-item.columnright { padding-left: 20px;}
 .vehicle-keyinfo { line-height: 1.2em;}
 .rightside { max-width:unset; }
 .listing-image-count::after { border-top-width: 25px;}
 
 /* stack portrait */
  .containerBox a img.ss {  width: 667px !important;}
  .flex-item.columnleft {padding-left:10px;}
  .flex-item.columnright { padding-top:10px;}
  #search-wrapper #newcarssearch.disable-select flex-container {flex-direction: column;}
	
	}		


/* iphone 6/7/8 */
@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape) {
	
 /* Stack items */
 .flexcontainer {clear: both;padding-top: 20px; flex-direction: column;}
 .manufacturerPickupBox img {height:unset  !important; }
 .flex-item.columnright { padding-left: 20px;}
 .vehicle-keyinfo { line-height: 1.2em;}
 .rightside { max-width:unset; }
 .listing-image-count::after { border-top-width: 24px;}
 
 
 /* stack portrait */
  .containerBox a img.ss {  width: 667px !important;}
  .flex-item.columnleft {padding-left:10px;}
  .flex-item.columnright { padding-top:10px;}
  #search-wrapper #newcarssearch.disable-select flex-container {flex-direction: column;}
	}


/* iphone 5/SE */
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait) {
	
	.listing-image-count-under { top: 23px;}
	.listing-image-count::after { border-left: 7px solid transparent; margin-top: -1px; border-top-width: 24px;}
}

@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
	
 /* Stack items */
 .flexcontainer {clear: both; padding-top: 30px; flex-direction: column;}
 .manufacturerPickupBox img {height:unset  !important; }
 .flex-item.columnright { padding-left: 20px; padding-top:10px;}
 .vehicle-keyinfo { line-height: 1.2em;}
 .rightside { max-width:unset; }
 
 .listing-image-count-under { top: 23px;}
 .listing-image-count::after { border-left: 7px solid transparent; margin-top: -2px; border-top-width: 25px;}
 
 /* stack portrait */
  .containerBox a img.ss {  width: 500px !important;}
  .flex-item.columnleft {padding-left:10px;}
  .flex-item.columnright { padding-top:10px;}
  #search-wrapper #newcarssearch.disable-select flex-container {flex-direction: column;}
 
}



@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: portrait) {
	.listing-image-count::after { border-top-width: 25px;}
}


@media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: portrait) {}


@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: portrait) {}		






@media only screen and (min-width: 600px) and (max-width: 960px) and (orientation: portrait) {
	
 /* Stack items */
 .flexcontainer {clear: both;padding-top: 10px;}
 .flex-item.columnleft {padding-left: 0px;}
 .manufacturerPickupBox img {height:unset  !important; }
 .rightside { max-width:unset; }
	
	}



@media only screen and (min-width: 720px) and (max-width: 1280px) and (orientation: portrait) {
	
 /* Stack items */
 .flexcontainer {clear: both;padding-top: 10px;}
 .flex-item.columnleft {padding-left: 0px;}
 .manufacturerPickupBox img {height:unset  !important; }
 .rightside { max-width:unset; }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	#flexwidget{ width: 50%; }
	#reviews-widget { margin-left: 0px; }

 /* Stack items */
 .flexcontainer {clear: both;padding-top: 10px;}
 .flex-item.columnleft {padding-left: 5px;}
 .manufacturerPickupBox img {height:unset  !important; }
 
 	.rightside { max-width:180px; }
 	
 	
  .containerBox a img.ss { width: 768px !important; }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
	
.main-content #newCarSearchResultsUpdateBlock .manufacturerPickupRow .manufacturerPickupBox .manufacturerPickupBox-image img {   max-height: unset;}
 /* Unstack items */
 .flexcontainer {clear: unset;padding-top: unset;}
 .flex-item.columnleft {padding-left: 20px;}
 .manufacturerPickupBox img {height:190px  !important; }
 .containerBox a img.ss {  width: inherit !important;}
}
	
	
@media only screen and (min-width: 834px) and (max-width: 1112px) and (orientation: portrait) {
	#reviews-widget { display: unset !important;  padding-right: 35px;}
	.rightside { max-width:180px; }
}


	
@media only screen and (min-width: 1080px) and (max-width: 1366px) and (orientation: portrait) {}


@media only screen and (min-width: 900px) and (max-width: 1440px) and (orientation: portrait) {	
#reviews-widget { display: unset !important; }
}


/*  320 x 240  */
@media only screen and (min-width: 240px) and (max-width: 320px) and (orientation: portrait) {}	

@media only screen and (min-width: 240px) and (max-width: 320px) and (orientation: landscape) {}	


/*  150 x 480  */
@media only screen and (min-width: 150px) and (max-width: 480px) and (orientation: portrait) {
	
#newcarssearch.disable-select .isSet { width: 90%; }

 /* Stack items */
 .flexcontainer {clear: both;padding-top: 10px; flex-direction: column;}
 .manufacturerPickupBox img {height:unset  !important; }
 .flex-item.columnright { padding-left: 20px;}
 .vehicle-keyinfo { line-height: 1.2em;}
 .rightside { max-width:unset; }
 
 
 /* pagination spacing */
 .blue-theme a, .blue-theme span {padding: 0 7px; }
}	