/** Import Bootstrap functions */
/** Bootstrap navbar fix (https://git.io/fADqW) */
:root {
	--primary-dark: #333;
	--secondary-dark: #167c1a;
	--bs-black: #000;
	--bs-white: #fff;
	--gray-100: #f5f5f5;
	--gray-200: #e9ecef;
	--gray-300: #ddd;
	--gray-400: #c4c4c4;
	--gray-500: #adb5bd;
	--gray-600: #707070;
	--gray-650: #7b7b7b;
	--gray-700: #434343;
	--gray-800: #343a40;
	--gray-900: #242424;
	--bs-primary: #e30614;
	--bs-secondary: #2faa25;
	--bs-dark: var(--bs-black);
	--green: #2faa25;
	--orange: #ff8900;
	--dark-green-02: #57a63d;
	--bs-body-bg: var(--bs-white);
	--bs-body-color: var(--bs-black);
	--bs-body-font-size: 1.6rem;
	--bs-body-line-height: 1.375;
	--bs-body-font-family: Roboto, Arial, Helvetica, sans-serif;
	--bs-link-color: var(--bs-secondary);
	--bs-link-hover-color: var(--secondary-dark);
	--bs-text-muted: #7b7b7b;
	--bs-font-weight-bold: 500;
	--h1-font-size: 4.6rem;
	--h2-font-size: 3rem;
	--h3-font-size: 3.6rem;
	--h4-font-size: 2rem;
	--h5-font-size: 2.2rem;
	--h6-font-size: 1.7rem;
	--h1-font-size-sm: 3.6rem;
	--h2-font-size-sm: 2.6rem;
	--h3-font-size-sm: var(--h3-font-size);
	--h4-font-size-sm: var(--h4-font-size);
	--h5-font-size-sm: var(--h5-font-size);
	--h6-font-size-sm: var(--h6-font-size);
	--headings-font-weight: 500;
	--btn-font-size: 1.7rem;
	--btn-line-height: 1.412;
	--btn-font-weight: 500;
	--btn-padding-y: 0.7rem;
	--btn-padding-x: 1.7rem;
	--btn-font-size-sm: 1rem;
	--btn-padding-y-sm: 0.4rem;
	--btn-padding-x-sm: 0.6rem;
	--btn-font-size-lg: 1.6rem;
	--btn-padding-y-lg: 1.1rem;
	--btn-padding-x-lg: 1rem;
	--input-border-color: var(--bs-black);
	--input-color: var(--bs-black);
	--input-placeholder-color: var(--bs-black);
	--input-bg: var(--bs-white);
	--input-box-shadow: none;
	--input-height: 4rem;
	--input-font-size: 1.6rem;
	--input-font-weight: 400;
	--input-padding-y: 0.4rem;
	--input-padding-x: 1.4rem;
	--input-focus-bg: var(--bs-white);
	--header-bg-color: var(--bs-black);
	--header-color: var(--bs-white);
	--header-drop-bg-color: var(--bs-black);
	--header-drop-bg-color-mobile: var(--gray-100);
	--header-drop-color: var(--bs-white);
	--header-drop-color-mobile: var(--bs-black);
	--header-drop-hover-color: var(--bs-primary);
	--extra-menu-bg-color: var(--bs-black);
	--extra-menu-color: var(--bs-white);
	--menu-bg-color-mobile: var(--bs-black);
	--menu-color-mobile: var(--bs-white);
	--footer-bg-color: var(--bs-black);
	--footer-color: var(--bs-white);
	--footer-secondary-bg-color: var(--gray-900);
	--footer-secondary-color: var(--gray-light);
	--backdrop-bg: var(--bs-black);
	--backdrop-opacity: 0.4;
	--modal-border-width: 0;
	--modal-border-color: var(--bs-white);
	--modal-bg: var(--bs-white);
	--gray-light: #7b7b7b;
	--gray-002: #212121;
	--bs-gutter-x: 3rem;
}

