:root {
	--theme-color-bg : #ffffff;
	--theme-color-main-1 : #f9ddaf;
	--theme-color-main-1-lighter : #fae1b7;
	--theme-color-main-2 : #203766;
	--theme-color-main-3 : #dcbf96;

	--page-width : 1400px;
	--page-padding : 20px;
	--page-margin : 20px;

	--header-height : 140px;
	--header-logo-min-height : 40px;
	--header-logo-max-height : 60px;

	--technical-info-height : 400px;
	--technical-info-width : 30%;
	--technical-info-min-width : 200px;

	--h1-height : 60px;
	--vehicle_row_height : 500px;
	--vehicle_table_width : 70%;
	--banner_element_width : 20%;
	--banner_element_height : 66px;
	--footer_height : 200px;

	--scrollbar-width : 16px;
	--contact-us-zone-width : 30%;

	--h1-font-size : 19px;
	--h1-letter-spacing : 3px;
	--h1-bis-letter-spacing : 2px;

	--h2-font-size : 16px;
	--h2-letter-spacing : 1px;

	--default-font-size : 14px;
}

/* region font */
	/* montserrat-regular - latin */
	@font-face {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 400;
		src: url('font/montserrat-v18-latin/montserrat-v18-latin-regular.eot'); /* IE9 Compat Modes */
		src: local(''),
		url('font/montserrat-v18-latin/montserrat-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('font/montserrat-v18-latin/montserrat-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('font/montserrat-v18-latin/montserrat-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
		url('font/montserrat-v18-latin/montserrat-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('font/montserrat-v18-latin/montserrat-v18-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
	}
	/* montserrat-600 - latin */
	@font-face {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 600;
		src: url('font/montserrat-v18-latin/montserrat-v18-latin-600.eot'); /* IE9 Compat Modes */
		src: local(''),
		url('font/montserrat-v18-latin/montserrat-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('font/montserrat-v18-latin/montserrat-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
		url('font/montserrat-v18-latin/montserrat-v18-latin-600.woff') format('woff'), /* Modern Browsers */
		url('font/montserrat-v18-latin/montserrat-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
		url('font/montserrat-v18-latin/montserrat-v18-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
	}
	/* montserrat-700 - latin */
	@font-face {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 700;
		src: url('font/montserrat-v18-latin/montserrat-v18-latin-700.eot'); /* IE9 Compat Modes */
		src: local(''),
		url('font/montserrat-v18-latin/montserrat-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('font/montserrat-v18-latin/montserrat-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		url('font/montserrat-v18-latin/montserrat-v18-latin-700.woff') format('woff'), /* Modern Browsers */
		url('font/montserrat-v18-latin/montserrat-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		url('font/montserrat-v18-latin/montserrat-v18-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
	}

.row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: center;
	padding: var(--page-padding);
	width: 100% !important;
}
.row > * {
	flex-grow: 1;
	max-width: 100%;
}

#main_container {
	display: flex;
	flex-direction: column;
	max-width: var(--page-width);
	margin: auto;
	background-color: white;
	color: var(--theme-color-main-2);
	font-family: 'Montserrat', Arial, "sans-serif";
	font-size: var(--default-font-size);
}
#main_container * {
	box-sizing: border-box;
}
section {
	width: 100%;
	margin: 0;
}

.section_content_wrapper {
	padding: var(--page-padding);
}

.table_container {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.table_content_container {
	width: 100%;
	overflow: auto;
}
.table_content_container table {
	min-width: 100%;
}


/* region scrollbar */
	::-webkit-scrollbar {
		width: var(--scrollbar-width);
		height: var(--scrollbar-width);
	}
	::-webkit-scrollbar-track,
	::-webkit-scrollbar-corner {
		background: var(--theme-color-main-3);
	}
	::-webkit-scrollbar-thumb {
		background: var(--theme-color-main-1);
		background-clip: padding-box;
		border: 2px solid transparent;
	}
	::-webkit-scrollbar-thumb:hover {
		background: var(--theme-color-main-1-lighter);
		background-clip: padding-box;
		border: 2px solid transparent;
	}
	::-webkit-scrollbar-button:single-button {
		background-color: var(--theme-color-main-3);
		display: block;
		background-size: 10px;
		background-repeat: no-repeat;
	}
	/* Up */
		::-webkit-scrollbar-button:single-button:vertical:decrement {
			height: 12px;
			width: 16px;
			background-position: center 4px;
			background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='50,00 0,50 100,50'/></svg>");
		}

		::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
			background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='50,00 0,50 100,50'/></svg>");
		}

		::-webkit-scrollbar-button:single-button:vertical:decrement:active {
			background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='50,00 0,50 100,50'/></svg>");
		}
	/* Down */
		::-webkit-scrollbar-button:single-button:vertical:increment {
			height: 12px;
			width: 16px;
			background-position: center 2px;
			background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,0 100,0 50,50'/></svg>");
		}

		::-webkit-scrollbar-button:single-button:vertical:increment:hover {
			background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,0 100,0 50,50'/></svg>");
		}

		::-webkit-scrollbar-button:single-button:vertical:increment:active {
			background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 100,0 50,50'/></svg>");
		}
	/* Left */
		::-webkit-scrollbar-button:single-button:horizontal:decrement {
			height: 12px;
			width: 12px;
			background-position: 3px 3px;
			background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,50 50,100 50,0'/></svg>");

		}

		::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
			background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,50 50,100 50,0'/></svg>");
		}

		::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
			background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,50 50,100 50,0'/></svg>");
		}
	/* Right */
		::-webkit-scrollbar-button:single-button:horizontal:increment {
			height: 12px;
			width: 12px;
			background-position: 3px 3px;
			background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,0 0,100 50,50'/></svg>");
		}

		::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
			background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,0 0,100 50,50'/></svg>");
		}

		::-webkit-scrollbar-button:single-button:horizontal:increment:active {
			background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 0,100 50,50'/></svg>");
		}

/* region header */
	#header {
		height: var(--header-height);
		position: relative;
	}
	#header_upper {
		height: calc(var(--header-height)/2);
		background-color:
		var(--theme-color-main-1);
	}
	#header_lower {
		height: calc(var(--header-height)/2);
	}
	img#header_logo {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		min-height: var(--header-logo-min-height);
		max-height: var(--header-logo-max-height);
	}

