#header
{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: var(--global_header_height);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9000;
	padding-left: var(--global_padding);
	padding-right: var(--global_padding);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
				height 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, /* ... 0.2s */
				box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
				background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
				border 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	background-color: transparent;
	background-color: var(--root_color_white);
	display: flex;
}

#header::before
{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: var(--global_transition);
/*	background-color: var(--root_color_white); */
	z-index: -1;
	opacity: 0;
}

#header.header_scroll
{
	height: var(--global_header_height_scroll);
/*	transform: translateY(calc(var(--global_header_height) * -1)); */
/*	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); */
	background-color: var(--root_color_white);
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	box-shadow: 0 0 30px -14px rgba(0, 0, 0, 0.15);
}

#header.header_scroll::before
{
	opacity: 1;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
}

#header.header_scroll_up
{
	height: var(--global_header_height_scroll);
/*	transform: translateY(calc(var(--global_header_height) * -1)); */
/*	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); */
	background-color: var(--root_color_white);
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	box-shadow: 0 0 30px -14px rgba(0, 0, 0, 0.15);
}

#header.header_scroll_up::before
{
	opacity: 1;
}

#header_contener
{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: var(--global_size_header);
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

/* #header_contener a
{
	color: var(--root_color_dark);
}

#header_contener a:hover
{
	color: var(--root_color_lead);
} */

#header_logo
{
	--min_header_logo: 164;
	--max_header_logo: 184;
	--header_logo:
		clamp(calc(var(--min_header_logo) * 1px),
		calc((((-1 * var(--global_scm_var)) * ((var(--max_header_logo) - var(--min_header_logo)) / (var(--global_sc_var) - var(--global_scm_var))) + var(--min_header_logo)) * 1px)
		+ ((var(--max_header_logo) - var(--min_header_logo)) / (var(--global_sc_var) - var(--global_scm_var)) * 100vw)),
		calc(var(--max_header_logo) * 1px));
	min-width: var(--header_logo);
	width: var(--header_logo);
/*	transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
		width 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s,
		min-width 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s; */
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	position: relative;
	z-index: 9002;
	display: block;
/*	mix-blend-mode: multiply; */
}

#header_logo svg > *
{
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#header.header_scroll #header_logo,
#header.header_scroll_up #header_logo
{
/*	min-width: 100px;
	width: 100px; */
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#header.header_scroll #header_logo svg > *,
#header.header_scroll_up #header_logo svg > *
{
	fill: var(--root_color_lead);
}

#header_logo:active 
{
/*	transform: scale(0.95, 0.95); */
}

#header_navigation
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-left: var(--global_size_125);
	margin-right: auto;
	z-index: 9003;
	width: 100%;
}

#header_navigation > *
{
	margin-right: var(--global_size_20);
}

#header_navigation > *:last-child
{
	margin-right: 0
}

#header .global_button_mobile
{
	align-self: flex-end;
	margin: var(--global_size_20) var(--global_padding) var(--global_size_20) var(--global_padding);
}

#header .global_button.mobile
{
	text-align: center;
	display: flex;
	align-items: center;
	color: var(--root_color_black);
	border-color: var(--root_color_black);
	border-radius: 6px;
	border: 1px solid var(--root_color_black);
	background-color: transparent;
}

#header .global_button.mobile::before
{
	content: '';
	display: block;
	margin-right: 12px;
	width: 32px;
	height: 32px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_535_12634)'%3e%3cpath d='M19.7969 6C21.4788 6.4429 23.013 7.32427 24.2428 8.55409C25.4726 9.78391 26.354 11.3181 26.7969 13' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M18.7969 10C20.8619 10.5525 22.2444 11.935 22.7969 14' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M20.3456 19.167C20.4841 19.0748 20.6434 19.0187 20.8091 19.0036C20.9747 18.9886 21.1415 19.0151 21.2944 19.0807L27.1894 21.722C27.388 21.8069 27.5539 21.9539 27.662 22.1409C27.7702 22.3279 27.8149 22.5449 27.7894 22.7595C27.5952 24.2108 26.8805 25.5422 25.7782 26.506C24.6759 27.4699 23.2611 28.0006 21.7969 27.9995C17.2882 27.9995 12.9642 26.2084 9.77606 23.0203C6.58794 19.8322 4.79688 15.5082 4.79688 10.9995C4.79576 9.53524 5.32647 8.12042 6.29033 7.01815C7.25418 5.91588 8.58557 5.20119 10.0369 5.00698C10.2514 4.9815 10.4684 5.02618 10.6555 5.13434C10.8425 5.2425 10.9895 5.40832 11.0744 5.60698L13.7156 11.507C13.7805 11.6585 13.8069 11.8237 13.7926 11.988C13.7782 12.1522 13.7234 12.3103 13.6331 12.4482L10.9619 15.6245C10.8671 15.7675 10.8111 15.9326 10.7993 16.1037C10.7874 16.2748 10.8202 16.4461 10.8944 16.6007C11.9281 18.717 14.1156 20.8782 16.2381 21.902C16.3936 21.9758 16.5656 22.0079 16.7373 21.9949C16.9089 21.982 17.0742 21.9246 17.2169 21.8282L20.3456 19.167Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_535_12634'%3e%3crect width='32' height='32' fill='white' transform='translate(0.796875)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-size: contain;
	filter: invert(1) brightness(200%) !important;
}

#header .global_button.mobile::after
{
	font-family: 'msolowski';
	content: '\e909';
	margin-left: 8px;
	width: auto;
	min-width: 0;
	height: auto;
	background-image: none;
	display: inline-block;
	display: none;
}

#header .global_button.mobile:hover::after
{
	transform: none;
}

/**********************************************************************************/

@media screen and (max-width: 1680px)
{
	#header_navigation
	{
		margin-left: var(--global_size_40);
	}
}

@media screen and (max-width: 1600px)
{
}

@media screen and (max-width: 1440px)
{
}

@media screen and (max-width: 1366px)
{
}

@media screen and (max-width: 1300px)
{
}

@media screen and (max-width: 1200px)
{
}

@media screen and (max-width: 1024px)
{
}

@media screen and (max-width: 800px)
{
}

@media screen and (max-width: 640px)
{
}

@media screen and (max-width: 480px)
{
}

@media screen and (max-width: 360px)
{
}