/*FONTS*/
/*BOILER PLATE*/
body,
html,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
ul,
ol,
li,
span,
blockquote,
header,
footer,
nav,
input,
label,
figure,
figcaption {
  margin: 0;
  padding: 0; }

/*________________________________________*/
body {
  width: 100%;
  min-width: 320px;
  background-color: #FFFFFF; }

.wrapper_max_width {
  max-width: 1120px; }

/*________________HEADER_________________*/
header {
  width: 100%;
  background-color: #00C2C9;
  box-shadow: 0 4px 0 #495059; }

#mobile_header {
  display: inline; }

#mobile_logo_container {
  width: 73%;
  float: left;
  padding: 20px 0 20px 20px; }
  #mobile_logo_container img {
    width: 50%; }

#menu_button_container {
  width: 14%;
  float: right;
  padding: 30px 20px 10px 0; }
  #menu_button_container img {
    width: 100%;
    max-width: 60px; }

#mobile_nav_container {
  display: none; }
  #mobile_nav_container a {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1.5em;
    font-family: "Roboto Slab", serif;
    font-weight: 300;
    padding-left: 20px; }

#primary_mobile {
  background-color: #495059;
  padding: 10px;
  border-bottom: 3px solid #646B71; }
  #primary_mobile li {
    border-bottom: 2px solid #646B71;
    list-style: none;
    padding: 20px 0; }
  #primary_mobile li:nth-child(5) {
    border-bottom: 0 solid #495059; }
  #primary_mobile li:hover {
    background-color: #495059; }
    #primary_mobile li:hover a {
      color: #FFFFFF; }

#secondary_mobile {
  background-color: #C5CCD4;
  padding: 10px;
  border-bottom: 3px solid #495059; }
  #secondary_mobile a {
    font-weight: 300;
    color: #495059;
    font-family: "Roboto Slab", serif;
    font-size: .8em;
    padding-left: 10px; }
  #secondary_mobile .button {
    margin-bottom: 5px; }

#desktop_header {
  display: none;
  background-color: #FFFFFF; }

/*_______________BODY CONTENT__________________*/
h1 {
  font-family: "Roboto Slab", serif;
  color: #495059;
  font-size: 2em;
  font-weight: 400;
  text-align: center;
  margin: 40px 0; }

h2 {
  font-family: "Roboto Slab", serif;
  color: #AAE554;
  font-weight: 400;
  font-size: 1.5em; }

h3 {
  font-family: "Roboto Slab", serif;
  color: #00C2C9;
  font-weight: 300;
  font-size: 1.2em;
  margin-bottom: 20px; }

h4 {
  font-family: "Roboto Slab", serif;
  color: #495059;
  font-weight: 400;
  font-size: 1.2em; }

h6 {
  font-family: "Roboto Slab", serif;
  color: #646B71;
  font-weight: 400;
  font-size: .8em;
  text-decoration: none; }

p {
  color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
  font-weight: 300; }

.italics {
  font-style: italic; }

