/* Header */
#header nav {
	position: relative;
	/*left: 2em;
	top: 2em;*/
	z-index: 10000;
}

	#header nav ul {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		list-style: none;
		margin: 0;
		padding: 0;
	}

		#header nav ul li {
			display: block;
			padding: 0;
		}

			#header nav ul li a {
				display: block;
				position: relative;
				height: 3em;
				line-height: 3em;
				padding: 0 1.5em;
				background-color: transparent;
				border-radius: 4px;
				border: 0;
				font-size: 0.8em;
				/*font-weight: 900;
				letter-spacing: 0.35em;*/
				text-transform: uppercase;
			}

			#header nav ul li a[href="#menu"] {
				-webkit-tap-highlight-color: transparent;
				width: 2.5em;
				text-indent: 2.5em;
				font-size: 1em;
				/*overflow: hidden;*/
				padding: 0;
				white-space: nowrap;
				text-decoration: none;
				color: inherit;
			}

			#header nav ul li a[href="#menu"]:before,
			#header nav ul li a[href="#menu"]:after {
				-moz-transition: opacity 0.2s ease;
				-webkit-transition: opacity 0.2s ease;
				-ms-transition: opacity 0.2s ease;
				transition: opacity 0.2s ease;
				content: '';
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-position: left center;
				background-repeat: no-repeat;
				background-size: 2em 2em;
			}

			#header nav ul li a[href="#menu"]:before,
			#header nav ul li a[href="#menu"]:after {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
				opacity: 1;
			}
			#header nav ul li a[href="#menu"]:before {
				opacity: 0;
			}

			#header.scrolled nav ul li a[href="#menu"]:before,
			#header.scrolled nav ul li a[href="#menu"]:after{
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %231D2D47%3B %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
				opacity: 1;
			}
			#header.scrolled nav ul li a[href="#menu"]:before {
				opacity: 0;
			}

			#header nav ul li a[href="#menu"]:hover:before {
				opacity: 0.6;
			}
			#header nav ul li a[href="#menu"]:hover:after {
				opacity: 0;
			}

@media screen and (max-width: 46em) {

/*#header {
	padding: 4em 0 0.1em 0 ;
}

	#header nav {
		left: 0.5em;
		top: 0.5em;
	}
*/
		#header nav ul li a[href="#menu"]:before,
		#header nav ul li a[href="#menu"]:after {
			background-size: 1.5em 1.5em;
		}
}
@media screen and (min-width: 46.1em) {
	#header nav ul li a[href="#menu"] {
		width: 4em;
		text-indent: 3.5em;
	}
}


/* header */
.header {
	position: sticky;
	width: 100%;
	top: 0;
	z-index: 99;
	color: var(--header-color);
	background-color: var(--color-white);
	transition: all ease-in-out .3s;
}
.header {
	--header-color: var(--color-white);
	background-color: transparent;
}
	.header a {
		color: inherit;
		text-decoration: none;
	}

	.header a:hover,
	.header a:focus,
	.header a:active {
		text-decoration: underline;
	}

	.header  .inner {
		padding: 1rem 2rem;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: center;
		overflow: hidden;
	}
		.header .inner * {
			margin: 0; padding: 0;
		}
	.header.scrolled {
		--header-color: var(--color-primary);
		background-color: var(--color-white);
		background-image: none;
		min-height: var(--header-height);
	}

/* header logo */
.header .logo {
	--logo-color: var(--color-white);
	opacity: 1;
	position: absolute;
	left: 50%;
	top: 58px;
	transform: translateX(-50%);
}
.header .logo a,
.header .logo a:hover,
.header .logo a:focus,
.header .logo a:active {
	text-decoration: none;
}
.header .logo {
	font-size: 1em;
}
.header.scrolled .logo {
	--logo-color: var(--color-primary);
	opacity: 1;
}

@media screen and (min-width: 500px) {
	.header {
		min-height: unset;
		padding-block-end: initial;
	}
	.header .logo {
		top: 31px;
	}
}

@media screen and (min-width: 33.75em) {
	.header .logo {
		order: initial;
	}
	.header.scrolled .logo {
		--logo-color: var(--color-primary);
		opacity: 1;
		font-size: 1em;
	}
}
@media screen and (min-width: 850px) {
	.header .logo {
		position: static;
		font-size: 1em;
		transform: translateY(0);
	}
}

.layout-pagets__Home .header .logo {
	opacity: 0;
}
.layout-pagets__Home .header.scrolled .logo {
	opacity: 0;
}

/* lang menu */
.header .language-menu {
	text-transform: uppercase;
	letter-spacing: 0.09em;
}
#header nav ul.language-menu li + li span {
	border-left: 1px solid var(--header-color);
}
#header nav ul.language-menu li a {
	padding: 0;
	font-size: 1em;
}
#header nav ul.language-menu li span {
	padding-inline: 0.25rem;
}
#header nav ul.language-menu .text-muted span {
	opacity: 0.8;
}