/****** Fonts Decleration *******/

@import url('https://fonts.cdnfonts.com/css/futura-condensed-extra');


.font-hb {

  font-family: 'Heebo', sans-serif;

}



.font-myr {

  font-family: "Myriad Hebrew";

}



.font-ftr {

  /*font-family: 'Futura Condensed Extra', sans-serif;         
font-family: 'Futura Condensed Extra Bold', sans-serif;*/

  font-family: 'Futura Condensed Extra', sans-serif;

}



.font-poppins {

  font-family: "Poppins", sans-serif;

}

.fw-black {

  font-weight: 900 !important;

}

.fw-extbold {

  font-weight: bold !important;

}

.fw-bold {

  font-weight: bold !important;

}

.fw-medium {

  font-weight: 500 !important;

}

.fw-semibold {

  font-weight: 600 !important;

}

.fw-normal {

  font-weight: normal;

}

.fw-light {

  font-weight: 300;

}



.font-55 {

  font-size: 55px;

  line-height: 65px;

}





.font-45 {

  font-size: 45px;

  line-height: 55px;

}



.font-40 {

  font-size: 40px;

  line-height: 50px;

}



.font-35 {

  font-size: 35px;

  line-height: 45px;

}

.font-34 {

  font-size: 34px;

  line-height: 44px;

}



.font-22 {

  font-size: 22px;

  line-height: 40px;

}



.font-21 {

  font-size: 21px;

  line-height: 40px;

}



.font-18 {

  font-size: 18px;

  line-height: normal;

}



.font-14 {

  font-size: 14px;

  line-height: normal;

}



.errorfont {

  color: white;

  padding-left: 5px;

  font-size: 13px;

  line-height: 22px;

}



* {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  padding: 0;

  margin: 0;

}



body,
p {

  color: #231f20;

  font-size: 18px;

  line-height: 40px;

  font-weight: normal;

  font-family: 'Heebo', sans-serif;

  overflow-x: hidden;

}



h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {

  margin: 0;

  padding: 0;

}



a,
a:focus {

  text-decoration: none;

  color: #231f20;
  ;

  font-family: 'Heebo', sans-serif;

  font-size: 20px;

  -webkit-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

  display: inline-block;

}

a:hover {

  color: #21b5e7;

}

.button-green,
.button-green:focus {

  font-family: 'Futura Condensed Extra', sans-serif;

  background-color: #0db24b;

  padding: 15px 20px;

  outline: 0;

  border: 2px solid transparent;

  color: #fff;

  font-size: 30px;

  font-weight: 600;

  text-transform: uppercase;

  line-height: normal;

  display: inline-block;

  -webkit-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

  border-radius: 5px;

  box-shadow: 3px 3px 0 0 #097a33;

  width: 100%;

}

.button-green:hover {

  background-color: #21b5e7;

  border-color: #21b5e7;

  color: #fff;

  -webkit-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

  box-shadow: 3px 3px 0 0 #1b94bd;

}


.button-orange,
.button-orange:focus {

  font-family: 'Futura Condensed Extra', sans-serif;

  background-color: #fd5200;

  padding: 15px 30px;

  outline: 0;

  border: 2px solid transparent;

  color: #fff;

  font-size: 36px;

  font-weight: 600;

  text-transform: uppercase;

  line-height: normal;

  display: inline-block;

  -webkit-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

  border-radius: 5px;

  box-shadow: 3px 3px 0 0 #d14501;

  width: 100%;

}

.button-orange:hover {

  background-color: #0db24b;

  border-color: #0db24b;

  color: #fff;

  -webkit-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

  box-shadow: 3px 3px 0 0 #097a33;

}

img {

  display: inline-block;

  width: 100%;

  height: auto;

}



/*

.sec-pad{

  padding: 100px 0;

}



.sec-pad80{

  padding: 80px 0;

}



.sec-pad60{

  padding: 60px 0;

}



.sec-pad40{

  padding: 40px 0;

}



.sec-pad20{

  padding: 20px 0;

}*/





/***** Padding/Margin *****/



.pdtop {

  padding-top: 100px;

}

.pdtop80 {

  padding-top: 80px;

}