/*________________BODY__________________*/
.dark, .mid {
  padding: 40px 0;
  margin: 40px 0;
  box-shadow: 0 4px 0 #444; }

.dark {
  background-color: #495059; }
  .dark #logo {
    width: 30%;
    margin: 0 35%; }

.center {
  text-align: center;
  font-weight: 100; }

.mid {
  background-color: #646B71; }

.blue_subsection {
  padding: 20px 5%;
  margin: 20px 0;
  background-color: #00C2C9;
  box-shadow: 4px 4px 0 #444; }
  .blue_subsection .threeCol, .blue_subsection #no_right_margin {
    float: none;
    width: 100%; }
    .blue_subsection .threeCol input, .blue_subsection #no_right_margin input {
      margin-bottom: 20px;
      box-shadow: 2px 2px 0 #495059;
      -webkit-appearance: none;
      -webkit-border-radius: 8px; }
  .blue_subsection h3 {
    color: #495059;
    margin-top: 20px; }
  .blue_subsection p {
    color: #495059; }
  .blue_subsection input[type=submit], .blue_subsection input[type=button] {
    background-color: #495059;
    color: #FFFFFF;
    box-shadow: 2px 2px 0 #495059;
    -webkit-appearance: none;
    -webkit-border-radius: 8px;
    box-shadow: 2px 2px 0 #495059; }

.section_title {
  width: 75%;
  float: left; }

.section_help {
  width: 20%;
  float: right; }
  .section_help h6 {
    float: right;
    margin-right: 10px;
    margin-top: 2.5px; }
  .section_help img {
    float: right;
    width: 20px; }

.oneCol {
  width: 80%;
  margin: 40px 10%; }

.twoCol {
  float: none;
  width: 100%;
  margin-right: 0; }
  .twoCol ul li {
    list-style: none; }
  .twoCol li {
    color: white;
    font-family: "Open Sans", sans-serif;
    margin-left: 30px;
    font-weight: 100; }

#vertical_line {
  border-left: 1px solid #646B71;
  padding-left: 5%; }

.threeCol {
  float: none;
  width: 100%;
  margin-right: 0;
  margin-bottom: 60px; }
  .threeCol ul li {
    list-style: none; }
  .threeCol li {
    color: white;
    font-family: "Open Sans", sans-serif;
    margin-left: 30px;
    font-weight: 100; }

.graphic {
  width: 40%;
  margin: 0 30% 40px 30%; }

.preview {
  width: 100%;
  margin: 20px 0 0 0;
  border: 2px solid #FFFFFF;
  box-shadow: 2px 2px 0 #444; }
  .preview img {
    margin: 20px auto; }

.figcaption {
  color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
  font-size: .9em; }

.button {
  width: 175px;
  height: 20px;
  padding: 10px 0;
  margin: 20px 0;
  text-align: center;
  float: right;
  background-color: #00C2C9;
  border-radius: 8px;
  border: 0px solid #00C2C9;
  box-shadow: 4px 4px 0 #444; }

.bottom_margin {
  margin-bottom: 20px; }

.button:hover {
  background-color: #495059;
  color: #FFFFFF; }
  .button:hover a {
    color: #FFFFFF; }

input[type=submit], input[type=button] {
  height: 40px;
  font-family: "Roboto Slab", serif;
  color: #495059;
  font-weight: 400;
  font-size: 1.2em;
  box-shadow: 2px 2px 0 #495059;
  -webkit-appearance: none;
  -webkit-border-radius: 8px;
  box-shadow: 2px 2px 0 #495059; }

label {
  font-family: "Open Sans", sans-serif;
  color: #FFFFFF;
  font-weight: 400; }

input[type=text], input[type=password] {
  border: 0px;
  box-shadow: 2px 2px 0 #495059;
  height: 40px;
  width: 90%;
  border-radius: 8px;
  margin-top: 10px;
  font-size: 1.3em;
  color: #495059;
  padding: 0 5%;
  -webkit-appearance: none;
  -webkit-border-radius: 8px; }

input[type=email] {
  width: 90%;
  border: 0px;
  box-shadow: 2px 2px 0 #495059;
  height: 40px;
  border-radius: 8px;
  margin-bottom: 40px;
  margin-top: 10px;
  font-size: 1.3em;
  color: #495059;
  padding: 0 5%;
  -webkit-appearance: none;
  -webkit-border-radius: 8px; }

#no_right_margin {
  margin-right: 0px;
  width: 33.3%; }

form {
  margin-bottom: 40px; }

#secondary_mobile {
  padding: 40px 20px; }
  #secondary_mobile li {
    margin-bottom: 0px;
    padding-bottom: 0px;
    list-style: none; }
  #secondary_mobile input[type=email], #secondary_mobile input[type=password] {
    margin-bottom: 20px;
    margin-top: 20px;
    box-shadow: 2px 2px 0 #495059;
    -webkit-appearance: none;
    -webkit-border-radius: 8px; }
  #secondary_mobile .button {
    float: none; }

/* ________________MODAL POP UP_______________*/
#modal_background, #modal_background_one, #warning_modal_background {
  width: 100%;
  background-color: rgba(73, 80, 89, 0.95);
  height: 4050px;
  z-index: 999;
  position: absolute;
  display: none; }

.modal_container {
  width: 95%;
  background-color: #FFFFFF;
  margin: 40px 2.5%;
  border-radius: 8px;
  padding: 20px 0; }
  .modal_container h4 {
    font-size: 1.2em;
    margin: 10px 5%;
    text-align: center;
    font-weight: 700; }
  .modal_container h5 {
    font-family: "Roboto Slab", serif;
    color: #495059;
    text-align: center;
    font-size: 1em;
    font-weight: 700; }
  .modal_container p {
    color: #495059;
    margin: 5px 5% 40px;
    font-size: .95em; }
  .modal_container input[type=radio] {
    margin: 5px 0 5px 10%;
    width: 20px;
    height: 20px;
    border-radius: 180px;
    background-color: #FFFFFF;
    border: 1px solid #495059; }
  .modal_container input[type=submit], .modal_container input[type=button] {
    height: 30px;
    font-size: .8em;
    margin: 40px 0 20px 5%;
    -webkit-appearance: none;
    -webkit-border-radius: 8px;
    box-shadow: 2px 2px 0 #495059; }
  .modal_container .button {
    width: 125px;
    float: left;
    padding-bottom: 10px;
    margin-right: 10px;
    margin-top: 40px;
    box-shadow: 2px 2px #495059; }
  .modal_container form {
    margin: 10px 0 0 0; }
  .modal_container label {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    color: #495059;
    font-size: .85em; }
  .modal_container .label {
    color: #495059;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-size: .85em;
    margin-top: 10px;
    margin-bottom: 20px; }
  .modal_container .blue_subsection {
    box-shadow: 2px 2px #495059;
    padding: 5px; }
  .modal_container .icon_float_right {
    width: 25px;
    float: right;
    margin-right: 15px;
    margin-top: -5px; }
    .modal_container .icon_float_right img {
      width: 100%; }

.pop_up_title {
  margin-top: 0; }

.pop_up_logo_container {
  width: 100%;
  float: none; }
  .pop_up_logo_container img {
    width: 30%;
    margin: 0 35%; }

footer li {
  list-style: none;
  text-align: center; }

footer a {
  text-decoration: none;
  color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 1em;
  line-height: 1.4em; }

footer .center {
  margin-top: 20px; }

.footer_text_bold {
  color: #495059;
  font-weight: 700;
  font-size: 1.2em;
  text-decoration: underline;
  font-family: "Roboto Slab", serif; }

.footer_threeCol {
  min-height: 135px;
  width: 30%;
  float: left;
  margin-right: 3%; }

.footer_twoThirdCol {
  width: 60%;
  min-height: 135px;
  margin-left: 6%;
  float: left; }
  .footer_twoThirdCol img {
    width: 20%;
    margin: 0 30% 5px 50%;
    float: left; }

@media only screen and (min-width: 480px) {
  #menu_button_container {
    padding: 40px 20px 10px 0; }
  .footer_twoThirdCol {
    width: 60%;
    min-height: 135px;
    margin-left: 6%;
    float: left; }
    .footer_twoThirdCol img {
      width: 20%;
      margin: 0 2.5% 5px 2.5%;
      float: left; }
  #modal_background, #modal_background_one, #warning_modal_background {
    height: 3950px; } }

@media only screen and (min-width: 600px) {
  #menu_button_container {
    padding: 40px 20px 10px 0; }
    #menu_button_container img {
      max-width: 80px; }
  /*-------------POP UP---------------*/
  #modal_background, #modal_background_one, #warning_modal_background {
    height: 4050px; }
  .modal_container h4 {
    font-size: 1.5em;
    font-weight: 400; }
  .modal_container h5 {
    font-size: 1em;
    font-weight: 400; }
  .modal_container p {
    font-size: 1em; }
  .modal_container input[type=submit], .modal_container input[type=button] {
    height: 35px;
    font-size: 1em;
    -webkit-appearance: none;
    -webkit-border-radius: 8px;
    box-shadow: 2px 2px 0 #495059; }
  .modal_container .button {
    width: 175px; }
  .modal_container form {
    margin: 10px 0 20px 0; }
  .modal_container label {
    font-size: 1em; }
  .modal_container .label {
    font-size: 1em; }
  .modal_container .blue_subsection {
    padding: 10px;
    margin: 30px 0; }
  .pop_up_logo_container {
    width: 25%;
    padding: 0 1.5% 0 5%;
    float: left; }
    .pop_up_logo_container img {
      width: 100%;
      margin: 0; }
  .blue_subsection {
    padding: 20px 5%;
    margin: 20px 0;
    background-color: #00C2C9;
    box-shadow: 0 4px 0 #495059; }
    .blue_subsection .threeCol {
      float: left;
      width: 30%;
      margin-right: 3.3%; }
    .blue_subsection #no_right_margin {
      float: left;
      width: 33.3%;
      margin-right: 0px; }
    .blue_subsection input {
      margin-bottom: 20px; }
    .blue_subsection h3 {
      color: #495059;
      margin-top: 20px; }
    .blue_subsection input[type=submit], .blue_subsection input[type=button] {
      background-color: #495059;
      color: #FFFFFF;
      -webkit-appearance: none;
      -webkit-border-radius: 8px;
      box-shadow: 2px 2px 0 #495059; } }

/*______________TABLET/SMALL DESKTOP______________*/
@media only screen and (min-width: 768px) {
  /*____________POP-UP____________*/
  #modal_background, #modal_background_one, #warning_modal_background {
    height: 2100px; }
  .modal_container {
    width: 80%;
    background-color: #FFFFFF;
    margin: 40px auto;
    border-radius: 8px;
    padding: 20px 0; }
    .modal_container h4 {
      font-size: 1.5em;
      font-weight: 400;
      margin-right: 10%; }
    .modal_container h5 {
      font-size: 1.2em;
      font-weight: 400;
      margin-right: 10%;
      margin-left: 10%; }
    .modal_container p {
      font-size: 1em;
      margin-right: 10%;
      margin-left: 10%; }
    .modal_container input[type=radio] {
      margin-left: 5%; }
    .modal_container input[type=submit], .modal_container input[type=button] {
      height: 40px;
      font-size: 1.2em;
      margin-left: 0;
      margin-right: 5%;
      -webkit-appearance: none;
      -webkit-border-radius: 8px;
      box-shadow: 2px 2px 0 #495059; }
    .modal_container .button {
      width: 175px;
      margin-left: 0; }
    .modal_container form {
      margin: 10px 10% 20px 10%; }
    .modal_container label {
      font-size: 1em; }
    .modal_container .label {
      font-size: 1em;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 0; }
    .modal_container .thin {
      margin-left: 0;
      margin-top: 0; }
    .modal_container .blue_subsection {
      padding: 10px;
      margin: 40px 0; }
    .modal_container .small_bottom_margin {
      margin-bottom: 10px; }
    .modal_container .modal_max_contaner {
      max-width: 860px; }
  .pop_up_logo_container {
    width: 25%;
    padding: 0 1.5% 0 5%;
    float: left;
    max-width: 250px; }
    .pop_up_logo_container img {
      width: 100%;
      margin: 0; }
  /*____________HEADER____________*/
  header {
    background-color: #FFFFFF; }
  #mobile_header {
    display: none; }
  #desktop_header {
    display: inline; }
  #secondary_nav_desktop {
    width: 50%;
    padding: 5px 10% 0 0;
    float: right; }
    #secondary_nav_desktop input[type=email], #secondary_nav_desktop input[type=password] {
      font-size: .8em;
      width: 90%;
      margin-right: 10%;
      border: 0.25px solid #C5CCD4;
      height: 30px;
      box-shadow: 2px 2px 0 #495059;
      -webkit-appearance: none;
      -webkit-border-radius: 8px; }
    #secondary_nav_desktop .button {
      float: right;
      margin-top: 10px;
      margin-bottom: 10px;
      width: 100%;
      box-shadow: 2px 2px #495059;
      height: 30px;
      font-size: .8em; }
    #secondary_nav_desktop ul {
      float: right;
      width: 100%; }
    #secondary_nav_desktop li {
      width: 31%;
      list-style: none;
      float: left;
      margin-left: 2%; }
    #secondary_nav_desktop h6 {
      margin-right: 1%; }
    #secondary_nav_desktop a {
      text-decoration: none;
      color: #495059;
      font-family: "Roboto Slab", serif;
      font-size: .8em;
      font-weight: 100;
      float: right;
      margin-right: 1%; }
    #secondary_nav_desktop #blue {
      color: #00C2C9;
      margin-top: -20px;
      margin-right: 1.5%;
      font-weight: 400;
      font-size: .8em; }
    #secondary_nav_desktop a:hover {
      color: #C5CCD4; }
  #desktop_logo_container {
    width: 89%;
    margin-left: 11%;
    padding: 20px 0; }
    #desktop_logo_container img {
      width: 25%;
      margin-left: 0;
      max-width: 275px;
      min-width: 200px;
      margin-top: -100px; }
  #primary_nav_desktop {
    width: 90%;
    background-color: #00C2C9;
    padding: 0 5%;
    box-shadow: 0 4px 0 #495059; }
    #primary_nav_desktop li {
      list-style: none;
      float: left;
      width: 20%;
      padding: 20px 0;
      text-align: center; }
    #primary_nav_desktop a {
      text-decoration: none;
      color: #495059;
      font-family: "Roboto Slab", serif;
      font-weight: 400;
      font-size: 1.2em; }
    #primary_nav_desktop li:hover {
      background-color: #495059; }
      #primary_nav_desktop li:hover a {
        color: #FFFFFF; }
  a {
    text-decoration: none; }
  h6 {
    float: right; }
  .threeCol {
    float: left;
    width: 30%;
    margin-right: 3.3%;
    margin-bottom: 0; }
    .threeCol ul li {
      list-style: none; }
    .threeCol li {
      color: white;
      font-family: "Open Sans", sans-serif;
      margin-left: 30px;
      font-weight: 100; }
  .twoCol {
    float: left;
    width: 45%; }
    .twoCol ul li {
      list-style: none; }
    .twoCol li {
      color: white;
      font-family: "Open Sans", sans-serif;
      margin-left: 30px;
      font-weight: 100; }
  #twoColMargin {
    margin-right: 5%; }
  .footer_twoThirdCol img {
    width: 18%;
    margin: 0 3.5% 5px 3.5%; } }

