header#header {
	position: relative;
	z-index: 110;
	width: 100%;
	height: 120px;
	color: #000;
	fill: #888C8F;
	font-size: 0;
	border-bottom: 1px solid #D3D4D7;
	margin-bottom: 85px;
}
.white-header header#header {
	position: absolute;
	color: #fff;
	fill: #fff;
	margin-bottom: 0;
}
header > .container {
	position: relative;
	height: 100%;
	overflow: hidden;
}
header > .container > div {
	display: inline-table;
	height: 100%;
	vertical-align: middle;
}
header > .container > div > div {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
header > .container > div > div > * {
	display: inline-block;
	vertical-align: middle;
}
header > .container .left {
	position: relative;
	z-index: 1;
	float: left;
}
header > .container .middle {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
header > .container .right {
	position: relative;
	z-index: 1;
	float: right;
}

/* logo */
header > .container .logo {
	font-size: 0;
}
header > .container .logo a:hover {
	fill: #666 !important;
}
header > .container .logo svg {
	width: 350px;
}
header > .container .logo .mobile {
	display: none;
}

/* menu */
header > .container .nav-menu li {
	display: inline-block;
	margin-left: 39px;
}
header > .container .nav-menu li:first-child {
	margin-left: 0;
}
header > .container .nav-menu li a {
	position: relative;
	display: inline-block;
	font-size: 17px;
	line-height: 1;
	/* padding: 3px 0; */
	border-bottom: 1px solid;
	border-color: transparent;
}
header > .container .nav-menu li a::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 0;
	border-bottom: 1px solid;

	-o-transition: width 0.2s;
	-moz-transition: width 0.2s;
	-webkit-transition: width 0.2s;
	transition: width 0.2s;
}
header > .container .nav-menu li a:hover {
	color: #D5201E !important;
}
header > .container .nav-menu li.current-menu-item > a,
header > .container .nav-menu li.current_page_item > a,
header > .container .nav-menu li.current-page-ancestor > a,
header > .container .nav-menu li.current-menu-parent > a,
.single-project header > .container .nav-menu li.menu-item-object-project > a {
	font-weight: bold;
	color: #D5201E;
}
header > .container .nav-menu li > a:hover::after,
header > .container .nav-menu li.current-menu-item > a::after,
header > .container .nav-menu li.current_page_item > a::after,
header > .container .nav-menu li.current-page-ancestor > a::after,
header > .container .nav-menu li.current-menu-parent > a::after,
.single-project header > .container .nav-menu li.menu-item-object-project > a::after {
	width: 100%;
}

/* language switcher */
header > .container .language-switcher {
	margin-left: 40px;
}
header > .container .language-switcher > * {
	display: inline-block;
	vertical-align: top;
}

header > .container .language-switcher > svg {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
header > .container .language-switcher li a {
	font-size: 17px;
	line-height: 1.3;
	text-transform: uppercase;
}
header > .container .language-switcher li.current-lang {
	display: none;
}

/* menu toggle */
header > .container .hamburger-btn {
	display: none;
}
@media all and (max-width: 1400px) {
	header#header {
		height: 100px;
		margin-bottom: 65px;
	}
	header > .container .logo svg {
		width: 280px;
	}
	header > .container .nav-menu li,
	header > .container .language-switcher {
		margin-left: 25px;
	}
	header > .container .language-switcher li a {
		font-size: 16px;
	}
}
@media all and (max-width: 1000px) {
	header#header {
		height: 80px;
	}
	header > .container .logo svg {
		width: 265px;
	}
	header > .container .middle,
	header > .container .nav-menu,
	header > .container .language-switcher {
		display: none;
	}
	header > .container .hamburger-btn {
		display: inline-block;
	}
}
