header {
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
}

.hiddenHeader header {
	transform: translate(0,-100%);
}

header .header-inner {
	position: relative;
	display: flex;
	width: 100%;
	height: 5vw; /*96px*/
	justify-content: space-between;
	align-items: center;
	padding: 0 var(--lateralMargin);
	transition: 
		background .9s cubic-bezier(0.9, 0, 0.1, 1);
		/*height .4s cubic-bezier(0.9, 0, 0.1, 1);*/
}

.scrolled.scrolledHeader header .header-inner {
	background-color: var(--darkWhite);
	/*height: 80px;*/
}

header .header-inner .logo {
	position: relative;
	display: block;
	width: auto;
	height: 2.604vw; /* 50px */
}

header .header-inner .logo svg {
	position: relative;
	display: block;
	width: auto;
	height: 100%;
	transition: fill .9s cubic-bezier(0.9, 0, 0.1, 1);
}

header .header-inner.positive .logo svg {
	fill: var(--black);
}

header .header-inner.negative .logo svg {
	fill: var(--white);
}

.scrolled.scrolledHeader header .header-inner.negative .logo svg {
	fill: var(--black);
}

header .header-inner .logo svg .move {
	transition: 
		opacity .9s cubic-bezier(0.9, 0, 0.1, 1), 
		transform 1s cubic-bezier(0.9, 0, 0.1, 1);
	opacity: 1;
	transform: translate(0,0);
}

.scrolled header .header-inner .logo svg .move {
	opacity: 0;
}

.menu-opened header .header-inner .logo svg .move {
	transform: translate(0,0) !important;
	opacity: 1 !important;
}

/* Font */
.scrolled header .header-inner .logo svg .move.o {
	transform: translate(-3.645vw,0); /*70px*/
}

.scrolled header .header-inner .logo svg .move.n {
	transform: translate(-8.34vw,0); /*160px*/
	transition-delay: .04s;
}

.scrolled header .header-inner .logo svg .move.t {
	transform: translate(-12.5vw,0); /*240px*/
	transition-delay: .08s;
}

/* Design */
.scrolled header .header-inner .logo svg .move.e {
	transform: translate(-5.208vw,0); /*100px*/
}

.scrolled header .header-inner .logo svg .move.s {
	transform: translate(-9.635vw,0); /*185px*/
	transition-delay: .02s;
}

.scrolled header .header-inner .logo svg .move.i {
	transform: translate(-12.5vw,0); /*240px*/
	transition-delay: .04s;
}

.scrolled header .header-inner .logo svg .move.g-2 {
	transform: translate(-15.625vw,0); /*300px*/
	transition-delay: .06s;
}

.scrolled header .header-inner .logo svg .move.n-2 {
	transform: translate(-20.834vw,0); /*400px*/
	transition-delay: .08s;
}

/* Group */
.scrolled header .header-inner .logo svg .move.r {
	transform: translate(-3.645vw,0); /*70px*/
}

.scrolled header .header-inner .logo svg .move.o-2 {
	transform: translate(-8.34vw,0); /*160px*/
	transition-delay: .03s;
}

.scrolled header .header-inner .logo svg .move.u {
	transform: translate(-13.54vw,0); /*260px*/
	transition-delay: .05s;
}

.scrolled header .header-inner .logo svg .move.p {
	transform: translate(-18.75vw,0); /*360px*/
	transition-delay: .08s;
}


/* Nav */
header .header-nav {
	position: relative;
	display: flex;
	flex-flow: row;
	column-gap: 2.031vw; /*39px*/
	transition: opacity .9s cubic-bezier(0.9, 0, 0.1, 1);
}

.scrolled header .header-nav {
	opacity: 0;
	pointer-events: none;
}

.scrolled.scrolledHeader header .header-nav {
	opacity: 1;
	transition: opacity 0s cubic-bezier(0.9, 0, 0.1, 1);
	pointer-events: all;
}


/* Menu */
header .header-inner .menu,
header .header-inner .menu-lang {
	position: relative;
	display: flex;
	flex-flow: row;
}

header .header-inner .menu {
	column-gap: 2.031vw; /*39px*/
}

header .header-inner .menu-lang {
	column-gap: .625vw; /*12px*/
}

header .header-inner .menu li a,
header .header-inner .menu-lang a {
	position: relative;
	display: block;
	text-transform: uppercase;
	font-size: 1.67em;
    line-height: 1;
	transition: color .9s cubic-bezier(0.9, 0, 0.1, 1);
}

header .header-inner.positive .menu li a {
	color: var(--black);
}

header .header-inner.negative .menu li a {
	color: var(--white);
}

header .header-inner .menu li a:hover {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: .208vw;
}

header .header-inner .menu-lang li a {
	/*color: var(--darkGrey);*/
	color: #dfdfdf;
}

header .header-inner.positive .menu-lang li a:hover {
	color: var(--black);
	transition: color .4s cubic-bezier(0.9, 0, 0.1, 1);
}

header .header-inner.negative .menu-lang li a:hover {
	color: var(--white);
	transition: color .4s cubic-bezier(0.9, 0, 0.1, 1);
}

.scrolledHeader header .header-inner .menu-lang li a {
	color: var(--darkGrey);
}

