@-webkit-viewport{width:device-width;}
@-moz-viewport{width:device-width;}
@-ms-viewport{width:device-width;}
@-o-viewport{width:device-width;}
@viewport{width:device-width;}
@charset "UTF-8";



/** ALIGNMENT **/
.inherit-height { height: inherit; min-height: inherit; max-height: inherit;}
.align-container { position: relative; height: inherit;}
.align {
	display: table;
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	max-height: 100% !important;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left:0;
}
.align > div {	display: table-cell; width: inherit; width: 100% !important; max-width: 100% !important;}
.align > .middle { vertical-align: middle; }
.align > .bottom { vertical-align: bottom; }

/** GENERAL SETUP **/
:root {
	--white: /* #f2f2f4 */ /* #dadaec */ #ffffff;
	--white-dk: #7b778c;
	
	--grey: #1c1733;
	--grey-dk: #171229;
	--black: #141024;
	
	--accent-red: #cc3941;
	--accent-orange: #f26533;
	--accent-yellow: #F59C2A;
	--accent-green: #4bba53;
	--accent-blue: #1bb2b0;
	--accent-magenta: #9c33a3;
	--accent-purple: #4333a3;
	
	--animate: all .3s ease;
	--animate-fast: all .12s ease-out;
	
	--shadow: 0 .15em 30px 0 rgba(13,9,26,.15);
	--shadow-dk: 0 .3em 30px 0 rgba(13,9,26,.30);
	
	--radius: 5px;
	--radius-lg: 10px;
}
html, body {
	font-size: 14px;
	color: var(--white);
	font-family: "Montserrat", "Open Sans", sans-serif;
	line-height: 1.3em;
	font-weight: normal;
}

body {
	width: 100% !important;
	height: 100% !important;
	width: 100vw !important;
	height: 100vh !important;
	overflow: hidden !important;
}
/** FONTS **/
.align-left { text-align: left;}
.align-center { text-align: center;}
.align-right { text-align: right;}
.align-justify { text-align: justify;}

.align-left * { text-align: left !important;}
.align-center * { text-align: center !important;}
.align-right * { text-align: right !important;}
.align-justify * { text-align: justify !important;}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 500;
	margin-top: 0;
	margin-bottom: .25em;
	line-height: 1.3em;
	font-family: "Montserrat", sans-serif; /* BRAND FONT */
}
small {
	font-size: .5em !important;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	display: inline;
	color: inherit !important;
}
h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small,
.h1 > small, .h2 > small, .h3 > small, .h4 > small, .h5 > small, .h6 > small {
	display: block;
	color: var(--white-dk) !important;
	text-transform: uppercase;
	letter-spacing: .1em;
	line-height: 1.3em !important;
}
h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left,
.h1.align-left, .h2.align-left, .h3.align-left, .h4.align-left, .h5.align-left, .h6.align-left { text-align: left !important }
h1, .h1 {
	font-size: 3em;
	font-weight: 700;
}
h2, .h2 {
	font-size: 2.3em;
	font-weight: 700;
}
h3, .h3 {
	font-size: 1.5em;
	font-weight: 700;
}
h4, .h4 {
	font-size: 1.7em;
	font-weight: 700;
}
h5, .h5 {
	font-size: 1.4em;
}
h6, .h6 {
	font-size: 1.1em;
}
@media(max-width: 991px){
	html, body {
		font-size: 14px !important;
	}
}
p, ul, ol, li, blockquote, q, pre, code, cite {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.25em;
}
b, strong {
	font-weight: 700;
}
span.accent {
	color: var(--accent-yellow);
}





/** CONTAINERS & ROWS **/
.container-fluid {
	width: 100%;
	position: relative;
	padding-left: 0rem;
	padding-right: 0rem;
}


/** PAGE SETUP **/

body {
	position: relative;	
	background-image: url('assets/img/hero7.jpg?v=1');
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
	
}
.overlay {
    padding: 3em;
    color: var(--black);
    position: relative;
    height: 100vh !important;
    
}
.section .overlay::after {
    background: white;
    opacity: .95;
}
.section .overlay::after {
    content: '';
    display: block;
    position: absolute;
    pointer-events: none;
    z-index: 98 !important;
    width: 100%;
    height: 100vh !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.section .row .overlay .content  {
    position: relative;
    z-index: 99 !important;
    height: 100vh !important;
}

hr {
	border-top: 2px solid #dddddd;
}
.content h3 {
	border-bottom: 1px solid #5e5e5e;
	padding-bottom: 5px;
	margin-bottom: 20px;
	font-weight: 900;
}
.content h5 {
	margin-top: 15px;
	font-weight: 800;
	font-size: 1.1em;
}
.content p {
	font-weight: 600;
	font-size: 1.01em;
}

.content p em {
	font-size: 0.8em;
}



.support {
	position: absolute;
	bottom: 7vh;
	left: 0;
	font-size: 85%;
}

.timestamp  {
	position: relative;
	height: 100vh;
}
.timestamp .absolute {
	position: absolute;
	bottom: 6vh;
	right: 6vh;
	text-align: right;
	color: var(--white);
}
.timestamp #date {
	font-size: 1.5em;
	height: 7vh;
	display: block;
	clear: both;
	font-weight: 400;
}
.timestamp #time {
	font-size: 5.5em;
	height: 4vh;
	font-weight: 500;
}