/*

 * Template Name: Vehicles

 */



.ip-banner canvas {

	aspect-ratio: 1600/581;

}



#inner-page-wrapper {

	margin-bottom: 0;

	min-height: 500px;

}



#inner-page-wrapper>.container {

	width: 100%;

	padding: 0 0;

}



.ipVhcls {

	padding: 60px 0 0;

}

.vhclsTitle {

	text-align: center;

	color: #fff;

	font-size: min(7.5vw, 30px);

	font-weight: 600;

	letter-spacing: 0.020em;

	text-transform: uppercase;

	padding: 0 15px;

	margin: 0 0 2.2em;

}

.vhclsTitle.alt {

	color: var(--primary);

}

.vhclsFilter {

	padding: 0 15px;

	max-width: 600px;

	margin: 0 auto;

}

.vhclsFilter__form {

	display: flex;

	flex-flow: row wrap;

	align-items: center;

	justify-content: space-between;

}



.vhclsFilter__form--col {

	position: relative;

	width: 100%;

	text-align: center;

}

.vhclsFilter__form--col:not(:first-child) {

	margin: 10px 0 0;

}

.vhclsFilter__form--col input[type="text"] {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	display: block;

	width: 100%;

	height: 38px;

	border: 1px solid #fff;

	font-size: 14px;

	letter-spacing: 0.020em;

	padding: 0 37px 0 1.071em;

	color: var(--primary);

	border-radius: 50em;

	position: relative;

	z-index: 0;

}

.vhclsFilter.alt .vhclsFilter__form--col input[type="text"] {

	border: 1px solid var(--primary);

}

.vhclsFilter__form--icon {

	pointer-events: none;

	position: absolute;

	z-index: 1;

	top: 0;

	bottom: 0;

	right: 19px;

	display: flex;

	flex-flow: column wrap;

	align-items: center;

	justify-content: center;

	font-size: 14px;

	color: var(--primary);

}

.vhclsFilter__form--col select {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	display: block;

	width: 100%;

	height: 38px;

	border: 1px solid #525252;

	font-size: 15px;

	letter-spacing: 0.020em;

	padding: 0 1.933em 0 1em;

	color: #fff;

	background: url(../../images/community-results/commres-dd.png) calc(100% - 1em) center no-repeat var(--primary);

	background-size: 7px auto;

}

.vhclsFilter__form--col select option {

	background: #fff;

	color: var(--primary);

}



.vhclsFilter.alt .vhclsFilter__form--col select {

	color: var(--primary);

	background: url(../../images/community-results/commres-dd_alt.png) calc(100% - 1em) center no-repeat #fff;

	background-size: 7px auto;

}





.vhclsFilter__form--col button[type="button"],

.vhclsFilter__form--col button[type="submit"] {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	font-size: 15px;

	font-weight: 600;

	letter-spacing: 0.050em;

	color: #fff;

	padding: 0 0;

	border: 0;

	background: none;

	opacity: 1;

}

.vhclsFilter.alt .vhclsFilter__form--col button[type="button"],

.vhclsFilter.alt .vhclsFilter__form--col button[type="submit"] {

	color: var(--primary);

}

.vhclsFilter__form--col button[type="button"]:hover,

.vhclsFilter__form--col button[type="submit"]:hover {

	opacity: 0.55;

}

.vhclsFilter__form--col button[type="button"] em,

.vhclsFilter__form--col button[type="submit"] em {

	font-size: 1.1em;

}



.vhclsFeed {

	margin: 76px auto 0;

	padding: 0 15px;

}

.vhclsFeed .block {

	max-width: 550px;

	margin: 25px auto 0;

	text-align: center;

}

.vhclsFeed .block:first-child {

	margin-top: 0;

}

.vhclsFeed .block .inner {

	border-radius: 10px;

}

.vhclsFeed .block .carousel {

	position: relative;

}

.vhclsFeed .block .carousel .imgs {

	position: relative;

	z-index: 0;

}

.vhclsFeed .block .carousel .imgs:not(.slick-initialized) .img:not(:first-child) {

	display: none;

}

.vhclsFeed .block .carousel .imgs.slick-initialized {

	font-size: 0;

}

.vhclsFeed .block .carousel .imgs .img {

	border-radius: 10px 10px 0 0;

}

.vhclsFeed .block .carousel .imgs .img img {

	aspect-ratio: 350/195;

}