/** Import Bootstrap functions */
/** Bootstrap navbar fix (https://git.io/fADqW) */
:root {
	--primary-dark: #333;
	--secondary-dark: #167c1a;
	--bs-black: #000;
	--bs-white: #fff;
	--gray-100: #f5f5f5;
	--gray-200: #e9ecef;
	--gray-300: #ddd;
	--gray-400: #c4c4c4;
	--gray-500: #adb5bd;
	--gray-600: #707070;
	--gray-650: #7b7b7b;
	--gray-700: #434343;
	--gray-800: #343a40;
	--gray-900: #242424;
	--bs-primary: #e30614;
	--bs-secondary: #2faa25;
	--bs-dark: var(--bs-black);
	--green: #2faa25;
	--orange: #ff8900;
	--dark-green-02: #57a63d;
	--bs-body-bg: var(--bs-white);
	--bs-body-color: var(--bs-black);
	--bs-body-font-size: 1.6rem;
	--bs-body-line-height: 1.375;
	--bs-body-font-family: Roboto, Arial, Helvetica, sans-serif;
	--bs-link-color: var(--bs-secondary);
	--bs-link-hover-color: var(--secondary-dark);
	--bs-text-muted: #7b7b7b;
	--bs-font-weight-bold: 500;
	--h1-font-size: 4.6rem;
	--h2-font-size: 3rem;
	--h3-font-size: 3.6rem;
	--h4-font-size: 2rem;
	--h5-font-size: 2.2rem;
	--h6-font-size: 1.7rem;
	--h1-font-size-sm: 3.6rem;
	--h2-font-size-sm: 2.6rem;
	--h3-font-size-sm: var(--h3-font-size);
	--h4-font-size-sm: var(--h4-font-size);
	--h5-font-size-sm: var(--h5-font-size);
	--h6-font-size-sm: var(--h6-font-size);
	--headings-font-weight: 500;
	--btn-font-size: 1.7rem;
	--btn-line-height: 1.412;
	--btn-font-weight: 500;
	--btn-padding-y: 0.7rem;
	--btn-padding-x: 1.7rem;
	--btn-font-size-sm: 1rem;
	--btn-padding-y-sm: 0.4rem;
	--btn-padding-x-sm: 0.6rem;
	--btn-font-size-lg: 1.6rem;
	--btn-padding-y-lg: 1.1rem;
	--btn-padding-x-lg: 1rem;
	--input-border-color: var(--bs-black);
	--input-color: var(--bs-black);
	--input-placeholder-color: var(--bs-black);
	--input-bg: var(--bs-white);
	--input-box-shadow: none;
	--input-height: 4rem;
	--input-font-size: 1.6rem;
	--input-font-weight: 400;
	--input-padding-y: 0.4rem;
	--input-padding-x: 1.4rem;
	--input-focus-bg: var(--bs-white);
	--header-bg-color: var(--bs-black);
	--header-color: var(--bs-white);
	--header-drop-bg-color: var(--bs-black);
	--header-drop-bg-color-mobile: var(--gray-100);
	--header-drop-color: var(--bs-white);
	--header-drop-color-mobile: var(--bs-black);
	--header-drop-hover-color: var(--bs-primary);
	--extra-menu-bg-color: var(--bs-black);
	--extra-menu-color: var(--bs-white);
	--menu-bg-color-mobile: var(--bs-black);
	--menu-color-mobile: var(--bs-white);
	--footer-bg-color: var(--bs-black);
	--footer-color: var(--bs-white);
	--footer-secondary-bg-color: var(--gray-900);
	--footer-secondary-color: var(--gray-light);
	--backdrop-bg: var(--bs-black);
	--backdrop-opacity: 0.4;
	--modal-border-width: 0;
	--modal-border-color: var(--bs-white);
	--modal-bg: var(--bs-white);
	--gray-light: #7b7b7b;
	--gray-002: #212121;
	--bs-gutter-x: 3rem;
}

/* brands-overview */
.brands-overview {
	position: relative;
	background: var(--gray-100);
	padding-top: 6rem;
	padding-bottom: 1rem;
	margin-bottom: 3rem;
}
@media (min-width: 768px) {
	.brands-overview {
		padding-bottom: 4rem;
	}
}
.brands-overview .img-holder {
	-webkit-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.29);
	        box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.29);
}
@media (max-width: 767.98px) {
	.brands-overview .img-holder {
		position: relative;
		padding-bottom: 65%;
		margin-bottom: 20px;
	}
}
@media (min-width: 768px) {
	.brands-overview .img-holder {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		top: 2rem;
		right: 51%;
	}
}
.brands-overview .img-holder img {
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.brands-overview .row > [class*=col] {
	position: static;
}
.brands-overview h2,
.brands-overview h3 {
	font-weight: var(--bs-font-weight-bold);
	line-height: 1.05;
	text-transform: uppercase;
	margin-bottom: 2.5rem;
}
.brands-overview .makes-list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 2rem;
	line-height: 1.25;
	text-transform: uppercase;
}
@media (min-width: 768px) {
	.brands-overview .makes-list {
		-webkit-columns: 2;
		   -moz-columns: 2;
		        columns: 2;
	}
}
@media (min-width: 992px) {
	.brands-overview .makes-list {
		-webkit-column-gap: 2.8rem;
		   -moz-column-gap: 2.8rem;
		        column-gap: 2.8rem;
	}
}
.brands-overview .makes-list li {
	display: block;
	border-bottom: 1px solid var(--gray-300);
	margin-bottom: 1.2rem;
	page-break-inside: avoid;
}
.brands-overview .makes-list a {
	color: inherit;
	display: inline-block;
	position: relative;
}
.brands-overview .makes-list a::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -0.2rem;
	height: 0.1rem;
	border-bottom: 0.1rem solid;
	width: 0;
	-webkit-transition: inherit;
	transition: inherit;
	-webkit-transition-property: width;
	transition-property: width;
}
.brands-overview .makes-list a:hover::before {
	width: 100%;
}
.brands-overview .makes-list a:hover {
	color: var(--bs-secondary);
}
/*# sourceMappingURL=brands-overview.css.map */