/* ----------- Project Name EliteLearnings ------------ */
/* ----------- Code By Vaishak ------------ */
@font-face {
  font-family: "Roboto-Regular";
  src: url("../fonts/Roboto-Regular.eot");
  src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Light";
  src: url("../fonts/Roboto-Light.eot");
  src: url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light.ttf") format("truetype"), url("../fonts/Roboto-Light.svg#Roboto-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Medium";
  src: url("../fonts/Roboto-Medium.eot");
  src: url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.ttf") format("truetype"), url("../fonts/Roboto-Medium.svg#Roboto-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "VarelaRound-Regular";
  src: url("../fonts/VarelaRound-Regular.eot");
  src: url("../fonts/VarelaRound-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/VarelaRound-Regular.woff") format("woff"), url("../fonts/VarelaRound-Regular.ttf") format("truetype"), url("../fonts/VarelaRound-Regular.svg#VarelaRound-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*START Other Styles*/
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "VarelaRound-Regular", sans-serif;
  font-weight: normal;
  color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto-Light", sans-serif;
  font-weight: normal;
  letter-spacing: 1px;
}

strong {
  font-family: "VarelaRound-Regular", sans-serif;
  font-weight: 400;
}

a {
  cursor: pointer;
  outline: unset;
  color: #039BE5;
  transition: ease all 0.3s;
}

.noUserSelect {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.padR3 {
  padding-right: 3px;
}

h2.centeredHeading {
  font-size: 20px;
  margin-bottom: 25px;
}

.centeredHeading {
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  text-align: center;
}
.centeredHeading.white {
  color: #fff;
}
.centeredHeading:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  box-shadow: 0px 4px 8px 0px rgba(3, 155, 229, 0.25);
  width: 55px;
  height: 3px;
  background: #039BE5;
  margin: 0 auto;
}

.leftHeading {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  text-align: left;
  margin-bottom: 25px;
}
.leftHeading:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 2px;
  box-shadow: 0px 4px 8px 0px rgba(3, 155, 229, 0.25);
  width: 55px;
  height: 3px;
  background: #039BE5;
  margin: 0;
}

h2.leftHeading {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  text-align: left;
  margin-bottom: 25px;
}
h2.leftHeading:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 2px;
  box-shadow: 0px 4px 8px 0px rgba(3, 155, 229, 0.25);
  width: 55px;
  height: 3px;
  background: #039BE5;
  margin: 0;
}

body.modal-open {
  padding-right: 15.3px;
}

.customAlert {
  padding: 5px;
  font-size: 12px;
  border-radius: 0;
  margin: 5px 0;
  opacity: 0.9;
}
.customAlert.alert-dismissible a.close {
  right: 10px;
  top: -5px;
  color: #111;
}

.animatedBtn {
  color: #039BE5;
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  margin: 0 auto;
  max-width: 160px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}
.animatedBtn:hover {
  text-decoration: none;
}
.animatedBtn.btn-2 {
  letter-spacing: 0;
}
.animatedBtn.btn-2:hover, .animatedBtn.btn-2:active {
  letter-spacing: 1px;
}
.animatedBtn.btn-2:after, .animatedBtn.btn-2:before {
  backface-visibility: hidden;
  border: 1px solid rgba(3, 155, 229, 0);
  bottom: -1px;
  content: " ";
  display: block;
  margin: 0 auto;
  position: relative;
  transition: all 280ms ease-in-out;
  width: 0;
}
.animatedBtn.btn-2:hover:after, .animatedBtn.btn-2:hover:before {
  backface-visibility: hidden;
  border-color: #039BE5;
  transition: width 350ms ease-in-out;
  width: 70%;
}
.animatedBtn.btn-2:before {
  top: -1px;
}
.animatedBtn.btn-2:hover:before {
  bottom: auto;
  top: -1px;
  width: 70%;
}

/*END Other Styles*/
/*****************START Bootstrap overright********************/
.btn-primary {
  background: #039BE5;
  border-color: #039BE5;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:focus:hover {
  background: #039BE5;
  border-color: #039BE5;
  outline: none;
}

.btn-flat {
  border-radius: 0px;
}

.flatBorder {
  border-radius: 0px;
}

.lineForm .form-control {
  border-radius: 0;
  border: unset;
  box-shadow: unset;
  border-bottom: 1px solid #aaa;
  padding: 5px;
  margin-bottom: 20px;
}
.lineForm textarea {
  resize: none;
}

.form-control {
  outline: none;
}

a:focus {
  outline: unset;
  outline-offset: unset;
}

/******************END Bootstrap overright***********************/
/*START Navbar*/
#header .navbar {
  background: #fff;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0px;
}
#header .navbar .navbar-header {
  border-right: 1px solid #ddd;
  padding: 7px 8px 6px 0;
  min-height: 59px;
}
#header .navbar .navbar-header .logo {
  display: block;
}
#header .navbar .navbar-header .logo img {
  padding-left: 15px;
}
#header .navbar ul.nav > li {
  position: relative;
}
#header .navbar ul.nav > li > a {
  background: #fff;
  font-size: 13px;
  text-transform: uppercase;
  color: #222;
  padding: 24px 15px 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
#header .navbar ul.nav > li > a:hover {
  color: #222;
}
#header .navbar ul.nav > li > a.userIcon {
  font-size: 22px;
  color: #039BE5;
  padding: 18px 20px;
}
#header .navbar ul.nav > li > a.active {
  color: #222;
}
#header .navbar ul.nav > li:last-child {
  border-left: 1px solid #ddd;
}
#header .navbar ul.nav > li.dropdown > a > i.iconArrow {
  position: absolute;
  right: 0;
  top: 8px;
  bottom: 0;
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  margin: auto;
  display: inline-block;
  transform: rotate(0deg);
  transition: all ease 0.3s;
  opacity: 0;
  font-size: 12px;
  color: #039BE5;
}
#header .navbar ul.nav > li.dropdown > a:hover {
  background: #fff;
}
#header .navbar ul.nav > li.dropdown.open > a {
  color: #222;
}
#header .navbar ul.nav > li.dropdown.open > a > i.iconArrow {
  display: inline-block;
  transform: rotate(90deg);
  opacity: 1;
}
#header .navbar ul.nav > li.dropdown.open > a:hover {
  background: #fff;
}
#header .navbar ul.nav > li.dropdown ul {
  padding: 0;
}
#header .navbar ul.nav > li.dropdown ul li a {
  padding: 8px 5px 8px 10px;
  border-bottom: 1px solid #ddd;
  border-left: 3px solid #fff;
  font-size: 13px;
}
#header .navbar ul.nav > li.dropdown ul li a:hover {
  border-left: 3px solid #039BE5;
}

/*END Navbar*/
/*********************START Profile Page Menubar****************************/
.profilePage {
  background: #f7f7f7;
}
.profilePage .profilePgeContent {
  position: relative;
  overflow: auto;
  min-height: 400px;
}
.profilePage .profilePgeContent .profileDetails .secFirst {
  display: block;
  color: #989898;
  padding: 10px 0 5px;
}
.profilePage .profilePgeContent .profileDetails .secSecond {
  display: block;
  min-height: 25px;
  margin-bottom: 10px;
}
.profilePage .discountPage table td,
.profilePage .discountPage table th {
  vertical-align: middle;
}

/* The main content */
.profile-main-content {
  max-width: 100%;
  min-height: 300px;
  padding: 10px 20px;
  margin: 18px 20px 40px 230px;
  background: #fff;
}

/* The left-collapsing sidebar */
.sidebar-left-collapse {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #002333;
  width: 210px;
  height: 100%;
  padding: 20px 0;
}

.sidebar-left-collapse > a {
  display: block;
  text-decoration: none;
  font-family: Cookie, cursive;
  width: 122px;
  height: 122px;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
  font-size: 44px;
  font-weight: normal;
  line-height: 2.6;
  border-radius: 50%;
  background-color: #181a1b;
}

.sidebar-left-collapse .sidebar-links {
  margin: 0px auto;
}