.vhclsFeed .block .carousel .arrows {

	position: absolute;

	z-index: 1;

	pointer-events: none;

	top: 0;

	left: 9px;

	right: 9px;

	bottom: 0;

	display: flex;

	flex-flow: row wrap;

	align-items: center;

	justify-content: space-between;

}

.vhclsFeed .block .carousel .arrows button.siteArrow {

	font-size: 9px;

}

.vhclsFeed .block .det {

	color: #fff;

	padding: 35px 15px;

	border: 1px solid #2a2a2a;

	border-top: 0 solid #2a2a2a;

	border-radius: 0 0 10px 10px;

	background: #2a2a2a;



}

.vhclsFeed .block .det .address-rate {}

.vhclsFeed .block .address {
	text-transform: uppercase;
}

.vhclsFeed .block .address a {

	font-size: 14px;

}

.vhclsFeed .block .address a span {

	display: block;

	font-size: min(1vw, 16px);

	font-weight: 600;

	text-transform: uppercase;

	margin: 0 0 0.117em;

	max-width: min(15.625vw, 250px);

}

.vhclsFeed .block .rate {

	font-size: 13px;

	letter-spacing: 0.100em;

	color: #bababa;

	margin: 20px 0 0;

}

.vhclsFeed .block .rate span {

	font-size: 1.077em;

	font-weight: 600;

	letter-spacing: 0.050em;

	color: #fff;

}

.vhclsFeed .block .bottom {

	margin: 1.6em 0 0;

	font-size: 10px;



}

.vhclsFeed .block .feats {

	font-size: 1em;

	gap: 0.4em;

	display: flex;

	flex-flow: row wrap;

	align-items: center;

	justify-content: center;

}

.vhclsFeed .block .feats span {

	background: #666;

	padding: 0.55em 1.329em;

	border-radius: 50em;

	white-space: nowrap;

}

.vhclsFeed .block .colors {

	margin: 20px 0 0;

	display: flex;

	flex-flow: row wrap;

	align-items: center;

	justify-content: center;

	gap: 10px;

}

.vhclsFeed .block .colors>div button {

	pointer-events: auto;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	display: block;

	border: 2px solid #929292;

	width: 20px;

	height: 20px;

	border-radius: 50rem;

	padding: 0 0;

	position: relative;

}

.vhclsFeed .block .colors>div button em {

	position: absolute;

	left: -50vw;

	right: -50vw;

	bottom: calc(100% + 0.429em);

	margin: 0 auto;

	font-size: 14px;

	background: var(--primary);

	color: #fff;

	text-transform: uppercase;

	max-width: max-content;

	font-style: normal;

	opacity: 0;

	padding: 0.429em 1.07em;

	border-radius: 50em;

}

.vhclsFeed .block .colors>div button:hover em {

	opacity: 1;

}

.vhclsFeed.alt .block .colors>div button em {

	background: var(--secondary);

}

.vhclsFeed.alt .block .inner {

	background: #fff;

}

.vhclsFeed.alt .block .rate span {

	color: #000;

}

.vhclsFeed.alt .block .det {

	color: #000;

	border: 1px solid #c8c8c8;

	border-top: 0 solid #c8c8c8;

	background: #fff;

}

.vhclsFeed.alt .block .feats span {

	background: #c8c8c8;

}



.vhclsNavigation {

	display: flex;

	flex-flow: row wrap;

	align-items: center;

	justify-content: center;

	gap: 0 30px;

	margin: 76px 0 0;

	padding: 0 0 86px;

}

.vhclsNavigation a.vhcls-arrow {

	display: flex;

	flex-flow: row wrap;

	align-items: center;

	justify-content: center;

	font-size: 15px;

	letter-spacing: 0.020em;

	gap: 1em;

	color: #fff;

}

.vhclsNavigation a.vhcls-prev {

	order: 1;

}

.vhclsNavigation a.vhcls-next {

	order: 2;

}

.vhclsNavigation a.vhcls-arrow:hover {

	color: var(--secondary);

}

.vhclsNavigation a.vhcls-arrow em {

	font-size: 1.133em;

}

.vhclsNavigation ul {

	display: flex;

	flex-flow: row wrap;

	align-items: center;

	justify-content: center;

	gap: 15px;

	order: 3;

	width: 100%;

	margin: 30px 0 0;



}



.vhclsNavigation ul li {}

.vhclsNavigation ul li a,
.vhclsNavigation ul li span {

	display: inline-flex;

	flex-flow: row wrap;

	align-items: center;

	justify-content: center;

	font-size: 15px;

	letter-spacing: 0.020em;

	min-height: 1.8em;

	min-width: 1.8em;

	border-radius: 50em;

	color: #fff;



}