.pdtop60 {

  padding-top: 60px;

}

.pdtop40 {

  padding-top: 40px;

}

.pdtop30 {

  padding-top: 30px;

}

.pdtop20 {

  padding-top: 20px;

}

.pdtop10 {

  padding-top: 10px;

}

.pdtop5 {

  padding-top: 5px;

}

.pdbtm {

  padding-bottom: 100px;

}

.pdbtm80 {

  padding-bottom: 80px;

}

.pdbtm60 {

  padding-bottom: 60px;

}

.pdbtm40 {

  padding-bottom: 40px;

}

.pdbtm30 {

  padding-bottom: 30px;

}

.pdbtm20 {

  padding-bottom: 20px;

}

.pdbtm10 {

  padding-bottom: 10px;

}

.pdbtm5 {

  padding-bottom: 5px;

}



.mrtop {

  margin-top: 100px;

}

.mrtop80 {

  margin-top: 80px;

}

.mrtop60 {

  margin-top: 60px;

}

.mrtop50 {

  margin-top: 50px;

}

.mrtop40 {

  margin-top: 40px;

}

.mrtop30 {

  margin-top: 30px;

}

.mrtop25 {

  margin-top: 25px;

}

.mrtop20 {

  margin-top: 20px;

}

.mrtop15 {

  margin-top: 15px;

}

.mrtop10 {

  margin-top: 10px;

}



.mrbtm {

  margin-bottom: 100px;

}

.mrbtm80 {

  margin-bottom: 80px;

}

.mrbtm60 {

  margin-bottom: 60px;

}

.mrbtm50 {

  margin-bottom: 50px;

}

.mrbtm40 {

  margin-bottom: 40px;

}

.mrbtm30 {

  margin-bottom: 30px;

}

.mrbtm20 {

  margin-bottom: 20px;

}

.mrbtm10 {

  margin-bottom: 10px;

}



.devider {

  background-color: #d7d7d7;

  height: 1px;

  width: 100%;

}
.deviderr {

  background-color: #d7d7d7;

  height: 1px;

  width: 100%;

}



.devider2 {

  background-color: #d7d7d7;

  height: 1px;

  width: 100%;

  max-width: 98%;



}



.bg-colortophead {

  background-color: #2b2b2b;

}



.bgcolor-footer {

  background-color: #2a2a2a;

}

.bgcolor-gray {

  background-color: #d5d5d5;

}



.color-white {

  color: #fff;

}



.color-sky {

  color: #21b5e7;

}



.color-gray {

  color: #2b2b2b;

}



.color-gray2 {

  color: #b0b0b0;

}



.color-blue {

  color: #133c90;

}



.hgt {

  height: 275px;

}

/******* Header CSS *******/



.mainpagesecinner {

  margin-top: -225px;

}



.mainpagesecinner .container {

  max-width: 1200px;

  margin: 0 auto;

}



.formrgtcolinner {

  padding-left: 100px;

}



.bookleftcol .bookleftcolinner .overbooked-box {
  max-width: 100%;
  margin-bottom: 30px;
}



.detailcommon {

  display: flex;

  align-items: center;

  justify-content: start;

}



.detailcommon img {

  width: auto;

  height: auto;

  text-align: left;

  margin: 0 15px 0 0;

}

.pricethrough {

  position: relative;

}


.pricethrough::before {
  content: "";
  position: absolute;
  left: 7px;
  right: 0;
  top: 27px;
  bottom: 0;
  width: 130px;
  height: 5px;
  background-color: red;
  transform: rotate(-15deg);
}




/******* Form CSS ********/



.formrgtcolbox {

  background-color: #fff;

  border-radius: 10px;

  box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.04);

}



.formrwtop {

  padding: 50px 50px 0px 50px;

  position: relative;

}



.formrwtop::before {

  content: "";

  position: absolute;

  left: 55px;

  top: -15px;

  background-color: #d5d5d5;

  width: 30px;

  height: 30px;

  display: block;

  transform: rotate(45deg);

}



.devider {

  margin: 50px 0 0 0;

}



.formrwmdl {

  padding: 45px 50px 0px 50px;

}