.sidebar-links div > a {
  display: block;
  text-decoration: none;
  margin: 0 auto;
  padding: 10px 0 10px 5px;
  background-color: #002333;
  text-align: left;
  color: #d6d6d6;
  font-size: 12px;
  font-weight: bold;
  line-height: 2;
  border-left: 2px solid #002333;
}

.sidebar-links div > a.selected {
  background-color: rgba(0, 69, 101, 0.5);
  color: #d6d6d6;
  margin: 0;
  border-left-color: #039BE5;
}

.sidebar-links div > a i.sidemenuIcon {
  position: relative;
  font-size: 20px;
  top: 3px;
  width: 40px;
  text-align: center;
  opacity: 0.5;
  display: inline-block;
}

.courseSection h3 {
  margin-bottom: 25px;
}
.courseSection .selectCourseCol ul {
  margin: 25px auto 30px;
}
.courseSection .selectCourseCol ul li {
  font-size: 13px;
  list-style-type: none;
  background: #fff;
  padding: 7px 10px;
  text-align: center;
  width: 320px;
  max-width: 100%;
  margin: 7px auto;
  cursor: pointer;
  box-shadow: 0px 0px 3px #a2a2a2;
  transition: all ease 0.3s;
}
.courseSection .selectCourseCol ul li:hover {
  background: #eaeaea;
}
.courseSection .selectCourseCol h4.centeredHeading {
  font-size: 15px;
}
.courseSection .selectCourseCol h4.centeredHeading:before {
  bottom: -7px;
  height: 2px;
}

/* Making the sidebar responsive */
@media (max-width: 900px) {
  .profile-main-content {
    max-width: none;
    padding: 70px 20px;
    margin: 0 0 40px;
  }
  .sidebar-left-collapse {
    width: auto;
    height: auto;
    position: static;
    padding: 0;
  }
  .sidebar-left-collapse .sidebar-links {
    text-align: center;
    margin: 0px auto 0;
  }
  .sidebar-links div {
    display: inline-block;
    width: 100px;
  }
  .sidebar-links div > a {
    text-align: center;
    margin: 0;
    padding: 10px 0;
    border-left: none;
    border-top-width: 2px;
    border-top-style: solid;
  }
  .sidebar-links div > a i.sidemenuIcon {
    display: block;
    margin: 0 auto 5px;
  }
}
/* Smartphone version */
@media (max-width: 450px) {
  .profile-main-content {
    padding: 25px 20px;
  }
  .sidebar-left-collapse {
    padding: 20px 0;
  }
  .sidebar-left-collapse .sidebar-links {
    text-align: center;
    margin: 20px auto 0;
    position: relative;
  }
  .sidebar-links div {
    display: block;
    width: 240px;
    max-width: 100%;
    margin: 0 auto 5px;
  }
  .sidebar-links div > a {
    text-align: left;
    padding: 10px 25px;
    vertical-align: middle;
    border-top: none;
    border-left-width: 2px;
    border-left-style: solid;
  }
  .sidebar-links div > a i.sidemenuIcon {
    display: inline-block;
    font-size: 20px;
    width: 20px;
    margin: 0 20px 0 0;
  }
}
.eLearningModal .modal-dialog {
  margin: 0 auto;
}

/*********************END Profile Page Menubar****************************/
/***********************START Cart Page***************************/
.cartNavBar {
  max-width: 100%;
  overflow: hidden;
}
.cartNavBar .emailLink {
  padding: 20px 15px 10px;
  display: block;
  font-size: 13px;
}
.cartNavBar .emailLink span {
  border: 1px solid #ddd;
  padding: 5px;
  margin-right: 10px;
}

/***********************END Cart Page***************************/
/**************START home Page ********************/
.mainBanner {
  height: calc(100vh - 64px);
  min-height: 500px;
  background: #ddd;
  background-image: url(../img/banner.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
  box-sizing: content-box;
  overflow: auto;
}
.mainBanner:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.5);
}
.mainBanner .bannerContent {
  z-index: 1;
  text-align: center;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 560px;
  max-width: 90%;
  height: 200px;
  /* -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);*/
}
.mainBanner .bannerContent h2 {
  color: #fff;
  font-size: 36px;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.mainBanner .bannerContent form select {
  width: 80%;
  border-radius: 0px;
  outline: none;
  float: left;
  font-size: 12px;
  height: 50px;
}
.mainBanner .bannerContent form select:focus {
  outline: none;
  border: unset;
}
.mainBanner .bannerContent form button {
  width: 20%;
  min-width: 70px;
  float: left;
  clear: right;
  height: 50px;
}
.mainBanner .bannerFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.mainBanner .bannerFooter .sec {
  width: 25%;
  float: left;
  height: 100%;
  min-height: 80px;
  color: #fff;
  padding: 15px 10px;
  z-index: 1;
  position: relative;
  cursor: pointer;
  opacity: 0.7;
  display: table;
  transition: all ease 0.3s;
}
.mainBanner .bannerFooter .sec:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}
.mainBanner .bannerFooter .sec:hover {
  opacity: 0.9;
}
.mainBanner .bannerFooter .sec img {
  width: 50px;
  box-sizing: content-box;
  padding-right: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto 0;
}
.mainBanner .bannerFooter .sec span {
  font-family: "Roboto-Light", sans-serif;
  padding-left: 75px;
  font-size: 15px;
  text-transform: uppercase;
  vertical-align: middle;
  display: table-cell;
}

/*Start trending Course*/
.trendingCourses {
  background: #f4f4f4;
  padding: 35px 0;
}
.trendingCourses .trendcourse {
  min-height: 200px;
  box-sizing: content-box;
  background: #fff;
  box-shadow: 0px 0px 4px 0px rgba(36, 38, 47, 0.1);
  margin-bottom: 45px;
  margin-top: 25px;
  padding-bottom: 10px;
  cursor: pointer;
  text-align: center;
}
.trendingCourses .trendcourse:hover, .trendingCourses .trendcourse:active {
  box-shadow: 0px 38px 82px 0px rgba(169, 169, 169, 0.18);
}
.trendingCourses .trendcourse .courseIcon {
  min-height: 100px;
  background: #039BE5;
  text-align: center;
  padding: 35px 20px;
}
.trendingCourses .trendcourse .courseIcon img {
  width: 75px;
}
.trendingCourses .trendcourse .courseInfo {
  padding: 10px 10px 25px;
}
.trendingCourses .trendcourse .courseInfo h4 {
  font-size: 16px;
  line-height: 20px;
  min-height: 40px;
  font-family: "Roboto-Regular", sans-serif;
}
.trendingCourses .trendcourse .courseInfo .rating {
  color: #039BE5;
  padding: 5px 10px 15px;
  display: block;
}

/*Start testimonial*/
.testimonials {
  padding: 20px 0;
}
.testimonials .testimionialContainer .reviewBlock {
  margin: 40px 0 30px;
  position: relative;
}
.testimonials .testimionialContainer .reviewBlock .reviewImg {
  height: 120px;
  width: 120px;
  margin: 0 auto;
}
.testimonials .testimionialContainer .reviewBlock .reviewImg img {
  height: 120px;
  width: 120px;
  border-radius: 50%;
}
.testimonials .testimionialContainer .reviewBlock .reviewAuthor {
  text-align: center;
}
.testimonials .testimionialContainer .reviewBlock .reviewAuthor .reviewAuthorName {
  text-transform: uppercase;
  padding: 20px 0 10px;
}
.testimonials .testimionialContainer .reviewBlock .reviewcourse {
  color: #656565;
}
.testimonials .testimionialContainer .reviewBlock .reviewText {
  text-align: center;
  padding: 10px;
}
.testimonials .testimionialContainer .owl-nav {
  cursor: pointer;
  font-size: 60px;
  color: #d4d4d4;
}
.testimonials .testimionialContainer .owl-nav .owl-testprev {
  position: absolute;
  left: 0;
  top: 70px;
}
.testimonials .testimionialContainer .owl-nav .owl-testnext {
  position: absolute;
  right: 0;
  top: 70px;
}
.testimonials.inlineTestimonial .reviewBlock .reviewImg {
  max-width: 100%;
}
.testimonials.inlineTestimonial .reviewBlock .reviewText {
  text-align: left;
  padding: 10px 0;
}
.testimonials.inlineTestimonial .testimionialContainer .owl-nav .owl-testprev {
  left: -10px;
  top: 50px;
}
.testimonials.inlineTestimonial .testimionialContainer .owl-nav .owl-testnext {
  right: -10px;
  top: 50px;
}
.testimonials.inlineTestimonial .testimionialContainer .owl-nav .ionic {
  font-size: 40px;
}

