@font-face {
  font-family: "Lokem-Headings";
  src: url("../fonts/ReadexPro/ReadexPro-bold.eot") format("eot");
  src: url("../fonts/ReadexPro/ReadexPro-bold.woff") format("woff");
  src: url("../fonts/ReadexPro/ReadexPro-bold.ttf") format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: "Lokem-Lighter";
  src: url("../fonts/ReadexPro/ReadexPro-Light.eot") format("eot");
  src: url("../fonts/ReadexPro/ReadexPro-Light.woff") format("woff");
  src: url("../fonts/ReadexPro/ReadexPro-Light.ttf") format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: "Lokem-Medium";
  src: url("../fonts/ReadexPro/ReadexPro-Medium.eot") format("eot");
  src: url("../fonts/ReadexPro/ReadexPro-Medium.woff") format("woff");
  src: url("../fonts/ReadexPro/ReadexPro-Medium.ttf") format("truetype");
  font-weight: 600;
}

#preloadingImg {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff url(loading.svg) no-repeat center center;
}

body {
  margin: 0;
  font-family: Lokem-Headings !important;
  overflow-x: hidden !important;
  line-height: initial !important;
  color: #000 !important;
  background-color: #fff !important;
}

.banner-heading {
  color: #fff;
}
.tyt-text {
  font-family: Lokem-Medium;
  letter-spacing: 0.2px;
  font-size: 20px;
}
.tyt-heading-text {
  font-size: 45px;
  font-family: Lokem-Medium;
}
.tyt-sub-heading {
  font-size: 30px;
  color: #000;
  font-family: "Lokem-Lighter";
}