.vhclsNavigation.alt ul li a {

	color: var(--primary);

}

.vhclsNavigation ul li a:hover,
.vhclsNavigation ul li a.current,
.vhclsNavigation ul li span.current {

	background: #535353;

	color: #fff;

}

.vhclsNavigation ul li a.current,
.vhclsNavigation ul li span.current {

	pointer-events: none;

}

.vhclsNavigation.alt a.vhcls-arrow {

	color: var(--primary);

}

.vhclsNavigation.alt a.vhcls-arrow:hover {

	color: var(--secondary);

}



.vhclsAso {

	background: #f0f0f0;

	position: relative;

	padding: 50px 0;



}

.vhclsAso:not(.alt) {

	background: #0f0f0f;

}



.vhclsAso__wrap {}

.vhclsAso__wrap--title {

	padding: 0 15px;

}

.vhclsAso__wrap--title .sectionTitle h2 {

	font-size: min(17vw, 72px);

}

.vhclsAso__wrap--slide {

	margin: 80px 0 0;

}

.vhclsAso__wrap--slide:not(.slick-initialized) {

	display: flex;

	flex-flow: row;

	overflow: hidden;

	align-items: center;

}

.vhclsAso__wrap--slide.slick-initialized {

	font-size: 0;

}

.vhclsAso__wrap--slide.slick-initialized .slick-slide {

	display: inline-block;

	vertical-align: middle;

	float: none;

}

.vhclsAso__wrap--slide.slick-initialized .vhclsAso__logo {

	padding: 0 36px;

}

.vhclsAso__wrap--slide.alt .vhclsAso__logo img {

	filter: brightness(0);

}



.vhclsCanvas {

	position: relative;

}

.vhclsCanvas canvas {

	min-height: 260px;

}

.vhclsCanvas .fixed-bg>div {

	background-size: cover;

	background-position: center center;

}

.vhclsFilter option {
	text-transform: uppercase;
}


/*faqs*/
.ip-lwu-faqs-form {
	position: relative;
	padding: 120px 15px;
}

.ip-lwu-faqs-holder {
	max-width: 1230px;
	margin: 0 auto;
}

.ip-lwu-faqs-title .sectionTitle h2 {
	font-size: 55px;
}

.ip-lwu-faqs-accordion-container {
	position: relative;
	max-width: 1130px;
	height: auto;
	margin: 90px auto 0;
}

.ip-lwu-faqs-set {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 35px;
}

.ip-lwu-faqs-set>a {
	display: block;
	padding: 0 0 30px;
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	border-bottom: 1px solid rgb(255 255 255 / 26%);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	font-size: 24px;
	letter-spacing: 0.02em;
}

.ip-lwu-faqs-set>a i {
	float: right;
	margin-top: 3px;
	font-size: 20px;
	transition: all 0.2s linear;
	font-style: normal;
}

.ip-lwu-faqs-content {
	display: none;
}

.ip-lwu-faqs-content {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.7;
	color: #fff;
	letter-spacing: 0.05em;
}

.ip-lwu-faqs-content p {
	padding: 20px 0;
	margin: 0;
}

.ip-lwu-faqs-btn {
	margin-top: 70px;
}

.ip-lwu-faqs-set.alt>a {
	color: #000;
	border-bottom: 1px solid rgba(0, 0, 0, 0.26);
}

.ip-lwu-faqs-set.alt .ip-lwu-faqs-content {
	color: #000;
}

