@charset "UTF-8";
/* CSS Document */

 


html, body 								{	height: 100%;      width: 100%;    margin: 0;    padding: 0; -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */}
* 										{   padding: 0;    margin: 0;	} 
a img 									{   border: 0; outline : none;}
img 									{	border: 0; outline : none; }
/*Opera Fix*/ body:before 				{	content:"";	height:100%;	float:left;	width:0;	margin-top:-32767px;}
body 									{   margin: 0px;  background-color:#fff;	}
div 									{   font-family: 'Open Sans', sans-serif;	color:#fff;    letter-spacing:0px;	 	 font-size: 16px;						}
a 										{   font-family: 'Open Sans', sans-serif;	    text-decoration: none; 	 	}
#wrap 		 							{	min-height: 100%;}
#content 								{   width: 100%; float:left; margin-top: 0px;        overflow: hidden;     	}
header 									{	transition: all 0.2s ease-in-out; width:100%;   min-height:50px; text-align: center;    z-index:800; position:absolute; top:20px}
header.active							{	transition: all 0.2s ease-in-out; margin-top:-200px }
.logo 									{	transition: all 0.2s ease-in-out; background:url(../images/logo_w.svg); background-size:cover;  width:165px; height:84px; float:left;    }
.navigation 							{ 	min-height:0px;    display: inline-block; margin:0 auto; font-size: 16px;  margin-top:25px;  letter-spacing: -1px;}
.navigation a 							{	font-family: 'Open Sans', sans-serif; font-weight:800;   text-transform:uppercase;   color:#fff; margin-left:10px; margin-right:10px;}
ul 										{  	list-style: none;  margin: 0;  padding: 0; }
ul 										{   display: flex;  flex-wrap: wrap;  justify-content: center; }
.navigation a 							{  	display: block;  position: relative;  padding: 0.5em 0;}
.navigation a::after 					{  	content: '';  position: absolute;  top: -3px;  left: 0;  width: 100%;  height: 0.6em;  background-color: white;  opacity: 0;  transition: opacity 300ms, transform 300ms;}
.fixed 									{   position: fixed; }
.social 								{	float:right;  width:165px; display: flex;   justify-content: right;  align-items: center;  height: 84px; font-family: 'Open Sans', sans-serif; font-weight:800; font-style:bold; text-transform:uppercase; }
.social a 								{	margin-left:9px;  color:#fff;  font-size: 24px;  }
.social a:hover							{	transition: all 0.2s ease-in-out;  color:#eaeaea;   }
#slide 		 							{   background-color: #000; overflow: hidden; position:relative;     width: 100%;    display: block;   z-index: 4; margin-top:-0px; }
#slide 	img	 							{   width:100%; display: block;   -webkit-filter: brightness(90%);  filter: brightness(90%);}
.fade  									{   background-color: transparent; background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1));; background-repeat: repeat-x;  width:100%;  z-index: 5;  height:100px; position:absolute }
.slider  								{   width:100%; float:left;        	}
.slide 									{	position: relative; 		overflow:hidden;	}
.slide_title 							{   margin-bottom:30px; display:block;  color: #fff; letter-spacing:-1px;  font-size: 70px; font-family: 'Oswald', sans-serif;     text-transform:uppercase;  }
.slide__heading 						{   transition: all 0.2s ease-in-out; display: block; height:auto;   position: absolute; bottom:15%;      z-index: 2;    width:100%; text-align:center; }
.slide__heading a    					{   transition: all 0.2s ease-in-out;  background-color: #019247;  font-weight: 300; color: #fff; text-transform:uppercase; letter-spacing:0px; font-size: 18px; padding-left:30px;  padding-right:30px;  padding-top:13px; padding-bottom:13px;}
.slide__heading a:hover       			{   transition: all 0.2s ease-in-out;  background-color: #E66721;  font-weight: 300; color: #fff; text-transform:uppercase; letter-spacing:0px; font-size: 18px; padding-left:30px;  padding-right:30px;  padding-top:13px; padding-bottom:13px;}
section 								{   width:80%;  float: left;  margin-left:10%; min-height:20px;  }
.page 									{   width:100%; background-color:#000;  float: left;   padding-top:70px;  min-height:20px;   text-align:left; }
.title 									{	font-family: 'Open Sans', sans-serif; font-weight:800; font-size:28px;  color:#fff; margin-bottom:30px;  text-transform:uppercase; letter-spacing: -1px;}
.title_sub								{	font-family: 'Open Sans', sans-serif; font-weight:800; font-size:18px;  color:#fff; margin-top:10px;  text-transform:uppercase; letter-spacing: -1px;}
.title_sub a							{	font-family: 'Open Sans', sans-serif; font-weight:600; font-size:12px;  color:#fff; margin-top:5px;  text-transform:uppercase; letter-spacing: -1px; display:block;}
.show_1 img, .show_2 img 				{	width:100%}
.show_1 								{ 	width:30%; min-height:50px; float:left; margin-bottom:70px;}
.show_2 								{ 	width:30%; min-height:50px; float:left; margin-left:5%; margin-right:5%; margin-bottom:70px;}
.about 									{ 	width:46%; min-height:50px; float:left; margin-right:4%;}
.team 									{ 	width:46%; min-height:50px; float:left; margin-left:4%;}
.h_line 								{ 	width:100%; height:1px; background: #fff; margin-top:0px;  float:left; }
.mobilenav ul 							{   margin-top: 20px;  padding: 0px; display:inline-block;}
.mobilenav a 							{   position: relative;   padding: 0.6em 0;  margin-top:30px}
.mobilenav a::after 					{  	content: '';  position: absolute;  top: -3px;  left: 0;  width: 100%;  height: 0.6em;  background-color: white;  opacity: 0;  transition: opacity 300ms, transform 300ms;}
.mobilenav li 							{	margin-top:30px;} 
.mobilenav i 							{	margin-left:10px; margin-top:30px;} 
.nohover::after 						{	content:none!important; } 
a:hover::after, 
a:focus::after 							{  	opacity: 1;  transform: translate3d(0, 0.2em, 0);}
.mob_navigation 						{	display:none; float: right;   text-align: left;}
.burger 								{	background:url(../images/burger.svg); 	background-size:cover; width: 64px;  	height:64px;   	 }
.close  								{	width: 64px;  	height: 64px; background:url(../images/close.svg);	background-size:cover; 	 }
#burger 	 							{   width: 64px;	height: 64px;  	transition: all 0.2s ease-in-out; cursor:pointer;    	       	margin-top: 10px;    margin-right: 0px;    display: block; z-index:101;   }
#burger img 							{   position:absolute;   -webkit-transition: opacity 400ms ease-in-out;  -moz-transition: opacity 400ms ease-in-out;  -o-transition: opacity 400ms ease-in-out;    transition: opacity 400ms ease-in-out;}
#burger img.transparent 				{	opacity:0;}
#mobnavreveal 							{ 	background-color:#000;    z-index:100;   top:0px;        float:none;  padding-top:10px;   	width:100%; height:100%;  position:fixed; display:none    	    } 
#menu 									{  	transition: all 0.2s ease-in-out; text-align:center;    height:100%;  overflow-y:auto; -webkit-overflow-scrolling: touch; margin-top: 150px;  } 	
.mobilenav a  							{   transition: all 0.3s ease-in-out; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: 'Open Sans', sans-serif; font-weight:800;   text-transform:uppercase;  margin-left:auto; margin-right:auto;              color: #fff;       	         font-size: 40px; letter-spacing:-1px;   text-decoration: none;       }
footer 									{	width:100%; height: 150px; float:left; text-align:center; background-color: #000; color:#fff; display: flex;   justify-content: center;  align-items: center; }
.credit a 								{	color:#fff; font-size:10px}
.credit   								{	color:#fff; font-size:10px}
.foot_social a 							{	margin-right:14px; margin-top:-15px; color:#fff;  font-size: 48px; float:left; }
 #mc_embed_shell 						{	margin-top:20px;   }
input  									{	width:59%;  height: 5vh;  font-size:1.8vh; background-color:#000; color:#fff;   border: 1px solid #525252;  border-radius: 2px;  padding: 4px 10px;   box-sizing: border-box; outline: none;}
.button 								{	width:38%; height: 5vh;   background-color:#fff;color:#000; font-size:12px;  font-weight: 600; text-transform:uppercase }
.a_l 									{	width:20%; float:left; margin-bottom:10px;}
.a_r 									{	width:70%; float:left; margin-left:10% ; margin-bottom:10px;}

/*--------Responsive Flow-------------*/

 
 @media only screen and (max-width: 1250px) 	{
  
 
section 								{   width:90%;  margin-left:5%; }
 

 }
 
 
@media only screen and (max-width: 1000px) 	{
  
.navigation 							{ 	display:none }
#mobnavreveal 							{	display:block}
.mob_navigation 						{	display:inline-block;  }
section 								{   width:90%;  margin-left:5%; }
#slide img 		 						{   width: 200%;   margin-left:-50%;  	}
.social 								{	display:none }
.show_1 								{ 	width:100%; }
.show_2 								{	width:100%;  margin-left:0%; margin-right:0%;  }
.about 									{ 	width:100%; margin-right:0%;}
.team 									{ 	width:100%; margin-left:0%; margin-top:50px; }
.foot_social a 							{	font-size: 68px;  }
.fade 									{   height:50px;  }

 }

 

 