@media only screen and (min-width: 1024px) {
  #desktop_logo_container {
    width: 85%;
    margin-left: 15%;
    padding: 20px 0 20px 0; }
  #primary_nav_desktop {
    width: 80%;
    padding-left: 9%;
    padding-right: 11%; }
  #secondary_nav_desktop {
    width: 45%;
    padding-right: 15%; }
  .oneCol {
    width: 70%;
    margin: 40px 15%; }
  .dark, .mid {
    padding: 40px 0;
    margin: 60px 0;
    box-shadow: 0 4px 0 #444; }
  .preview, .figcaption {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%; }
  #twoColMargin {
    margin-right: 1%; }
  .modal_container {
    width: 60%;
    background-color: #FFFFFF;
    margin: 40px 10% 40px 20%;
    border-radius: 8px;
    padding: 20px 0; }
  .footer_twoThirdCol img {
    width: 12%;
    margin: 0 6.5% 5px 6.5%; } }

@media only screen and (min-width: 1250px) {
  #desktop_logo_container {
    padding: 20px 0 20px 0; }
  #primary_nav_desktop {
    width: 80%;
    padding: 0 10%; }
    #primary_nav_desktop li {
      padding: 15px 0; }
    #primary_nav_desktop a {
      font-size: 1.5em; }
  #secondary_nav_desktop {
    width: 45%;
    padding: 5px 15% 0;
    float: right;
    max-width: 570px; }
    #secondary_nav_desktop input[type=email], #secondary_nav_desktop input[type=password] {
      font-size: .8em;
      width: 90%;
      margin-right: 10%;
      border: 0.25px solid #C5CCD4;
      height: 30px;
      box-shadow: 2px 2px 0 #495059;
      -webkit-appearance: none;
      -webkit-border-radius: 8px; }
    #secondary_nav_desktop .button {
      float: right;
      margin-top: 10px;
      width: 100%;
      box-shadow: 2px 2px #495059;
      height: 30px;
      font-size: .8em;
      max-width: 175px; }
    #secondary_nav_desktop ul {
      float: right;
      width: 100%; }
    #secondary_nav_desktop li {
      width: 31%;
      list-style: none;
      float: left;
      margin-left: 2%; }
    #secondary_nav_desktop a {
      text-decoration: none;
      color: #495059;
      font-family: "Roboto Slab", serif;
      font-size: .8em;
      font-weight: 100; }
    #secondary_nav_desktop a:hover {
      color: #C5CCD4; }
  #twoColMargin {
    margin-right: .01%; }
  .preview, .figcaption {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%; }
  .pop_up_title {
    margin-top: 30px; } }