.top-page {
  background: url(../media/images/corporate-banner.png) top;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.quote-top-testi {
  height: 40px;
  width: 45px;
  padding-right: 11px;
  margin-left: -64px;
  margin-right: 6px;
}

.our-3cs-image1 {
  border-radius: 50%;
  width: 220px;
  height: 220px;
  border: none;
  margin-top: 0px;
  object-fit: cover;
  margin-top: 20px;
}
.benfit-audio-left {
  margin-left: 5px;
  color: #787775 !important;
  background-color: #000000;
  border-radius: 0%;
}

.their-heading-line {
  width: 55px;
  border: 1px solid #d3b155;
  background: #000;

  margin-left: 0px;
  margin-top: 0px;
}
audio {
  width: 300px;
  height: 54px;
  margin-top: 15px;
}

.textHide {
  display: none;
}
.readMore {
  color: #d3b155;
  font-size: 17px;
  font-family: Lokem-Medium;
  cursor: pointer;
}
.readLess {
  color: #d3b155;
  font-size: 17px;
  font-family: Lokem-Medium;
  cursor: pointer;
}
.first-page-container-testimonial {
  text-align: center;
  font-size: 50px;
  margin-left: 10%;
  margin-right: 10%;
  padding-top: 150px;
  padding-bottom: 150px;
  color: #fff;
  letter-spacing: 1px;
  font-family: Lokem-Lighter;
}
.first-page-heading {
  padding-bottom: 45px;
}

.train-your-main-testi {
  width: 84% !important;
  padding-left: 8% !important;
  padding-right: 8% !important;
  padding-bottom: 60px;
  padding-top: 60px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
}
.we-offer-main {
  background: #fff !important;
}
.tyt-heading-main {
  width: 100%;
  padding-bottom: 45px;
}
.discovery-head-main {
  width: 65% !important;
  padding-bottom: 0px !important;
}
.tyt-heading {
  text-align: left;
}
.tyt-heading-line-main {
  margin-bottom: 30px;
}
.tyt-heading-line {
  width: 60px;
  border: 1.9px solid #d3b155;
  background: #d3b155;
  float: left;
  margin-left: 3px;
}
.benefit-para1 {
  margin-top: 10px;
}
.sec-headings {
  text-align: center;
  font-size: 35px;
  font-family: Lokem-Medium;
}
.offer-para1 {
  margin-top: 22px;
}
.each-para-div {
  display: inline-flex;
  letter-spacing: initial;
}
.each-para-div-testi {
  display: inline-flex;
  letter-spacing: initial;
  font-family: Lokem-Medium;
}
.discovery-para-div {
  display: inline-flex;
  padding-bottom: 7px;
}
.bullet-style {
  font-size: 33px;
  color: #d3b155;
  margin-right: 10px;
}
.number-style {
  margin-right: 10px;
}
.discovery-main {
  width: 90%;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 40px;
  padding-top: 40px;
  text-align: center;
  background: #fff;
}
.discovery-row1 {
  display: inline-flex;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.discovery-row1-col1 {
  width: 75%;
  float: left;
  font-family: Lokem-Lighter;
  font-size: 18px;
  text-align: left;
  padding-top: 30px;
}
.discovery-row1-col2 {
  float: left;
  padding-left: 20px;
}
.discovery-image {
  border-radius: 50%;
  width: 300px;
  height: 300px;
  border: 1px solid black;
  border: none;
  object-fit: cover;
}
.discovery-row2 {
  display: inline-flex;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-top: 20px;
}
.discovery-row2-col1 {
  text-align: left;
}
.discovery-row2-col2 {
  width: 75%;
  float: left;
  font-family: Lokem-Lighter;
  font-size: 18px;
  text-align: left;
  padding-top: 50px;
  padding-left: 35px;
}
.overview-cols-main {
  width: 100%;
  display: inline-flex;
}
.max-width-div {
  max-width: initial;
  width: 100%;
  display: inline-block;
}
.overview-col1 {
  width: 75%;
  text-align: left;
}
.overview-col2 {
  float: right;
  padding-left: 30px;
}
.course-main {
  background: #fff !important;
}
.course-overview-image1 {
  float: left;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  object-fit: cover;
}
.course-overview-image2 {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  float: left;
  margin-top: 20px;
  object-fit: cover;
}
.why-lokem-main-text {
  padding-top: 0px;
  text-align: left;
  font-size: 22px;
  font-family: Lokem-Medium;
}
.quote-text-main {
  width: 50%;
  margin-left: 25%;
  margin-right: 25%;
  color: #d3b155;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
.quote {
  width: 100%;
  display: inline-flex;
}
.quote-text {
  width: 90%;
  text-align: center;
  margin-left: 5%;
  margin-right: 5%;
  font-size: 22px;
  font-family: Lokem-Medium;
  /*color: #d3b155;*/
  color: #715a1c;
  line-height: 33px;
}
.quote-div {
  width: 20%;
}
.quote-div img {
  width: 50px;
}
.hrLines {
  width: 40%;
  margin-bottom: 22px;
  /*border-bottom: 4px solid #dbd6d6;*/
  border-bottom: 4px solid #a38732;
}

.contactMsg {
  text-align: center;
  color: #d5a215;
}

.training-dates-button-section {
  padding-top: 30px;
  display: inline-flex;
}
.mar-right {
  margin-right: 15px;
}
.get-in-touch {
  padding: 10px;
  padding-left: 30px;
  padding-right: 30px;
  background: #c9a328;
  color: #fff;
  font-size: 22px;
  border: none;
  border-radius: 5px;
  font-family: Lokem-Lighter;
  text-decoration: none;
}
.view-program-top {
  padding: 10px;
  padding-left: 30px;
  padding-right: 30px;
  background: #706137;
  color: #fff;
  font-size: 22px;
  border: 1px solid white;
  border-radius: 5px;
  font-family: Lokem-Lighter;
  text-decoration: none;
  cursor: pointer;
}
.view-program-bottom {
  padding: 10px;
  padding-left: 30px;
  padding-right: 30px;
  background: #c9a328;
  color: #fff;
  font-size: 22px;
  border: none;
  border-radius: 5px;
  font-family: Lokem-Lighter;
  text-decoration: none;
  cursor: pointer;
}
.view-program-main {
  padding-top: 25px;
}
.first-section-sub {
  font-size: 25px;
  font-family: Lokem-Lighter;
}

.secs-font {
  font-size: 21px;
  letter-spacing: 1px;
  font-family: "Lokem-lighter";
}
.images-sec-main {
  width: 70% !important;
  padding-left: 15% !important;
  padding-right: 15% !important;
}
.flex-dir {
  flex-direction: row-reverse;
}

.tyt-paras {
  width: 100%;
  display: inline-flex;
  padding-bottom: 10px;
}
.secs-tyt-col1 {
  width: 30%;
}
.quotes {
}
.secs-tyt-col2 {
  width: 70%;
  padding-left: 62px;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  display: flex;
}
.sec1-image {
  width: 100%;
  height: 400px;
  border: none;
  object-fit: cover;
  border-radius: 10px;
}
.tyt-col1-less {
  padding-top: 70px;
  margin-right: 30px;
  text-align: right;
}
.tyt-col2-more {
  width: 70%;
  text-align: left;
}
.embed-main {
  background: #fff;
  color: #000;
}
.padding-bot {
  padding-bottom: 30px;
}
.column {
  margin-right: 100px;
  flex-direction: column;
  flex: 1 1 0%;
}
.row {
  display: flex;
  text-align: center;
  justify-content: center;
}
.first-col {
  margin-left: 80px;
}
.last-col {
  margin-right: 80px !important;
}
.text-center {
  text-align: left;
}
.embed-heading {
  display: inline-flex;
  padding-bottom: 10px;
  letter-spacing: 1px;
  font-family: Lokem-Medium;
  min-height: 60px;
}
.embed-row1 {
  display: inline-flex;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  text-align: center;
}
.embed-row1-col1 {
  float: left;
  font-family: Lokem-Lighter;
  font-size: 18px;
  text-align: left;
  margin-right: 80px;
  width: 33.33%;
}
.embed-row1-col2 {
  width: 32%;
  float: left;
  padding-left: 20px;
}
.embed-row1-col3 {
  width: 32%;
  float: left;
  padding-left: 20px;
}
.mobile-show {
  display: none;
}
.desktop-show {
  display: inline-block;
}
.embed-heading-text {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  text-align: left;
}

@media (max-width: 995px) {
  .our-3cs-image1 {
    border-radius: 50%;
    width: 250px;
    height: 250px;
    border: none;
    margin-top: 0px;
    object-fit: cover;
    margin-top: 0px;
  }
  .offer-para1 {
    margin-top: 0px;
  }
  .tyt-heading-text {
    font-size: 30px;
    font-family: Lokem-Lighter;
  }
  .top-page {
    background: url(../media/images/corporate-banner.png) top;
    min-height: 390px;
    background-size: cover;
  }

  .first-page-container-testimonial {
    text-align: center !important;
    font-size: 35px;
    /*margin-left: 3%;
		margin-right: 3%;*/

    color: #fff;
    margin: 0px;
  }
  .first-page-heading {
    font-size: 30px;
    padding-bottom: 16px;
  }
  .train-your-main {
    display: inline-block;
    width: 90% !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    background-image: url(../media/images/our3cBG.png),
      linear-gradient(to right, #ebd9a5, #e4cd8d);
    background-repeat: no-repeat;
    background-position: center;
  }
  .train-your-main-testi {
    width: 84% !important;
    padding-left: 8% !important;
    padding-right: 8% !important;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
  }
  .images-sec-main {
    width: 90% !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
  .we-offer-main {
    background: #fff !important;
  }
  .tyt-heading-main {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .tyt-heading {
    text-align: center;
  }
  .tyt-heading-line {
    width: 60px;
    border: 1.9px solid #d3b155;
    background: #d3b155;
    float: initial;
    margin-left: auto;
  }
  .tyt-paras {
    width: 100%;
    display: inline-block;
  }
  .tyt-col1 {
    width: 98%;
    margin-right: 1%;
    margin-left: 1%;
    text-align: center;
  }
  .tyt-col2 {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    text-align: center;
  }
  .discovery-main {
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 0;
    padding-top: 40px;
    text-align: center;
    background: #fff;
  }
  .discovery-row1 {
    display: inline-block;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 20px;
    margin-top: 0;
    text-align: center;
  }
  .discovery-row1-col1 {
    width: 100%;
    float: initial;
    font-family: Lokem-Lighter;
    font-size: 18px;
    text-align: center;
    padding-top: 0;
  }
  .discovery-row1-col2 {
    float: initial;
    width: 100%;
    padding-left: 0;
  }
  .discovery-row2 {
    display: inline-block;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 0px;
    margin-top: 20px;
  }
  .discovery-row2-col1 {
    float: initial;
    text-align: center;
    width: 100%;
    padding-right: 0;
  }
  .discovery-row2-col2 {
    width: 100%;
    float: initial;
    font-family: Lokem-Lighter;
    font-size: 18px;
    text-align: center;
    padding-left: 0;
  }
  .quote-top-testi {
    height: 25px;
    width: 25px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .overview-cols-main {
    width: 100%;
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
  }
  .overview-col1 {
    width: 100%;
    text-align: center;
  }
  .overview-col2 {
    width: 100%;
    margin-left: 0;
  }
  .course-overview-image1 {
    float: initial;
    width: 300px;
    height: 300px;
    border-radius: 50%;
  }
  .course-overview-image2 {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    float: initial;
    margin-top: 20px;
  }
  .why-lokem-main-text {
    padding-top: 0px;
    text-align: center;
    font-size: 20px;
    font-family: Lokem-Medium;
  }
  .quote-text-main {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    color: #d3b155;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
  }
  .quote {
    width: 100%;
  }
  .quote-text {
    width: 100%;
    margin-left: 0;
  }
  .discovery-head-main {
    width: 100% !important;
    padding-bottom: 0px !important;
  }
  .max-width-div {
    max-width: initial;
    width: 100%;
    display: inline-block;
  }
  .get-in-touch {
    padding: 8px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 20px;
    border: none;
    border-radius: 5px;
    font-family: Lokem-Lighter;
  }
  .view-program-top {
    padding: 8px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 20px;
    border-radius: 5px;
    border: 1px solid white;
    font-family: Lokem-Lighter;
  }
  .view-program-bottom {
    padding: 8px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 20px;
    border-radius: 5px;
    border: 1px solid white;
    font-family: Lokem-Lighter;
  }
  .view-program-main {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .training-dates-button-section {
    padding-top: 30px;
    padding-bottom: 60px;
    display: inline-block;
  }
  .mar-right {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .secs-tyt-col1 {
    width: 100%;
    text-align: center;
  }
  .secs-tyt-col2 {
    width: 100%;
    padding-left: 0px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    display: flex;
  }
  .sec1-image {
    width: 100%;
    height: AUTO;
    border: none;
    object-fit: cover;
    border-radius: 10px;
  }
  .tyt-sub-heading {
    font-size: 24px;
    padding-bottom: 10px !important;
  }
  .sec-headings {
    text-align: center;
    font-size: 22px;
    font-family: Lokem-Medium;
  }
  .secs-font {
    font-size: 20px;
    font-family: "Lokem-lighter";
    text-align: center;
  }
  audio {
    width: 100%;
    height: 54px;
    margin-top: 15px;
  }

  .padding-bot {
    padding-bottom: 15px;
  }
  .embed-row1 {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .embed-row1-col1 {
    width: 100%;
    float: initial;
    font-family: Lokem-Lighter;
    font-size: 18px;
    text-align: center;
  }
  .embed-row1-col2 {
    width: 100%;
    float: initial;
    padding-left: 0px;
  }
  .embed-row1-col3 {
    width: 100%;
    float: initial;
    padding-left: 0px;
  }
  .mobile-show {
    display: inline-block;
  }
  .desktop-show {
    display: none;
  }
  .first-section-sub {
    font-size: 22px;
    font-family: Lokem-Lighter;
  }
  .text-center {
    text-align: center;
  }
  .row {
    display: inline-block;
    text-align: center;
    justify-content: center;
  }
  .column {
    margin-right: 0;
    flex-direction: initial;
    flex: initial;
  }
  .first-col {
    margin-left: 0;
  }
  .column {
    margin-right: 0;
    flex-direction: initial;
    flex: initial;
  }
  .last-col {
    margin-right: 0 !important;
  }
  .embed-heading {
    display: inline-flex;
    padding-bottom: 10px;
    letter-spacing: 1px;
    font-family: Lokem-Medium;
    min-height: initial;
    padding-top: 20px;
  }
  .their-heading-line {
    width: 60px;
    border: 1px solid #d3b155;
    background: #000;
    margin-right: 10px;
    display: none;
  }
}
