body.no-scroll {
	height: 100vh;
	overflow: hidden;
	position:relative;
}

.section-ims {
	--lime:#89d800;
	--dark-blue:#081e2b;
	--blue:#0B283A;
	--transition: 400ms ease color, 400ms ease background-color, 400ms ease border-color, 400ms ease fill, 400ms ease opacity;
	--gap: 50px;
	--box-shadow:0px 1px 10px 1px rgba(0,0,0,0.15);
	
	z-index: 50;
	position: relative;
	padding: 175px 0 185px;	
}

.section-ims:before {
	z-index: 4;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 331px 331px 0;
	border-color: transparent #89d800 transparent transparent;
	pointer-events: none
}

@media (max-width: 1023px) {
	.section-ims {
		padding:149px 0 100px
	}
	.section-ims:before {
		display:none
	}
}

@media (max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
	.section-ims {
		padding:109px 0 84px
	}
	.section-ims:before {
		display:block;
		border-width: 0 120px 120px 0
	}
}

.section-ims:after {
	top: 868px
}

@media (max-width: 1600px) {
	.section-ims:after {
		top:620px
	}
}

@media (max-width: 1399px) {
	.section-ims:after {
		top:493px
	}
}

@media (max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
	.section-ims:after {
		top:545px
	}
}


@media (max-width: 1850px) {
	.section-ims .shell {
		max-width:100%;
		padding: 0 7%
	}
}

@media (max-width: 1023px) {
	.section-ims .shell {
		padding:0 var(--gap);
	}
}

@media (max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
	.section-ims .shell {
		padding:0 var(--gap);
	}
}


.section-ims .section__title {
	position: relative;
	padding-bottom: 26px;
	margin-bottom: 19px
}

.section-ims .section__title:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100px;
	background: #8ad800;
}


.title__head > * {
	position: relative;
	padding-bottom: 24px;
	margin-bottom: 30px !important;
}

.title__head > *:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 2px;
	background: #8ad800;
}

.title__head.text-center {
	text-align: center;
}

.title__head.text-center > *:before {
	left: 50%;
	transform: translateX(-50%);
}

@media all and (max-width:1200px) {
	.title__head > * {
		padding-bottom: 19px;
		margin-bottom: 20px !important;
	}
	.title__head > *:before {
		width:80px;
	}
}
















.section-ims .section__body {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: var(--gap);
}

.ims-filters-holder {
	width: 253px;
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: stretch;
}

.filters-panel-title {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-end;
	gap: 18px;
	padding: 16px 0 20px 0;
	border-bottom: 1px #3C5361 solid;
}

.filters-panel-title h3 {
	margin: 0;
	font-size: 18px;
	line-height: 100%;
	text-transform: uppercase;
}

.filters-panel-title a {
	display: block;
	font-size: 14px;
	text-underline-offset: 2px;
}

a#show-filters {
	display: none;
}

panel-actions {
	display: none;
}

toggle-panel {
	display: flex;
	flex-flow: column;
	border-bottom: 1px #3C5361 solid;
}

toggle-title {
	display: flex;
	position: relative;
	padding: 20px 0;
	flex-flow: row;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	cursor:pointer;
}

toggle-section {
	display: none;
	flex-flow: column;
	gap: 8px;
	width:100%;
	box-sizing:content-box;
	overflow:hidden;
}

toggle-title span {
	display: block;
	font-size: 16px;
	line-height: 100%;
	font-weight: bold;
}

toggle-title svg {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 16px;
	height: auto;
}

toggle-title.opened svg {	
	transform: scaleY(-1);
}

toggle-section-title {
	display: block;
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 14px;
}

toggle-section-title:not(:first-of-type) {
	margin-top: 12px;
}

toggle-section.split {
	flex-flow: row wrap;
	gap: 8px 16px;
	margin-bottom: 18px;
}

toggle-section.split label {
	flex: 1;
	font-size: 14px;
	line-height: 175%;
}

