@charset "utf-8";
@import url("https://cdn.dealereprocess.org/cdn/css/themes/compliance/subaru.css");

/* SUBARU B17v1 TEMPLATE - COMPLIANCY BLUE ACCENT #1971d4 GRAY BG #d2d3d3 FOOTER GRAY/BLUE BG #1d252c *************/
@font-face {
	font-family: 'HelveticaNeueLTStd-Lt';	
	src: url('fonts/HelveticaNeueLTStd-Lt.eot');
	src: url('fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'),
	url('fonts/HelveticaNeueLTStd-Lt.woff') format('woff'),
	url('fonts/HelveticaNeueLTStd-Lt.woff2') format('woff2'),
	url('fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'),
	url('fonts/HelveticaNeueLTStd-Lt.svg') format('svg');
}

@font-face {
	font-family: 'HelveticaNeue-Medium';	
	src: url('fonts/HelveticaNeue-Medium.eot');
	src: url('fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
	url('fonts/HelveticaNeue-Medium.woff') format('woff'),
	url('fonts/HelveticaNeue-Medium.woff2') format('woff2'),
	url('fonts/HelveticaNeue-Medium.ttf') format('truetype'),
	url('fonts/HelveticaNeue-Medium.svg') format('svg');
}

@font-face {
 	font-family: 'HelveticaNeueLTStd-Bd';
 	src: url('fonts/HelveticaNeueLTStd-Bd.eot');
 	src: url('fonts/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'),
 	url('fonts/HelveticaNeueLTStd-Bd.woff') format('woff'),
 	url('fonts/HelveticaNeueLTStd-Bd.woff2') format('woff2'),
 	url('fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype'),
 	url('fonts/HelveticaNeueLTStd-Bd.svg') format('svg');
}

h1 {
	/* font-family: 'HelveticaNeueLTStd-Bd', Arial, sans-serif !important; */
	line-height: 1em;
}

h2, h3, h4 {
	font-family: 'HelveticaNeue-Medium', Arial, sans-serif !important;
}

body {
	font-family: 'HelveticaNeueLTStd-Lt', Arial, sans-serif;
}

#custom_page_1 body a {
	color: inherit;
	text-decoration: none;
}

.inner_content {
	margin: 0 auto;
	width: 100%;
	max-width: 2000px;
}

