:root {
	--navbar-height:80px;
	--font-paragraph:"Roboto", sans-serif;
	--font-headline:"arya-double", sans-serif;
	--font-subheadline:"korolev", sans-serif;
	--font-subheadline-condensed:"korolev-condensed", sans-serif;
	--textcolor:#000;
	--text-colo:#000;
	--bgcolor:rgb(232, 234, 239);
	--bgblue:#1b325f;
	--accent:#7b1222;
	--accent-color:#7b1222;
	--accent-blue:#365798;
	--navbar-background:#1b325f;
}

body, html {
	font-family:var(--font-paragraph);
	background-color:var(--bgcolor);
	font-size:14pt;
	overflow-x:hidden;
}

a, a:hover {color:var(--accent-color);}

button, .btn, input[type="submit"] {
	background-color:var(--accent-color);
	color:#fff;
	border-radius:0;
	font-family:var(--font-subheadline);
	text-transform:uppercase;
	font-weight:700;
	font-size:0.8rem;
	transition:0.2s ease-in-out;
	border:none;
	padding: .375rem .75rem;
}
button:hover, .btn:hover, input[type="submit"]:hover {
	color:#fff;
	text-shadow:0 0 7.5px rgba(255,255,255,0.75);
}
button:focus, .btn:focus, input[type="submit"]:focus {
	outline:none;
	box-shadow:none;
}


nav {
	position:fixed;
	top:0; left:0;
	width:100vw;
	height:var(--navbar-height);
	background-color:var(--navbar-background);
	font-family:var(--font-subheadline);
	font-weight:700;
	font-size:1rem;
	display:flex;
	flex-direction:row;
	z-index:50;
}
.nav-logo {
	width:150px; height:50px;
	margin:15px 25px 15px 48px;
}
nav ul {
	list-style-type:none;
	margin:0 0 0 60px;
	padding:0;
	display:flex;
	flex-direction:row;
	align-items:center;
	height:var(--navbar-height);
}
nav ul li {
	color:#fff;
	text-transform:uppercase;
}
nav ul li a {
	color:#fff;
	padding:10px 30px;
	display:block;
	border-top:2px solid rgba(255,255,255,0);
	transition:0.2s ease-in-out;
}
nav ul li a:hover {
	border-top:2px solid #fff;
	text-decoration:none;
	color:#fff;
}
#nav-bg {
	height:var(--navbar-height);
	background-color:var(--navbar-background);
}

#jumbotron {
	position:relative;
	width:100vw; height:215px;
	overflow-y:hidden;
	font-family:var(--font-subheadline);
	display:flex;
	flex-direction:column;
	align-items:center; justify-content:center;
}
#jumbotron * {
	color:#fff;
	position:relative;
	font-family:var(--font-subheadline);
}
#jumbotron img {
	position:absolute;
	left:-30px; top:-30px;
	width:calc(100vw + 30px); height:calc(100% + 30px);
	object-fit:cover;
	filter:saturate(0.75) brightness(0.5);
}
#jumbotron h1 {
	font-size:3rem;
	text-transform:uppercase;
	font-weight:900;
	text-shadow: 0px 0px 10px #000;
	margin:5px 0;
}
#jumbotron div {
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:500;
	font-size:0.9rem;
}
#jumbotron a:hover {
	text-decoration:none;
	text-shadow:0 0 5px #fff;
}

#main {
	min-height:calc(100vh - 685px);
	padding:60px;
}

footer {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	width:100vw; height:390px;
	background-color:#242424;
	padding:45px 60px;
}
footer * {
	color:#fff;
}
#footer-inner {
	display:flex;
	flex-direction:row;
	width:100%;
	box-sizing:border-box;
}
#footer-inner > div {
	flex:1;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
	text-align:center;
}
#footer-logo {
	width:130px; height:40px;
}
#footer-inner h4 {
	font-family:var(--font-subheadline-condensed);
	text-transform:uppercase;
	font-weight:700;
	font-size:1.75rem;
}
#footer-inner h4 i {
	margin-right:10px;
	position:relative;
	top:2px;
}
#footer-inner h6 {
	font-family:var(--font-subheadline-condensed);
	text-transform:uppercase;
	font-weight:700;
	font-size:1.2rem;
	margin:10px 0;
}
#footer-inner p {
	font-size:0.85rem;
}
footer button:hover, footer .btn:hover, input[type="submit"]:hover {
	color:var(--accent-color);
	background-color:#fff;
}
#email-form {
	width:300px;
	max-height:180px;
	overflow-y:hidden;
}
.hs-input {
	width:100%;
	color:#000;
	padding:5px 10px;
	box-sizing:border-box;
	font-size:0.9rem;
	color:#333;
}
footer .hs-form-field {
	text-align:left;
}
footer label {
	margin:0;
	font-size:0.75rem;
	font-family:var(--font-subheadline);
	font-weight:600;
}
footer .actions {
	margin-top:15px;
}
#subfooter {
	display:flex;
	flex-direction:row;
	align-items:center;
	width:100%; height:65px;
	font-size:0.75rem;
	padding:0 30px;
}
#subfooter > * {flex:1;}
#subfooter a:hover {
	text-decoration:none;
	color:#fff;
}
#social-media {
	justify-content:flex-end;
	display:flex;
	flex-direction:row;
}
#social-media a {
	font-size:24px;
	padding:5px 15px;
	transition:0.25s ease-in-out;
	display:block;
	position:relative;
}
#social-media svg {
	filter:invert(100%);
	width:24px; height:24px;
}
#social-media a:hover {
	transform:translateY(-15px);
}