.section-ims select, 
.section-ims textarea, 
.section-ims input {
	background: #3C5361 !important;
	display: block;
	position: relative;
	border-radius: 3px !important;
	border: 1px solid #9BA2A7 !important;
	box-sizing: border-box;
	padding: 4px 8px;
	color: #C5CCD1 !important;
	width: 100%;
	height: auto;
	max-width: 100%;
}

.section-ims select {
	cursor:pointer;
}

.section-ims button, 
.section-ims input[type="button"], 
.section-ims input[type="submit"] {
	border-radius: 999em;
	background: #8ad800;
	font-family: Myriad Pro, sans-serif;
	color: #0b283a;
	font-size: 20px;
	font-weight: 600;
	padding: 0 65px 0 30px;
	min-width: 173px;
	text-align: left;
	min-height: 48px;
}

.section-ims label:has(.range-slider) {
	display: block;
	padding: 12px 2px 0 2px;
	border-top: 1px #3C5361 solid;
}

.section-ims label:has(input[type="checkbox"]) {
	display: flex;
	position: relative;
	padding-left: 24px;
	cursor: pointer;
	font-size: 16px;
	line-height: 115%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.section-ims label:has(input[type="checkbox"]):last-of-type {
	margin-bottom: 18px;
}

.section-ims input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

span.checkbox-mark {
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	background-color: #3C5361;
	border: 1px solid #9BA2A7;
	border-radius: 4px;
}

input:checked ~ .checkbox-mark {
	background: white;
}

input:checked ~ .checkbox-mark:after {
	content: "";
	position: absolute;
	display: none;
}

input:checked ~ .checkbox-mark:after {
	display: block;
	background-image: url('data:image/svg+xml,%3Csvg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0.424561 2.89551L1.89211 4.39551L4.8272 0.395508" stroke="%230B283A"/%3E%3C/svg%3E');
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.ui-slider {
	position: relative;
	margin: 48px auto 24px auto;
	background: #3C5361;
	height: 4px;
	border-radius: 3px;
	width: calc(100% - 16px);
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 16px;
	height: 16px;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
	background: white;
	border-radius: 50%;
	transition: var(--transition);
}

.ui-slider .ui-slider-handle:focus {
	outline: none;
	background:var(--lime);
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
	background: white;
	border-radius: 3px;
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -6px;
	margin-left: -8px;
}

.ui-slider-handle::after {
	content: attr(data-value);
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 12px;
	white-space: nowrap;
	pointer-events: none;
}

.section-ims label svg {
	display: block;
	width: 10px;
	height: 10px;
}

.section-ims .tooltip {
	display: flex;
	position: relative;
	width: 18px;
	height: 18px;
	border: 1px solid #3c5361;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	margin-left: 8px;
}

.section-ims .tooltip .tooltip-text {
	width: 140px;
	background-color: var(--dark-blue);
	color: #fff;
	text-align: center;
	font-size: 13px;
	padding: 5px 0;
	border-radius: 6px;
 	position: absolute;
	z-index: 1;
	top: 50%;
	left: calc(100% + 6px);
	transform: translate(0,-50%);
	transition: var(--transition);
	pointer-events: none;
	opacity: 0.0;
}

.section-ims .tooltip:hover .tooltip-text {
	opacity: 1.0;
	pointer-events:all;
}











.ims-listing-holder {
	flex: 1;
	display: flex;
	flex-flow: column;
	gap: 18px;
}

.ims-listing-meta {
	display: flex;
	position:relative;
	flex-flow: row;
	justify-content: space-between;
	align-items: flex-start;
	gap: calc(var(--gap) / 2);
}

p.results {
	margin: 0;
	font-size: 14px;
	line-height: 100%;
	position: absolute;
	top: -20px;
	right: 0;
}

p.results span {
	font-weight: bold;
}

ul.used-filters {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 12px;
}

ul.used-filters li a {
	display: block;
	background: var(--lime);
	color: var(--dark-blue);
	text-decoration: none;
	font-size:14px;
	font-weight: 500;
	padding: 10px 44px 8px 12px;
	line-height: 100%;
	border-radius: 38px;
	position: relative;
	transition: var(--transition);
}

ul.used-filters li a:after {
	content: '';
	display: block;
	background-image: url('data:image/svg+xml,%3Csvg width="320.15" height="320.15" version="1.1" viewBox="0 0 320.15 320.15" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m310.68 54.675c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-105.3 105.4-105.4-105.3c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l105.4 105.3-105.3 105.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l105.3-105.4 105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-105.4-105.3z" style="fill:%230b283a"/%3E%3C/svg%3E%0A');
	background-size: 100%;
	position: absolute;
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;
	top: 11px;
	right: 11px;
}

ul.used-filters li a:hover {
	background: #9BA2A7;
}

.section-ims select.sort-by {
	width: 220px;
}

.ims-more {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

.ims-more.disabled {
	display:none;
}

.ims-more > p {
	margin-top: 2rem;
}


















div.listing-grid {
	position:relative;
	display: flex;
	flex-flow:row wrap;
	justify-content: flex-start;
	align-items:stretch;
	width:100%;
	max-width:100%;
	--columns: 3;
	gap:25px var(--gap);
	min-height:250px;
}

div#ims-listings.loading {
	pointer-events:none;
}

div#ims-listings.loading loading-balls {
	display: block;
	position: relative;
	left: calc(50% - 14px);
	width: auto;
	height:120px;
}

div#ims-listings.loading loading-ball {
	display: block;
	position: absolute;
	top: calc(50% - 14px);
	width: 28px;
	height: 28px;
	background: var(--lime);
	border-radius: 50%;
	animation: undulate 1s ease-in-out infinite;
}

