body {
  font-family: 'Arial', sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}
.container {
  width: 90%;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
}

.header-two{
   margin: 45px 0px 20px 0px;
} 

.footer-box-2 {
  width: 45%;
}

.footer-link-wrapper-2 {
  margin-right: 0px !important;
}
.footer-one p {
    font-size:15px !important ;
    padding: 5px 0px;
}


.footer-box-3 {
  margin-left: 60px;
}

.nav-text-link:hover {
  color: #0077C8;
}

.navlink:hover {
  color: #0077C8;
}
.sub-dt:hover {
  color: #0077C8;
}

.footer-box {
  width: 25%;
  margin-left: 30%;
  margin-right: 0px;
}
.brand {
  width: 13% !important;
}
.brand.logo-hide {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.main-menu {
  max-width: 1224px !important;
  margin-right: auto;
  margin-left: auto;
}

.navlink {
  margin-right: 0px;
  margin-left: 0px;
  padding: 10px 50px;
  color: #000;
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 400;
}

.sub-2d-list.w--open {
  min-width: 550px;
  background-color: #fff !important;
  top: 1%;
  /*bottom: 10% !important;*/
  left: 99%;
  right: 0%;
  z-index: 999999;
  height: auto;
}
.w-dropdown-link{
  background-color: #fff !important;
}

.course-header
{
  color: #000;
  margin-bottom: 30px;
  font-family: 'Arial', sans-serif;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}

.footer-link
{
  margin-bottom: 20px;
  font-family: 'Arial', sans-serif;
  color: #818181;
  font-size: 15px;
  text-decoration: none;
}
p
{
  margin-bottom: 10px;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.modal-content p{
   font-family: 'Arial', sans-serif;
   font-size: 13px;
   line-height: 26px;
}
.modal-content h4{
   font-family: 'Arial', sans-serif;
   font-size: 15px;
}

.footer-header
{
  font-family: 'Arial', sans-serif;
  color: #000;
  font-size: 20px;
}

.mid-content-box
{
  font-family: 'Arial', sans-serif;
  color: #818181;
}
.filter-box.runs-box {
   font-family: 'Arial', sans-serif;
   font-size: 12px;
   font-weight: 600;
}

.filter-box {
  font-family: 'Arial', sans-serif;
   font-size: 12px;
    font-weight: 600;
}
.registration-content {
  padding: 20px 21px 20px 40px !important;
}

.registration-content.margin-b50 {
  margin-bottom: 50px;  padding-top: 20px;
  padding-bottom: 20px !important;
}
.red{
  color: #f4da40 !important;
}
.remove_div{
  background-color: #db3c30;
  width: 150px;
  padding: 7px 3px;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  border-radius: 3px;
}

.remove_div:hover {
  color: #fff;
  background-color: #eb4336;
}

#front_register_company_button{
  text-transform:  uppercase;
  letter-spacing: .4px;
}
.button{
   font-family: 'Arial', sans-serif !important;
   font-weight: bold;
   font-size: 14px !important;
}
.w-dropdown-list{
  min-width: 350px;
}
   .hero-wrapper {
        /*min-height: 50vh;*/
        min-height: 90vh;
        background-position: 50% 79%;
        background-repeat: no-repeat;
        background-size: cover;
     }

/*--add remove button--*/
.remove_div{
  background-color: #db3c30;
  width: 120px;
  padding: 7px 3px;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  border-radius: 3px;
}

.remove_div:hover {
  color: #fff;
  background-color: #eb4336;
}

.add_student{
  background-color: #5cb85c;
  border-color: #4cae4c;
  width: 120px;
  padding: 7px 3px;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  border-radius: 3px;
}

.add_student:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
/*--end add remove button--*/

.course-row-label {
  width: 50%;
  margin-right: 15px;
  color:  #0077c8 !important;
  text-align: right;
}
.course-slot-col3.available{
  background-color: #4f9d64 !important;
}
.course-slot-title{
  background-color: #000000 !important;
}
.course-box-price-1{
  color: #333 !important;
}
.course-available{
  font-size: 14px !important;
  letter-spacing: 2px !important;
}
.course-slot-number{
  font-size: 40px !important;
}

.box-button {
  margin-right: 22px;
  padding: 11px 23px;
  background-color: #F4DA40;
  color: #000;
  box-shadow: 0 8px 16px -8px rgba(10, 139, 206, 0.62);
  -webkit-transition: background-color 325ms ease;
  transition: background-color 325ms ease;
  width: 150px;
  text-decoration: none !important;
  text-align: center !important;
}

.box-button:hover {
  color: #fff;
  background-color: #0077c3;
}


/*//-----responsive start----///*/

@media screen and (max-width: 1920px) {
  .footer-box .full-layout{
     display: block !important;
  }
  .footer-box .media-layout{
     display: none !important;
  }
  .sub-dt{
    width:350px;
  }

  .hero-wrapper {
    height: 90vh !important;
    min-height: unset !important;
   }
  
}

@media screen and (max-width: 1128px) {
 .navlink {
  margin-right: 0px;
  margin-left: 0px;
  padding: 10px 30px !important;
  color: #000;
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 400;
  }

.brand.logo-hide
  {
  margin-right: 0px !important;
  margin-left: 10% !important;
  }

.registration-content {
  padding: 20px 21px 20px 40px !important;
}

.registration-content.margin-b50 {
  margin-bottom: 50px;
  padding-top: 20px;
  padding-bottom: 20px !important;
}

.sub-dt{
    width:350px;
  }

  .hero-wrapper {
    height: 90vh !important;
    min-height: unset !important;
   }

}

@media screen and (min-width: 968px) {
 .footer-box .full-layout{
     display: block !important;
  }
  .footer-box .media-layout{
     display: none !important;
  }
  .sub-dt{
    width:350px;
  }

}

@media screen and (max-width: 991px) {
  .container {
     width: 98%;
     max-width: 1024px;
     margin-right: auto;
     margin-left: auto;
}
  
  .footer-box-3 {
     margin-left: 0px;
     width: 45%;
   }
   .footer-link {
    font-size: 15px;
  }
   .brand.hide{
    left: 42% !important;
    width:20% !important;
  }
  .brand {
  width: 14% !important;
 }
 .sub-dt{
    width:350px;
  }
  .hero-wrapper {
    height: 55vh !important;
    min-height: unset !important;
}
}


@media screen and (max-width: 767px), screen and (min-widtht:300px) {

  .brand.hide{
    left: 36% !important;
    width:30% !important;
  }

  .footer-box .full-layout{
     display: none !important;
  }
  .footer-box .media-layout{
     display: block !important;
  }

.footer-box {
    width: 100%;
    margin-bottom:0px ;
    text-align: center;
    margin-left: 0px;
  }

  .footer-box-2 {
  
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }

  .footer-box-3{
    width: 100%;
    margin-bottom: 20px;
  }

  .footer-box-3 .site-box{
    width: 45% !important;
    float: left;
    margin-left: 5px;

  }
  .footer-box-3 .footer-link{
    text-align: left !important;
  }

  .header-one {
    text-align: center;
    margin: 30px 0px 25px 0px;
  }

  .footer-header {
    text-align: center;
    margin-top: 30px;
  }

  .footer-phone {
    text-align: center;
    margin: 15px 0px 0px 0px;
  }

  .footer-email {
    text-align: center;
    margin: 30px 30px 30px 30px;
  }

  .footer-link-wrapper {
    margin-right: 0px;
  }
  .footer-one{
    font-size:15px !important ;
  }
   .footer-one p {
    margin-bottom: 5px;
    font-size:15px !important ;
  }

  .registration-content {
  padding: 20px 21px 0px 40px !important;
}

.registration-content.margin-b50 {
  margin-bottom: 50px;
  padding-top: 20px;
  padding-bottom: 0px !important;
}

.hero-wrapper {
    height: 50vh !important;
    min-height: unset !important;
}
  
}

@media screen and (min-width: 479px), screen and (max-widtht:736px)  {
  .registration-content {
  padding: 20px 21px 20px 40px !important;
}

.registration-content.margin-b50 {
  margin-bottom: 50px;
  padding-top: 20px;
  padding-bottom: 20px !important;
}

 .w--nav-dropdown-list-open {
  min-width: 450px;
  background-color: #fff;
  top: 1%;
  left: 99%;
  right: 0%;
  z-index: 999999;
}
.w-dropdown-link{
  white-space: normal !important;
}
.sub-2d-list.w--open {
  min-width: 430px;
  white-space: normal !important;
  background-color: #fff;
}

}

@media screen and (min-width: 401px), screen and (max-width: 478px) {
  .w--nav-dropdown-list-open {
  min-width: 300px;
  background-color: #fff;
  top: 1%;
  left: 99%;
  right: 0%;
  z-index: 999999;
  padding-right: 5px;
}
.w-dropdown-link{
  white-space: normal !important;
}
.sub-2d-list.w--open {
  min-width: 300px;
  white-space: normal !important;
  background-color: #fff;
  padding-right: 5px;
}
/*.hero-wrapper {
    height: 30vh !important;
    min-height: unset !important;
}*/
/*.hero-wrapper {
  min-height: 50vh;
  background-position: 5% 79%;
  background-repeat: no-repeat;
  background-size: cover;
}*/
}

@media screen and (min-width: 400px)  {
  #w-dropdown-toggle-7{
    width: 100%;
    white-space: normal !important;
  }
  .sub-dt{
    width:100% !important;
    white-space: normal !important;
  }

/*.hero-wrapper {
  min-height: 50vh;
  background-position: 24% 79%;
  background-repeat: no-repeat;
  background-size: cover;
}*/
/*.brand.hide{
    left: 36% !important;
    width:30% !important;
  }*/
}

