body {
	min-height: 100vh;
	background-color: white;
}

.t-primary-bgcolor {
	background-color: #0b527f;
}

.t-primary-textcolor {
	color: #0b527f;
}

a {
	color: #9d3631;
}

.container {
	width: 1200px;
}

@media screen and (max-width: 1200px) {
	.container {
		width: auto;
	}
}

.header__top {
	display: flex;
	align-items: center;
	height: 45px;
	background-color: #0e5b85;
}

.header__top .container {
	display: flex;
	align-items: center;
	color: #FFF;
}

.header__top i {
	opacity: 0.5;
	margin-right: 10px;
	font-size: 130%;
}

.header__top .container span {
	font-size: 14px;
	display: flex;
	align-items: center;
}

.header__top span.h2 {
	margin: 0 5px;
	font-size: 35px;
}

.header__top a {
	color: #FFF;
}

.header__contact {
	font-size: 12px;
	line-height: initial;
	top: 14px;
}

.header-wrapper {
	background-color: white;
}

.header__main {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header {
	width: 100%;
	font-family: "Roboto", sans-serif;
}

.header__logo {
	width: 330px;
	padding: 40px 20px 40px 0;
}

.header__logo-link {
	z-index: 10;
}

.nav-wrapper {
	display: flex;
	/* width: 100%; */
	justify-content: center;
}

.header__nav {
	display: flex;
	/* padding: 0; */
	list-style-type: none;
	justify-content: flex-end;
}

.header__nav li {
	display: flex;
	position: relative;
}

.header__nav a {
	transition: color .1s ease-out,background .1s ease-out,border .1s ease-out,height .35s ease,line-height .35s ease;
	color: #3e3e3e;
	font-size: 18px;
	display: flex;
	align-items: center;
	text-decoration: none;
	line-height: 60px;
	padding: 0 12px;
	font-weight: 400;
	letter-spacing: 0.3px;
}
.header__nav a:last-child {
	padding-right: 0;
}

.header__nav a:hover {
	text-decoration: none;
	color: #9d3631;
}

body:not(.page-upload):not(.page-home):not(.page-services):not(.page-about):not(.page-supplies):not(.page-contact) .header__nav .planroom a,
body.page-upload .header__nav .upload a,
body.page-services .header__nav .services a,
body.page-about .header__nav .about a,
body.page-contact .header__nav .contact a,
body.page-supplies .header__nav .supplies a
{
	color: #0b527f;
}

.header__nav .services-subnav {
	opacity: 0;
	visibility: hidden;
	background-color: #333333;
	position: absolute;
	top: 100%;
	left: 0;
	width: 270px;
	padding: 8px 0;
	border-top: 2px solid #0b527f;
	margin-top: -2px;
	z-index: 10000;
	transition: all .2s ease;
}

body.scrolled .header__nav .services-subnav {
	margin-top: 0;
}

.header__nav .services-subnav a {
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px 20px;
	color: #b3b3b3 !important;
	line-height: 28px;
}

.header__nav .services-subnav a:hover {
	color: #FFF !important;
}

.header__nav .services:hover .services-subnav {
	opacity: 1;
	visibility: visible;
}

.header__nav .nav-side {
	display: flex;
	flex-direction: row;
	padding: 0;
	margin: 0;
	width: 37%;
	justify-content: space-between;
	z-index: 11;
}

body.page-upload .sidebar__nav, body.page-supplies .sidebar__nav {
	display: none;
}

.footer-wrapper {
	background-color: #000C20;
	margin-top: 0;
	color: #595959;
	padding: 2rem 0;
}

.footer-wrapper a {
	color: #E2E2E2;
	line-height: 2.2;
	font-size: 15px;
}

.footer-wrapper {
	margin-top: 0;
	background-color: #1a202c;
}

.footer .container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.footer, .footer a {
	color: #666;
	width: 100%;
}

.footer img {
	max-height: 80px;
	max-width: 100%;
	opacity: 0.35;
}

@media screen and (max-width: 768px) {
	.footer {
		flex-direction: column;
		padding: 20px 0;
	}
}

.sidebar {
	margin-right: 3rem;
}

.copyright {
	display: none;
}

.header__contact {
	display: none;
}

.page-products .navbar__menu, .page-upload .navbar__menu {
	visibility: hidden;
}