.bg {
  background: url("header.jpg") repeat-x 0 0;
  margin: 0;
  padding: 0;
}
.form-col {
  /* margin-top: -215px; */
  -webkit-box-shadow:3px 7px 26px 0px #000000 ;
  -moz-box-shadow:3px 7px 26px 0px #000000 ;
  box-shadow:3px 7px 26px 0px #000000 ;
  background: #fff;
  padding: 0;
  margin-right: 30px !important;
}

.footer p {
  color:#fff;
  font-size: 11px;
}

.footer a {
  color:#fff;
  font-weight: bold;
  font-size: 11px;
}

.content h1 {
  color: #fff;
  background: #000;
  font-size: 31px;
  padding: 5px 10px 11px 15px;
  text-align: center;
}

h2 {
  background: #3B99FB;
  background: rgba(59, 153, 251, 1);
  min-height: 52px;
  padding-top: 1.5%;
  color: #fff;
  text-align: center;
  font-size: 29px;
}

.fa, .fas {
  font-weight: 900;
  font-size: 29px;
  width: 98px;
  display: block;
  text-align: center;
  padding: 20px;
  float: left;
  color: #495057;
}

.icontext {
  padding-top: 22px;
  float: left;
  font-size: 14px;
  width: 64%;
}

.bulletpoints {
  margin-bottom: 20px;
}

.content p, .content li {
  padding: 0 15px;
  font-size: 14px;
}

.no-gutter {
  margin-left: -15px;
  margin-right: -15px;
}

.no-padding-right {
  padding-right: 0;
}

.no-padding-left {
  padding-left: 0;
}

.form-container {
  padding: 0 55px;
  margin-top: 40px;
}

.form-control {
  font-size: 14px;
}

.continue {
  text-align: center;
}
.continue img {
  -webkit-box-shadow:3px 7px 26px 0px #000000 ;
  -moz-box-shadow:3px 7px 26px 0px #000000 ;
  box-shadow:3px 7px 26px 0px #000000 ;
}

a#continue {
  display: block;
}

.continuebt {
  width: 100%;
  height: 40px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  background: url(continue-bg.gif);
  float: left;
  color: #000;
  padding: 0px 20px 0;
}
.finalbt {
    width: 100%;
    height: 45px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    background: url(continue-btn.png) no-repeat top center;
    float: left;
    color: #000;
    padding: 7px 20px 0;
    font-size: 18px;
    margin: 10px 0;
    border-radius: 9px;
    text-indent: -99999px;
}

.finalbt-processing {
  width: 100%;
  height: 40px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  background: url(continue-bg.gif);
  float: left;
  color: #000;
  padding: 7px 20px 0; 
}

.step {
  color: white;
  text-align: center;
  width: 100%;
  float: left;
  font-size: 12px;
}

.header {
  height: 168px;
}

.header ul {
  position: absolute;
  top: 39px;
  list-style-type: none;
  left: 60%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 609px;
}
.header ul li {
  float: left;
  color: #fff;
  font-size: 14px;
  margin-right: 34px;
  width: 250px;
  margin-bottom: 20px;
}

.logo {
  margin: 31px 0 0 0;
  float: left;
  width: 300px;
}

.hero {
  background: url(hero.jpg) no-repeat;
  background-size: cover;
}

.accred {
  margin-left: 161px;
  margin-top: 56px;
  width: 100px;
  float: left;
}

.form-group p {
  font-size: 11px;
  line-height: 11px;
  color: #fff;
}

.awards {
  padding: 0px 51px 20px;
}
.awards a {
  text-align: center;
}
.awards div {
  float: left;
  padding: 0 10px 10px;
  width: 125px;
}
.awards img {
  width: 20%;
  float: left;
}
.awards p {
    color: #333;
    padding-top: 3px;
    font-size: 10px;
    line-height: normal;
}
.message {
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  display: none;
}
a.privacy, a.non, a.term {
  color: #000;
  /*font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue";
  float: left;
  padding: 0 10px 20px 0;
  font-size: 13px;
  z-index: 115;*/
  font-weight: bold;
}

a.privacy, a.term {
  color:#333 !important; 
}

/* Error styles */
form.cmxform label.error, label.error {
  color: white;
  font-style: italic;
  background: red;
  padding: 3px;
  font-size: 11px;
  border: 1px solid white;
}

.form-control.error {
  border: 1px solid red;
}

select option[disabled] {
    display: none;
}

.mobile {
  display: none;
}

@media (max-width: 768px) {
    .mobile {
      display: block;
    }
    .image {
      background: url(hero-moblie.jpg) no-repeat;
      background-size: cover;
      height: 226px;
    }
    .list {
      padding: 10px 0px 0 200px;
      font-weight: bold;
      color: #000;
      font-size: 14px;
      text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
    }
    .list li {
      margin-bottom: 12px;
      list-style-image: url('checkmark.svg');
    }
    .form-col {
      margin-top: 0;
      margin-right: 0 !important;
    }
    .container {
      display:flex;
      flex-flow: column;
    }
    .content {
      order:2;
      margin: 0;
      padding: 0;
    }
    .form-col {
      order:1;
    }
    .logo {
      float: none;
      margin: 20px 0 0 0;
    }
    .header {
      text-align: center;
      height: 115px;
    }
    .header ul {
      display: none;
    }
    .awards p {
      margin: 0px 0 27px;
      font-size: 15px;
      float: left;
    }

    .no-padding-right {
      padding-right: 15px;
    }

    .no-padding-left {
      padding-left: 15px;
    }
    .hero {
      background: transparent;
    }
    .content h1, .footer p {
      display: none;
    }
    .mobilehide {
      display: none;
    }
}