div#ims-listings.loading loading-balls loading-ball:nth-of-type(1) {
	animation-delay:0s;
	left:-48px;
}

div#ims-listings.loading loading-balls loading-ball:nth-of-type(2) {
	animation-delay:.1s;
	left:-14px;
}

div#ims-listings.loading loading-balls loading-ball:nth-of-type(3) {
	animation-delay:.2s;
	right:-48px;
}

@keyframes undulate {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-15px);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(0);
    }
}

div#ims-listings > p {
	width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 120px;
}

listing-card {
	position: relative;
	display: flex;
	flex-flow: column;
	width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));
	border-radius: 10px;
	background: #0B283A;
	box-shadow:var(--box-shadow);
	padding: 8px;
}

listing-card figure {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	aspect-ratio: 4/3;
	border-radius: 10px;
	overflow: hidden;
}

listing-card figure img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.product-summary {
	padding: 16px 12px;
	display: flex;
	position: relative;
	flex-flow: row ;
	justify-content: space-between;
	font-size: 16px;
	line-height: 120%;
	font-weight: bold;
	gap: 18px;
	margin-bottom: 12px;
}

section.product-summary:after {
	content: '';
	display: block;
	position: absolute;
	width: calc(100% - 24px);
	left: 12px;
	height: 1px;
	background: var(--lime);
	bottom: 0;
}

section.product-meta {
	display: flex;
	flex-flow: row wrap;
	gap: 8px 12px;
	position: relative;
	padding: 0 12px 14px 12px;
}

section.product-meta meta-item {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: calc(50% - 6px);
	height: auto;
	font-size: 15px;
	line-height: 110%;
}

body .section-ims .listing-grid section.product-meta meta-item strong {
	font-size: 12px;
	color: #9BA2A7;
}

a.large-link {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:10;
}



















/* SINGLE TEMPLATE
===================================== */

.section-ims-single .section__inner {
	display: flex;
	flex-flow: column;
	gap: var(--gap);
}

.section-ims .section__meta {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	gap: calc(var(--gap) / 2);
	align-items: flex-start;
}

ul.section__breadcrumbs {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 40px;
}

ul.section__breadcrumbs li {
	font-size: 14px;
	line-height: 100%;
	font-weight: 700;
	position:relative;
}

.section-ims ul.section__breadcrumbs li a {
	font-weight: 400;
	text-decoration: none;
	position: relative;
	display: block;
	color: #9BA2A7;
}

