@charset "UTF-8";
body {
  font-family: 'Poppins', sans-serif !important;
}
.height-expand-40 {
  height: 50px !important;
}

.no-padding {
padding: 0!important;
}

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub { 
  top: 0.4em; 
}

.spinner {
  margin: 30px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #053067;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/*************** Large Screens ****************/
.logo-bar {
  background: #ffffff;
  padding: 10px 0px 10px 0px;
  margin: 0px 0px 0px 0px;

}

.divider-top {
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #dc1d3f;

}
.header-p1 {
  width: 100%;
  padding: 50px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}


.header-p1 h1 {
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 60px;
  color: #053067;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 45px;
  text-align: center;
}

.header-p1 p {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
  font-size: 28px;
  color: #053067;
  font-weight: 400;
  text-align: center;
}


.header-p2 {
  padding: 10px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
}
.header-p2 h1 {
  padding: 10px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 40px;
  color: #053067;
  text-align: center;
  font-weight: 600;
  letter-spacing: -1px;
}
.header-p2 h2 {
  padding: 10px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 55px;
  color: #053067;
  text-align: center;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 55px;
}
.header-p2 h3 {
  padding: 10px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 30px;
  color: #1c97d4;
  text-align: center;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 40px;
}
.header-p2 h4 {
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 24px;
  color: #053067;
  text-align: center;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 40px;
}
.header-p2 sup {
  position: relative;
  top: -10px;
  font-size: 20px;
  vertical-align: super;
  font-weight: 300;
  letter-spacing: 0px;
}



.bullet-wrap {
  background:url("../img/bullets-bg.jpg") no-repeat top center;
  padding: 40px 20px 40px 20px;
  margin: 0px 0px 40px 0px;
  min-height: 470px;
  background-size: cover; 

}

    .bullet-wrap h1 {
        font-size: 22px;
        color: #ffffff;
        font-weight: 600;
        letter-spacing: -1px;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
        text-align: center;
    }

.bullet-wrap ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.bullet-wrap li {
font-size: 15px;
list-style-position: inside;
color: #ffffff;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


.reg-wrap-alt {
  background: #f4f4f4;
  padding: 40px 0px 40px 0px;
  margin: 0px 0px 0px 0px;
  min-height: auto!important;
}



.reg-wrap-alt  h1 {
  font-size: 22px;
  color: #1c97d4;
  font-weight: 600;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  line-height: 26px;
}
    .reg-wrap-alt h2 {
        font-size: 16px;
        color: #319cd3;
        font-weight: 600;
        margin: 5px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
        text-transform: uppercase;
        text-align: center;
    }
.reg-wrap-alt  h3 {
  font-size: 22px;
  color: #053067;
  font-weight: 600;
  letter-spacing: -1px;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 26px;
    text-align: center;
}
.reg-wrap-alt  input {
  background: #ffffff;
  border: 1px solid #053067;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.reg-wrap-alt label {
  font-size: 15px;
  margin: 0px 0px 5px 0px;
  padding: 0;
  font-weight: 400;
  color: #053067;
}
.reg-wrap-alt  select {
  border: 1px solid #053067;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}


.input-q1 {
     transform: scale(1.5);
     margin: 0px 10px 0px 10px;
}    

.reg-wrap {
  background: #053067;
  padding: 40px 20px 40px 20px;
  margin: 0px 0px 40px 0px;
  min-height: 470px;

}

.reg-wrap h1 {
  font-size: 22px;
  color: #1c97d4;
  font-weight: 600;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  line-height: 26px;
}
.reg-wrap h2 {
  font-size: 16px;
  color: #319cd3;
  font-weight: 600;
  margin: 5px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  text-transform: uppercase;
}
.reg-wrap h3 {
  font-size: 22px;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: -1px;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 42px;
}
.reg-wrap input {
  background: #ffffff;
  border: 1px solid #053067;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.reg-wrap label {
  font-size: 15px;
  margin: 0px 0px 5px 0px;
  padding: 0;
  font-weight: 400;
  color: #ffffff;
}
.reg-wrap-optin {
  color: #053067;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
  font-size: 12px;
}
.reg-wrap-mt-20 {
  margin-top: 20px !important;
}
.reg-wrap-question {
  font-size: 14px;
  margin: 5px 0px 15px 0px;
  padding: 0;
  font-weight: 100;
  color: #ffffff;
  text-align: center;
}


.optin						          { border: 2px solid #1c97d4; line-height:18px; margin: 0px 0px 40px 0px; padding: 0px 0px 0px 0px; background: #ffffff; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}
.optin-left                          { background-color:#1c97d4; text-align: center; margin: 0px; padding: 0px; height: 60px;}
.optin-left p                       { font-weight: 600; color: #ffffff; margin: 0px; padding: 20px 0px 20px 0px; font-size: 14px;}
.optin-left input                 { margin: 0px 5px 0px 0px; padding:0px 0px 0px 0px;}
.optin-right				        { background-color:#ffffff; text-align:left; padding: 0px; margin: 0px;}
.optin-right p                     { font-weight: 100; font-size: 12px; color: #000000; line-height: 16px; margin:14px 0px 0px 0px; padding:0px 0px 0px 10px;}


.reg-box {
  margin: 0px 0px 50px 0px;
  padding: 20px 20px 40px 20px;
  color: #053067;
  border-radius: 10px 10px 10px 10px;
  border: 3px solid #1c97d4;
  background: #ffffff;
}
.reg-box h1 {
  font-size: 25px;
  color: #053067;
  font-weight: 600;
  letter-spacing: -1px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}
.reg-box p {
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  line-height: 16px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.reg-box form {
  margin: 20px 0px 0px 0px;
  padding: 0px;
}
.reg-box label {
  font-size: 15px;
  margin: 0px 0px 5px 0px;
  padding: 0;
  font-weight: 400;
  color: #ffffff;
}
.reg-box input {
  background: #ffffff;
  border: 1px solid #053067;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.reg-box a {
  color: #3eaeff;
  text-decoration: none;
}
.reg-box sup {
  position: relative;
  top: 5px;
  font-size: 12px;
  vertical-align: super;
  font-weight: 100;
  letter-spacing: 0px;
}
.reg-box-question {
  font-size: 14px;
  margin: 5px 0px 15px 0px;
  padding: 0;
  font-weight: 100;
  color: #053067;
}

.reg-box-question p {
  font-size: 15px;
  margin: 5px 0px 15px 0px;
  padding: 0;
  font-weight: 100;
  color: #053067;
}

.reg-box-question label {
  font-size: 15px;
  margin: 0px 0px 5px 0px;
  padding: 0;
  font-weight: 400;
  color: #053067;
}


.midpath-box {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  border-radius: 5px;
  background: #ffffff;
  border: 1px solid #053067;
}
.midpath-box p {
  font-size: 20px;
  color: #222222;
  font-weight: 400;
  margin: 20px 0px 30px 0px;
  padding: 0px 20px 0px 20px;
  line-height: 28px;
  text-align: center;
}
.midbath-box-hdr {
  padding: 5px 0px 5px 0px;
  margin: -2px 0px 0px 0px !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #053067;
  text-align: center;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
}
.optin-wrap {
  margin: 20px 0px 30px 0px;
  padding: 0px 0px 0px 0px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #053067;
}
.optin-wrap p {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 30px 0px;
  text-align: center;
  color: #000000;
}
.optin-top {
  background: #3a8bc9;
  text-align: center;
  font-weight: 500;
  color: #ffffff;
  display: block;
  padding: 5px 20px 5px 20px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.opt-in {
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  font-weight: 400;
  margin: 0px 0px 10px 0px;
  padding: 5px 0px 0px 5px;
}
.opt-in a {
  color: #ffffff;
  text-decoration: underline;
}
.icon-section {
  background: #ffffff;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 0px 0px;
}
.icon-section .icon {
  display: block;
  margin: 40px 0px 30px 0px;
  padding: 0px 0px 0px 0px;
}

.icon-section .girl {
  display: block;
  margin: 40px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}




.footer {
  width: 100%;
  background: #ffffff;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 40px 0px;
  text-align: center;
}
.footer p {
  color: #000000;
  font-weight: 300;
  font-size: 12px;
  line-height: 22px;
}
.footer a {
  color: #000000;
  text-decoration: underline;
}


.footer-alt {
  width: 100%;
  background: #053067;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 40px 0px;
  text-align: center;
}
.footer-alt p {
  color: #ffffff;
  font-weight: 300;
  font-size: 12px;
  line-height: 22px;
}
.footer-alt a {
  color: #ffffff;
  text-decoration: underline;
}



/********************************************************** Medium Screens ****************/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.header-p1 {
  width: 100%;
  padding: 50px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}


.header-p1 h1 {
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 50px;
  color: #053067;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 45px;
  text-align: center;
}

.header-p1 p {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
  font-size: 22px;
  color: #053067;
  font-weight: 400;
  text-align: center;
}

.bullet-wrap {
  background:url("../img/bullets-bg.jpg") no-repeat top center;
  padding: 40px 20px 40px 20px;
  margin: 0px 0px 40px 0px;
  min-height: 560px;
  background-size: cover; 

}

    .bullet-wrap h1 {
        font-size: 22px;
        color: #ffffff;
        font-weight: 600;
        letter-spacing: -1px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: center;
    }

.bullet-wrap ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.bullet-wrap li {
font-size: 15px;
list-style-position: inside;
color: #ffffff;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


.reg-wrap {
  background: #053067;
  padding: 40px 20px 40px 20px;
  margin: 0px 0px 40px 0px;
  min-height: 560px;
}


.reg-wrap h1 {
  font-size: 22px;
  color: #1c97d4;
  font-weight: 600;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  line-height: 26px;
}
.reg-wrap h2 {
  font-size: 16px;
  color: #319cd3;
  font-weight: 600;
  margin: 5px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  text-transform: uppercase;
}
.reg-wrap h3 {
  font-size: 22px;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: -1px;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 42px;
}
}


/*************************************************************** Small Screens ****************/
@media only screen and (max-width: 40em) { /* max-width 640px, mobile-only styles, use when QAing mobile issues */
  .logo-bar img {
    width: 200px;
  }
  
.header-p1 {
  width: 100%;
  padding: 20px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}


.header-p1 h1 {
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 26px;
  color: #053067;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 30px;
  text-align: center;
}

.header-p1 p {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
  font-size: 16px;
  color: #053067;
  font-weight: 400;
  text-align: center;
}


  .header-p2 h1 {
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 22px;
    color: #053067;
    text-align: center;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 25px;
  }
  .header-p2 h2 {
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 26px;
    color: #053067;
    text-align: center;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 22px;
  }
  .header-p2 h3 {
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 18px;
    color: #1c97d4;
    text-align: center;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 22px;
  }
  .header-p2 h4 {
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 18px;
    color: #053067;
    text-align: center;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 18px;
  }
  
  
  
  .bullet-wrap {
  background:url("../img/bullets-bg.jpg") no-repeat top center;
  padding: 20px 20px 20px 20px;
  margin: 0px 0px 0px 0px;
 height: auto;
  background-size: cover; 

}

    .bullet-wrap h1 {
        font-size: 22px;
        color: #ffffff;
        font-weight: 600;
        letter-spacing: -1px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: center;
    }

.bullet-wrap ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.bullet-wrap li {
font-size: 15px;
list-style-position: inside;
color: #ffffff;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.reg-wrap {
  background: #053067;
  padding: 20px 20px 20px 20px;
  margin: 0px 0px 0px 0px;
 min-height: auto!important;
}


.reg-wrap h1 {
  font-size: 22px;
  color: #1c97d4;
  font-weight: 600;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  line-height: 26px;
}
.reg-wrap h2 {
  font-size: 16px;
  color: #319cd3;
  font-weight: 600;
  margin: 5px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  text-transform: uppercase;
}
.reg-wrap h3 {
  font-size: 22px;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: -1px;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 42px;
}
  
.reg-wrap-alt  h3 {
  font-size: 20px;
  color: #053067;
  font-weight: 600;
  letter-spacing: -1px;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 22px;
}	
  
   .optin						            { border: 2px solid #1c97d4; line-height:18px; background: #ffffff; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; margin: 10px 0px 30px 0px;}
.optin-left                            { background-color:#1c97d4; text-align: center; margin: 0px; padding: 0px; height: 50px;}
.optin-left p                         { font-weight: 600; color: #ffffff; margin: 0; padding: 15px 0px 20px 0px;}
.optin-left input                   { margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.optin-right				          { background-color:#ffffff; text-align:left; padding: 5px 15px 5px 5px; margin: 0px;}
.optin-right p                       { font-weight: 100; font-size: 12px; color: #000000; line-height: 16px; margin:5px 0px 0px 0px; padding:0px; text-align: center;}	
  
  .midpath-box {
    padding: 0px;
    margin: 0px 0px 0px 0px;
    border-radius: 5px;
    background: #ffffff;
    border: 1px solid  #053067;;
  }
  .midpath-box p {
    font-size: 20px;
    color: #222222;
    font-weight: 400;
    margin: 20px 0px 30px 0px;
    padding: 0px 20px 0px 20px;
    line-height: 28px;
    text-align: center;
  }
  .midbath-box-hdr {
    padding: 5px 0px 5px 0px;
    margin: -2px 0px 0px 0px !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background:  #053067;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
  }
  
  
  .icon-section h1 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 28px;
  color: #053067;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
}

.icon-section h2 {
  font-size: 20px;
  color: #222222;
  font-weight: 600;
  letter-spacing: -1px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  line-height: 25px;
}
}