li {
	list-style: none;
}

header {
	height: 118px;
}

header nav.navbar {
	transition: all .3s;
	height: 118px;
	width: 100%;
	background-image: url(/img/patterns/pattern-2.svg);
	background-size: cover;
}

header nav.navbar.fixed {
	height: 50px;
	position: fixed;
	top: 0;
	z-index: 100;
}

header nav.navbar .logo {
	transition: all .5s;
	width: 236px;
	height: 70px;
	background: url("/img/logo.png") center/90% no-repeat;
	background-size: cover;
}

header nav.navbar.fixed .logo {
	width: 138px;
	height: 40px;
}

header nav.navbar #headerNavbar ul {
	margin-right: -1rem;
	flex-direction: row;
}

header nav.navbar #headerNavbar ul li a {
	padding-right: 1rem;
	padding-left: 1rem;
}

header nav.navbar #headerNavbar ul li a i.fe {
	color: #fff;
}

footer {
	background-image: url(/img/patterns/pattern-2.svg);
	bottom: 0;
	width: 100%;
	height: 60px;
}

footer #aside {
	position: fixed;
	bottom: 70px;
	right: 20px;
	z-index: 3;
}

footer #aside #btn_top.active {
	opacity: 1;
}

#mainContent {
	min-height: 790px;
}

div.container {
	max-width: 1440px !important;
}

.shadow {
	box-shadow: .25rem .45rem .45rem rgba(17, 17, 17, .4), .45rem .75rem
		2.25rem rgba(17, 17, 17, .6) !important;
}

.layer {
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: auto;
}

.layer:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .5;
	position: absolute;
	top: 0;
	left: 0;
}

.layer .popup {
	width: 22rem;
	margin: -8rem 0 0 -11rem;
	position: absolute;
	top: 45%;
	left: 50%;
	background-color: #fff;
}

.layer .popup .body {
	max-height: 32rem;
}