:root {
	--seconhand_photo_item_size: 212px;
	--seconhand_photo_item_margin: 10px;
	--secondhand_photo_margin: calc(calc(25% - var(--seconhand_photo_item_size)) * .5);
	--secondhand_vehicles_item_r_padding: 2.5rem;
	--secondhand_vehicles_item_height: 38rem;
}

.secondhand_title {
	font-size: 3rem;
	margin-bottom: 1em;
}
.secondhand_upper_cont {
	background-color: #000;
	color: #fff;
}

.secondhand_upper_inner {
	display: flex;
}
.secondhand_upper_inner_l {
	display: flex;
	flex-direction: column;
	flex: 1 1;
	overflow: hidden;
}
.secondhand_photo {
	flex: 1 1;
	margin-bottom: 1rem;
	margin-left: var(--secondhand_photo_margin);
	left: calc(var(--seconhand_photo_item_margin) * -1);
	width: calc(100% - calc(var(--secondhand_photo_margin) * 2));
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-color: #000;
}
.secondhand_photo_list_cont {
	flex: 0 0 var(--seconhand_photo_item_size);
	left: calc(var(--seconhand_photo_item_margin) * -1);
	overflow: hidden;
}

.secondhand_photo_list {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.secondhand_photo_item {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
/*	width: 25%;*/
	width: var(--seconhand_photo_item_size);
	height: var(--seconhand_photo_item_size);
	transition: left .5s;
	text-align: center;
}
.secondhand_photo_item > div {
	display: inline-block;
	width: calc(var(--seconhand_photo_item_size) - 1em);
	height: var(--seconhand_photo_item_size);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: none;
}


.secondhand_upper_inner_r {
	flex: 0 0 780px;
	padding: 4.4375rem;
	font-size: 1.5rem;
	font-family: Roboto, sans-serif;
}

.secondhand_form_title {
	padding-bottom: .5em;
}
.secondhand_form_price {
	font-size: 3rem;
	font-weight: 600;
}
.secondhand_form_subtitle {
	padding-top: .5em;
}

.secondhand_lower_title {
	color: var(--color_blue);
	font-size: 7.5rem;
	margin-top: .5em;
	margin-bottom: .5em;
}

.secondhand_features {
	font-size: 1.25rem;
	font-weight: bold;
}
.secondhand_features > li {
	display: inline-block;
	width: 40%;
	margin-bottom: 1em;
}
.secondhand_features span {
	display: inline-block;
	width: 30%;
	padding-right: 1em;
	font-weight: normal;
}

.secondhand_lower_text {
	font-size: 1.25rem;
}

.secondhand_ar_oktruckslink {
	display: block;
	margin: 0 auto 2.5rem;
}
.secondhand_ar_oktruckslink img { width: 100%; height: auto; }

.secondhand_ar_list {

}

.secondhand_ar_filters {
	display: flex;
	align-items: center;
	margin-bottom: 1.5em;
/*	border: 1px red solid;*/
}

.secondhand_ar_filter {
	flex: 1 1;
	display: flex;
	align-items: center;
	margin-right: 1em;
}
/*.secondhand_ar_filter:last-child { margin-right: 0; }*/

.secondhand_ar_filter option {
	text-transform: capitalize;
}
.secondhand_ar_filter label {
	flex: 0 0 auto;
	padding: 0 1em;
	line-height: .8em;
}
.secondhand_ar_filter .main_select {
	flex: 1 1;
	margin: 0;
	width: auto;
}

.secondhand_vehicles_item {
	display: flex;
	align-items: stretch;
	margin-bottom: var(--secondhand_vehicles_item_r_padding);
}

.secondhand_vehicles_item_l {
	flex: 0 0 auto;
	width: var(--secondhand_vehicles_item_height);
	min-height: var(--secondhand_vehicles_item_height);
	justify-self: stretch;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #000;
	background-size: contain;
}
.secondhand_vehicles_item_r {
	flex: 1 1;
	padding: var(--secondhand_vehicles_item_r_padding);
	background-color: var(--color_background_gray);
}

.secondhand_vehicles_item [ui_role="meta_currentstatus"] {
	position: absolute;
	right: 0;
	top: var(--secondhand_vehicles_item_r_padding);
	font-family: Roboto, sans-serif;
	width: 268px;
	padding: 1em .75em;
	font-weight: 600;
	background-color: #000;
	color: #fff;
	text-transform: uppercase;

}
.secondhand_vehicles_item [ui_role="meta_currentstatus"][status="disponible"],
.secondhand_vehicles_item [ui_role="meta_currentstatus"][status="pronto disponible"] { background-color: #188823; }
.secondhand_vehicles_item [ui_role="meta_currentstatus"][status="reservado"] { background-color: #F07A0D; }
.secondhand_vehicles_item [ui_role="meta_currentstatus"][status="vendido"] { background-color: #F30A22 }

.secondhand_vehicles_item [ui_role="meta_price"]::after,
.secondhand_vehicles_item [ui_role="meta_kilometers"]::after { content: " km"; }
.secondhand_vehicles_item [ui_role="meta_power"]::after { content: " CV"; }

.secondhand_vehicles_item [ui_role="meta_price"],
.secondhand_vehicles_item [ui_role="meta_price_string"] {
	display: block;
	font-weight: 600;
	font-size: 2.5rem;
}

.secondhand_vehicles_item [ui_role="post_title"] {
	display: block;
	margin: 1em 0 1.5em;
	font-size: 2rem;
	font-weight: 600;
}

.secondhand_features_list {
	padding-left: 1em;
}
.secondhand_features_item {
	display: inline-flex;
	width: 49%;
	font-family: Roboto, sans-serif;
	margin-bottom: 1em;
}

.secondhand_features_item label {
	flex: 0 0 auto;
	display: inline-block;
	font-weight: normal;
	font-size: 1.25em;
	width: 13rem;
}
.secondhand_features_item span {
	flex: 1 1;
	font-size: 1.5em;
	font-weight: 600;
	display: inline-block;
}

.secondhand_vehicles_item .seeall_button_blue {
	position: absolute;
	right: var(--secondhand_vehicles_item_r_padding);
	bottom: var(--secondhand_vehicles_item_r_padding);
	width: 9rem;
}

.secondhand_file_buttons {
	margin-top: 6rem;
}


@media screen and (max-width: 1920px) {
	:root {
/*		--seconhand_photo_item_size: 212px;*/
/*		--seconhand_photo_item_margin: 10px;*/
/*		--secondhand_photo_margin: calc(calc(25% - var(--seconhand_photo_item_size)) * .5);*/
		--secondhand_vehicles_item_r_padding: 2.084vw;
		--secondhand_vehicles_item_height: 31.667vw;
	}

	.secondhand_features_item label {
		font-size: 1.042vw;
	}

	.secondhand_features_item span {
		font-size: 1.25vw;
	}

	.secondhand_vehicles_item [ui_role="meta_price"] {
		font-size: 2.084vw;
	}

	.secondhand_vehicles_item [ui_role="post_title"] {
		font-size: 1.667vw;
	}

	.secondhand_vehicles_item [ui_role="meta_currentstatus"] {
		width: 13.959vw;
		font-size: .75rem;
	}

	.secondhand_vehicles_item .seeall_button_blue {
		font-size: .75rem;
		width: 6rem;
		height: 2rem;
	}
}


@media screen and (max-width: 1500px) {
	.secondhand_features_item label {
		width: 10rem;
	}
	.secondhand_ar_filters .main_select {
		flex: 1 1;
	}
}


@media screen and (max-width: 1400px) {
	.secondhand_ar_filter label {
		flex: 0 0 5rem;
	}
	.secondhand_upper_inner_r {
		flex: 0 0 650px;
		font-size: 1.25rem;
		padding: 3rem;
	}
	.secondhand_form_price { font-size: 2.5rem; }
}

@media screen and (max-width: 1200px) {
	.secondhand_features_item label {
		width: 7rem;
	}

	.secondhand_features_item span,
	.secondhand_features_item label {
		font-size: .8rem;
	}

	.secondhand_ar_filters {
		display: block;
		flex-wrap: wrap;
	}

	.secondhand_ar_filter {
		flex: 0 0 calc(50% - 1em);
		margin-top: .5em;
	}

	.secondhand_ar_filter label {
		flex: 0 0 auto;
	}

	.secondhand_upper_inner_r {
		flex: 0 0 540px;
	}
}

@media screen and (max-width: 1024px) {
	.secondhand_vehicles_item [ui_role="post_title"] {
		font-size: 1.5em;
	}

	.secondhand_upper_inner { display: block; }

	.secondhand_upper_inner_l { display: block;	}
	.secondhand_photo { height: 90vw; }
	.secondhand_photo_list_cont { height: var(--seconhand_photo_item_size); }

	.secondhand_title { font-size: 2rem; }
	.secondhand_lower_title { font-size: 4.5rem; }

	.secondhand_features > li {
		display: block;
		width: 100%;
	}
}

@media screen and (max-width: 800px) {
	.secondhand_vehicles_item [ui_role="meta_price"], .secondhand_vehicles_item [ui_role="meta_price_string"] {
		font-size: 2rem;
	}
	
	.secondhand_vehicles_item {
		display: block;
	}

	.secondhand_vehicles_item_l {
		width: 100%;
	}

}

@media screen and (max-width: 600px) {
	.secondhand_vehicles_item [ui_role="meta_currentstatus"] {
		position: relative;
		right: auto;
		top: auto;
		display: block;
		width: 100%;
		padding: .5em;
		font-size: .7rem;
		margin-bottom: 1rem;
	}
	.secondhand_features_list {
		margin-bottom: 1.5rem;
	}

	.secondhand_features_item {
		width: 100%;
	}

	.secondhand_upper_inner_r { padding: 3rem .5rem; }

	.secondhand_lower_title {
		margin-top: 1.5em;
		font-size: 3rem;
	}

	.secondhand_features span { width: 9em; }

	.default_page { /*theme*/
		margin-top: 2rem;
	}
}