@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:#000;    letter-spacing:0px;	 	 font-size: 14px;						}
a 										{   font-family: 'Open Sans', sans-serif;	    text-decoration: none; 	 	}
#wrap 		 							{	min-height: 100%;}
#content 								{   width: 100%; float:left; margin-top: 134px;        overflow: hidden;     	}
header 									{	transition: all 0.2s ease-in-out; width:100%;   background-color:#fff; text-align: center; float:left;  padding-top:30px; padding-bottom:30px; position:fixed; z-index:5}
header.active							{	transition: all 0.2s ease-in-out; margin-top:-200px }
.logo 									{	transition: all 0.2s ease-in-out; background:url(../images/logo.png); background-size:cover;  width:200px; height:74px; float:left;    }
.navigation 							{ 	min-height:0px;    display: inline-block; margin:0 auto; font-size: 14px;  margin-top:25px; margin-left:-130px }
.navigation a 							{	margin-left:10px; margin-right:10px; color:#666}
.net 									{	width:70px; min-height:50px;   float:right;   margin-top:4px;  }
.net img 								{	width:100%  }
section 								{   width:80%;  float: left;  margin-left:10%; min-height:20px; }
.narrow_section 						{   width:70%;  text-align: left; float: left;  margin-left:15%; min-height:20px;  }
.narrow_section img						{   width:100%; margin-top:30px;  }
.left_services 							{ 	width:44%; float: left; min-height:20px; padding:1%; background-color:#edfafb;   margin-bottom:40px; text-align: left;  font-size:14px; margin-right:4% }
.right_services 						{ 	width:44%; float: left; min-height:20px;  padding:1%;   margin-bottom:40px;   text-align: left;  font-size:14px; margin-left:4%}
.services_img 							{	width:100%; min-height:20px; float:left }
.services_img img 						{	width:50%;  }
.left 									{ 	width:45%; float: left; min-height:20px;    margin-bottom:40px; text-align: center;  font-size:18px; margin-right:5% }
.right 									{ 	width:45%; float: left; min-height:20px;   margin-bottom:40px;   text-align: center;  font-size:18px; margin-left:5%}
.left img, .right img 					{	width:10%;     }
.profile img					{	width:50%; border-radius: 50%;   margin-bottom:20px;    }

.left_txt, .right_txt 					{	text-align: left; font-size:14px; margin-top:20px; }
.page 									{   width:100%;  float: left; text-align: center;  padding-top:50px; padding-bottom:50px;min-height:20px;    }
.title 									{	font-family: 'Varela Round', sans-serif; font-size:45px;   margin-bottom:50px;}
.title_sub 								{	font-family: 'Varela Round', sans-serif; font-size:28px;   margin-bottom:30px;}
.title_sub_4 							{	font-family: 'Varela Round', sans-serif; font-size:28px;   margin-bottom:10px;}
.title_sub_2 							{	font-family: 'Varela Round', sans-serif; font-size:18px;   margin-top:30px; margin-bottom:30px;}
.title_sub_3 							{	font-family: 'Varela Round', sans-serif; font-size:18px;    margin-bottom:30px;}
.locations 								{	width:30%; min-height:10px; float:left; margin-right:3%; margin-bottom:40px;  }
.addresses 								{	width:48%; min-height:10px; float:left; margin-right:2%; margin-top:50px; background-color:#fff ; }
#form 									{  	padding-top: 0px;}
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.4em 0;}
.navigation a::after 					{  	content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 0.05em;  background-color: hotpink;  opacity: 0;  transition: opacity 300ms, transform 300ms;}
.mobilenav ul 							{   margin: 0;  padding: 0; display:inline-block;}
.mobilenav a 							{  	display: block;  position: relative;   padding: 0.5em 0;}
.mobilenav a::after 					{  	content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 0.05em;  background-color: hotpink;  opacity: 0;  transition: opacity 300ms, transform 300ms;}
a:hover::after, 
a:focus::after 							{  	opacity: 1;  transform: translate3d(0, 0.2em, 0);}
#slide 		 							{   background-color: #fff; overflow: hidden; position:relative;     width: 100%;    display: block;   z-index: 4; margin-top:-0px; }
#slide 	img	 							{   width:100%; display: block;   -webkit-filter: brightness(70%);  filter: brightness(100%);}
.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;}
.mob_navigation 						{	display:none; float: right;   text-align: left;}
.burger 								{	background:url(../images/burger.png); 	background-size:cover; width: 60px;  	height:60px;   	 }
.close  								{	width: 60px;  	height: 60px; background:url(../images/close.png);	background-size:cover; 	 }
#burger 	 							{   width: 60px;	height: 60px;  	transition: all 0.2s ease-in-out; cursor:pointer;    	       	margin-top: 0px;    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:#fff;   display:none;   z-index:100;   top:134px;        float:none;  padding-top:10px;   	width:100%; height:100%;  position:fixed; display:none    	    } 
#mobnavreveal.action 					{ 	background-color:#000;   display:none;   z-index:100;   top:134px;        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: 50px;  } 	
.mobilenav a  							{   transition: all 0.3s ease-in-out; -webkit-tap-highlight-color: rgba(0,0,0,0); margin-left:auto; margin-right:auto;  margin-bottom:15px;            color: #666;       	         font-size: 20px; letter-spacing:0px;   text-decoration: none;     display:block;  }
footer 									{	width:100%; height: 15px; float:left; text-align:center; background-color: hotpink; color:#fff }
.credit a 								{	color:#fff; font-size:10px}
.credit   								{	color:#fff; font-size:10px}
.list 									{	font-weight:600; margin-left:20px}
 
 


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

 
@media only screen and (max-width: 1250px) 	{
  
.navigation 							{ 	display:none }
#mobnavreveal 							{	display:block}
.net 									{ 	min-height:0px;    display: inline-block; margin-left:-140px; font-size: 14px;    float:none}
.mob_navigation 						{	display:inline-block;  }
section 								{   width:90%;  margin-left:5%; }
.narrow_section 						{   width:100%;  margin-left:0%; }
 
 }

 

@media only screen and (max-width: 900px) 	{

.net 									{ 	display:none}
#slide img 		 						{   width: 200%;   margin-left:-50%;  	}
.services_img img 						{	width:100%;}
.left_services 							{ 	width:98%; margin-right:0; }
.right_services 						{ 	width:98%; margin-left:0;   }
.left  									{ 	width:100%; margin-right:0; }
.right  								{ 	width:100%;margin-left:0;   }
.locations 								{	width:100%;  margin-right:0%;  margin-bottom:0px; }
.addresses 								{	width:100%;  margin-right:0%; margin-top:50px;   }
 footer 									{	width:100%; height: 30px;
 
}