@media only screen and (min-width: 992px) {

	.ipVhcls {

		padding: 97px 0 0;

	}

	.vhclsFilter {

		padding: 0 min(3.438vw, 55px);

		max-width: 1600px;

	}

	.vhclsFilter__form--col {

		width: auto;

	}

	.vhclsFilter__form--col:not(:first-child) {

		margin: 0 0 0;

	}

	.vhclsFilter__form--col.by_name {

		width: min(19.375vw, 310px);

	}

	.vhclsFilter__form--col.by_loc,

	.vhclsFilter__form--col.by_make,

	.vhclsFilter__form--col.by_model {

		/*width: min(22.125vw,354px);*/

		width: min(20.125vw, 323px);

	}

	.vhclsFilter__form--col input[type="text"] {

		padding: 0 37px 0 1.357em;

	}

	.vhclsFilter__form--col button[type="button"],

	.vhclsFilter__form--col button[type="submit"] {

		font-size: min(1.1vw, 15px);

	}

	.vhclsFeed {

		padding: 0 min(3.438vw, 55px);

		max-width: 1600px;

		display: flex;

		flex-flow: row wrap;

		align-items: flex-start;

		justify-content: flex-start;

	}

	.vhclsFeed .block {

		max-width: none;

		margin: 0 0 0 min(1.875vw, 30px);

		width: calc(25% - min(1.413vw, 22.6px));

		text-align: left;

	}

	.vhclsFeed .block:nth-child(4n + 1) {

		margin-left: 0;

	}

	.vhclsFeed .block:nth-child(n + 5) {

		margin-top: min(2.25vw, 36px);

	}

	.vhclsFeed .block .carousel .arrows button.siteArrow {

		font-size: min(0.563vw, 9px);

	}

	.vhclsFeed .block .det {

		padding: min(2.25vw, 36px) min(0.563vw, 9px) min(1.875vw, 30px) min(0.375vw, 6px);
		min-height: 151px;

	}

	.vhclsFeed .block .det .address-rate {

		display: flex;

		flex-flow: row wrap;

		align-items: flex-start;

		justify-content: space-between;

	}

	.vhclsFeed .block .bottom {

		display: flex;

		flex-flow: row wrap;

		align-items: center;

		justify-content: space-between;

	}

	.vhclsFeed .block .feats {

		justify-content: flex-start;

		font-size: min(0.625vw, 10px);

	}

	.vhclsFeed .block .address a {

		font-size: min(0.875vw, 14px);

	}

	.vhclsFeed .block .rate {

		font-size: min(0.75vw, 12px);

		margin: 0 0;

	}



	.vhclsFeed .block .colors {

		margin: 0 0 0;

	}



	.vhclsFeed .block .colors {

		margin: 0 0 0;

		gap: min(0.625vw, 10px);

	}

	.vhclsFeed .block .colors>div button {

		border: min(0.125vw, 2px) solid #929292;

		width: min(1.25vw, 20px);

		height: min(1.25vw, 20px);

	}

	.vhclsNavigation {

		gap: 11px;

	}

	.vhclsNavigation a.commres-prev {

		order: 1;

	}

	.vhclsNavigation a.commres-next {

		order: 3;

	}

	.vhclsNavigation ul {

		order: 2;

		width: auto;

		margin: 0 0 0;



	}

	.vhclsNavigation ul:before,

	.vhclsNavigation ul:after {

		content: '';

		display: block;

		width: 26px;

		height: 1px;

		background: #4f4f4f;

	}

	.vhclsAso {

		padding: 77px 0 153px;

	}

	.vhclsAso:before {

		content: '';

		display: block;

		position: absolute;

		z-index: 1;

		left: 0;

		bottom: 0;

		height: 50px;

		right: calc(50vw + min(10.813vw, 173px));

		background: #000000;

		background: linear-gradient(90deg, #262626 0%, #919191 50%, #262626 100%);

	}

	.vhclsAso__wrap--title {

		display: flex;

		flex-flow: row wrap;

		align-items: center;

		justify-content: center;

	}

}

@media only screen and (min-width: 992px) and (max-width: 1600px) {

	/*faqs*/
	.ip-lwu-faqs-form {
		padding: 7.5vw 0.938vw 3.75vw;
	}

	.ip-lwu-faqs-holder {
		max-width: 76.875vw;
	}

	.ip-lwu-faqs-title .sectionTitle h2 {
		font-size: 3.438vw;
	}

	.ip-lwu-faqs-accordion-container {
		max-width: 70.625vw;
		margin: 5.625vw auto 0;
	}

	.ip-lwu-faqs-set {
		margin-bottom: 2.188vw;
	}

	.ip-lwu-faqs-set>a {
		padding: 0 0 1.875vw;
		border-bottom: 0.063vw solid rgb(255 255 255 / 26%);
		font-size: 1.5vw;
	}

	.ip-lwu-faqs-set>a i {
		margin-top: 0.188vw;
		font-size: 1.25vw;
	}

	.ip-lwu-faqs-content {
		font-size: 0.938vw;
	}

	.ip-lwu-faqs-content p {
		padding: 1.25vw 0;

	}

	.ip-lwu-faqs-btn {
		margin-top: 4.375vw;
	}
}

@media only screen and (max-width: 991px) {
	.vhclsFeed .block .address a span {
		max-width: 100%;
		font-size: 16px;
	}
}