.hideme{
  opacity:0;
}
.seeme{
  opacity:1;
}

.signup-step { visibility: hidden; opacity: 0; }
.signup-step {
    -webkit-transition: opacity .5s ease;
       -moz-transition: opacity .5s ease;
        -ms-transition: opacity .5s ease;
         -o-transition: opacity .5s ease;
            transition: opacity .5s ease;
}
.signup-step-visible { visibility: visible; opacity: 1; }

.signup-icons {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.icon-section {
  margin-top: 100px;
}

.form-section {
  display: block;
  margin-top: 30px;
  margin-right: 260px;
  margin-left: 260px;
}

.submit-button {
  display: block;
  margin-right: auto;
  margin-left: auto;
  float: none;
  clear: none;
  background-color: #12a8a6;
}

.btn-submit {
  background-color: #12a8a6 !important;
  color: #fff !important;
}
.btn-submit.disabled {
  background-color: #BBBBBB !important;
}

.body {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.heading-section {
  display: block;
  margin-top: 25px;
  margin-right: auto;
  margin-left: auto;
  color: #12a8a6;
  font-size: 49px;
  text-align: center;
  height:145px;
}

.select-your-course {
  margin-top: 60px;
}

.checkbox {
  position: static;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: 30px;
}

.instructor-search-results {
  display: block;
  width: 650px;
  margin-right: auto;
  margin-left: auto;
  padding-left: auto;
}

.or {
  display: block;
  margin: 20px auto;
  text-align: center;
}

.payment-dropdown {
  background-color: #fff;
  background-image: -webkit-linear-gradient(270deg, #12a8a6, #12a8a6);
  background-image: linear-gradient(180deg, #12a8a6, #12a8a6);
  color: #fff;
}

@media (max-width: 991px) {
  .form-section {
    margin-right: 90px;
    margin-left: 90px;
  }
  .heading-section {
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .icon-section {
    margin-top: 75px;
  }
  .form-section {
    margin-top: 10px;
    margin-right: 50px;
    margin-left: 50px;
  }
  .submit-button {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .heading-section {
    margin-top: 15px;
    font-size: 30px;
  }
  .instructor-search-results {
    width: auto;
  }
}

@media (max-width: 479px) {
  .icon-section {
    margin-top: 84px;
  }
  .form-section {
    margin-top: 20px;
    margin-right: 17px;
    margin-left: 17px;
  }
  .heading-section {
    margin-top: 30px;
    font-size: 18px;
  }
}

label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #c8c8c8;    display: inline;
}
label input[type="radio"] ~ i.fa.fa-check-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-check-circle-o{
    color: #FFF;    display: inline;
}
label:hover input[type="radio"] ~ i.fa {
color: #FFF;
}