HTML, BODY { margin: 0; padding: 0; font-family: Helvetica, Arial; overflow-x: hidden; } 
	
	* { outline: none; 
  		box-sizing: border-box !important;
  		-moz-box-sizing: border-box;
  		-webkit-box-sizing: border-box;
  		text-decoration: none;
		}
	
	.text-white { color: #FFF; }
	.text-orange { color: #ED7F28; }

	
	.bg { background: url(/img/presentation-407291_960_720.jpg) center no-repeat fixed; background-size: cover; }
	.logo { padding: 25px 10px 25px; background: rgba(255,255,255,0.94); }
	
	nav { display: block; width: 100%; text-align: center; border-bottom: 5px solid #ED7F28; float: left; }
	nav.fixed { width: 100%; height: 46px;  }
	nav.fixed ul { 
		height: 49px;
		z-index: 9999999999;
		float: left; position: fixed; top: 0px; background: rgba(255,255,255,0.90); 
		-moz-box-shadow: 0 0 5px #888;
		-webkit-box-shadow: 0 0 5px#888;
		box-shadow: 0 0 5px #888;
		border-bottom: 5px solid #ED7F28;
	}
	nav ul { margin: 0px 0 0px 0; height: 46px;  padding: 15px 0 0 0; width: 100%; }
	nav li { list-style: none; display: inline-block; padding: 0; margin: 0;}
	nav li a,nav li a:link,nav li a:visited  { color: #0071ba; font-weight: bold; font-size: 20px; padding: 15px 24px 11px; font-family: helvetica, sans-serif; text-transform: uppercase; text-decoration: none; }
	nav li a.selected { background-color: #ED7F28; color: #FFF;}
	nav li a.selected:hover { color: #FFF; }
	nav li a:hover { color:  #ED7F28;  }
	
	#intro { float: left; clear: both; padding: 40px 0 0 0; display: block; width: 100%; text-align: center; background-color: #f8efeb; }
	#intro img { width: 100%; height: auto; max-width: 80%; }
	
	H1  { padding: 0; margin: 5px auto 0; line-height: 1.2em; }
	H3 {  padding: 60px 0 0px 0; margin: 0; font-size: 25px; color: #42A3E8; text-transform: uppercase; font-weight: 600; font-family: Arial, Helvetica; }
	H1 IMG { width: 60%; max-width: 250px; height: auto !important; margin: 0 auto;  } 
	P { font-size: 15px;  }
	.slide { float: left; display: block; text-align: center; padding: 30px 0; width: 100%; background-color: #0071ba;  }
	.slide H2 { text-align: center;  vertical-align: middle; font-size: 32px; color: #DDD; text-transform: uppercase; font-weight: 600; font-family: Arial, Helvetica; display: inline-block; }
	.slide H2 * { display: inline; }
	.slick-dots { display: none; }
	
	.columns { margin: 0 auto; width: 90%; max-width: 600px; }
	.text-center,.text-center * { text-align: center;  }
	
	FORM input { background-color: #EFEFEF; float: left; width: 100%; margin: 10px 0; padding: 8px 10px; font-size: 20px; text-align: left !important; border: 2px solid #FFF; }
	FORM input:focus { border: 2px solid #FFF; background-color: #FFF; }
	FORM BUTTON { background-color: #42A3E8; color: #FFF; padding: 8px 20px; cursor: pointer; float: left; border: 1px solid #FFF; border-radius: 3px; font-size: 18px; margin: 10px 0 0 0; }
	FORM BUTTON:HOVER { background-color: #FFF; border: 1px solid #42A3E8; color: #42A3E8; }
	
	FORM 	input[name=location] { position: absolute; float: right; height: 1px; width: 1px; overflow: hidden; border: none; padding: 0; }
	
	.clearfix { display: block; clear: both; width: 100%; }
	.valign { margin: 0 auto; text-align: center; display: table-cell !important; vertical-align: middle; height: 150px; width: 2400px; text-align: center; }
	.valign * { display: inline !important; }

	#approach { padding: 20px 0; float: left; width: 100%; background: url(/img/background-pattern.png) center no-repeat fixed; background-size: cover; }
	#approach H2 { text-transform: uppercase; font-size: 40px; padding: 20px 0; }
	
	#approach .approach-circles { margin: 0 auto; width: 97%; max-width: 1024px; text-align: center; }
	#approach .approach-circles .circle { line-height: 1.3em; min-width: 230px; width: 220px;  vertical-align: middle; font-size: 23px; color: #FFF; display: inline-block; width: 24%; text-align: center; padding: 0px 20px;  }
	#approach .approach-circles .circle SPAN { font-style: italic; font-weight: 600; }
	#approach .approach-circles .circle div { display: table-cell !important; width: 250px; height: 250px; vertical-align: middle; }
	#approach .approach-circles .circle.first { background: url(/img/circle-01.png) center no-repeat; background-size: 94% auto; }
	#approach .approach-circles .circle.second { background: url(/img/circle-02.png) center no-repeat; background-size:  94% auto; }
	#approach .approach-circles .circle.third { background: url(/img/circle-03.png) center no-repeat; background-size:  94% auto; }
	#approach .approach-circles .circle.fourth { background: url(/img/circle-04.png) center no-repeat; background-size:  94% auto; }

	#connect { padding: 20px 0; float: left; width: 100%; background-color: #42A3E8;  }
	#connect H3 { color: #FFF; }
	#connect P { color: #FFF; line-height: 1.3em; }
	#connect .social { float: left; width: 100%; margin: 40px 0 10px; }
	#connect .social a { background-color: #0071BA; color: #42A3E8; margin: 0 5px; padding: 11px 12px 9px; border-radius: 200px; border: 1px solid #0071BA;  display: inline-block; width: 40px; }
	#connect .social a:hover { background-color: #FFF; border: 1px solid #FFF; }
	
	.success, .error { font-weight: bold; padding: 15px 10px; margin: 30px 0 20px; background-color: rgba(255,255,255,0.95); border-radius: 5px; color: #FF0000 !important; }
	.success { color: #1cb603 !important; }
	
	#team { float: left; width: 100%; padding: 50px 0; background-color: #0071BA; }
	#team H2 { width: 100%; color: #FFF; font-size: 40px; text-transform: uppercase;}
	#team  .row {  width: 100%; max-width: 1200px; margin: 0 auto; }
	#team  .row .columns { float: left; width: 33.333%; text-align: center; }
	#team .spacer { padding: 30px; }
	#team img { width: 95%; height: auto; margin: 0; padding: 0; }
	#team H5 { line-height: 1.25em;  font-size: 30px; color: #ED7F28; margin: 0; padding: 20px 0 10px 0; }
	#team P { color: #FFF; font-size: 24px; text-transform: uppercase; line-height: 1.25em; }
	
	#contact { float: left; padding: 40px 0; width: 100%; }
	#contact H2 { text-transform: uppercase; font-size: 40px; }
	#contact textarea {  margin: 0 0 15px; float: left; width: 100%; font-size: 16px; height: 300px; padding: 10px; text-align: left; border: 1px solid #FFF; background-color: #EFEFEF; }
	#contact input { margin: 0 0 15px 0; border: 1px solid #FFF; }
	#contact input:focus,
	#contact textarea:focus { background-color: #FFF; border: 1px solid #999; }
	#contact LABEL { text-align: left; color: #999; margin: 10px 0 8px; width: 100%; float: left; font-size: 18px; }
	#contact .error { background-color: #FFAAAA; }
	#contact .success { background-color: #5FF957; }
	
	
	footer { float: left; width: 100%; padding: 40px 20px 100px 20px; background-color: #42A3E8;  }
	footer P { text-align: center; color: #FFF; }
@media only screen and (max-width: 1053px) { 
	#approach H2 { text-transform: uppercase; font-size: 40px; padding: 20px 0 0; }
	#approach .approach-circles .circle { line-height: 1.3em; min-width: 200px; width: 200px;  vertical-align: middle; font-size: 16px; color: #FFF; border-radius: 400px; width: 24%; text-align: center; padding: 0px 20px;  }
	#approach .approach-circles .circle div { display: table-cell !important; width: 200px; height: 250px; vertical-align: middle; }
	
	#team .spacer { padding: 15px; }
	#team H5 { font-size: 20px; }
	#team P { font-size: 16px; }
}
@media only screen and (max-width: 860px) { 
	.slide H2  BR { display: none; }
	#approach .approach-circles { max-width: 700px; }
	#approach .approach-circles .circle { padding: 30px; font-size: 27px; margin: 15px 0; height: 300px; width: 49%; text-align: center; background-size: contain !important; }
	#approach .approach-circles .circle div { width: 1000px; height: 260px; }
}
@media only screen and (max-width: 767px) { 	
	.logo { padding: 60px 10px; background: rgba(255,255,255,0.94); }
	.slide H2 {  padding: 0 20px; font-size: 22px; color: #DDD; text-transform: uppercase; font-weight: 600; font-family: Arial, Helvetica; }
	.slide H2  BR { display: none; }
	nav li span { display: none; }
	#team  .row .columns { width: 33.33%; }
}	

@media only screen and (max-width: 640px) {
	#approach H2 { font-size: 30px; padding: 15px 0; } 	
	#approach .approach-circles .circle { padding: 30px; font-size: 20px; margin: 0px 0; height:240px; width: 49%; text-align: center; background-size: contain !important; }
	#approach .approach-circles .circle div { width: 1000px; height: 180px; }

	#team  img { max-width: 200px;  }
	#team  .row .columns { width: 100%; }

}


@media only screen and (max-width: 560px) { 	
	nav { height: 50px; }
	nav li a,nav li a:link,nav li a:visited  { padding-left: 15px; padding-right: 15px; }

}

@media only screen and (max-width: 520px) { 	
	nav { height: 48px; }
	nav li a,nav li a:link,nav li a:visited  { font-size: 17px; }

}

@media only screen and (max-width: 480px) { 	
	
	.logo { padding: 10px 0; }
	nav { padding: 10px 0; margin: 0;  float: left;  }
	nav ul { float: left; margin: 0; margin-top: -22px; }
	nav li { float: left;  position: relative; margin: 0; width: 25%; padding: 0px 0px;  text-align: center; }
	nav li a,nav li a:link,nav li a:visited { font-size: 12px !important; float: left !important; margin: 0; padding: 15px 0 13px; width: 100%; text-align: center;  }
	nav.fixed ul { padding: 0px; margin: 0; height: 45px; }
	nav.fixed li { padding: 0;  }

}