.scrolledHeader header .header-inner.positive .menu-lang li a:hover,
.scrolledHeader header .header-inner.negative .menu-lang li a:hover {
	color: var(--black);
	transition: color .4s cubic-bezier(0.9, 0, 0.1, 1);
}

header .header-inner .menu-lang li.current-language a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: .208vw;
}

.scrolled.scrolledHeader header .header-inner .menu li a {
	color: var(--black);
}

.toggleMenu,
.hamburger-wrapper {
	display: none;
}


@media only screen and (max-width: 1024px) {
	.menu-opened .hiddenHeader header {
  		transform: translate(0,0%);
	}

	header .header-inner {
		height: 68px;
		z-index: 2;
	}

	header .header-inner .logo {
		height: 44px;
    	transform: translate(0,3px);
	}

	.menu-opened header .header-inner .logo svg {
		fill: black !important;
		transition: fill .1s ease-in-out;
	}

	header .header-nav {
		display: none;
	}

	/* Hamburger */	
	.toggleMenu {
		position: relative;
		display: block;
		width: 30px;
		height: 25px;
		cursor: pointer;
	}

	.toggleMenu span {
		position: relative;
		display: block;
		width: 30px;
		height: 1px;
		top: 12px;
		pointer-events: none;
		transition: all .1s ease-in-out;
	}

	.menu-opened .toggleMenu span,
	.menu-opened .toggleMenu span:before,
	.menu-opened .toggleMenu span:after {
		background: var(--black) !important;
	}

	.scrolledHeader .negative .toggleMenu span,
	.scrolledHeader .positive .toggleMenu span,
	.scrolledHeader .negative .toggleMenu span:before,
	.scrolledHeader .positive .toggleMenu span:before,
	.scrolledHeader .negative .toggleMenu span:after,
	.scrolledHeader .positive .toggleMenu span:after,
	.positive .toggleMenu span:before,
	.positive .toggleMenu span:after,
	.positive .toggleMenu span {
		background: var(--black);
	}

	.negative .toggleMenu span:before,
	.negative .toggleMenu span:after,
	.negative .toggleMenu span {
		background: var(--white);
	}

	.toggleMenu span:before,
	.toggleMenu span:after {
		content: '';
		position: absolute;
		display: block;
		width: 100%;
		height: 1px;
		background: var(--black);
		transition: all .1s ease-in-out;
	}

	.toggleMenu span:before {
		top: -9px;
	}

	.toggleMenu span:after {
		top: 9px;
	}

	.menu-opened .toggleMenu span {
		background: transparent !important;
		width: 30px;
		margin-left: 10px;
	}
	
	.menu-opened .toggleMenu span:before {
		transform: rotate(45deg);
		top: 0px;
	}

	.menu-opened .toggleMenu span:after {
		transform: rotate(-45deg);
		top: 0px;
	}

	/* Hamburger menu */
	header .hamburger-wrapper {
		position: fixed;
		display: block;
		width: 100%;
		height: calc( var(--vh, 1vh) * 100 );
		background-color: var(--darkWhite);
		z-index: 1;
		top: 0;
		left: 0;
		opacity: 0 !important;
		pointer-events: none !important;
		transition: opacity .4s cubic-bezier(0.9, 0, 0.1, 1);
	}

	.menu-opened header .hamburger-wrapper {
		opacity: 1 !important;
		pointer-events: all !important;
	}

	header .hamburger-wrapper .hamburger-inner {
		position: fixed;
		display: block;
		width: 100%;
		height: 100vh;
		padding: 68px var(--lateralMargin) 40px;
		overflow: auto;
	}

	header .hamburger-wrapper .menu-sm {
		position: relative;
  		display: flex;
		width: 100%;
  		height: 100%;
  		flex-flow: column;
  		justify-content: space-between;
  		padding-top: 68px;
	}

	header .hamburger-wrapper .menu-sm ul.menu {
		position: relative;
		display: flex;
		flex-flow: column;
		row-gap: 10px;
	}

	header .hamburger-wrapper .menu-sm ul.menu li a {
		color: var(--black);
		text-transform: uppercase;
		font-size: 58px;
	}

	header .hamburger-wrapper .menu-sm ul.menu-lang {
		position: relative;
    	display: flex;
    	column-gap: 18px;
		margin-top: 34px;
	}

	header .hamburger-wrapper .menu-sm ul.menu-lang li a {
		color: var(--darkGrey);
		text-transform: uppercase;
		font-size: 24px;
	}

	header .hamburger-wrapper .menu-sm ul.menu-lang li.current-language a {
		color: var(--black);
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 6px;
	}
}

@media only screen and (max-width: 740px) {
	.toggleMenu {
    	transform: translate(0,-2px);
  	}

	header .header-inner {
		height: 58px;
	}

	header .header-inner .logo {
		height: 34px;
    	transform: translate(0,4px);
	}

	.toggleMenu {
		width: 30px;
  	}
	
	.toggleMenu span {
    	width: 30px;
  	}

	.menu-opened .toggleMenu span {
   		margin-left: 0px;
  	}

	header .hamburger-wrapper .menu-sm ul.menu li a {
    	font-size: 48px;
  	}
}


@media only screen and (max-width: 550px) {

}