html {
	margin: 0;
	padding: 0;
	background: #888888;
	max-width: 100%;
	overflow-x: hidden;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

body {
	margin: 0;
	padding: 0;
	max-width: 100%;
	overflow-x: hidden;
	font-size:19px;
	line-height:1.42857143;
	color:#555555;
}	
	
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:19px;
	line-height:1.42857143;
	color:#ffffff;	
}
	
a {
	color: #6c8f34;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #4d6625;
	text-decoration: underline;
}

hr {
	clear:both;
	margin:0;
	padding:5px;
}
	
h1, h2, h3, h4, h5, h6 { 
	/* font-family: 'Source Sans Pro',sans-serif; */
	text-transform:none; display:block; clear:both;
	}  

h1 {font-weight:700; 
	font-size:3.5em; 
	line-height:0.9em; padding:5px 0; margin:0; 
	color:#333333; }
	
h2 { font-weight:500;
	font-size:2.7em; line-height:0.9em; padding:5px 0; margin:0;
	color:#666666; }
	
h3 { font-weight:600;
	font-size:2.3em; line-height:1em; padding:5px 0; margin:0; 
	color:#333333; }
	
h4 { font-weight:400;
	font-size:2.1em; line-height:0.9em; padding:5px 0; margin:0;
	color:#666666; }
	
h5 { font-weight:300;
	font-size:2.0em; line-height:0.9em; padding:5px 0;  margin:0;
	color:#333333; }
	
h6 { font-weight:500;
	font-size:1.9em; line-height:0.9em; padding:4px 0; margin:0;
	color:#666666; }
	
h7 { font-weight:600; font-size:1.8em; line-height:0.9em; padding:4px 0; margin:0; color:#333333}

/* Brand Colors */

.color-dark-lg {color:#263312}
.color-dark-md {color:#3a4d1c}
.color-dark-sm {color:#4d6625}

.color-primary {color:#6c8f34}
.color-secondary {color:#333333}
.color-accent {color:#DDDDDD}
	
.color-light-sm {color:#8ab742}
.color-light-md {color:#9dd04b}
.color-light-lg {color:#b1ea55}
	
/* Text Shadow Effects */
	
.shadow-light-lg {text-shadow: 2px 2px 2px #ffffff, 0 -2px 5px #ffffff; } 
.shadow-light-md {text-shadow: 1px 1px 1px rgba(255,255,255, 0.5), 0 0 2px rgba(180,180,180, 0.5);  }   
.shadow-light-sm {text-shadow: 0 1px 1px rgba(255,255,255, 0.5), -1px 0 2px rgba(180,180,180, 0.5);  }  

.shadow-dark-lg {text-shadow: 2px 2px 2px #333333, 0 -2px 5px #555555; } 
.shadow-dark-md {text-shadow: 1px 1px 1px rgba(50,50,50, 0.3), 0 0 2px rgba(120,120,120, 0.9);}   
.shadow-dark-sm {text-shadow: 0 1px 1px rgba(50,50,50, 0.5), -1px 0 2px rgba(120,120,120, 0.5);  }   

.text-shadow-strong {text-shadow: 1px 1px 2px #222222, 0 0 5px #444444;}
.text-shine-strong {text-shadow: 1px 1px 2px #FFFFFF, 0 0 5px #BBBBBB;}
	
/* Essential Spacings */
	
.center {text-align: center; }
.position-center {display:flex; align-items:center; justify-content:center; flex-direction:row;}
.center-all {display: flex; align-items: center; justify-content: center;  }
	
.margin-xxl { margin:70px; }
.margin-xl { margin:50px; }
.margin-lg { margin:40px 10px; }
.margin-md { margin:30px 10px; }
.margin-sm { margin:20px 10px; }
.margin-xs { margin:10px; }
.margin-none { margin:0; }
.m0 {margin:0;}

.padding-xxl { padding:70px; }
.padding-xl { padding:50px 40px; }
.padding-lg { padding:40px 10px; }
.padding-md { padding:30px 10px; }
.padding-sm { padding:20px 10px; }
.padding-xs { padding:10px; }
.padding-none { padding:0; }
.p0 {padding:0;}

.margin-xxxl-sm { margin:90px 2px 20px 2px; }
.margin-xxl-sm { margin:70px 2px 20px 2px; }
.margin-xl-sm { margin:50px 2px 20px 2px; }
.margin-lg-sm { margin:40px 2px 20px 2px; }
.margin-md-sm { margin:30px 2px 10px 2px; }
.margin-sm-sm { margin:20px 2px 10px 2px; }
.margin-xs-sm { margin:10px 2px 10px 2px; }
.padding-sm-lg { padding:10px 40px; }

@media (max-width: 865px) {
.padding-xxl { padding:20px; clear:both;}
.padding-xl { padding:15px;  clear:both;}
.padding-lg { padding:10px;  clear:both;}
.padding-md { padding:10px; clear:both; }
.padding-sm { padding:5px;  clear:both;}
.padding-xs { padding:3px;  clear:both;}
.padding-none { padding:0;  clear:both;}

.margin-xxl { margin:45px; }
.margin-xl { margin:40px; }
.margin-lg { margin:20px 10px; }
.margin-md { margin:15px; }
.margin-sm { margin:5px; }
.margin-xs { margin:2px; }
.margin-none { margin:0; }

.margin-xl-sm { margin:5px 2px; }
.margin-lg-sm { margin:5px 2px; }
	
h1 {font-size:35px; padding:6px 0; margin:0; }
h2 {font-size:25px; padding:6px 0; margin:0 }
h3 {font-size:21px; padding:4px 0; margin:0 }
h4 {font-size:20px; padding:4px 0; margin:0 }
h5 {font-size:19px; padding:2px 0; margin:0 }
h6 {font-size:18px; padding:2px 0; margin:0 }
h7 {font-size:17px; padding:2px 0; margin:0 }

}

@media (max-width: 450px) {
.margin-xl { margin:30px 10px; }
.margin-lg { margin:20px 5px; }
}

@media (max-width:355px) {
.margin-xl { margin:25px 7px; }
.margin-lg { margin:20px 5px }
}

.black { color:#000000; }
.white { color:#FFFFFF; }

.darkgray { color:#333333; }
.gray { color:#666666; }
.lightgray { color:#999999; }

.text-uppercase {text-transform: uppercase;}
.text-lowercase {text-transform: lowercase;}
.text-capitalize {text-transform: capitalize;}

.text-xxl { font-size:0.9vw; }
.text-xl { font-size:11em !important; line-height:1em;}
.text-lg { font-size:7em !important; }
.text-md { font-size:5em !important; }
.text-sm { font-size:3em !important; }
.text-xs { font-size:1em !important;  }

.text-strong {font-weight:900;}
.strong { font-weight:600; }

	
/* Background Primer */	
.background-primer {
	position: relative;
	z-index: 1;
	width: 100%;
	height:100vh;
	background-color:#584BF5;
	}

/* Background Underlays  */

.background-underlay {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/images/backgrounds/underlay.png');	/* 404 error */
	background-size: auto;
	opacity:0.17;
	filter: alpha(opacity=17);
}


.underlay-photo {
	background-image: url("underlay-video.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

.underlay-video {
	background-image: url("underlay-video.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
	
/* Background Overlays */

.background-overlay {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('overlay.png');
	background-size: auto;
	opacity:0.5;
	filter: alpha(opacity=1);
	}
	

/* Background Content */

.background-content {
	position:relative;
	z-index: 100;
	width: 100% !important;
	height:100% !important;
	display:block;
	display: flex;
	align-items: center;
	justify-content: center;
	}

.content-center {
	text-align:center;
}

.content-left {
	text-align:left;
}
/* Video Containers */
	
@media screen and (max-width:650px) {
	.video-container-md {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 10px;
		height: 0;
		overflow: hidden;
		text-align:center;
	}
	.video-container-md iframe,  .video-container-md object,  .video-container-md embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-width:500px;
		background-color:#efefef;
	}
}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 10px; height: 0; overflow: hidden; }
.video-container iframe,  .video-container object,  .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#bgvideo {
	width: 100vw; /* Could also use width: 100%; */
	height: 100vh;
	object-fit: cover;
	position: fixed; /* Change position to absolute if you don't want it to take up the whole page */
	left: 0px;
	top: 0px;
	z-index: -1;
}

.primer-20 {
	background: #6c8f34; /* no gradient */
	background: -webkit-linear-gradient(#777777, #444444); /* Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#777777, #444444); /* Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#77777, #444444); /* FF 3.6 to 15 */
	background: linear-gradient(#77777, #444444); /* Standard syntax (must be last) */
}

.overlay-1 { background:#000000; 	}
	
.clear {clear:both; padding:5px;}
.line {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid rgba(250,250,250,0.2);
	margin:0;
	padding:0; 
}	

.sidenav h3 { font-size:0.9em; padding:5px;}
.sidenav h5 { font-size:0.9em; padding:5px;}
	
.sizenav-menu-tiny { font-size:12px; }

.form-control {  margin:0 !important; }

.timer { font-size:35px; color:#AAAAAA; margin:30px; }
.timer div { font-size:100px; color:white; display:inline; background-color: rgba(0, 0, 0, 0.3); border-radius:20px; margin:10px; padding:1px 15px; text-shadow: 1px 1px 8px #222222, 0 0 15px #444444; }
.timer div span {  background-color:none; color:#AAAAAA; font-size:35px; margin:0; padding:0; text-shadow: 1px 1px 2px #222222, 0 0 1px #444444; }
	
select.disabled { color:#AAA; }
	
.sidevalue , .sidevalue span { color:white; font-size:13px; line-height:25px; height:25px; margin:0; padding:0; display: inline-block; vertical-align: top;}