@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;  	 	}
div 								{   font-family: "Open Sans", sans-serif;  							}
a 									{   font-family: "Open Sans", sans-serif;  color: #325683; font-weight: 400; text-decoration: none; 	 	}
header 	 							{	transition: all 0.2s ease-in-out; background-color: #fff;	width: 100%;	height: 148px;  	display: block; position: fixed !important;  z-index:101;}
header.active 						{																					height: 74px;  	 }
#logo 		 						{   transition: all 0.2s ease-in-out; background:url(../images/logo.svg); background-size:cover; top: 14px;  position:absolute;     width:180px; height:120px; left:50%;  margin-left:-90px;  z-index: 3;   }
#logo.active  		 				{   																							 top: 10px;  						width:100px; height:54px; 			 margin-left:-50px;  				}
.hero  								{	min-height:20px;  position: relative; text-align: center; color:#fff; }
.hero img 							{	width: 100%;display: block;}
.headline 							{ 	 width:100%;    margin: 0;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
#content 							{   background-color: #000;    width: 100%; float:left; margin-top: 148px;        overflow: hidden;     	}
.h1 								{ 	font-family: "Open Sans", sans-serif; font-weight: 400;     color: #255787;         line-height:130%;     font-size: 28px;    }
.main 								{	text-align: center; background-color: #f5f5f5;  width: 100%;  float: left;   display:block; }
.main_copy 							{	text-align:left; background-color: #f5f5f5;  width: 100%;  float: left; font-family: "Open Sans", sans-serif; font-weight: 300;     color: #373737;         line-height:150%;     font-size: 16px;  }
section 							{   float: left; width:50%;  margin-left:25%;	 	margin-top:80px; margin-bottom:80px;   	min-height:100px; 	  padding-top:0px; padding-bottom:0px;    }
.link 								{	height:20px;   margin-top:20px;     display: flex;font-size: 16px; align-items: center;}
.link img 							{	height:18px; margin-right:12px; margin-top:2px;}
.sm_txt 							{	font-family: "Open Sans", sans-serif; font-weight: 300;          font-size: 10px; display: block; margin-top:20px;margin-bottom:20px;}
.md_txt 							{	font-family: "Open Sans", sans-serif; font-weight: 500;         font-size: 30px; display: block;  }
.lg_txt 							{	font-family: "Open Sans", sans-serif; font-weight: 500;         font-size: 50px; display: block;margin-top:20px; }
.xlg_txt 							{	font-family: "Open Sans", sans-serif;  font-size: 58px; font-weight: 600; display: block;  }
footer 								{  	font-family: "Open Sans", sans-serif; text-align: center;  background-color: #325683; 	position: relative;   color: #fff;  	width: 100%;    	   margin-left:auto; 	margin-right: auto;  	  	clear: both;	padding-top:80px;padding-bottom:80px;}
.social 							{	font-size: 28px; margin:10px;}
footer a 							{	color: #fff;}
#slide 		 						{ 	background-color: #fff; position:relative;     width: 100%;    display: block;   z-index: 4;  }
#slide 	img	 						{	width:100%; display: block;   -webkit-filter: brightness(70%);  filter: brightness(70%);}
.slider  							{	width:100%; float:left;        	}
.slide 								{	position: relative; 		overflow:hidden;	}
 
 


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


 
 @media only screen and (max-width: 1100px) 	{
 
 section 							{	width:70%;  margin-left:15%;	 	   }
 
}
 

@media only screen and (max-width: 800px) 	{
 
#slide img		 					{  	width: 150%;  margin-left:-25% }
 section 							{	width:86%;  margin-left:7%;	 margin-top:50px; margin-bottom:50px;  	   }
.hero img 							{	width: 200%;  margin-left:-50% }
.xlg_txt 							{ 	font-size: 38px;    }
.md_txt 							{ 	font-size: 18px;   }
.headline 							{	width:80%;   }
.h1 								{ 	font-size: 22px;    }
.main_copy 							{	font-size: 14px;  }
.link 								{	font-size: 14px; }
}