@charset "utf-8";
/* CSS Document */

/* TOP BANNER SEACH OVERLAY SECTION *************************************/
/* TOP SEARCH SECTION ***************************************/
.banner_smart_search_section {
	position: relative;
	background-image: url('../../../img/toyota/home/toyota-b24v1/bg_banner_dealership_2000x700.jpg');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 160%;
	text-align: center;
}

.banner_smart_search_section .top_search_module_wrapper {
	margin: 0 auto;
	padding: 0 2%;
	width: 100%;
	max-width: 1600px;
	color: #ffffff;
	box-sizing: border-box;
	transition: padding 0.5s;
}

.banner_smart_search_section .top_search_section_title {
	color: #fff;
	font-size: 3em;
}

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

.banner_smart_search_section .top_search_section_tab {
	margin-right: 3%;
	padding: 0.75em 0;
	cursor: pointer;
	color: #000;
}

.banner_smart_search_section .top_search_section_tab.active {
	border-top: 3px solid #1484f3;
}

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

.banner_smart_search_section .search_modules_wrapper {
	box-sizing: border-box;
}

.search_modules_wrapper {
	min-height: 20em;
}

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

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

/* ADVANCED SEARCH */
.banner_smart_search_section .advanced_search_wrapper .input_container label {
	display: none;
}

.banner_smart_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(255,255,255,1);
	/*background-image: url('../../../img/toyota/home/toyota-b24v1/arrow_down_white_16x16.png');*/
	/*background-size: 8%;*/
	background-repeat: no-repeat;
	background-position: 95% center;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
	color: #000;
	font-size: 1em;
}

.banner_smart_search_section .advanced_search_wrapper .input_container select:focus,
.banner_smart_search_section .advanced_search_wrapper .input_container select:focus-visible {
	outline: none;
}

.banner_smart_search_section .advanced_search_wrapper .input_container input.adv_search {
	display: block;
	margin: 0 auto;
	width: 100%;
	padding: 0.8em 0;
	padding-left: 6%;
	background-color: #418fde;
	border: 1px solid #418fde;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	/*text-transform: uppercase;*/
	font-size: 1em;
	/*font-weight: bold;*/
	transition: all 0.25s;
}

.banner_smart_search_section .advanced_search_wrapper .input_container input.adv_search:hover {
	border: 1px solid #000;
	background-color: #418fde;
	color: #000;
}

/* FEATURED SEARCH */
.search_modules_wrapper .feature_search_wrapper.top_search_module.active {
	height: 24em;
}

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

.banner_smart_search_section .feature_search_wrapper .search-by-filter_inner > h2 {
	display: none;
}

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

.search-by-filter_results_button a .thm-hglight-bg_color,
.search-by-filter_inner a.active .thm-hglight-bg_color {
	opacity: 1;
}

.search-by-filter_inner .thm-hglight-bg_color {
	background-color: #EB0A1E;
}

.search-by-filter_filters .filter_item {
	background-color: rgba(0,0,0,0.5);
}

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

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

/* SEARCH SLIDER BAR SELECTOR TABS */
.search_by_tabs {
	width: 49%;
	display: inline-block;
	float: right;
	text-align: right;
	/*text-transform: uppercase;*/
	color: #000;
	/*font-weight: bold;*/
}

.search_by_tabs > span > span {
    cursor: pointer;
    color: #000;
}

.search_by_tabs > span > span[aria-selected="true"],
.search_by_tabs > span > span:hover {
    border-bottom: 1px solid #000;
    color: #000;
}

.search_by_tabs_finance_wrapper,
.search_by_tabs_price_wrapper {
	display: none;
}

.search_by_tabs_finance_wrapper.active,
.search_by_tabs_price_wrapper.active {
	display: block;
	color: #000;
}

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

.slider_range_start_label,
.slider_range_finish_label {
    margin: 0 0 0.5%;
    width: 50%;
    color: #000;
    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: #000;
}