/* START Client Section*/
.clientSection {
  background: #f4f4f4;
  padding: 50px 0;
}
.clientSection .bclClients .owl-stage-outer {
  padding: 30px 0 20px;
}
.clientSection .bclClients .owl-stage-outer .sprite-gs {
  background-image: url("../img/sprite-gs.png");
  width: 200px;
  height: 90px;
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  transition: all ease 0.3s;
}
.clientSection .bclClients .owl-stage-outer .sprite-gs:hover {
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
  cursor: e-resize;
}
.clientSection .bclClients .owl-stage-outer .client-1 {
  background-position: 0px -149px;
}
.clientSection .bclClients .owl-stage-outer .client-2 {
  background-position: -230px -149px;
}
.clientSection .bclClients .owl-stage-outer .client-3 {
  background-position: 0px -238px;
}
.clientSection .bclClients .owl-stage-outer .client-4 {
  background-position: -230px -238px;
}
.clientSection .bclClients .owl-stage-outer .client-5 {
  background-position: 0px -328px;
}
.clientSection .bclClients .owl-stage-outer .client-6 {
  background-position: -230px -328px;
}
.clientSection .bclClients .owl-stage-outer .client-7 {
  background-position: 0px -418px;
}
.clientSection .bclClients .owl-stage-outer .client-8 {
  background-position: -230px -418px;
}
.clientSection .bclClients .owl-stage-outer .client-9 {
  background-position: 0px -508px;
}
.clientSection .bclClients .owl-stage-outer .client-10 {
  background-position: -230px -508px;
}
.clientSection .bclClients .owl-stage-outer .client-11 {
  background-position: 0px -599px;
}
.clientSection .bclClients .owl-stage-outer .client-12 {
  background-position: -230px -599px;
}
.clientSection .bclClients .owl-stage-outer .client-13 {
  background-position: 0px -691px;
}
.clientSection .bclClients .owl-stage-outer .client-14 {
  background-position: -230px -691px;
}
.clientSection .bclClients .owl-stage-outer .client-15 {
  background-position: 0px -781px;
}
.clientSection .bclClients .owl-stage-outer .client-16 {
  background-position: -230px -781px;
}
.clientSection .bclClients .owl-stage-outer .client-17 {
  background-position: 0px -871px;
}
.clientSection .bclClients .owl-stage-outer .client-18 {
  background-position: -230px -871px;
}
.clientSection .bclClients .owl-stage-outer .client-19 {
  background-position: 0px -961px;
}
.clientSection .bclClients .owl-stage-outer .client-20 {
  background-position: -230px -961px;
}
.clientSection .bclClients .owl-dots {
  text-align: center;
}
.clientSection .bclClients .owl-dots .owl-dot {
  display: inline-block;
  margin: 0 2px;
}
.clientSection .bclClients .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  background: #ffffff;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #6c6c6c;
}
.clientSection .bclClients .owl-dots .owl-dot.active span {
  background: #039BE5;
  border: 2px solid #039BE5;
}
.clientSection.coursePageClientSection {
  padding: 0;
  background-color: #fff;
}
.clientSection.coursePageClientSection h2.centeredHeading {
  margin: 15px 0 0;
}
.clientSection.coursePageClientSection .bclClients .owl-stage-outer {
  padding: 15px 0 0;
}

/* END Client Section*/
/**************END home Page ********************/
/**************START Course Details Page ********************/
.coursePageBanner {
  min-height: 400px;
  background: url("../img/banner/course-banner.jpg");
  background-size: cover;
  overflow: auto;
  position: relative;
  padding-bottom: 25px;
}
.coursePageBanner.pmpNewBanner {
  background-image: url(../img/banner/pmp-banner-2023.jpg);
  background-position: 0;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 600px) {
  .coursePageBanner.pmpNewBanner {
    background-position: center;
  }
}
.coursePageBanner h1 {
  text-transform: uppercase;
  font-size: 25px;
  margin: 15px 0 15px;
}
.coursePageBanner:after {
  content: "";
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  z-index: 0;
}
.coursePageBanner .myBreadcrumbCont {
  border-bottom: 1px solid rgba(221, 221, 221, 0.44);
}
.coursePageBanner .myBreadcrumbCont .myBreadcrumb {
  position: relative;
  z-index: 1;
  padding: 10px 0 0px;
}
.coursePageBanner .myBreadcrumbCont .myBreadcrumb ul li {
  padding-left: 0px;
}
.coursePageBanner .myBreadcrumbCont .myBreadcrumb ul li a {
  color: #fff;
  font-size: 11px;
  text-decoration: none;
}
.coursePageBanner .myBreadcrumbCont .myBreadcrumb ul li:last-child a {
  cursor: unset;
}
.coursePageBanner .myBreadcrumbCont .myBreadcrumb ul li:not(:last-child):after {
  content: "\f105";
  color: #fff;
  font: normal normal normal 12px/1 FontAwesome;
  padding-left: 5px;
}
.coursePageBanner .PageBannerContent {
  color: #fff;
  position: relative;
  z-index: 1;
}
.coursePageBanner .PageBannerContent .courseRating {
  font-size: 11px;
  padding-right: 20px;
  border-right: 1px solid #ddd;
}
.coursePageBanner .PageBannerContent .courseRating .stars {
  font-size: 9px;
  color: #ec9c05;
  padding-right: 6px;
}
.coursePageBanner .PageBannerContent .courseLearner {
  font-size: 11px;
  padding-left: 20px;
}
.coursePageBanner .PageBannerContent .keyFeatures ul li {
  font-size: 12px;
  padding: 8px 0;
  list-style-type: none;
  margin-left: 15px;
}
.coursePageBanner .PageBannerContent .keyFeatures ul li:before {
  content: "\f00c";
  font-family: fontAwesome;
  padding-right: 10px;
  font-size: 10px;
}
.coursePageBanner .PageBannerContent .keyFeatures h4 {
  position: relative;
  margin: 20px 0 15px;
}
.coursePageBanner .PageBannerContent .keyFeatures h4:after {
  content: "";
  height: 2px;
  width: 50px;
  background: rgba(255, 255, 255, 0.48);
  position: absolute;
  bottom: -7px;
  left: 0;
}
.coursePageBanner .PageBannerContent .PageBannerRight {
  background: rgba(0, 0, 0, 0.48);
  padding: 30px 20px;
  border-radius: 5px;
  margin-top: 30px;
}
.coursePageBanner .PageBannerContent .PageBannerRight a.btn {
  padding: 10px;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  transition: all ease 0.3s;
}
.coursePageBanner .PageBannerContent .PageBannerRight a.btn:hover {
  background: #fff;
  color: #039BE5;
}
.coursePageBanner .PageBannerContent .PageBannerRight a.btn:nth-child(2) {
  margin: 15px auto;
}

