@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700|Open+Sans:300,300i,400,400i,600,700,700i";
/* CSS Document */
html {
 font-family: sans-serif;
 -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
}
body {
 margin: 0;
 color: #000000;
 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
 font-size: 15px;
 line-height: 28px;
}
h1 {
 font-size: 34px;
 color: #003361;
 font-weight: 400;
}
h2 {
 font-size: 16px;
 color: #000001;
 font-weight: 400;
}
hr {
 height: 2px;
 color: #75b434;
 background: #75b434;
 font-size: 0;
 border: 0;
}
fieldset {
 border: 0px solid #c0c0c0;
 margin: 0 2px;
 padding: 0.35em 0.625em 0.75em;
}
input::placeholder {
 color: #555555;
 font-weight: 300;
}
select {
 /* styling */
 min-width: 100%;
 background-color: #f5f5f5;
 border: 0px;
 border-radius: 0px;
 display: inline-block;
 font: inherit;
 line-height: 28px;
 padding: 12px 17px;
 font-weight: 300;
 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
 /* reset */

 margin: 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-appearance: none;
 -moz-appearance: none;
 background-image: url(https://image.info.enterprisecommunity.org/lib/fe5a15707c6201787311/m/1/28bafee1-b104-45bd-b11c-0ef164578826.png);
 background-position: right center;
 background-repeat: no-repeat;
}
button {
 background-color: #0068ad;
 border-radius: 6px;
 color: #ffffff;
 display: inline-block;
 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: 400;
 line-height: 50px;
 text-align: center;
 text-decoration: none;
 width: 250px;
 -webkit-text-size-adjust: none;
}
.required-field {
 border:1px solid red !important; 
}
.show {
 display: block;
}
.hide {
 display: none;
}
.container {
 padding: 10px 20px 10px 20px;
 font-family: 'Open Sans', Arial, Helvetica, Sans-serif;
 max-width: 1050px;
 margin: auto;
}
.subscribe-header {
 padding: 20px 20px 20px 20px;
 background-color: #5bA001;
 color: #fff;
 font-size: 18px;
 font-weight: 400;
}
.pc-header {
 padding: 30px 20px 30px 20px;
 background-color: #0066ad;
 color: #fff;
 font-size: 32px;
 font-weight: 300;
 text-align: center;
}
.top-nav-option {
 text-align: right;
 padding: 0px 10px;
 color: #0066ad;
 font-size: 18px;
 font-weight: 400;
}
.top-nav-option a {
 text-decoration: none;
 color: #0066ad;
}
.top-nav-option a:hover {
 color: #000000;
}
.grey-container {
 padding: 20px 20px 20px 20px;
 font-family: 'Open Sans', Arial, Helvetica, Sans-serif;
 background-color: #dde2e5;
}
.form-column {
 width: 50%;
}
.group:after {
 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0;
}
.group {
 display: inline-block;
}
.float-left {
 float: left;
}
.form-input-box {
 margin-top: 0.4em;
 margin-bottom: .85em;
 width: 90%;
}
.form-input-box-email {
 margin-top: 0.4em;
 margin-bottom: .85em;
 width: 50%;
 margin: auto;
}
.form-input-box-half {
 margin-bottom: .85em;
 width: 40%;
}
.form-input-box-state {
 margin-bottom: .85em;
 margin-left: 15px;
 width: 47%;
}
.form-input-box label {
 position: absolute;
 width: 1px;
 height: 1px;
 margin: -1px;
 padding: 0;
 overflow: hidden;
 clip: rect(0,0,0,0);
 border: 0;
 display: none;
}
.form-input-box-email label {
 position: absolute;
 width: 1px;
 height: 1px;
 margin: -1px;
 padding: 0;
 overflow: hidden;
 clip: rect(0,0,0,0);
 border: 0;
 display: none;
}
.form-input-box-half label {
 position: absolute;
 width: 1px;
 height: 1px;
 margin: -1px;
 padding: 0;
 overflow: hidden;
 clip: rect(0,0,0,0);
 border: 0;
 display: none;
}
.form-input-box-state label {
 position: absolute;
 width: 1px;
 height: 1px;
 margin: -1px;
 padding: 0;
 overflow: hidden;
 clip: rect(0,0,0,0);
 border: 0;
 display: none;
}
.form-input-box input {
 background: #f5f5f5;
 padding: 12px 17px;
 border: 0px;
 width: 100%;
 overflow: visible;
 font: inherit;
 margin: 0;
}
.form-input-box-email input {
 background: #ffffff;
 border: 2px solid #dde2e5;
 padding: 15px 0px;
 width: 100%;
 overflow: visible;
 font: inherit;
 color:#004069;
 font-weight: bold;
 margin: 0;
}
.form-input-box-half input {
 background: #f5f5f5;
 padding: 12px 17px;
 border: 0px;
 width: 100%;
 overflow: visible;
 font: inherit;
 margin: 0;
}
.sublist-option {
 padding: 0px 0px 20px 0px;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.section-header {
 color: #00416b;
 padding: 00px 0px 10px 0px;
 font-weight: 600;
 font-size: 18px;
}
.section-padding {
 padding-top: 25px !important; 
}
.option-cell {
 padding: 0px 40px 0px 0px;
 font-size: 16px;
 line-height: 25px;
 font-weight: 300;
}
.option-header {
 font-weight: 800;
 color: #0068ad;
}
.submit {
 clear: both;
 float: none;
 display: block;
 margin: auto;
 text-align: center;
}
/* The checkbox-label */
.checkbox-label {
 display: block;
 position: relative;
 padding-left: 30px;
 margin-bottom: 12px;
 cursor: pointer;
 font-size: 22px;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
/* Hide the browser's default checkbox */
.checkbox-label input {
 position: absolute;
 opacity: 0;
 cursor: pointer;
}
/* Create a custom checkbox */
.checkmark {
 position: absolute;
 top: 0;
 left: 0;
 height: 19px;
 width: 19px;
 border-radius: 6px;
 background-color: #fff;
 border: 2px solid #0068ad;
}
/* On mouse-over, add a grey background color */
.checkbox-label:hover input ~ .checkmark {
 background-color: #fff;
}
/* When the checkbox is checked, add a blue background */
.checkbox-label input:checked ~ .checkmark {
 background-color: #0068ad;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
 content: "";
 position: absolute;
 display: none;
}
/* Show the checkmark when checked */
.checkbox-label input:checked ~ .checkmark:after {
 display: block;
}
/* Style the checkmark/indicator */
.checkbox-label .checkmark:after {
 left: 7px;
 top: 2px;
 width: 4px;
 height: 11px;
 border: solid white;
 border-width: 0 2px 2px 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}

@media only screen and (max-width: 480px) {
.container {
 padding: 10px 10px 10px 10px;
}
.align-left {
 text-align: left;
}
.top-nav-option {
 text-align: center;
}
.hide-mobile {
 display: none;
}
.nav-drop {
 width: 100%;
 display: block;
 text-align: left;
}
.form-column {
 width: 100%;
 display: block;
}
.float-left {
 float: none;
}
.form-input-box input {
 padding: 10px 13px;
 width: 100%;
}
.form-input-box-email input {
 padding: 10px 0px;
 width: 100%;
}
.form-input-box-half input {
 padding: 10px 13px;
 width: 100%;
}
.form-input-box-half {
 width: 90%;
}
.form-input-box-state {
 margin-top: 0.4em;
 margin-bottom: .85em;
 margin-left: 0px;
 width: 90%;
}
.form-input-box-email {
 width: 80%;
}
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
.container {
 padding: 10px 10px 10px 10px;
}
.top-nav-option {
 text-align: center;
}
.hide-mobile {
 display: none;
}
.nav-drop {
 width: 100%;
 display: block;
 text-align: left;
}
.form-column {
 width: 100%;
 display: block;
}
.float-left {
 float: none;
}
 .form-input-box {
  width: 100%;
 }
 .form-input-box-email {
 width: 80%;
}
.form-input-box input {
 padding: 10px 13px;
 width: 100%;
}
.form-input-box-email input {
 padding: 10px 0px;
 width: 100%;
}
.form-input-box-half input {
 padding: 10px 13px;
 width: 100%;
}
.form-input-box-half {
 width: 90%;
}
.form-input-box-state {
 margin-top: 0.4em;
 margin-bottom: .85em;
 margin-left: 0px;
 width: 90%;
}
}