.list_content_container * {
	width: auto !important;
}
#technical_info_row > * {
	height: var(--technical-info-height);
	margin-bottom: var(--page-margin);
}
#technical_info_left > div {
	width: 80%;
	margin: auto;
}
#technical_info_right h1 {
	position: sticky;
	top: 0px;
	background-color: white;
	padding-bottom: var(--page-padding);
}
#technical_info_left img {
	border: 1px solid var(--theme-color-main-2);
	max-height: 80%;
	max-width: 100%;
}

#technical_info_right {
	position: relative;
	overflow: auto;
	text-align: left;
	max-width: 55%;
}
#technical_info_right ul {
	margin: 0px;
	padding-left: calc(4 * var(--page-padding));
}
.technical_info_card {
	margin-bottom: var(--page-margin);
}

.h1_wrapper {
	display: flex;
	flex-direction: column;
	width: 90% !important;
	height: var(--h1-height) !important;
	padding: 0 var(--page-padding);
	border-radius: 0 50px 50px 0;
	background-color: var(--theme-color-main-2);
	color: var(--theme-color-main-1);
	justify-content: center;
}
.h1_wrapper div {
	letter-spacing: var(--h1-bis-letter-spacing);
}
h1 {
	font-size: var(--h1-font-size);
	text-transform: uppercase;
	letter-spacing: var(--h1-letter-spacing);
	margin: 0px;
}
h2 {
	font-size: var(--h2-font-size);
	letter-spacing:var(--h2-letter-spacing);
}