.courseSchedules {
  min-height: 200px;
  background: #f7f7f7;
  overflow: auto;
}
.courseSchedules .courseLocDetails {
  padding: 60px 5px 15px;
  min-height: 50px;
  border-bottom: 1px solid #ddd;
  font-size: 13px;
}
.courseSchedules .courseLocDetails .schuledHead {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 27px;
}
.courseSchedules .courseLocDetails span {
  display: inline-block;
}
.courseSchedules .courseLocDetails span:first-child {
  padding-right: 15px;
}
.courseSchedules .courseLocDetails span select {
  display: inline-block;
  width: unset;
  padding: 0;
  border-radius: 0;
  height: 26px;
  min-width: 185px;
  font-size: 12px;
}
.courseSchedules .courseLocDetails .courseCountry {
  padding: 0 15px;
  font-weight: 600;
  text-transform: capitalize;
}
.courseSchedules .courseLocDetails .courseCountry i {
  color: #039BE5;
  font-size: 14px;
  padding-right: 5px;
}
.courseSchedules .courseLocDetails .anchBtn {
  padding-top: 3px;
  font-size: 12px;
}
.courseSchedules .courseLocDetails .anchBtn:hover {
  text-decoration: none;
  text-shadow: 0px 0px 0px rgba(3, 155, 229, 0.6);
  color: #039BE5;
}

.allSchedules {
  margin: 20px 0;
}
.allSchedules .scheduleList {
  background: #fff;
}
.allSchedules .scheduleList > div {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.allSchedules .scheduleList > div:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.allSchedules .scheduleList > div:last-of-type {
  border-bottom: 1px solid #ddd;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.allSchedules .scheduleList li {
  padding: 10px;
  list-style-type: none;
}
.allSchedules .scheduleList li.scheduleHeading {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  font-weight: 600;
}
.allSchedules .scheduleList li.singleSchedule {
  display: table;
  width: 100%;
}
.allSchedules .scheduleList li.singleSchedule > div {
  display: table-cell;
  font-size: 13px;
  vertical-align: middle;
  text-align: center;
}
.allSchedules .scheduleList li.singleSchedule .schDate {
  width: 180px;
  min-width: 14%;
  max-width: 14%;
}
.allSchedules .scheduleList li.singleSchedule .schCity {
  width: 180px;
  min-width: 16%;
  max-width: 16%;
}
.allSchedules .scheduleList li.singleSchedule .schSdPrice {
  width: 180px;
  min-width: 14%;
  max-width: 14%;
}
.allSchedules .scheduleList li.singleSchedule .schSdPrice span {
  display: block;
}
.allSchedules .scheduleList li.singleSchedule .schSdPrice span.currencyNative {
  font-size: 11px;
  color: #656565;
}
.allSchedules .scheduleList li.singleSchedule .schEbPrice {
  width: 180px;
  min-width: 14%;
  max-width: 14%;
}
.allSchedules .scheduleList li.singleSchedule .schEbPrice span {
  display: block;
}
.allSchedules .scheduleList li.singleSchedule .schEbPrice span.currencyNative {
  font-size: 11px;
  color: #656565;
}
.allSchedules .scheduleList li.singleSchedule .schEbDate {
  width: 120px;
  min-width: 14%;
  max-width: 14%;
}
.allSchedules .scheduleList li.singleSchedule .schDetails {
  width: 100px;
  min-width: 14%;
  max-width: 14%;
}
.allSchedules .scheduleList li.singleSchedule .schDetails a {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-decoration: none;
}
.allSchedules .scheduleList li.singleSchedule .schBtn {
  width: 130px;
  max-width: 14%;
}
.allSchedules .scheduleList .moreDetails {
  background: rgba(108, 108, 108, 0.12);
  min-height: 100px;
  border-top: unset;
  padding: 15px 15px;
  position: relative;
}
.allSchedules .scheduleList .moreDetails h4 {
  margin: 0;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
}
.allSchedules .scheduleList .moreDetails > div {
  display: inline-block;
  padding: 0 10px;
  vertical-align: top;
  min-width: 200px;
  font-size: 12px;
}
.allSchedules .scheduleList .moreDetails > div.scDate .date {
  display: inline-block;
}
.allSchedules .scheduleList .moreDetails > div.scDate .date > span {
  border: 1px solid #888;
  display: inline-block;
  padding: 5px;
  text-align: center;
  margin: 0 2px;
}
.allSchedules .scheduleList .moreDetails > div.scDate .date > span span {
  display: block;
}
.allSchedules .scheduleList .moreDetails > div.scDate .date > span:only-child {
  margin-left: 30px;
}
.allSchedules .scheduleList .moreDetails::after {
  content: "";
  position: absolute;
  right: 185px;
  top: 0px;
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid rgb(255, 255, 255);
}
.allSchedules .scheduleList .moreDetails .closeIcon {
  position: absolute;
  right: 15px;
  top: 0px;
  min-width: 10px;
  width: 10px;
}
.allSchedules .scheduleList .moreDetails .closeIcon i {
  font-size: 25px;
  cursor: pointer;
}
.allSchedules .noScheduleSec {
  text-align: center;
  padding: 10px;
}
.allSchedules .noScheduleSec a {
  text-decoration: none;
}
.allSchedules .noScheduleSec p {
  font-size: 13px;
  margin-bottom: 5px;
}

.courseStickyMenuContainer {
  position: relative;
  background-color: #f7f7f7;
}
.courseStickyMenuContainer .courseDetails {
  background-color: #fff;
}
.courseStickyMenuContainer .stickyHorizontalNav {
  z-index: 9;
  position: absolute;
  top: -22px;
  left: 0;
  right: 0;
}
.courseStickyMenuContainer .stickyHorizontalNav.is_stuck {
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.1);
}
.courseStickyMenuContainer .stickyHorizontalNav.is_stuck ul {
  border-radius: 0;
  box-shadow: none;
}
.courseStickyMenuContainer .stickyHorizontalNav ul {
  box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.1);
  background: #fff;
  margin: 0 auto;
  width: 1170px;
  max-width: 100%;
  border-radius: 5px;
  display: flex;
  list-style-type: none;
  padding-left: 20px;
}
.courseStickyMenuContainer .stickyHorizontalNav ul li {
  position: relative;
  margin: 0 7px;
}
.courseStickyMenuContainer .stickyHorizontalNav ul li a {
  display: block;
  text-decoration: none;
  padding: 12px 12px 9px;
  border-bottom: 1px solid #062c3e;
  border-bottom: 3px solid transparent;
  font-size: 14px;
  background: #fff;
  color: #039BE5;
}
.courseStickyMenuContainer .stickyHorizontalNav ul li a.active {
  color: #039BE5;
  border-bottom: 3px solid #039BE5;
}
.courseStickyMenuContainer .stickyHorizontalNav ul li a:hover, .courseStickyMenuContainer .stickyHorizontalNav ul li a:active {
  color: #039BE5;
}
.courseStickyMenuContainer .stickyHorizontalNav ul li i.icon {
  display: none;
}

.courseDetails .stickySideNav {
  box-shadow: 2px 0 16px rgba(0, 0, 0, 0.1);
  width: 180px;
  overflow: hidden;
  margin: 40px 0;
  position: absolute;
  left: 30px;
  z-index: 1000;
}
.courseDetails .stickySideNav.is_stuck {
  width: 180px;
}
.courseDetails .stickySideNav ul {
  margin-bottom: 0;
}
.courseDetails .stickySideNav ul li {
  position: relative;
}
.courseDetails .stickySideNav ul li a {
  display: block;
  text-decoration: none;
  padding: 15px 15px 15px 20px;
  border-bottom: 1px solid #062c3e;
  border-left: 4px solid transparent;
  background: #002333;
  color: #fff;
}
.courseDetails .stickySideNav ul li a.active {
  color: #039BE5;
  border-left: 4px solid #039BE5;
}
.courseDetails .stickySideNav ul li a.active + i.icon {
  animation: botton-slide-right 0.5s forwards;
  right: 10px;
  opacity: 1;
}
.courseDetails .stickySideNav ul li a:hover, .courseDetails .stickySideNav ul li a:active {
  color: #039BE5;
}
.courseDetails .stickySideNav ul li i.icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto 0;
  height: 20px;
  width: 20px;
  color: #039BE5;
  line-height: 20px;
  text-align: left;
  opacity: 0;
}
.courseDetails .sidenavContent section {
  min-height: 200px;
  padding-top: 35px !important;
}
.courseDetails .sidenavContent section:not(:last-of-type) {
  padding: 10px 0 20px;
  border-bottom: 1px solid #ddd;
}
.courseDetails .sidenavContent section h2.leftHeading {
  font-size: 22px;
}
.courseDetails .sidenavContent section h3 {
  font-size: 20px;
}
.courseDetails .sidenavContent section ul {
  padding-left: 40px;
}
.courseDetails .sidenavContent section ul li {
  padding: 3px 0;
}
@keyframes botton-slide-right {
  0% {
    opacity: 0;
  }
  100% {
    right: 0px;
    opacity: 1;
  }
}
.reviewsGallery {
  margin-top: 30px;
  padding: 10px 0 30px;
  border-top: 1px solid #ddd;
}
.reviewsGallery .gallerySlider .owl-carousel .owl-item img {
  max-height: 270px;
  width: auto;
  margin: 0 auto;
}
.reviewsGallery .gallerySlider .viewAll {
  margin-top: 25px;
}

