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

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@200;300;400;600&display=swap');

div, p, body, h1, h2, h3, h4,h5, ul, li {
	margin: 0;
	padding:0;
	font-weight:normal;
}
/*disable text sizing on orientation change*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	-webkit-text-size-adjust:none;
}
body {background:#06313f; font-family: 'Open Sans', sans-serif;}

h1 {
	width: 321px;
	height: 66px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../img/logo.png") no-repeat left top; /* this image replaces the text in the header with something a little prettier */
}
h1 a {
	display: block;
	height: 66px;
}
h2 {
	display: inline-block; 
	margin-top:50px;
	font-weight:200;
	font-size:2.4em;
	text-align: left;
}

.centerOrange{text-align: center; }

.centerOrange h4{display:block;padding: 25px 50px;border:#ef8f24 solid 8px; margin:0;}

.scale {max-width: 100%;}

h4{font-size:1.7em;margin-bottom:20px;}

h5{font-size:1.3em;margin-bottom:20px;line-height: 1.5em;}

p {font-size:1.1em;margin-bottom:20px;}

a, a:visited {text-decoration: none;color:#0e6f8f;}

a:hover {color:#48bbd7;}

.callout a, .callout a:visited {text-decoration: none;color:#ccc;}

.callout.slate a, .callout.slate a:visited, .slate a, .slate a:visited {text-decoration: none;color:#85dff5;}

.callout a:hover,.callout.slate a:hover, .slate a:hover {color:#fff;}

.orange a, .orange a:visited {text-decoration: none;color:#ffeb7a;} 

.green a, .green a:visited {text-decoration: none;color:#e8ffbf;}

.skyBlue a, .skyBlue a:visited {text-decoration: none;color:#bff2ff;}

.orange a:hover, .green a:hover, .skyBlue a:hover {color:#fff;}

.form-style-1 {
	margin:10px auto;
	max-width: 400px;
	padding: 20px 12px 10px 20px;
	font: 13px;
	font-family: 'Open Sans', sans-serif;
}
.form-style-1 li {
	padding: 0;
	display: block;
	list-style: none;
	margin: 10px 0 0 0;
}
.form-style-1 label {
	margin:0 0 3px 0;
	padding:0px;
	display:block;
	
}
.form-style-1 input[type=text], 
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
textarea, 
select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #BEBEBE;
	padding: 7px;
	margin:0px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;	
	font-family: 'Open Sans', sans-serif;
}
.form-style-1 input[type=text]:focus, 
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus, 
.form-style-1 select:focus{
	-moz-box-shadow: 0 0 8px #88D5E9;
	-webkit-box-shadow: 0 0 8px #88D5E9;
	box-shadow: 0 0 8px #88D5E9;
	border: 1px solid #88D5E9;
}
.form-style-1 .field-divided{
	width: 49%;
}

.form-style-1 .field-long{
	width: 100%;
}
.form-style-1 .field-select{
	width: 100%;
}
.form-style-1 .field-textarea{
	height: 100px;
}
.form-style-1 input[type=submit], .form-style-1 input[type=button]{
	background: #8eb24e;
	font-size:1.2em;
	font-weight: 300;
	padding: 16px 32px 16px 24px;
	border: none;
	border-left:#c1e680 solid 16px;
	color: #fff;
}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
	background: #c1e680;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border-left:#8eb24e solid 16px;
}
.form-style-1 .required{
	color:red;
}


.centerBlock{text-align: center;}

.container {
	clear:both;
	max-width:1000px;
	margin: 0 auto;
	overflow: hidden;
}
.fullScreenColor {width:100%; clear:both;}

.fullBox {	
	width:92%; 
	min-height:50px;
	padding: 4%;
	
}
.orange.section {border-left:#ffd680 solid 16px;}

.slate.section {border-left:#70bdd7 solid 16px;}

.green.section {border-left:#c1e680 solid 16px;}

.forestGreen.section {border-left:#8cdc9d solid 16px;}

.white.section {border-left:white solid 4px;padding-bottom:0;}


ul {
  line-height: 1.5em;
  margin: 20px 0 -10px;
  padding: 0 50px 0 20px;
}
ul.small {
 
  font-size:0.75em;
}

ul li {
  list-style: none;
  position: relative;
  font-size: 1.3em;
  padding: 0 0 40px 40px;
}
ul.small li {
  list-style: none;
  position: relative;
  font-size: 1.3em;
  padding: 0 0 30px 20px;

}


li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 13px;
  height: 13px;
  background-color: #48bbd7;
}
.small li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 10px;
  height: 10px;
  
}

.form-style-1 li::before,ol li::before {
	display:none;

}
.forestGreen.contentBox {border-top:#8cdc9d solid 16px;}
.skyBlue.contentBox {border-top:#85dff5 solid 16px;}
.orange.contentBox {border-top:#ffd680 solid 16px;}

.contentBox {padding:32px; font-size: 1.1em;}


.fullBox h2 {margin-top:0px;}

.fullBox.mainPage.green {border-top:#c1e680 solid 16px; padding: 2% 4%; }


.threequarterBox{
		float:left;
	width:65%; 
	min-height:250px;
	padding: 48px 4.5% 16px;		
}
.onequarterBox{
		float:right;
	width:20%; 
	min-height:250px;
	padding: 48px 3% 16px;	

}

.callout{padding:24px;font-size:1.2em;font-weight:600;}

.threeSeventhBox{
		float:left;
	width:43%; 
	
	padding: 0;	
		padding-bottom: 99em;
    margin-bottom: -100em;
}

.fourSeventhBox{
		float:left;
	width:57%; 
	margin:0;
	padding: 0;	
		padding-bottom: 99em;
    margin-bottom: -100em;
}

.halfBox {
	float:left;
	width:46%; 
	min-height:250px;
	padding: 3% 2%;
	padding-bottom: 102em;
    margin-bottom: -100em;
}
.halfBoxRight {
	float:right;
	width:46%; 
	min-height:250px;
	padding: 3% 2%;
	padding-bottom: 102em;
    margin-bottom: -100em;
}
.headerRight {
	float:right;
	width:96%; 
	font-size:1.3em;
	font-weight:200;
	text-align: right;
}

.headerRight #hamitems a, .headerRight #hamitems a:visited {display:inline-block;text-decoration: none;color:#CCC;padding:2%;padding-top:22px;
	padding-bottom:24px;}

.headerRight #hamitems a:hover, .headerRight #hamitems a.selected   {color:#fff;}



.headerLeft {
	
	float:left;
	width:46%; 
	padding:24px 2%;
}
.footerRight {
	float:right;
	width:46%; 
	padding:24px 2%;
	text-align: right;
}
.footerLeft {
	float:left;
	font-size:1.25em;
	width:46%; 
	padding:24px 2%;
}
.lightBlue {background:#268fad;}

.white {background:#fff; color:#000;}

.medBlue {background:#0e6f8f;color:#fff;}

.skyBlue {background:#48bbd7;color:#fff;}
.skyBlue p, .skyBlue h5 {font-weight:600;}

.green {background:#8eb24e;color:#fff;}

.forestGreen {background:#60a06e;color:#fff;}
.forestGreen p {font-weight:600;}

.greyGreen {background:#93a786;color:#fff;}
.greyGreen p {font-weight:600;}

.orange {background:#ef8f24;color:#fff;}
.orange p, .orange h5 {font-weight:600;}

.tan {background:#c9a439;color:#fff;}
.tan p {font-weight:600;}

.slate {background:#0e6f8f;color:#fff;}
.slate p, .slate h5 {font-weight:600;}

.black {background:#000;color:#fff;}

.darkBlue{color:#48bbd7;}

.darkBlue a, .darkBlue a:visited {text-decoration: none;color:#48bbd7;}

.darkBlue a:hover {color:#85dff5;}

.spacer{height:20px;}

/* [ON BIG SCREEN] */
/* (A) WRAPPER 
#hamnav {
  width: 100%;
  background: #000;
}*/

/* (B) HORIZONTAL MENU ITEMS 
#hamitems { display: flex; }*/
/*#hamitems a {
  flex-grow: 1;
  flex-basis: 0;
  padding: 10px;
  color: white;
  text-decoration: none;
  text-align: center;
}
#hamitems a:hover { background: #af0d0d; }*/

/* (C) HIDE HAMBURGER */
#hamnav label, #hamburger { display: none; }

@media only screen and (min-width: 900px) and (max-width: 950px) {
.contentBox {padding:32px; font-size: 1em;}
}

@media only screen and (min-width: 791px) and (max-width: 899px) {
.contentBox {padding:32px; font-size: 0.9em;}
}

@media only screen and (min-width: 701px) and (max-width: 790px) {
.contentBox {padding:24px; font-size: 0.8em;}
}



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

.fullBox {
	width:90%; 
	padding: 5%;
}	
	
.halfBox, .fullBox.mainPage.green {
	/*min-height:200px;*/
	width:92%; 
	padding:4%;
	padding-bottom: 100em;
    margin-bottom: -100em;
}
.halfBoxRight {
	/*min-height:200px;*/
	float:left;
	width:92%; 
	padding:4%;
	padding-bottom: 100em;
    margin-bottom: -100em;
}
	
.threeSeventhBox{
width:100%; 
		padding-bottom: 99em;
    margin-bottom: -100em;
}

.fourSeventhBox{
width:100%; 
		padding-bottom: 99em;
    margin-bottom: -100em;
}
	
	
	

.headerRight {
	width:96%; 
	
	text-align: center;
}
.headerLeft {
	text-align: center;
	width:96%; 
	padding:2%;
}
	
.threequarterBox{
		float:left;
	width:86%; 
	min-height:250px;
	padding: 3% 7%;		
}
.onequarterBox{
		display:none;

}	
	
	
h1 {	
	margin: 0 auto;
}
/*h2 {
	display: inline-block; 
	margin-top:30px;
}*/
.footerRight {
	width:96%; 
	text-align: center;
}
.footerLeft {
	text-align: center;
	width:96%; 
}
	
 /* (A) BREAK INTO VERTICAL MENU */
  #hamitems a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-top: 1px solid #333;
  }
 
.headerRight #hamitems a.selected   {background:black;color:#fff;}	
	
  /* (B) SHOW HAMBURGER ICON */
  #hamnav label { 
    display: inline-block; 
    color: white;
    background: black;
    font-style: normal;
    font-size: 1.2em;
    padding: 10px;
  }

  /* (C) TOGGLE SHOW/HIDE MENU */
  #hamitems { display: none; }
  #hamnav input:checked ~ #hamitems { display: block; }
}	
	
	
	
}