@charset "utf-8";

/* VOLKSWAGEN B17v1 TEMPLATE ***************************************/
/*@font-face {
	font-family: 'DINPro-Bold';
	src: url('fonts/DINPro-Bold.eot');
	src: url('fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/DINPro-Bold.woff') format('woff'),
		url('fonts/DINPro-Bold.woff2') format('woff2'),
		url('fonts/DINPro-Bold.ttf') format('truetype'),
		url('fonts/DINPro-Bold.svg') format('svg');
}

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

h1 {
	font-family: 'din-2014', Arial, sans-serif !important;
}

body, h2, h3, h4, select, input {
	font-family: 'din-2014', Arial, sans-serif;
}

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

#container {
	margin: 0 auto;
}

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

/* TOP SEARCH SECTION ***************************************/
.top_search_section {
	position: relative;
	background-image: url('../img/main-banner.jpg');
	background-position: center top;
	background-size: cover;
}

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

.top_search_section .top_search_section_title {
	font-size: 3.75em;
	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: 3%;
	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;
}

.search_modules_wrapper {
	min-height: 25em;
}

.search_modules_wrapper .top_search_module {
	height: 0;
	padding: 0;
	transition: height 0.5s;
	overflow: hidden;
}

.search_modules_wrapper .top_search_module.active {
	height: 24em;
}


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

/*.top_search_section .top_search_module.advanced_search_wrapper {
	height: 20em;
}*/

.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.25em;
	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.35em 4em;
	background-color: #169a5a;
	border: 1px solid #169a5a;
	border-radius: 0;
	box-sizing: border-box;
	color: #ffffff;
	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;
}

.top_search_section .feature_search_wrapper .search-by-filter .filter-bg {
	opacity: 1;
}

.top_search_section .feature_search_wrapper .search-by-filter .filter_item {
	border-radius: 20px;
}

.top_search_section .feature_search_wrapper .search-by-filter .thm-hglight-bg_color {
	background-color: #ffffff;
	border-radius: 20px;
}

.top_search_section .feature_search_wrapper .search-by-filter .thm-inverse_text_color {
	color: #000000;
}

.top_search_section .feature_search_wrapper .thm-hglight_border,
.top_search_section .feature_search_wrapper fieldset input:focus,
.top_search_section .feature_search_wrapper fieldset textarea:focus,
.top_search_section .feature_search_wrapper form input[type="submit"]:hover {
	border-radius: 20px;
}

/* PAYMENT SEARCH */
.payment_search_wrapper h3 {
    width: 50%;
    float: left;
    text-align: left;
    /*text-transform: uppercase;*/
    color: #ffffff;
    font-weight: bold;
}

.search_modules_wrapper .top_search_module.payment_search_wrapper.active {
    width: 100%;
	height: 16em;
	padding: 3em;
    float: left;
	background-color: rgba(0,0,0,0.5);
    box-sizing: border-box;
}

/* PAYMENT SEARCH SEARCH TABS */
.payment_search_wrapper .search_by_tabs {
    width: 50%;
    float: right;
    text-align: right;
    /*text-transform: uppercase;*/
    color: #ffffff;
    font-weight: bold;
}

.payment_search_wrapper .search_by_tabs span {
    cursor: pointer;
    color: #ffffff;
}

.payment_search_wrapper .search_by_tabs span.selected,
.payment_search_wrapper .search_by_tabs span:hover {
    border-bottom: 1px solid #169a5a;
    color: #ffffff;
}

/* SEARCH SLIDER BAR WRAPPER */
.payment_search_wrapper .search_section_slider_bar_wrapper {
	position: relative;
    width: 100%;
    display: inline-block;
}

/* SEARCH RANGE LABEL WRAPPER */
.search_section_range_label_wrapper {
	width: 100%;
	display: inline-block;
}

.slider_range_start_label,
.slider_range_finish_label {
    margin: 1.5% 0 0.5%;
    width: 50%;
    color: #ffffff;
    font-weight: bold;
}

.slider_range_start_label {
    float: left;
    clear: left;
    text-align: left;
}

.slider_range_finish_label {
    float: right;
    clear: right;
    text-align: right;
    color: #ffffff;
}

/* RANGE SLIDER *************************************/
.search_slider {
	height: 10em;
    display: none;
}

.search_slider.selected {
	display: block;
}

.search_section_slider_bar_values {
	position: relative;
	top: 3em;
}

.search_section_slider_bar .slider_bar {
	width: 100%;
	height: 7px;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	border-radius: 5px;
}

.search_section_slider_bar input[type="range"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	outline: none;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: transparent;
	pointer-events: none;
}

.search_section_slider_bar input[type="range"]::-webkit-slider-runnable-track {
	-webkit-appearance: none;
	height: 5px;
}

.search_section_slider_bar input[type="range"]::-moz-range-track{
	-moz-appearance: none;
	height: 5px;
}