/**************END Course Details Page ********************/
/**************START Aboutus Page ********************/
.aboutUsPage {
  min-height: 200px;
}
.aboutUsPage .companyDescription {
  background: #f7f7f7;
  padding: 10px 5px 25px;
}
.aboutUsPage .companyDescription h2.cmpyDescrip {
  font-size: 16px;
  text-align: center;
  max-width: 800px;
  margin: 35px auto;
  line-height: 26px;
}
.aboutUsPage .companyDescription .cmpnyCounts {
  text-align: center;
  box-shadow: 0px 1px 0px 0px rgba(232, 235, 236, 0.03), 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 1px 0px 0px rgba(232, 235, 236, 0.03), 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 1px 0px 0px rgba(232, 235, 236, 0.03), 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  margin-bottom: 25px;
  padding: 15px 5px;
  background-color: #fff;
}
.aboutUsPage .companyDescription .cmpnyCounts .aboutIcon {
  height: 60px;
  width: 60px;
  margin: 0px auto;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.6;
}
.aboutUsPage .companyDescription .cmpnyCounts .aboutIcon.icon1 {
  background-image: url("../img/icons/location.png");
}
.aboutUsPage .companyDescription .cmpnyCounts .aboutIcon.icon2 {
  background-image: url("../img/icons/training.png");
}
.aboutUsPage .companyDescription .cmpnyCounts .aboutIcon.icon3 {
  background-image: url("../img/icons/participants.png");
}
.aboutUsPage .companyDescription .cmpnyCounts .aboutIcon.icon4 {
  background-image: url("../img/icons/trainer.png");
}
.aboutUsPage .companyDescription .cmpnyCounts h3 {
  color: #039BE5;
  font-size: 22px;
}
.aboutUsPage .whoWeAre {
  background: #fff;
  padding: 30px 0 40px;
}
.aboutUsPage .whoWeAre video {
  margin-top: 35px;
}
.aboutUsPage .whoWeAre p {
  font-size: 13px;
  line-height: 20px;
}
.aboutUsPage .ourServices {
  background: #f7f7f7;
  padding: 30px 0 50px;
}
.aboutUsPage .ourServices .service {
  background: #fff;
  box-shadow: 0px 1px 0px 0px rgba(232, 235, 236, 0.03), 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 1px 0px 0px rgba(232, 235, 236, 0.03), 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 1px 0px 0px rgba(232, 235, 236, 0.03), 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  padding: 20px 10px;
  margin-top: 20px;
}
.aboutUsPage .ourServices .service h2 {
  font-size: 16px;
  color: #039BE5;
  margin: 5px 0 15px;
  font-family: "Roboto-Medium", sans-serif;
}
.aboutUsPage .ourServices .service p {
  font-size: 13px;
  line-height: 22px;
}

/**************END Aboutus Page ********************/
/**************START Contactus Page ********************/
.contactUs {
  background: #f7f7f7;
}
.contactUs .pageBanner {
  background-image: url(../img/banner/contact-bg.jpg);
  background-position: bottom center;
}
.contactUs .companyContact {
  background: #f7f7f7;
  padding: 10px 5px 25px;
}
.contactUs .companyContact .contactCol {
  text-align: center;
  box-shadow: 0px 1px 0px 0px rgba(232, 235, 236, 0.03), 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 1px 0px 0px rgba(232, 235, 236, 0.03), 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 1px 0px 0px rgba(232, 235, 236, 0.03), 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  margin: 25px 0;
  padding: 15px 5px;
  background-color: #fff;
}
.contactUs .companyContact .contactCol .contactIcon {
  height: 50px;
  width: 50px;
  margin: 0px auto;
  background-size: contain;
  background-repeat: no-repeat;
}
.contactUs .companyContact .contactCol .contactIcon.icon1 {
  background-image: url("../img/icons/address.png");
}
.contactUs .companyContact .contactCol .contactIcon.icon2 {
  background-image: url("../img/icons/headphone.png");
}
.contactUs .companyContact .contactCol .contactIcon.icon3 {
  background-image: url("../img/icons/support.png");
}
.contactUs .companyContact .contactCol .contactIcon.icon4 {
  background-image: url("../img/icons/corporate.png");
}
.contactUs .companyContact .contactCol h3 {
  color: #222;
  font-size: 16px;
  font-family: "Roboto-Regular", sans-serif;
  margin: 10px;
}
.contactUs .companyContact .contactCol p {
  color: #888;
}
.contactUs .companyContact .contactCol a {
  color: #888;
}
.contactUs .companyContact .contactCol a:hover, .contactUs .companyContact .contactCol a:active, .contactUs .companyContact .contactCol a:focus, .contactUs .companyContact .contactCol a:visited {
  text-decoration: none;
  color: #888;
}
.contactUs .contactForm {
  background: #fff;
  box-shadow: 0px 1px 0px 0px rgba(232, 235, 236, 0.03), 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 1px 0px 0px rgba(232, 235, 236, 0.03), 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 1px 0px 0px rgba(232, 235, 236, 0.03), 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  border-radius: 3px;
  padding: 15px 20px 10px;
  margin: 0px 0 30px;
}

/**************END Contactus Page ********************/
/**************START Corporat Page ********************/
.corporatePage .corporateBanner {
  min-height: 400px;
  background: #ddd;
  background-image: url(../img/banner/corporate-banner.jpg);
  background-size: cover;
  background-position: bottom center;
  position: relative;
  box-sizing: content-box;
  overflow: auto;
}
.corporatePage .corporateBanner:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.5);
}
.corporatePage .corporateBanner .corpBannerContent {
  z-index: 1;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  height: 175px;
  color: #fff;
  width: 100%;
}
.corporatePage .corporateBanner .corpBannerContent h1 {
  color: #fff;
  font-size: 34px;
  text-transform: uppercase;
}
.corporatePage .corporateBanner .corpBannerContent h4 {
  font-size: 24px;
  text-transform: capitalize;
  margin: 15px 0;
}
.corporatePage .corporateBanner .corpBannerContent button.bannerBtn {
  margin: 10px;
  width: 200px;
  max-width: 100%;
}
.corporatePage .corpBenefits {
  padding: 25px 20px;
  background: #f7f7f7;
}
.corporatePage .corpBenefits .corpBenifitsRow {
  margin-top: 25px;
}
.corporatePage .corpBenefits .corpBenifitsRow .row {
  display: flex;
  flex-wrap: wrap;
}
.corporatePage .corpBenefits .corpBenifitsRow .row > [class*=col-] {
  display: flex;
  flex-direction: column;
}
.corporatePage .corpBenefits .corpBenifitsRow .corpBenifitsCol {
  text-align: center;
  box-shadow: 0px 1px 0px 0px rgba(232, 235, 236, 0.03), 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 1px 0px 0px rgba(232, 235, 236, 0.03), 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 1px 0px 0px rgba(232, 235, 236, 0.03), 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  margin-bottom: 25px;
  padding: 15px 5px;
  background-color: #fff;
  height: 100%;
}
.corporatePage .corpBenefits .corpBenifitsRow .corpBenifitsCol h3 {
  margin: 10px 5px;
  font-size: 18px;
  font-family: "Roboto-Regular", sans-serif;
}
.corporatePage .corpBenefits .corpBenifitsRow .corpBenifitsCol p {
  font-size: 13px;
}
.corporatePage .corpBenefits .corpBenifitsRow .corpBenifitsCol i.fa {
  font-size: 26px;
  color: #ffffff;
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 3px;
  background: #039BE5;
  text-align: center;
  margin: 10px;
}
.corporatePage .courseWeOffer {
  min-height: 300px;
  background: #ddd;
  background-image: url(../img/banner/we-offer-bg.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  box-sizing: content-box;
  overflow: auto;
  padding: 30px 0;
}
.corporatePage .courseWeOffer:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.5);
}
.corporatePage .courseWeOffer h2.centeredHeading {
  margin-bottom: 40px;
}
.corporatePage .courseWeOffer .container {
  position: relative;
  z-index: 1;
}
.corporatePage .courseWeOffer .container .courseCol {
  background: #fff;
  padding: 10px;
  border-radius: 3px;
  box-shadow: 0 4px 13px 0 #413a37;
  -webkit-box-shadow: 0 4px 13px 0 #413a37;
  -moz-box-shadow: 0 4px 13px 0 #413a37;
  min-height: 70px;
  display: table;
  width: calc(100% - 5px);
  border-left: 5px solid #039BE5;
  margin-bottom: 20px;
}
.corporatePage .courseWeOffer .container .courseCol img {
  width: 50px;
  position: absolute;
}
.corporatePage .courseWeOffer .container .courseCol h2 {
  margin: 0;
  font-size: 18px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 65px;
}