/* TOP SEARCH SECTION ***************************************/
.top_search_section {
	position: relative;
	background-image: url('../img/top-bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	margin-bottom: 3em;
}

.top_search_section .top_search_module_wrapper {
	padding: 12% 3% 8%;
	width: 100%;
	color: #ffffff;
	box-sizing: border-box;
	transition: padding 0.5s;
}

.top_search_section .top_search_section_title {
	font-size: 2.25em;
	font-weight: bold;
}

.top_search_section .top_search_section_tabs {
	margin: 3em 0 2em;
	font-size: 0.9em;
}

.top_search_section .top_search_section_tab {
	margin-right: 4%;
	padding: 0.75em 0;
	cursor: pointer;
}

.top_search_section .top_search_section_tab.active {
	border-top: 1px solid #ffffff;
}

.top_search_section .advanced_search_wrapper.active,
.top_search_section .feature_search_wrapper.active {
	display: block;
}

.top_search_section .search_modules_wrapper {
	height: 10em;
	transition: height 0.5s;
	box-sizing: border-box;
}

/* ADVANCED SEARCH */
.top_search_section .advanced_search_wrapper {
	display: none;
}

.top_search_section .advanced_search_wrapper .input_container label {
	display: none;
}

.top_search_section .advanced_search_wrapper .input_container select {
	margin-right: 0.5em;
	padding: 0.5em;
	width: 10em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: rgba(0,0,0,0.5);
	background-image: url('../img/arrow_down_white_16x16.png');
	/*background-size: 8%;*/
	background-repeat: no-repeat;
	background-position: 95% center;
	border: 1px solid #ffffff;
	box-sizing: border-box;
	color: #ffffff;
	font-size: 1em;
}

.top_search_section .advanced_search_wrapper .input_container input.adv_search {
	padding: 0.5em 4em;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	box-sizing: border-box;
	color: #000000;
	cursor: pointer;
	font-size: 1em;
}

/* FEATURED SEARCH */
.top_search_section .feature_search_wrapper {
	display: none;
}

/*.top_search_section .top_search_module.feature_search_wrapper {
	height: 28em;
}*/

.top_search_section .feature_search_wrapper .search-by-filter_inner {
	padding: 0.5em 0;
}

.top_search_section .feature_search_wrapper .search-by-filter {
	background-image: none;
}


/* MIDDLE BANNER SECTION ************************************/
.middle_banner_section .ad_flipper .flipper .prev_slide,
.middle_banner_section .ad_flipper .flipper .next_slide {
	width: 3%;
	height: 45px;
	transform: translateY(-50%);
	background-size: contain;
}

.middle_banner_section .ad_flipper .flipper .prev_slide {
	left: 1%;
	background-image: url('../img/flipper-prev.png');
}

.middle_banner_section .ad_flipper .flipper .next_slide {
	right: 1%;
	background-image: url('../img/flipper-next.png');
}


/* MODEL SCROLLER SECTION ***********************************/
.model_scroller_section {
	padding: 4em 0 2em;
	width: 100%;
}

.model_scroller_section .model_scroller_section_header {
	margin-left: 5%;
	font-size: 2.25em;
	font-weight: bold;
}

/* TAB SECTION */
.model_scroller_section .model_scroller_section_tabs {
	margin-top: 3%;
	margin-left: 5%;
}

.model_scroller_section .model_scroller_section_tabs .tab-content {
	margin-right: 4%;
	padding: 0.75em 0;
	display: inline-block;
	cursor: pointer;
}

.model_scroller_section .model_scroller_section_tabs .tab-content.active {
	border-top: 1px solid #000000;
}

/* SCROLLER SECTION */
.model_scroller_section .model_scroller {
	margin-top: 3%;
}

.model_scroller_section .model_scroller .scroller-content-header {
	grid-row: 3/3;
	margin-top: 1.5em;
	display: block;
}

.model_scroller_section .model_scroller .scroller-content-subheader {
	display: none;
}

.model_scroller_section .model_scroller .scroller-content-image-container {
	grid-row: 1/3;
}

.model_scroller_section .model_scroller .scroller-content-image-container a img {
	left: 50%;
	transform: translateX(-50%);
	width: 200px;
}

/* MODEL SCROLLER ARROWS */
.model_scroller_section .model_scroller .prev {
	/*top: 28%;*/
	left: 1%;
	padding: 2% 1%;
	width: 30px;
	height: 30px;
	background-image: url('../img/arrow_left_black_30x30.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	border-right: 1px solid #bfbfbf;
}

.model_scroller_section .model_scroller .next {
	/*top: 28%;*/
	right: 1%;
	padding: 2% 1%;
	width: 30px;
	height: 30px;
	background-image: url('../img/arrow_right_black_30x30.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	border-left: 1px solid #bfbfbf;
}

/* CTA SECTION **********************************************/
.cta_section {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

.cta_section_link {
	padding: 14em 0;
	width: 25%;
	border-left: 3px solid #ffffff;
	text-align: center;
}

.cta_section_link img {
	width: 30%;
	max-width: 80px;
	display: inline-block;
}

.cta_section_link .cta_section_link_title {
	padding: 3em 0;
	width: 100%;
	display: inline-block;
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
}

.cta_section_link .cta_section_link_btn {
	padding: 0.825em 2.5em 0.7em;
	display: inline-block;
	border: 2px solid #ffffff;
	background-color: #ffffff;
	color: #000000;
	box-sizing: border-box;
	font-size: 0.9em;
	transition: all 0.25s;
}

.cta_section_link:hover .cta_section_link_btn {
	background-color: transparent;
	color: #ffffff;
}

.cta_section_link.first {
	border-left: none;
	background-image: url('../img/new-bg.png');
	background-position: center center;
	background-size: cover;
}

.cta_section_link.second {
	background-image: url('../img/pre-owned-bg.png');
	background-position: center center;
	background-size: cover;
}

.cta_section_link.third {
	background-image: url('../img/schedule-service.png');
	background-position: center center;
	background-size: cover;
}

.cta_section_link.fourth {
	background-image: url('../img/value-trade-bg.png');
	background-position: center center;
	background-size: cover;
}


/* MAP TESIMONIALS SECTION *********************************/
.map_testimonials_section {
	position: relative;
	margin: 4em 0;
	padding: 2em 0;
	width: 100%;
	clear: both;
}

/* MAP SECTION */
.map_testimonials_section .map_wrapper img {
	width: 100%;
	height: auto;
}

/*TESTIMONIALS SECTION */
.map_testimonials_section {
	font-size: 0.95em;
}
	
.map_testimonials_section .testimonials_wrapper {
	position: absolute;
	top: 0;
	right: 3%;
	padding: 2em;
	width: 50%;
	height: 100%;
	background-color: #0076cf;
	color: #ffffff;
	box-sizing: border-box;
	line-height: 1.2em;
	text-transform: capitalize;
}

.map_testimonials_section .testimonials_wrapper .testimonials_wrap_flipper {
	position: absolute;
	top: 50%;
	left: 10%;
	right: 10%;
	transform: translateY(-50%);
	width: 80%;
}

.map_testimonials_section .testimonials_wrap_flipper .flipper {
	text-align: left;
}

.map_testimonials_section .testimonials_wrapper .name_testimonial {
	margin-top: 1em;
}

.map_testimonials_section .testimonials_wrapper .comments_testimonial {
	font-size: 1em;
	line-height: 1.6;
}

.map_testimonials_section .testimonials_wrapper .comments_testimonial p {
	padding: 0;
}

.map_testimonials_section .testimonials_wrapper .comments_testimonial p > span {
	display: none;
}

.testimonials_wrapper .testimonials_quote_left {
	position: absolute;
	top: 4%;
	left: 4%;
	width: 92%;
	display: block;
	text-align: left;
}

.testimonials_wrapper .testimonials_quote_right {
	position: absolute;
	bottom: 4%;
	right: 4%;
	width: 92%;
	display: block;
	text-align: right;
}

.testimonials_wrapper .testimonials_quote_left img,
.testimonials_wrapper .testimonials_quote_right img {
	width: 10%;
	max-width: 80px;
}





/* RESPONSIVE MEDIA QUERIES *******************************************************/
/* SMALLER THAN 2000px */
@media only screen and (max-width: 2000px) {
	.cta_section_link {
		padding: 10em 0;
	}
}

/* SMALLER THAN 1350px */
@media only screen and (max-width: 1350px) {
	/* TOP SEARCH SECTION ***************************************/
	

	/* MIDDLE BANNER SECTION ************************************/


	/* MODEL SCROLLER SECTION ***********************************/


	/* CTA SECTION **********************************************/
	.cta_section {
		font-size: 0.8em;
	}
	
	.cta_section_link .cta_section_link_btn {
		padding: 0.9em 2.5em 0.7em;
	}

	/* MAP TESIMONIALS SECTION *********************************/
	.map_testimonials_section {
		font-size: 0.8em;
	}
}

/* SMALLER THAN 960px */
@media only screen and (max-width: 960px) {
	/* TOP SEARCH SECTION ***************************************/
	.top_search_section {
		font-size: 0.75em;
	}
	
	.top_search_section .top_search_module_wrapper {
		padding: 5%;
	}

	/* MIDDLE BANNER SECTION ************************************/


	/* MODEL SCROLLER SECTION ***********************************/
	.model_scroller_section {
		font-size: 0.75em;
	}

	/* CTA SECTION **********************************************/	
	.cta_section_link {
		padding: 6em 0;
	}

	/* MAP TESIMONIALS SECTION *********************************/
	.map_testimonials_section {
		font-size: 0.7em;
	}
	
	.map_testimonials_section .testimonials_wrapper {
		padding: 1em;
		min-height: 28em;
	}
	
	.testimonials_wrapper .testimonials_quote_left {
		margin: 0 0 2%;
	}
	
	.testimonials_wrapper .testimonials_quote_right {
		margin: 2% 0 0;
	}
}

/* SMALLER THAN 768px */
@media only screen and (max-width: 768px) {
	/* TOP SEARCH SECTION ***************************************/
	.top_search_section .top_search_module_wrapper {
		padding: 14% 3% 30% !important;
	}

	.top_search_section .top_search_module_wrapper .advanced_search_wrapper .input_container {
		margin: 2%;
		width: 45.5%;
		display: inline-block !important;
	}
	
	.top_search_section .top_search_module_wrapper .advanced_search_wrapper .input_container select {
		padding: 0.5em;
		width: 100%;
	}
	
	.top_search_section .top_search_module_wrapper .advanced_search_wrapper .input_container:last-child {
		width: 100%;
	}
	
	.top_search_section .top_search_module_wrapper .advanced_search_wrapper .input_container input {
		padding: 0.75em 0 0.5em;
		width: 95.5%;
	}
	
	.top_search_section .advanced_search_wrapper .input_container input.adv_search {
		padding: 0.75em 0;
	}

	/* MIDDLE BANNER SECTION ************************************/


	/* MODEL SCROLLER SECTION ***********************************/


	/* CTA SECTION **********************************************/
	.cta_section {
		display: block;
		font-size: 0.7em;
	}
	
	.cta_section_link {
		width: 49.6%;
		display: inline-block;
		border: none;
	}
	
	.cta_section_link.first,
	.cta_section_link.third {
		float: left;
	}
	
	.cta_section_link.second,
	.cta_section_link.fourth {
		float: right;
	}
	
	.cta_section_link.third,
	.cta_section_link.fourth {
		margin-top: 0.5%;
	}

	/* MAP TESIMONIALS SECTION *********************************/
	.map_testimonials_section {
		margin: 1em 0 0 0;
		padding: 0;
		font-size: 0.8em;
	}
	
	.map_testimonials_section .testimonials_wrapper {
		position: relative;
		right: 0;
		left: 0;
		width: 100%;
		display: block;
	}
}


/* SMALLER THAN 584px */
@media only screen and (max-width: 584px) {
	/* TOP SEARCH SECTION ***************************************/
	.top_search_section .top_search_section_title {
		font-size: 1.5em;
	}
}


/* SMALLER THAN 500px */
@media only screen and (max-width: 500px) {
	/* TOP SEARCH SECTION ***************************************/
	.top_search_section .top_search_section_title {
		font-size: 1em;
	}
	
	.top_search_section .top_search_module_wrapper .advanced_search_wrapper .input_container {
		width: 45.25%;
	}

	/* MIDDLE BANNER SECTION ************************************/


	/* MODEL SCROLLER SECTION ***********************************/
	.model_scroller_section 
	.model_scroller_section_header {
		font-size: 1.75em;
	}
	
	/*.model_scroller_section {
		font-size: 0.55em;
	}*/

	/* CTA SECTION **********************************************/	
	.cta_section_link,
	.cta_section_link.third,
	.cta_section_link.fourth {
		margin-top: 0.25em;
		padding: 4em 0;
		width: 49.5%;
	}
	
	.cta_section_link .cta_section_link_title {
		padding: 2em 0;
		font-size: 1.2em;
	}

	/* MAP TESIMONIALS SECTION *********************************/
	.map_testimonials_section .testimonials_wrapper .comments_testimonial {
	  	font-size: 0.8em;
	  	line-height: 1.5;
	}

	.map_testimonials_section .testimonials_wrapper {
		min-height: 25em;
	}
}