.section-ims ul.section__breadcrumbs li svg {
	position: absolute;
	top: 50%;
	right: -23px;
	fill: #9BA2A7;
	transform: translate(0,-50%);
	width: 6px;
	height: auto;
}

a.back-to-search {
	font-size: 20px;
	display: flex;
	text-underline-offset: 2px;
	text-decoration-thickness: 1px;
	gap: 12px;
	align-items: center;
}

a.back-to-search svg {
	width: 9px;
	height: auto;
}

.section-ims-single .section__inner {
	display: flex;
	flex-flow: column;
	gap: var(--gap);
}

figure.vehicle-photo {
	position: relative;
	display: flex;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	aspect-ratio: 13/9;
	min-height:300px;
	border-radius: 10px;
	overflow: hidden;
}

figure.vehicle-photo img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 13 / 9;
	min-height:300px;
	object-fit: cover;
	border-radius: 10px;
	overflow: hidden;
}

section.feature-image {
	position: relative;
	display: flex;
	flex-flow: column;
	gap: 12px;
}

body.single-vehicles .fancybox-bg {
	background: white;
}

body.single-vehicles .fancybox-navigation .fancybox-button {
	width: 60px;
	height: 60px;
	border: 0;
	background: transparent;
	padding: 0;
}

body.single-vehicles .fancybox-button svg {
	stroke: unset;
	border: 0;
	width: 60px;
	height: 60px;
}

body.single-vehicles .fancybox-navigation .fancybox-button:after {
	display: none;
}

body.single-vehicles .fancybox-button svg path {
	stroke: unset;
}

ul.vehicle-photos {
	list-style: none;
	margin: 0;
	padding: 0;
}

.vehicle-photos .slick-list {
	width:calc(100% + 12px);
}

ul.vehicle-photos li {
	position: relative;
	display: block;
	margin:0 12px 0 0;
	cursor:pointer;
}

ul.vehicle-photos img {
	display: block;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	aspect-ratio: 1/1;
	width: 100%;
	height: auto;
	object-fit: cover;
}

ul.vehicle-photos li.slick-slide:before {
	content: '';
	display: block;
	position: absolute;
	box-sizing: border-box;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid var(--lime);
	z-index: 1;
	border-radius: 10px;
	background: rgba(138,216,0,.2);
	pointer-events: none;
	opacity: 0.0;
}

ul.vehicle-photos li.slick-slide.slick-current:before {
	opacity: 1.0;
}

a.slick-arrow {
	position: absolute;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: auto;
	z-index: 2;
}

a.slick-prev.slick-arrow {
	left: 12px;
}

a.slick-next.slick-arrow {
	right: 12px;
}

.section-ims ul.slick-dots {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 12px 0;
	gap: 8px;
}

.section-ims ul.slick-dots li {
	margin: 0;
	display: flex;
}

.section-ims ul.slick-dots li button {
	border-radius: 50%;
	font-size: 0px;
	min-width: 16px;
	padding: 0;
	width: 16px;
	height: 16px;
	min-height: 16px;
	border: 1px solid white;
	background: #0B283A;
	margin: 0;
}

.section-ims ul.slick-dots li.slick-active:before {
	width: 6px;
	content: '';
	height: 6px;
	background: var(--lime);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}

.section-ims.section-ims-single .section__body {
	justify-content:center;
	--columns: 2;
	gap: var(--gap);
}

.section-ims.section-ims-single .section__body > section {
	width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));
}

.section-ims-single .section__title h1 {
	margin-bottom: 18px;
	letter-spacing: 0px;
	font-size: clamp(36px,4.8vw,72px);
	line-height: 100%;
	text-wrap: balance;
}

.section-ims-single .section__title h2 {
	color: var(--lime);
	font-weight: 900;
	letter-spacing: 0px;
	font-size: clamp(24px,3.5vw,54px);
	line-height: 100%;
}

section.product-meta.single-listing-meta {
	padding: 0;
	margin-bottom: 24px;
}