#s_equivalencies section {
	padding-left: var(--page-padding);
}

#s_oem_equivalencies > div {
	text-align: left;
}

#s_iam_equivalencies > div > div {
	width: fit-content;
	min-width: fit-content;
	padding: 0 var(--page-padding) var(--page-padding) var(--page-padding);
}

@media (width <= 700px) {
	#s_iam_equivalencies > div > div {
		width: 50%;
		padding: 0 var(--page-padding) var(--page-padding) var(--page-padding);
	}
}


#vehicle_row {
	padding: calc(2 * var(--page-padding)) var(--page-padding);
}
#vehicle_row > * {
	height: var(--vehicle_row_height);
}
#vehicle_row_left {
	min-width: 30%;
}
#vehicle_img {
	max-width: calc(100% - var(--page-padding));
	max-height: 100%;
	margin: auto;
}

.table_caption {
	width: auto !important;
	background-color: var(--theme-color-main-1);
	border-radius: 30px 30px 0 0;
	padding: var(--page-padding) 0 0 var(--page-padding);
	text-align: left;
}

table {
	border-collapse: collapse;
	position: relative;
}
table th {
	position: sticky;
	top: 0px;
	font-weight: 600;
}
table th,
table td {
	padding: calc(var(--page-padding)/2);
}
table tr:nth-child(odd) th,
table tr:nth-child(odd) td {
	background-color: var(--theme-color-main-1);
}
table tr:nth-child(even) th,
table tr:nth-child(even) td {
	background-color: var(--theme-color-main-3);
}

.banner_element {
	display: flex;
	justify-content: center;
	border-radius: 50px;
	padding: calc(0.5 * var(--page-padding));
	margin: calc(0.5 * var(--page-margin));
	width: 300px;
	min-height: calc(var(--banner_element_height) - var(--page-padding));
}
.banner_element:nth-child(odd) {
	background-color: var(--theme-color-main-2);
	color: var(--theme-color-main-1);
}
.banner_element:nth-child(even) {
	background-color: var(--theme-color-main-1);
	color: var(--theme-color-main-2);
}
.banner_element_icon {
	margin: auto 0;
	height: 33px !important;
}
.banner_element_text {
	display: flex;
	flex-direction: column;
	width: fit-content !important;
	justify-content: center;
	padding-left: calc(0.5 * var(--page-padding));
}
.banner_element_text > span:nth-child(1) {
	font-size: var(--default-font-size);
	font-weight: 600;
	text-transform: uppercase;
}
.banner_element_text > span:nth-child(2) {
	font-size: calc(var(--default-font-size) - 2px);
}
.banner_element_text > span:nth-child(3) {
	font-size: calc(var(--default-font-size) - 4px);
}

#footer {
	margin-top: calc(2 * var(--page-margin));
}
#footer_upper {
	display: flex;
	justify-content: space-around;
	background-color: var(--theme-color-main-2);
	color: var(--theme-color-main-1);
}
#footer_upper_left {
	text-align: left;
	width: calc(100% - var(--contact-us-zone-width));
}
#footer_upper_left h1 {
	padding: 0;
	margin: 0;
}
#footer_upper_left div {
	padding: 0;
	padding-top: calc( 0.75 * var(--page-padding));
}

#footer_upper_right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	letter-spacing: var(--h1-bis-letter-spacing);
	padding: var(--page-padding);
}
#footer_upper_right a {
	background-color: var(--theme-color-main-1);
	color: var(--theme-color-main-2);
	border-radius: 50px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	padding: calc(0.5 * var(--page-padding)) var(--page-padding);
	margin-top: calc(0.5 * var(--page-margin));
}
#footer_lower {
	background-color: var(--theme-color-main-1);
}
#footer_lower * {
	padding: var(--page-padding);
	width: auto !important;
	text-align: center;
}