.search_section_slider_bar input[type="range"]::-ms-track{
	appearance: none;
	height: 5px;
}

.search_section_slider_bar input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: 1.7em;
	width: 1.7em;
	background-color: #169a5a;
	cursor: pointer;
	margin-top: -9px;
	pointer-events: auto;
	border-radius: 50%;
}

.search_section_slider_bar input[type="range"]::-moz-range-thumb {
	-webkit-appearance: none;
	height: 1.7em;
	width: 1.7em;
	cursor: pointer;
	border-radius: 50%;
	background-color: #169a5a;
	pointer-events: auto;
}

.search_section_slider_bar input[type="range"]::-ms-thumb {
	appearance: none;
	height: 1.7em;
	width: 1.7em;
	cursor: pointer;
	border-radius: 50%;
	background-color: #169a5a;
	pointer-events: auto;
}

.search_section_slider_bar input[type="range"]:active::-webkit-slider-thumb {
	background-color: #ffffff;
	border: 3px solid #169a5a;
}

/* SEARCH SLIDER VALUE LABELS ***********************************************/
.search_section_slider_bar_values > span {
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	padding: 0.25em 1.25em;
	background-color: #169a5a;
	color: #ffffff;
}

/* SEARCH SLIDER BUTTON ************************************/
.payment_search_wrapper .search_section_slider_btn {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	padding: 0.5em 1.75em;
	display: inline-block;
	background-color: #169a5a;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	transition: all 0.25s;
}

.payment_search_wrapper .search_section_slider_btn:hover {
    background-color: #900023;
}

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

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

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

/* CTA SECTION ************************************/
.cta_section {
	padding: 2em;
	box-sizing: border-box;
	width: 100%;
}

.cta_section .inner_content {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

.cta_link {
  position: relative;
  width: 18% !important;
  text-decoration: none;
  overflow: hidden;
  display: inline-block;
}

.cta_link img {
	display: block;
	width: 100%;
	max-width: 360px;
	transition: all 0.25s;
}

.cta_link:hover img {
	transform: scale(1.05);
}

.cta_link .cta_link_title {
	position: absolute;
	left: 1em;
	bottom: 1em;
	color: #ffffff;
	text-transform: capitalize;
	line-height: 1.2em;
	font-size: 1.4em;
	font-weight: bold;
}

/* MAP TESIMONIALS SECTION *********************************/
.map_testimonials_section {
	position: relative;
	margin: 4em 0 2em;
	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: 1.1em;
}
	
.map_testimonials_section .testimonials_wrapper {
	position: absolute;
	top: 0;
	right: 3%;
	padding:  2em;
	width: 50%;
	height: 100%;
	background-color: #121e39;
	color: #ffffff;
	box-sizing: border-box;
	line-height: 1.15em;
}

.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_wrapper .name_testimonial {
	margin-top: 1em;
}

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

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

.testimonials_wrapper .testimonials_quote_right {
	position: absolute;
	bottom: 4%;
	right: 4%;
	/*margin: 3% 0 1%;*/
	width: 100%;
	display: block;
	text-align: right;
}

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


/* BOTTOM BANNER SECTION ************************************************/
.bottom_banner_section .inner_content {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}

.bottom_banner_image {
	width: 72.5%;	
	background-image: url('../img/bottom-banner-img.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bottom_banner_content {
	padding: 4% 1% 8% 3%;
	box-sizing: border-box;
	width: 27.5%;
	background-color: #169a5a;
	color: #ffffff;
}

.bottom_banner_title {
	font-size: 3.5em;
	/*font-weight: bold;*/
}

.bottom_banner_content_tagline {
	padding: 1.5em 0;
	font-size: 1.2em;
}

.bottom_banner_content_link {
	padding: 1em 3em;
	display: inline-block;
	box-sizing: border-box;
	border: 2px solid #ffffff;
	color: #ffffff;
	text-decoration: none;
}

.bottom_banner_content_link:hover {
	background-color: #ffffff;
	color: #000000;
}

/* BOTTOM ROW SECTION **********************************/
.bottom_row_section .inner_content {
	display: flex;
}

.bottom_row_trade_in {
	width: 72.5%;
	display: block;
}

.bottom_row_trade_in {
	background-color: #efefef;
}

.value-trade > .wrapper > form > span.text-logo {
	color: #ffffff !important;
}

.bottom_row_trade_in .value-trade .wrapper {
	width: 90%;
	max-width: 1000px;
}

.bottom_row_trade_in #eautoappraise_search_widget_wrapper .eautoappraise-shell-search {
	box-shadow: none;
}

.bottom_row_trade_in #eautoappraise_search_widget_wrapper .value-trade form > h2 {
	margin-top: 3%;
	width: 48%;
    display: inline-block;
	vertical-align: top;
	text-align: left;
	font-size: 1.6em;
}