section.product-meta.single-listing-meta meta-item {
	width: 100%;
	font-size: 18px;
	flex-flow: row wrap;
	gap: 12px;
}

section.product-links {
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	gap: 24px;
	margin-bottom: 24px;
}

ul.social-share {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	gap: 12px;
}

ul.social-share li a {
	display: block;
}

ul.social-share li a svg {
	display: block;
	margin: 0;
	width: 18px;
	height: auto;
}

.vehicle-info toggle-title {
	padding: 26px 0;
}

.vehicle-info toggle-title span {
	font-size: 20px;
}

.vehicle-info toggle-section {
	padding: 8px 0 28px 0;
}

.vehicle-info toggle-section p {
	line-height: 150%;
}

ul.info-specs {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	column-count: 2;
	column-gap: var(--gap);
}

ul.info-specs li {
	margin-bottom: 8px;
}

.section__cta {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: var(--gap);
	padding: var(--gap);
	scroll-margin-top: 100px;
	scroll-behavior: smooth;
}

section.request-copy {
	flex: 0 0 40%;
	padding: 0 var(--gap);
}

section.request-form {
	flex: 1;
	--columns: 2;
	padding: var(--gap);
	background: #0b283a;
	border-radius: 10px;
}

.request-form form {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	--gap: 20px;
	gap:var(--gap);
}

.request-form .nf-form-content label {
	line-height: 100%;
	margin-bottom: 12px;
	display: block;
}

.form-contact.request-form .nf-form-content {
	max-width: 100%;
	margin: 0;
}

.section__related {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	gap: 0px var(--gap);
	padding: var(--gap);
	scroll-margin-top: 100px;
	scroll-behavior: smooth;
}

.section__related .section__body {
	width: 100%;
}

.listing-grid.related-grid {
	justify-content: center;
}















/* LIGHT/DARK MODE
================================= */
.section-ims *:not(toggle-section) {
    color:#fff;
	transition:var(--transition);
}

.section-ims svg {
	fill:white;
}

.section-ims .contact svg {
	fill:transparent !important;
}

.section-ims .opened svg {
	fill: #3C5361;
}

.section-ims .btn svg {
	fill: transparent !important;
}

.section-ims .btn span {
	color: #0b283a !important;
}

a.btn.btn--icon.btn--inverse {
	background: transparent;
	border-color: var(--lime);
}

body.theme-dark .section-ims a.btn.btn--icon.btn--inverse span {
	color: white !important;!im;!i;!;
}

body.theme-dark a.btn.btn--icon.btn--inverse svg path {
	stroke: white;
}

body.theme-white .section-ims * {
    color: #0b283a;
}
body.theme-white .section-ims p {
	color: rgba(11, 40, 58, .7);
}

body.theme-white .section-ims select, 
body.theme-white .section-ims input,
body.theme-white .section-ims textarea,
body.theme-white span.checkbox-mark,
body.theme-white a#show-filters {
	background: white !important;
	border-color: #CFD4D8 !important;
	appearance: auto !important;
	color: #0b283a !important;
}

body.theme-white .section-ims form input,
body.theme-white .section-ims form textarea,
body.theme-white .section-ims form select {
	background: #F5F5F5 !important;
	border: 1px solid #DEE0E2 !important;
}

body.theme-white .section-ims form input[type="submit"] {
	background: #8ad800 !important;
	border-radius: 100px !important;
}


body.theme-white .section-ims svg {
	fill: #3c5361;
}

body.theme-white .section-ims .opened svg {
	fill: #CED4D8;
}

body.theme-white input:checked ~ .checkbox-mark {
	background-color: #3C5361 !important;
	border: 1px solid #9BA2A7 !important;
}

body.theme-white input:checked ~ .checkbox-mark:after {
	background-image: url('data:image/svg+xml,%3Csvg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0.424561 2.89551L1.89211 4.39551L4.8272 0.395508" stroke="%23ffffff"/%3E%3C/svg%3E');
}

body.theme-white listing-card {
	background: white;
}