/* RANGE SLIDER BAR */
.search_section_slider_bar {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.search_slider_wrapper {
	position: relative;
	display: block;
	width: 100%;
	height: 4em;
	margin: 0 auto;
	box-sizing: border-box;
}

/* SEARCH SLIDER BAR */
.search_section_slider_bar_wrapper {
	margin-top: 2em;
}

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

.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: #418fde;
	cursor: pointer;
	margin-top: -9px;
	pointer-events: auto;
	border-radius: 50%;
	border: 3px solid #418fde;
}

.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: #418fde;
	pointer-events: auto;
	border: 3px solid #418fde;
}

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

.search_section_slider_bar input[type="range"]:active::-webkit-slider-thumb {
	background-color: #fff;
}

/* SEARCH SLIDER VALUE LABELS */
.search_section_slider_bar_values > span {
	position: absolute;
	top: 3.5em;
	transform: translateX(-50%);
	padding: 0.25em 1.25em;
	background-color: #418fde;
	color: #fff;
	font-size: 0.9em;
}

.search_section_slider_bar_values > span::before {
	content: '$';
}

/* SEARCH SLIDER BUTTON */
.search_slider_btn {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.search_slider_btn .search_section_slider_btn {
	margin: 3em auto 0;
	padding: 0.35em 1.5em;
	display: inline-block;
	background-color: #418fde;
	border: none;
	border-bottom: 3px solid #418fde;
	border-radius: 0;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	text-transform: capitalize;
	font-size: 1.1em;
	font-weight: bold;
}

.search_slider_btn .search_section_slider_btn:hover {
	border-bottom: 3px solid #f2f2f2;
}
.advanced-search-inner-container {
    width: 100%!important;
}
.advanced-search-radio-bar {
    display: flex;
    margin-bottom: 10px;
    color: #000;
}.banner_smart_search_content {
	max-width: max-content !important;
	padding: 3em;
	text-align: center;
}	
.banner_smart_search_wrapper {
	margin-top: 0;
}
.advanced_search_section {
	margin-top: -10em;
}
.cc-home-cta {
	padding: 1em 2.5em;
	background-color: #1F6CB5;
	border: 1px solid #1F6CB5;
	border-radius: 10px;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	transition: all 0.25s;
	font-size: 1em;
	width: auto;
	display: inline-block;
	text-decoration: none;
	margin: 1em 0.5em 0;
}	
.cc-home-cta:hover {
	background-color: #000;
}

.banner_smart_search_section .inner_content {
	background-position-y: 25%;		
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(https://www.castlecars.com/assets/d3837/img/home/bg_banner_2000x1160.jpg);
	background-size: cover;
	text-align: center;	
	padding: 1% 3% 5%;
}

.banner_smart_search_wrapper .smart-search  {
	width:95.5%;
	margin: 0 auto;
	margin-bottom: 10px;
}
.banner_smart_search_content>h2  {
	font-size: 2.5em;
	text-align: center;
}
.advanced_search_left_wrapper>p  {
	margin:0.5em 0 1.5em 0;
}
.advanced_search_left_wrapper>h2  {
	font-size: 3em;
	color: #000;
}
.advanced_search_left_wrapper .advanced_search_wrapper .input_container:last-child  {
	margin: 1.5em auto 1.5em;
}
.banner_smart_search_content>h3  {
	text-align:center;
}
.search_by_brand_section>.inner_content  {
	padding: 4% 0 4%;
}
.sell_your_car_section>.inner_content>h2  {
	margin: 1em 0 0.25em;
	font-size: 2.5em;
	text-align: left;
}
.sell_your_car_section>.inner_content>p  {
	margin-bottom:2em;
	font-size:1.5em;
	text-align:left;
}
.sell_your_car_img  {
	right:0%;
	height:85% !important;
}
.sell_your_car_section>.inner_content>h2  {
	margin: 0em 0 0.25em;
}
.sell_your_car_btn  {
	margin:2em 0 0em 6em;		
}	
.buy_bold {
	font-size: 1em;
	font-weight: 600;
}
.buy_small{
	font-size: .7em;
	font-weight: 100;
}
.buy_your_car_step_wrapper {
	margin: 1em 0 1em 1em;
	display: flex;
	align-items: center;
	justify-content: flex-start;	
}
.flex_buy_your_car .buy_your_car_box {
	width: 50%;
}
.buy_your_car_step_number {
	padding: 0.1em 0.35em;
	background-color: #fff;
	color: #1f6cb5;
	border-radius: 1.5em;
	font-size: 2.5em;
	font-weight: 700;
}
.buy_your_car_step_content {
	margin-left: 0.5em;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: 700;
}
	@media only screen and (max-width: 1350px) {
		.buy_your_car_section {
			font-size: .7em;
			margin-top: -15em;
			padding: 15em 0 0 0;
		}
		.banner_smart_search_content {
			font-size: 1em;
			text-align: center;
		}
		.banner_smart_search_content>h2, .banner_smart_search_content>h3 {
			margin: auto;
		}
	}
	@media only screen and (max-width: 960px) {
		.buy_your_car_section {
			font-size: .6em;
		}
		.banner_smart_search_content {				
			margin: 0 auto;
		}
		.advanced_search_section {
			margin-top: -3em;
		}
		.advanced_search_section > .inner_content {
			justify-content: flex-end;
		}	
		.cc-home-cta {
			font-size: 1.7em;
			padding: 1em;
		}
	}	
		
	@media (max-width: 768px){
		.advanced_search_left_wrapper>h2{
			font-size: 23.52px!important;
		}	
		.banner_smart_search_section {
			margin-top: 0;
		}
		.banner_smart_search_content>h2 {
			font-size: 24px!important;
		}
		.banner_smart_search_content>h3 {
			font-size: 16px!important;
		}	
		.search_by_brand_btn_wrapper {
			padding: 5%!important;
		}
		.btn-make-cta {
			margin: 2em auto 1em!important;
		}
		.RoadsterPromo {
			padding: 5% 0 8% 0 !important;
		}
		.sell_your_car_btn {
			margin: 2em 3em 2em 3em!important;
		}
		.sell_your_car_section>.inner_content>h2 {
			margin: 1em 0 0.25em!important;
			text-align: center!important;
		}
		.sell_your_car_section>.inner_content>p {
			text-align: center!important;
		}	
		.inner_buy_your_car_section {
			padding: 5%!important;
		}
		.inner_buy_your_car_section > h2 {
			padding-top: 1em!important;
		}	
		.search_by_brand_section>.inner_content>h2  {
			padding-top: 1em!important;
		}		
		.search_by_brand_btn_wrapper  {
			padding: 5%!important;
		}
		.btn-make-cta {
			margin: 2em auto 1em!important;
		}	
		
		.sell_your_car_section>.inner_content {
			padding: 5%!important;
		}		
		.sell_your_car_section>inner_content>h2 {
			margin: 1em 0 0.25em!important;
			text-align: center!important;
		}
		
		.sell_your_car_btn {
			margin: 2em 3em 2em 3em!important;
		}
        
        .sell_your_car_section {
            background-color: #1f6cb5;
        }
        
        .sell_your_car_step_wrapper {
            margin: 1em 0 1em 4em;
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }
        
        .sell_your_car_step_number {
            padding: .1em .35em;
            background-color: #fff;
            color: #1f6cb5;
            border-radius: 1.5em;
            font-size: 2.5em;
            font-weight: 700;
        }
        
        .sell_your_car_step_content {
            margin-left: .5em;
            text-transform: uppercase;
            font-size: 1.5em;
            font-weight: 700;
        }

		.advanced_search_left_wrapper { max-width: 100% !important; padding: 5em 0 2.5em!important; }
	}	
	@media only screen and (max-width: 584px) {
		.search_modules_wrapper .top_search_module.active {
			height: 35em;
		}
		.flex_buy_your_car .buy_your_car_box {
			width: 100%;
		}
		.cc-home-cta {
			width: 100%;
			font-size: 2.5em;
		}
	}