/**************END Corporat Page ********************/
/**************Start Gallery Page ********************/
body.modal-open .galleryBlurSection {
  -moz-filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
}

.galleryPage {
  margin-bottom: 30px;
}
.galleryPage .galleryFilter {
  text-align: center;
  margin: 30px 5px 25px;
}
.galleryPage .galleryFilter .btn {
  background: transparent;
  border: 1px solid #039BE5;
  border-radius: 0;
  min-width: 100px;
  box-shadow: unset;
  outline: unset;
}
.galleryPage .galleryFilter .btn.active {
  background: #039BE5;
  color: #fff;
  outline: unset;
}
.galleryPage #portfolio {
  margin: 5px 0;
}
.galleryPage #portfolio .singleImg {
  transform: scale(0);
  transition: all 350ms ease;
  width: 24%;
  margin-left: 0.25%;
  float: left;
}
.galleryPage #portfolio .singleImg a {
  height: 100%;
  position: relative;
  z-index: 1;
  display: block;
  margin-bottom: 3px;
}
.galleryPage #portfolio .singleImg a .viewIcon {
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0px;
  left: 0;
  margin: auto;
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 24px;
  opacity: 0;
  transition: all ease 0.3s;
}
.galleryPage #portfolio .singleImg a:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  transition: all ease 0.3s;
}
.galleryPage #portfolio .singleImg a:hover:before {
  background: rgba(0, 0, 0, 0.6);
}
.galleryPage #portfolio .singleImg a:hover .viewIcon {
  opacity: 0.8;
}
.galleryPage #portfolio .singleImg img {
  max-width: 100%;
  width: 100%;
  height: auto;
  min-height: 173px;
}
.galleryPage #portfolio .singleImg.scale-anm {
  transform: scale(1);
}
.galleryPage #portfolio .singleImg .imgCaption {
  position: absolute;
  width: 100%;
  bottom: 0px;
  z-index: 1;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.7);
  padding: 5px;
  color: #fff;
}

/*END galleryPage*/
.lightbox-modal .modal-content {
  background: transparent;
  box-shadow: unset;
  border: unset;
}
.lightbox-modal .modal-content .lightbox-image-container {
  position: relative;
}
.lightbox-modal .modal-content .lightbox-image-container .lightbox-image-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 10px;
}
.lightbox-modal .modal-content .lightbox-image-container > img {
  min-width: 100%;
}
.lightbox-modal .modal-content .lightbox-image-container .lightbox-nav .close {
  position: relative;
  left: 25px;
  color: #fff;
  font-size: 26px;
  opacity: 0.7;
}
.lightbox-modal .modal-content .lightbox-image-container .lightbox-nav .close:hover {
  opacity: 1;
}
.lightbox-modal .modal-content .lightbox-image-container .lightbox-nav .lightbox-arrow {
  position: absolute;
  font-size: 30px;
  height: 28px;
  bottom: 0;
  top: 0;
  margin: auto 0;
  width: 100%;
}
.lightbox-modal .modal-content .lightbox-image-container .lightbox-nav .lightbox-arrow a {
  position: absolute;
  color: #f9f9f9;
  opacity: 0.9;
}
.lightbox-modal .modal-content .lightbox-image-container .lightbox-nav .lightbox-arrow a:first-child:not(:last-child) {
  left: 25px;
}
.lightbox-modal .modal-content .lightbox-image-container .lightbox-nav .lightbox-arrow a:last-child:not(:first-child) {
  right: 25px;
}
.lightbox-modal .modal-content .lightbox-image-container .lightbox-nav .lightbox-arrow a:hover {
  opacity: 1;
}

/**END lightbox-modal **/
/**************END Gallery Page ********************/
/**************START Review Page ********************/
.reviewsPage {
  background: #f7f7f7;
}
.reviewsPage .reviewContainer {
  padding: 35px 0 40px;
}
.reviewsPage .reviewContainer .reviews .review {
  background: #fff;
  padding: 20px 30px;
  margin: 10px 0;
  box-shadow: 0px 1px 0px 0px rgba(232, 235, 236, 0.03), 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 1px 0px 0px rgba(232, 235, 236, 0.03), 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 1px 0px 0px rgba(232, 235, 236, 0.03), 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
}
.reviewsPage .reviewContainer .reviews .review .media .media-left img {
  border: 4px solid #e0e0e0;
  border-radius: 50%;
  min-width: 100px;
  min-height: 100px;
}
.reviewsPage .reviewContainer .reviews .review .media .media-body .customerTitle {
  padding-bottom: 5px;
}
.reviewsPage .reviewContainer .reviews .review .media .media-body .customerTitle .custName {
  font-size: 18px;
  padding: 5px 0;
}
.reviewsPage .reviewContainer .reviews .review .media .media-body .customerTitle .custRating .stars {
  padding: 8px 5px 0px;
  color: #039BE5;
  font-size: 16px;
}
.reviewsPage .reviewContainer .reviews .review .media .media-body .customerReview p {
  font-size: 12px;
  color: #545454;
}

/**************END Review Page ********************/
/**************START Cart Page ********************/
.cartSection .panel-group .panel {
  margin: 0;
  border-radius: 0;
}
.cartSection .panel-group .panel:not(:last-of-type) {
  border-bottom: unset;
}
.cartSection .panel-group .panel.panel-default .panel-heading {
  font-size: 18px;
  padding: 0;
  position: relative;
  background: transparent;
}
.cartSection .panel-group .panel.panel-default .panel-heading .panelLabel {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto 0;
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  background: #ddd;
  font-weight: 600;
}
.cartSection .panel-group .panel.panel-default .panel-heading a {
  text-decoration: none;
  font-weight: 600;
  font-family: "Roboto-Light", sans-serif;
  padding: 20px 15px 20px 45px;
  display: block;
}
.cartSection .panel-group .panel.panel-default .panel-heading a:not(.collapsed) {
  background: #039BE5;
  color: #fff;
}
.cartSection .panel-group .panel.panel-default .panel-heading a:not(.collapsed) + .panelLabel {
  background: #fff;
  color: #039BE5;
}
.cartSection .panel-group .panel.panel-default .paymentGatewayCollapse .panel-heading a {
  background: transparent;
  padding: 10px;
}
.cartSection .panel-group .panel.panel-default .paymentGatewayCollapse .panel-heading a:not(.collapsed) {
  color: #039BE5;
}
.cartSection .panel-group .panel.panel-default .paymentGatewayCollapse h3 {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 16px;
  margin: 10px 0;
}
.cartSection .panel-group .panel.panel-default .paymentGatewayCollapse .text-primary {
  color: #039BE5;
  font-family: "Roboto-Medium", sans-serif;
}
.cartSection .courseSummary .table {
  font-size: 12px;
  border: 1px solid #ddd;
  margin: 20px 0;
}
.cartSection .courseSummary .table thead tr {
  background: #f7f7f7;
}
.cartSection .courseSummary .table thead tr th {
  text-align: center;
  padding: 15px 8px;
  border: unset;
}
.cartSection .courseSummary .table thead tr th:first-of-type {
  text-align: left;
}
.cartSection .courseSummary .table tbody tr td {
  padding: 15px 8px;
}
.cartSection .courseSummary .table tbody tr td:first-of-type {
  max-width: 155px;
}
.cartSection .courseSummary .table tbody tr td .fa {
  background: #ddd;
  height: 16px;
  width: 18px;
  line-height: 18px;
  text-align: center;
  margin: 0 3px;
  cursor: pointer;
  font-size: 9px;
}
.cartSection .courseSummary .table tfoot tr th {
  padding: 15px 8px;
}