.bottom_row_trade_in #eautoappraise_search_widget_wrapper .value-trade form > .twitter-typeahead {
	margin-top: 2%;
	width: 49%;
    display: inline-block;
}

.bottom_row_social_media {
	width: 27.5%;
	padding: 1.5em 0;
	box-sizing: border-box;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	background-color: #15804d;
}

.bottom_row_social_media > a {
	padding: 0.9em;
	width: 1.8em;
	height: 1.8em;
	text-align: center;
	background-color: #000000;
	border-radius: 50%;
}

.bottom_row_social_media > a:hover {
	background-color: #ffffff;
	border-radius: 50%;
}

.bottom_row_social_media > a:hover i {
	color: #000000;
}


.bottom_row_social_media i {
	padding-top: 0.12em;
	color: #ffffff;
	font-size: 1.5em;
}



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

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

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


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


	/* CTA SECTION **********************************************/
	.cta_section {
		font-size: 0.7em;
	}
	
	/* QUICK LINK SECTION ************************************************/
	.quick_link_section {
		font-size: 0.75em;
	}
	
	.cta_section_link .cta_section_link_btn {
		padding: 0.7em 2.5em;
	}

	/* MAP TESIMONIALS SECTION *********************************/
	.map_testimonials_section {
		font-size: 0.8em;
	}
	
	/* BOTTOM BANNER SECTION ************************************************/
	.bottom_banner_section {
		font-size: 0.7em;
	}
	
	.bottom_row_trade_in #eautoappraise_search_widget_wrapper .value-trade form > h2 {
		width: 100%;
	}

	.bottom_row_trade_in #eautoappraise_search_widget_wrapper .value-trade form > .twitter-typeahead {
		width: 100%;
	}
}

/* SMALLER THAN 960px */
@media only screen and (max-width: 960px) {
	/* TOP SEARCH SECTION ***************************************/
	.top_search_section {
		/*font-size: 0.6em;*/
	}
	
	.top_search_section .top_search_module_wrapper {
		padding: 15% 3%;
	}
	
	.top_search_section .top_search_section_tabs {
		font-size: 1.1em;
	}
	
	.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: 1.25em 0;
	}
	
	.search_modules_wrapper {
		min-height: 20em;
	}
	
	.search_modules_wrapper .feature_search_wrapper.top_search_module.active {
		height: 60em;
	}

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


	/* CTA SECTION **********************************************/
	.cta_section {
		font-size: 0.6em;
	}
	
	.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;
	}
	
	/* BOTTOM ROW SECTION ************************************************/	
	.bottom_row_section .inner_content {
		flex-wrap: wrap;
	}
	
	.bottom_row_section .bottom_row_trade_in {
		width: 100%;
	}
	
	.bottom_row_section .bottom_row_social_media {
		padding: 2em 0;
		width: 100%;
	}
}

/* SMALLER THAN 768px */
@media only screen and (max-width: 768px) {
	/* TOP SEARCH SECTION ***************************************/
	#custom_page_1 .top_search_section .top_search_module_wrapper {
		padding: 28% 3% 15%;
	}
	
	.search_modules_wrapper .top_search_module.active {
		height: 18em;
	}
	
	/* FEATURE SEARCH */
	
	
	/* PAYMENT SEARCH */
	.payment_search_wrapper .search_section_slider_bar_values {
		top: 4em;
	}

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


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


	/* CTA SECTION **********************************************/
	.cta_section {
		display: block;
		font-size: 1.0em;
	}
	
	.cta_section .inner_content {
		flex-wrap: wrap;
	}
	
	.cta_link {
		margin: 2.5%;
		width: 100% !important;
		height: 250px;
		overflow: hidden;
		font-size: 1em;
	}
	
	.cta_link img {
		max-width: none;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.cta_link:hover img {
		transform: translateY(-50%);
	}
	
	.cta_link_title {
		left: 3%;
	}	
	

	/* 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;
	}
	
	.bottom_banner_title > br {
		display: none;
	}
	
	.bottom_banner_content {
  		width: 100%;
	}

	.bottom_banner_image {
	  width: 100%;
	  padding: 24% 0;	
	}
}

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


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


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


	/* CTA SECTION **********************************************/


	/* MAP TESIMONIALS SECTION *********************************/
	
}

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

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


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

	/* CTA SECTION **********************************************/
	.cta_section {
		/*font-size: 0.55em;*/
	}
	
	.cta_section_link {
		margin: 5%;
		width: 88%;
	}
	
	.cta_section_link .cta_section_link_title {
		/*padding: 2em 0;*/
	}

	/* MAP TESIMONIALS SECTION *********************************/
	.map_testimonials_section .testimonials_wrapper {
		min-height: 32em;
	}
	
	/* BOTTOM ROW SECTION *******************/
	.bottom_banner_title {
		font-size: 2.75em;
	}
}