@media only screen and (min-width: 1440px) {
  .footer_twoThirdCol {
    width: 50%;
    margin-left: 13%; }
    .footer_twoThirdCol img {
      width: 10%;
      margin: 0 7.5% 5px 7.5%; }
  #desktop_logo_container {
    width: 80%;
    margin-left: 20%; }
  #primary_nav_desktop {
    width: 65%;
    padding-left: 15%;
    padding-right: 20%; }
    #primary_nav_desktop li {
      padding: 15px 0; }
    #primary_nav_desktop a {
      font-size: 1.5em; }
  #secondary_nav_desktop {
    width: 45%;
    padding: 5px 23% 0;
    float: right;
    max-width: 570px; }
  .oneCol {
    width: 60%;
    margin: 40px 20%; } }

@media only screen and (min-width: 1920px) {
  #desktop_logo_container {
    width: 75%;
    margin-left: 25%; }
  #primary_nav_desktop {
    width: 60%;
    padding: 0 20%; }
  #secondary_nav_desktop {
    width: 45%;
    padding: 5px 23% 0;
    float: right;
    max-width: 570px; }
  .oneCol {
    width: 50%;
    margin: 40px 25%; }
  #modal_background, #modal_background_one, #warning_modal_background {
    height: 2300px; } }

.clear {
  clear: both; }