.selectPayment {
  padding-top: 20px;
  padding-bottom: 20px;
}
.selectPayment .tab-content {
  padding: 10px;
}
.selectPayment .tab-content h3 {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 16px;
}
.selectPayment .tab-content .text-primary {
  color: #039BE5;
}
.selectPayment .securePaySecInfo .media-body p {
  font-size: 12px;
  color: #999;
}

/**************END Cart Page ********************/
.eLearningPage .eLearningTabs {
  margin-top: 60px;
}
.eLearningPage .eLearningTabs .nav-tabs {
  border-bottom: 2px solid #DDD;
}
.eLearningPage .eLearningTabs .nav-tabs > li.active > a,
.eLearningPage .eLearningTabs .nav-tabs > li.active > a:focus,
.eLearningPage .eLearningTabs .nav-tabs > li.active > a:hover {
  border-width: 0;
}
.eLearningPage .eLearningTabs .nav-tabs > li > a {
  border: none;
  color: #ffffff;
  background: #039BE5;
}
.eLearningPage .eLearningTabs .nav-tabs > li.active > a,
.eLearningPage .eLearningTabs .nav-tabs > li > a:hover {
  border: none;
  color: #039BE5 !important;
  background: #fff;
}
.eLearningPage .eLearningTabs .nav-tabs > li > a::after {
  content: "";
  background: #039BE5;
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: -1px;
  transition: all 250ms ease 0s;
  transform: scale(0);
}
.eLearningPage .eLearningTabs .nav-tabs > li.active > a::after,
.eLearningPage .eLearningTabs .nav-tabs > li:hover > a::after {
  transform: scale(1);
}
.eLearningPage .eLearningTabs .tab-nav > li > a::after {
  background: #039BE5 none repeat scroll 0% 0%;
  color: #fff;
}
.eLearningPage .eLearningTabs .tab-pane {
  padding: 15px 0;
}
.eLearningPage .eLearningTabs .tab-content {
  padding: 20px;
}
.eLearningPage .eLearningTabs .nav-tabs > li {
  width: 33%;
  text-align: center;
}
.eLearningPage .eLearningTabs .nav-tabs > li a {
  margin: 0;
}
.eLearningPage .eLearningTabs .nav-tabs > li:nth-child(2) {
  width: 34%;
}
.eLearningPage .eLearningTabs .nav-tabs > li:nth-child(2) a {
  margin: 0 2px;
}
.eLearningPage .eLearningTabs .card {
  background: #FFF none repeat scroll 0% 0%;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  margin-bottom: 30px;
}
.eLearningPage .priceTable .price {
  list-style-type: none;
  border: 1px solid #eee;
  margin: 15px 0;
  padding: 0;
  transition: 0.3s;
}
.eLearningPage .priceTable .price:hover {
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2);
}
.eLearningPage .priceTable .price .header {
  background-color: rgba(53, 53, 53, 0.28);
  color: white;
  font-size: 20px;
  padding: 10px;
}
.eLearningPage .priceTable .price li {
  border-bottom: 1px solid #eee;
  padding: 20px;
  text-align: center;
}
.eLearningPage .priceTable .price .grey {
  background-color: #eee;
  font-size: 20px;
}
.eLearningPage .priceTable .button {
  background-color: #039BE5;
  border: none;
  color: white;
  padding: 5px 12px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
}

@media all and (max-width: 724px) {
  .eLearningPage .eLearningTabs .nav-tabs > li > a > span {
    display: none;
  }
  .eLearningPage .eLearningTabs .nav-tabs > li > a {
    padding: 5px 5px;
  }
}
/**************START eLearning Page ********************/
/**************END eLearning Page ********************/
/**************START Common Page design********************/
.pageBanner {
  overflow: hidden;
  min-height: 200px;
  background-image: url(../img/banner/about-us-banner.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
  color: #fff;
}
.pageBanner:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  width: 100%;
  z-index: 0;
}
.pageBanner .bannerContent {
  position: relative;
  z-index: 1;
  top: 53px;
}
.pageBanner .bannerContent h1 {
  color: #fff;
  font-size: 34px;
  text-transform: uppercase;
}

/**************END Common Page design ********************/
/*******************START Modal**********************/
.modal-dialog {
  max-width: 80%;
  margin: 30px auto;
}
.modal-dialog .modal-body {
  padding: 15px 15px 10px;
}
.modal-dialog .modal-content {
  border-radius: 3px;
}
.modal-dialog .modal-content .modal-header {
  padding: 15px 5px 15px;
  text-align: center;
  border-bottom: 0;
}
.modal-dialog .modal-content .modal-header h3 {
  font-size: 16px;
  font-weight: 600;
  font-family: "VarelaRound-Regular", sans-serif;
}
.modal-dialog .modal-content .modal-header .iconClose {
  position: absolute;
  right: -26px;
  top: -2px;
  color: #fff;
  font-size: 22px;
  line-height: 22px;
  cursor: pointer;
  z-index: inherit;
}
.modal-dialog .modal-content .modal-footer {
  padding: 0px 10px 20px;
  text-align: center;
  border-top: unset;
}
.modal-dialog .modal-content .modal-footer .modalSecFooter {
  text-align: left;
  margin: 20px 0 0;
}
.modal-dialog .modal-content .modal-footer .modalSecFooter > a {
  font-size: 12px;
  text-align: left;
  position: relative;
  top: 4px;
  text-decoration: none;
  color: #039BE5;
  padding: 0 3px;
}
.modal-dialog .modal-content .modal-footer .modalSecFooter button {
  float: right;
  min-width: 130px;
  max-width: 100%;
  padding: 5px 10px;
  font-size: 12px;
  color: #4e4e4e;
  background: #ddd;
  border: unset;
}
.modal-dialog .modal-content .modal-footer .modalSecFooter button:hover {
  background-color: #d4d4d4;
}

/*******************START Modal**********************/
/*******************START Footer**********************/
#footer {
  background: #002333;
  padding: 20px 0px;
}
#footer h3 {
  color: #ddd;
  text-transform: uppercase;
  font-size: 18px;
}
#footer ul li {
  list-style-type: none;
}
#footer a {
  color: #9a9a9a;
  text-decoration: none;
  font-size: 13px;
  padding: 7px 0px;
  display: inline-block;
}
#footer a:hover {
  color: #a5a5a5;
}
#footer .footerMenus {
  border-bottom: 1px solid #2b2b2b;
}
#footer .subscribeField input {
  font-size: 12px;
}
#footer .copyright {
  padding-top: 20px;
  color: #aaa;
}

