header {
	position: absolute;
	z-index: 10;
	padding-top: 20px;
	width: 100%;
}
header.menuopen {
	background-color: #fff;
}
header > .container > .row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
header .brand img {
	max-height: 40px;
}
header .brand [hidden] {
	display: none!important;
}
header button {
	border: none;
	background-color: transparent;
	text-align: right;
}
header button svg {
	color: #fff
}
header.menuopen button svg {
	color: #3e4653
}
header nav {
	display: none;
	padding-top: 25px;
	padding-bottom: 25px;
	height: calc(100vh - 86px);
}
header.menuopen nav {
	display: flex;
	align-items: center;
}
header nav > ul {
	width: 100%;
	padding-left: 0;
	list-style: none;
}
header nav > ul > li {
	padding: 15px 0;
}
header nav > ul > li:not(:last-child) {
	border-bottom: 1px solid rgba(62, 70, 83, 0.25);
}
header nav > ul > li > a,
header nav > ul > li > a:visited,
header nav > ul > li > a:focus {
	color: #3e4653;
	text-decoration: none;
}
header nav > ul > li.active > a {
	font-weight: 700;
}
header nav > ul > li > a:hover {
	color: #4091af;
	text-decoration: none;
}
header nav > ul > li > a[lang] {
	font-weight: 700;
	text-decoration: underline;
}
/*
@media (max-width: 1499px) { 
	header nav > ul {
		width: 540px!important;
	}
}
*/

@media (min-width: 991px) {
	header {
		background-color: transparent !important;
	}
	header nav {
		display: block !important;
		padding-top: 0;
		padding-bottom: 0;
		height: auto;
		background-color: transparent;
	}
	/*
	header nav > ul {
    float: right;
    width: auto;
    list-style: none;
    display: flex;
    flex-flow: row wrap-reverse;
    justify-content: flex-end;
	}
	*/
	header nav > ul {
    width: auto;
    list-style: none;
    display: flex;
    justify-content: center;
	}
	header nav > ul > li {
		display: inline-block;
		border: none !important;
		padding: 0 10px;
	}
	header nav > ul > li > a,
	header nav > ul > li > a:visited,
	header nav > ul > li > a:focus {
		color: #fff;
	}
	header nav > ul > li > a:hover {
		color: #b6d4e0;
	}
}

@media (min-width: 991px) {
	header .mobile-menu-button {
		display: none;
	}
	header .brand {
		width: 100%;
		margin-bottom: 25px;
	}
	header .brand img {
		margin: auto;
		display: block;
	}
	header nav {
		flex: 1;
	}
}

footer#wb-info {
	background-color: #3e4653;
	color: #fff
}
footer#wb-info nav {
	padding-top: 0;
	padding-bottom: 0;
}
footer#wb-info a,
footer#wb-info a:visited,
footer#wb-info a:focus {
	color: #fff;
	font-size: inherit;
}
footer#wb-info a:hover {
	color: #afb6c2;
}
footer#wb-info .footer-top {
	padding-top: 50px;
	padding-bottom: 50px;
}
footer#wb-info .footer-top .row {
	display: flex;
	flex-wrap: wrap;
}
footer#wb-info .footer-top h2 {
	clip: none;
	position: static;
	margin-top: 32px;
	margin-bottom: 15px;
	height: auto;
	width: auto;
	color: #fff;
	font-family: 'Open Sans', 'Noto Sans', sans-serif;
	font-size: 20px;
	letter-spacing: normal;
	text-transform: uppercase;
}
footer#wb-info .footer-top nav li {
	margin-bottom: 0.15em;
}
footer#wb-info .footer-top .logo-holder {
	display: flex;
	align-items: center;
	margin-top: 25px;
}
footer#wb-info .footer-bottom {
	padding-top: 50px;
	padding-bottom: 50px;
	border-top: #575757 solid 1px;
}
footer#wb-info .footer-bottom .col-lg-4 {
	margin-top: 15px;
}
footer#wb-info .tofpg a,
footer#wb-info .tofpg a:visited,
footer#wb-info .tofpg a:focus {
	color: #fff;
}
footer#wb-info .tofpg a svg {
	vertical-align: middle;
}

@media (min-width: 992px) {
	footer#wb-info .footer-top {
		padding-top: 100px;
		padding-bottom: 100px;
		font-size: 20px;
	}
	footer#wb-info .footer-bottom .col-lg-4 {
		margin-top: 0;
		text-align: right;
	}
	footer#wb-info .footer-bottom p {
		margin-bottom: 0;
	}
}
@media (min-width: 1200px) {
	footer#wb-info .footer-top .logo-holder {
		justify-content: flex-end;
	}
}