@media screen and (max-width: 640px)  {
  .brand.hide{
    left: 33% !important;
    width:74% !important;
    padding-bottom: 5px;
  }
  .w-nav-button {
    font-size: 58px;
    cursor: pointer;
  }
  .menu-button-2 {
    color: #F4DA40;
    padding: 25px 5px 0px 0px;
  }
  .navbar {
  position: relative;
  min-height: 110px !important;
  margin-bottom: 20px;
  border: 1px solid transparent;
 }
 .hero-wrapper {
    height: 35vh !important;
    min-height: unset !important;
}

}

@media screen and (max-width: 440px)  {
  .brand.hide{
    left: 33% !important;
    width:74% !important;
    padding-bottom: 5px;
  }
  .w-nav-button {
    font-size: 58px;
    cursor: pointer;
  }
  .menu-button-2 {
    color: #F4DA40;
    padding: 25px 5px 0px 0px;
  }
  .navbar {
  position: relative;
  min-height: 110px !important;
  margin-bottom: 20px;
  border: 1px solid transparent;
 }
 .hero-wrapper {
    height: 25vh !important;
    min-height: unset !important;
}

}

@media screen and (max-width: 300px)  {
  .brand.hide{
    left: 33% !important;
    width:74% !important;
    padding-bottom: 5px;
  }
  .w-nav-button {
    font-size: 58px;
    cursor: pointer;
  }
  .menu-button-2 {
    color: #F4DA40;
    padding: 25px 5px 0px 0px;
  }
  .navbar {
  position: relative;
  min-height: 110px !important;
  margin-bottom: 20px;
  border: 1px solid transparent;
 }
 .hero-wrapper {
    height: 20vh !important;
    min-height: unset !important;
}

}