/*******************END Footer**********************/
/*Responsive Media Query*/
@media only screen and (max-width: 600px) {
  #discountFlag, .courseDetails .stickySideNav, .stickyHorizontalNav {
    display: none;
  }
  .courseSchedules .courseLocDetails .schuledHead {
    text-align: center;
    font-size: 14px;
    padding: 5px 0 10px;
  }
  .courseSchedules .courseLocDetails .col-md-6.text-right {
    text-align: center;
  }
  .courseSchedules .courseLocDetails .col-md-6.text-right span {
    display: block;
    padding: 10px 0;
  }
  .courseSchedules .courseLocDetails .col-md-6.text-right span select {
    height: 35px;
    width: 100%;
  }
  .allSchedules .scheduleList li.singleSchedule {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    overflow: hidden;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-around;
  }
  .allSchedules .scheduleList li.singleSchedule > div {
    display: flex;
    display: -webkit-flex;
    flex: 100%;
    justify-content: start;
  }
  .allSchedules .scheduleList li.singleSchedule .schDate {
    width: unset;
    min-width: unset;
    max-width: unset;
  }
  .allSchedules .scheduleList li.singleSchedule .schDate:before {
    content: "Date: ";
    font-weight: bold;
    padding-right: 10px;
  }
  .allSchedules .scheduleList li.singleSchedule .schCity {
    width: unset;
    min-width: unset;
    max-width: unset;
  }
  .allSchedules .scheduleList li.singleSchedule .schCity:before {
    content: "City: ";
    font-weight: bold;
    padding-right: 10px;
  }
  .allSchedules .scheduleList li.singleSchedule .schSdPrice {
    width: unset;
    min-width: unset;
    max-width: unset;
  }
  .allSchedules .scheduleList li.singleSchedule .schSdPrice span {
    display: block;
  }
  .allSchedules .scheduleList li.singleSchedule .schSdPrice span.currencyNative {
    display: none;
  }
  .allSchedules .scheduleList li.singleSchedule .schSdPrice:before {
    content: "Std Price: ";
    font-weight: bold;
    padding-right: 10px;
  }
  .allSchedules .scheduleList li.singleSchedule .schEbPrice {
    width: unset;
    min-width: unset;
    max-width: unset;
  }
  .allSchedules .scheduleList li.singleSchedule .schEbPrice span {
    display: block;
  }
  .allSchedules .scheduleList li.singleSchedule .schEbPrice span.currencyNative {
    display: none;
  }
  .allSchedules .scheduleList li.singleSchedule .schEbPrice:before {
    content: "Early Bird Price: ";
    font-weight: bold;
    padding-right: 10px;
  }
  .allSchedules .scheduleList li.singleSchedule .schEbDate {
    width: unset;
    min-width: unset;
    max-width: unset;
  }
  .allSchedules .scheduleList li.singleSchedule .schEbDate:before {
    content: "Early Bird Date: ";
    font-weight: bold;
    padding-right: 10px;
  }
  .allSchedules .scheduleList li.singleSchedule .schDetails {
    width: unset;
    min-width: unset;
    max-width: unset;
  }
  .allSchedules .scheduleList li.singleSchedule .schDetails a {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-decoration: none;
  }
  .allSchedules .scheduleList li.singleSchedule .schBtn {
    width: 130px;
    max-width: 14%;
  }
  .allSchedules .scheduleList .moreDetails > div {
    padding: 7px 10px;
  }
  .allSchedules .scheduleList li.scheduleHeading {
    display: none;
  }
}
.bannerTags .bannerTag {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  background: rgba(0, 0, 0, 0.62);
  border-radius: 35px;
}
.bannerTags .bannerTag .tagBadge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgb(255, 255, 255);
  color: #222;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
  border-radius: 35px;
  box-sizing: border-box;
  padding: 5px;
}
.bannerTags .bannerTag .tagBadge span:first-child {
  font-size: 18px;
  font-weight: 600;
}
.bannerTags .bannerTag .tagBadge span.font-14 {
  font-size: 14px;
}
.bannerTags .bannerTag .tagBadge span:last-child {
  font-size: 11px;
}
.bannerTags .bannerTag .tagLabel {
  padding-left: 15px;
}
.bannerTags .bannerTag .tagLabel h4 {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
}
.bannerTags .bannerTag .tagLabel span {
  font-size: 12px;
}

.bannerLinks {
  display: flex;
  margin: 20px 15px 30px;
}
.bannerLinks .bannerLink {
  margin-right: 40px;
  display: flex;
  align-items: center;
}
.bannerLinks .bannerLink i {
  font-size: 26px;
  margin-right: 10px;
}
.bannerLinks .bannerLink a {
  color: #fff;
  font-size: 18px;
}

.animatedHand {
  position: relative;
}
.animatedHand img {
  width: 24px;
  position: absolute;
  top: -35px;
  left: 90px;
  animation: handCursor 1s ease-in-out 0s infinite normal forwards;
}

@keyframes handCursor {
  0% {
    opacity: 1;
    top: -35px;
  }
  50% {
    opacity: 0;
    top: -25px;
  }
  100% {
    opacity: 1;
    top: -35px;
  }
}
.allCoursesContainer .singleCourseContainer {
  display: flex;
  align-items: stretch;
  margin-top: 25px;
  margin-bottom: 25px;
  box-shadow: 1px 0px 9px 4px #ddd;
}
@media only screen and (max-width: 600px) {
  .allCoursesContainer .singleCourseContainer {
    display: block;
  }
}
.allCoursesContainer .singleCourseContainer .courseIconCont {
  min-height: 100px;
  background: #039BE5;
  padding-top: 15px;
  padding-bottom: 15px;
}
.allCoursesContainer .singleCourseContainer .courseIconCont > div {
  display: flex;
  justify-content: center;
  min-height: 100px;
  height: 100%;
  width: 100%;
  align-items: center;
}
.allCoursesContainer .singleCourseContainer .courseIconCont > div img {
  max-width: 80%;
  min-width: 70px;
  width: 110px;
}
.allCoursesContainer .singleCourseContainer .courseDetailsCont > .row {
  min-height: 180px;
}
.allCoursesContainer .singleCourseContainer .courseDetailsCont > .row h2::after {
  content: "";
  width: 130px;
  height: 2px;
  display: block;
  margin-top: 10px;
  background: #039be5;
}
.allCoursesContainer .singleCourseContainer .courseDetailsCont > .row .col-md-12 .btn {
  margin-bottom: 5px;
}

.allCoursesBanner.coursePageBanner .PageBannerContent .bannerRightHeading {
  margin: 15px 0;
}
.allCoursesBanner.coursePageBanner .PageBannerContent .PageBannerRight.BannerReviewCarousel {
  margin-top: 0;
}
.allCoursesBanner.coursePageBanner .PageBannerContent .bannerGallBtn {
  margin-top: 15px;
  margin-right: 15px;
  padding: 0;
}
.allCoursesBanner.coursePageBanner .PageBannerContent .keyFeatures ul li {
  font-size: 15px;
  display: flex;
  align-items: center;
  margin-left: 0;
}
.allCoursesBanner.coursePageBanner .PageBannerContent .keyFeatures ul li > div {
  background: #039be5;
  color: #fff;
  padding: 7px 12px;
  padding-right: 25px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
@media only screen and (max-width: 450px) {
  .allCoursesBanner.coursePageBanner .PageBannerContent .keyFeatures ul li > div {
    width: 100%;
    font-size: 13px;
    border-radius: 5px;
  }
}
.allCoursesBanner.coursePageBanner .PageBannerContent .keyFeatures ul li:nth-child(-n+3):before {
  display: none;
}
.allCoursesBanner.coursePageBanner .PageBannerContent .keyFeatures ul li:nth-child(n+4) span {
  padding-right: 5px;
  font-size: 16px;
  color: #ec9c05;
}
.allCoursesBanner.coursePageBanner .PageBannerContent .keyFeatures ul li:nth-child(n+4):before {
  content: "\f005";
  padding-right: 10px;
  font-size: 15px;
  color: #ec9c05;
}
.allCoursesBanner.coursePageBanner .PageBannerContent .keyFeatures ul li i.fa-users {
  margin-left: 5px;
  color: #fff;
}
.allCoursesBanner.coursePageBanner .PageBannerContent .keyFeatures ul li i.fa-arrow-right {
  margin: 0 10px;
}/*# sourceMappingURL=style.css.map */