.formrwmdl2 {

  padding: 15px 50px 0px 50px;

}



.formrwmdl--last {

  padding-top: 30px;

}



.formrwbtm {

  padding: 30px 50px 50px 50px;

}



.reg-form-input,
.reg-form-input:focus {

  width: 100%;

  padding: 6px 10px 6px 20px;

  font-family: 'Heebo', sans-serif;

  border-radius: 5px;

  outline: none;

  border: 1px solid #d1d3d4;

  font-size: 17px;



  background-color: #fff;

}

select.reg-form-input {

  padding: 6px 10px 6px 20px !important;

}

#inputState {

  padding: 12px 10px 12px 20px;

  color: #2b2b2b;

}



.reg-form-input::placeholder,
select {

  color: #888;

}



.reg-form-col input[type="radio"]:checked+label,

.reg-form-col input[type="radio"]:not(:checked)+label {

  position: relative;

  padding-left: 5px;

  cursor: pointer;

  line-height: 20px;

  display: inline-block;

  color: #888;

  font-size: 18px;

}



.reg-form-col input[type="checkbox"]:checked+label,

.reg-form-col input[type="checkbox"]:not(:checked)+label {

  position: relative;

  padding-left: 5px;

  cursor: pointer;

  line-height: 20px;

  display: inline-block;

  color: #888;

  font-size: 18px;

}



.saveaddress label {

  margin-right: 10px;

}



.ddboox {

  background-color: transparent;

  font-family: 'Heebo', sans-serif;

  font-size: 17px;

  outline: none;

  border-radius: 6px;

  padding: 6px 10px 6px 20px;

  color: #888;

  cursor: pointer;

  appearance: none;

  outline: 0;

  border: 1px solid #ddd;

  box-shadow: none;

  text-align: left;

  position: relative;

  display: flex;

  width: 100%;

  height: auto;

  overflow: hidden;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  background: url("../images/arrow-down.png") white no-repeat 98.5% !important;

  background: url("../images/arrow-down.png") white no-repeat calc(100% - 10px) !important;

}



#address_as_0,

#address_as_1,

#address_as_2,
#tds_applicable_yes,
#tds_applicable_no {

  width: 20px;

  height: 20px;

  display: inline-block;

  vertical-align: middle;

}

/************/



.formbtmptrn {

  background-image: url("../images/formbtm-bg.png");

  background-position: center bottom;

  background-repeat: no-repeat;

  background-size: 100%;

  height: 150px;

  position: relative;

  margin-top: -110px;

  z-index: -1;

}



#submitBtn i {

  font-size: 25px;

}


.coursdurationdesc p.font-18 {
  margin-top: -5px;
}


.detailcommon.time.coursduration {
  align-items: start;
}

.detailcommon.time.coursduration img {
  margin-top: 7px;
}

/**** back to top ****/

.dmtop,
.dmtop:focus {

  background-color: #1d0a3c;

  z-index: 100;

  width: 40px;

  height: 40px;

  line-height: 40px;

  position: fixed;

  bottom: -100px;

  border-radius: 3px;

  right: 20px;

  text-align: center;

  font-size: 28px;

  color: #ffffff !important;

  cursor: pointer;

  -webkit-transition: all .7s ease-in-out;

  -moz-transition: all .7s ease-in-out;

  -o-transition: all .7s ease-in-out;

  -ms-transition: all .7s ease-in-out;

  transition: all .7s ease-in-out;

}





.dmtop:hover {

  background-color: #38166f;

}





/**** privacy policy ****/



.hlpdsk p,
.hlpdsk p a,
.hlpdsk p a:focus {

  font-size: 18px;

  color: #868686;

  line-height: normal;

}



.policy-links {

  color: #868686;

  line-height: normal;

}



.policy-links a,
.policy-links a:focus {

  font-size: 9px;

  text-transform: uppercase;

  text-decoration: none;

  color: #868686;

  line-height: normal;

  -webkit-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

}



.icon-wa {

  max-width: 16px;

}



.hlpdsk p a:hover,

.policy-links a:hover {

  color: #21b5e7;

  -webkit-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

}

/*********** Thank You Page *************

*****************************************/