body.theme-white .section-ims listing-card * {
	color: black;
}

body.theme-white section.request-form {
	background: white;
	box-shadow: var(--box-shadow);
}

body.theme-white filters-panel {
	background: white;
}













@media all and (max-width:1399px) {
	div.listing-grid {
		--columns: 2;
	}
}
@media all and (max-width:1023px) {
	.section-ims {
		--gap: 5.5%;
	}
	
	.section-ims .section__body {
		flex-flow: column;
	}
	
	.ims-listing-meta {
		align-items: center;
		justify-content: flex-start;
	}
	
	.section-ims select.sort-by {
		font-size: 15px;
		width: 180px;
		margin-left: auto;
		height:40px;
	}

	.ims-filters-holder {
		width: 100%;
	}
	
	.filters-panel-title {
		display:none;
	}

	ul.used-filters li a {
		font-size: 12px;
		padding: 7px 32px 6px 8px;
	}

	ul.used-filters li a:after {
		width: 10px;
		height: 10px;
		top: 8px;
	}

	.filters-panel-title h3 {
		display: none;
	}

	a#show-filters {
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		flex: 0 0 44px;
		width: 44px;
		height: 40px;
		border: 1px solid #9BA2A7;
		border-radius: 6px;
		background: #3C5361;
	}

	a#show-filters svg {
		display: block;
		width: 24px;
		height: auto;
		max-width: 100%;
	}
 
	filters-panel {
		display: flex;
		flex-flow: column;
		position: fixed;
		top: 0;
		left: calc(-100vw - 50px);
		width: 100%;
		height: 100vh;
		padding: 100px var(--gap) 100px var(--gap);
		overflow-y: scroll;
		background: var(--blue);
		z-index: 50;
		transition: 100ms ease all !important;
	}
	
	filters-panel.opened {
		left:0;
	}
	
	panel-actions {
		display: flex;
		flex-flow: column;
		align-items: flex-end;
		width: 100%;
		padding: 20px 0;
	}

	a.close-filters-panel {
		display: block;
		text-decoration: none;
		color: var(--blue);
		background: var(--lime);
		border-radius: 4px;
		padding: 12px 24px;
		font-weight: 500;
		font-size: 16px;
		line-height: 100%;
	}
	
	a.close-filters-panel strong {
		color:var(--blue);
	}
	
	.section-ims.section-ims-single .section__body {
		flex-flow: row wrap;
	}

	.section-ims .section__meta {
		gap: 10px;
		margin-bottom: 12px;
	}

	a.slick-arrow svg {
		width: 28px;
		height: auto;
	}
	.section__related a.btn {
		margin-top: 32px;
	}
	.section__cta, .section__related {
		padding-left: 0;
		padding-right: 0;
	}
}
@media all and (max-width:812px) {
	.section-ims {
		--gap: 2.5%;
	}
	.section-ims-single .section__inner {
		gap: 25px;
	}
	.section-ims label:has(.range-slider) {
		padding-right: 8px;
	}
	.ui-slider {
		width: calc(100% - 64px);
		margin: 64px auto 48px auto;
	}
	.ui-slider .ui-slider-handle {
		width: 30px;
        height: 30px;
        top: -14px;
        margin-left: -14px;
		border: 1px solid var(--blue););
	}
	.section-ims .section__meta {
		margin-bottom: 0;
	}
	.ims-listing-meta {
		flex-flow: row wrap;
		gap: 12px 25px;
	}
	ul.used-filters {
		gap: 6px;
		order: 3;
		width: 100%;
	}
	.section-ims.section-ims-single .section__body, 
	.section__cta {
		flex-flow: column;
		gap: 25px;
	}
	.section-ims.section-ims-single .section__body > section {
		width: 100%;
	}
	section.request-form {
		padding: 25px var(--gap);
	}
}

@media all and (max-width:575px) {
	div.listing-grid {
		--columns:1;
	}
	toggle-title svg {
		margin-right: 12px;
	}
	ul.info-specs {
		column-count: unset;
	}
}




