/*
*  STYLE CUSTOM LEMA PLUGIN
*
*
*  [Table of contents]
*
*  [&. Content / #key]
*  [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
*
*	Summary:
* 
*   1. General
*     - Course List
*   2. Course Option
*     - Course Option General
*     - Layout 1
*     - Layout 2
*     - Layout 3
*     - Layout 4
*     - Layout 5
*     - Layout 6
*     - Layout 7
*   3. 49 Layout Demo - Column
*     - Custom Course col-3
*   4. View Course
*   5. Modal Enroll
*   6. Affiliate Course
*   7. Learning Page
*     - Learning Sidebar
*     - Learning Article
*     - Learning Video Control
*     - Learning Quiz 
*     - Responsive
*   8. User Profile
*	9. Cart Checkout, Course Detail, Category List, Search Box 
*   10. Category List
*
*   
*
*
*/
/*==================================
=            1. General            =
==================================*/
/*----------  Course List  ----------*/
.lema-course .course-item {
  background-color: #fff;
}

.lema-course-list .lema-arrow-bottom .slick-slider .slick-arrow {
  top: auto;
  bottom: -70px;
}

.lema-course-list .lema-arrow-bottom .slick-slider .slick-arrow.nav-btn-prev {
  right: auto;
  left: calc(50% - 45px);
}

.lema-course-list .lema-arrow-bottom .slick-slider .slick-arrow.nav-btn-next {
  right: calc(50% - 45px);
}

.lema-course-detail .enroll-course button {
  background-color: #8dd64f;
  border: none;
  min-width: 0;
  height: 50px;
  line-height: 48px;
}

.lema-course .course-item .course-wrapper .lema-rating .lema-star-rating.view-only .rating {
  top: 0;
}

.lema-course .course-item .course-wrapper .lema-rating .lema-star-rating.view-only .bg-rate {
  vertical-align: baseline;
}

.lema-course-list .lema-course-all.lema-columns {
  margin-left: -10px;
  margin-right: -10px;
}

.lema-shortcode-lema_courselist_filtered .lema-course-all.lema-columns {
  margin: 0 -15px;
}

.lema-shortcode-lema_courselist_filtered .lema-course-all.lema-columns > .item {
  padding: 0 15px;
}

.lema-shortcode-lema_courselist_filtered .item.lema-course + .item.lema-course .item.lema-course {
  margin-top: 30px;
}

.lema-course-detail .enroll-course button {
  min-width: auto !important;
}

.lema-course-list .lema-course .course-item .course-wrapper .lema-button-category + .title-course {
  margin-top: 15px;
  margin-bottom: 0px;
  letter-spacing: 0;
}

.lema-course-list .lema-course .course-item .course-wrapper .lema-button-category + .title-course a {
  color: #333146;
}

.lema-course-list .lema-course .course-item .course-wrapper .lema-button-category + .title-course a:hover {
  color: #8dd64f;
}

.lema-course-list .lema-course-detail .enroll-course button {
  background-color: #8dd64f;
  border: none;
  min-width: 0;
  height: 50px;
  line-height: 48px;
}

.lema-course-list .block-shortcode h3 {
  border-bottom: none !important;
}

.lema-course-list .lema-course-all {
  display: flex;
  flex-flow: wrap;
}

.lema-course-list .lema-row {
  margin-left: 0;
  margin-right: 0;
}

.lema-course-list .lema-columns.lema-column-4 .course-wrapper .lema-rating .lema-rating-value {
  margin-left: 5px;
}

.lema-course-list .lema-columns > .item {
  padding: 0 10px;
}

.lema-course-list .lema-columns > .item .lema-course-detail .course-detail-title {
  font-weight: 700;
}

.lema-course-list .lema-columns > .item .lema-course-detail .content-footer .enroll-course button {
  background-color: #8dd64f;
  border: none;
}

.lema-course-list .lema-columns > .item .lema-course-detail .course-detail-info > .icon {
  margin-left: 0;
  vertical-align: baseline;
}

.lema-course-list .lema-columns > .item .lema-course-detail .course-detail-info > span {
  font-weight: 700;
}

.lema-course-list .lema-columns > .item .lema-course-detail .course-detail-published span {
  font-weight: 700;
}

.lema-course-list .link_page {
  margin-bottom: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #dadfea;
  transition: all 0.3s ease;
  font-size: 14px;
}

.lema-course-list .link_page[disabled] {
  border: 1px solid #8dd64f;
  opacity: 1;
}

.lema-course-list .link_page + .link_page {
  margin-left: 10px;
}

.lema-course-list .link_page:hover {
  border-color: #8dd64f;
}

.lema-course-list .lema-star-rating.view-only .rating {
  height: 16px;
}

.lema-course-list .slick-slider .slick-arrow {
  z-index: 2;
  top: -20px;
  border: 0;
  width: 40px;
  height: 40px;
  font-size: 0;
  color: #333146;
  position: absolute;
  background-color: #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-shadow: 2px 3px 14px 0 rgba(184, 184, 184, 0.4);
  -moz-box-shadow: 2px 3px 14px 0 rgba(184, 184, 184, 0.4);
  box-shadow: 2px 3px 14px 0 rgba(184, 184, 184, 0.4);
}

.lema-course-list .slick-slider .slick-arrow .icons {
  font-size: 20px;
}

.lema-course-list .slick-slider .slick-arrow.nav-btn-prev {
  right: 55px;
}

.lema-course-list .slick-slider .slick-arrow.nav-btn-prev .ion-ios-arrow-thin-left:before {
  content: "\f3cf";
}

.lema-course-list .slick-slider .slick-arrow.nav-btn-next {
  right: 10px;
}

.lema-course-list .slick-slider .slick-arrow.nav-btn-next .ion-ios-arrow-thin-right:before {
  content: "\f3d1";
}

.lema-course-list .slick-slider .slick-arrow:hover {
  color: #fff;
  background-color: #8dd64f;
}

.lema-course-list .slick-dots li button {
  width: auto;
  height: auto;
  padding: 0;
}

.lema-course-list .slick-dots li button:before {
  content: "";
  color: transparent;
  width: 12px;
  height: 12px;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  opacity: 1;
}

.lema-course-list .slick-dots li button:hover:before {
  background-color: #8dd64f;
}

.lema-course-list .slick-dots li.slick-active button:before {
  background-color: #8dd64f;
}

.single-slz-portfolio .lema-course-list .block-slide {
  margin: 0 -10px;
}

.single-slz-portfolio .lema-course-list .block-slide .slick-track {
  margin: 0;
}

.single-slz-portfolio .lema-course-list + .wrapper-carousel-nav-01 {
  margin-top: 15px;
}

.lema-shortcode-lema_category_list .wrapper-icon {
  display: block;
}

/*=====  End of 1. General  ======*/
/*========================================
=            2. Course Option            =
========================================*/
/*----------  Course Option General  ----------*/
.lema-course:nth-child(3n) .lema-course-detail {
  left: auto;
  right: auto;
}

.lema-course.item {
  z-index: auto;
}

.lema-course.item + .lema-course.item {
  margin-top: 0;
}

.lema-course .course-item {
  padding: 0;
  border-radius: 7px;
}

.lema-course .course-item.template_3.tyle_3 .course-wrapper .lema-course-bookmark {
  bottom: 16px;
  right: 15px;
  position: absolute;
  line-height: 1.556;
}

.lema-course .course-item .course-wrapper {
  border-radius: 7px;
}

.lema-course .course-item .course-wrapper .course-image-wrapper .lema-view-add {
  transform: translate(-50%, -50%) translateZ(0);
}

.lema-course .course-item .course-wrapper .course-image-wrapper:hover .lema-view-add {
  opacity: 1;
}

.lema-course .course-item .course-wrapper .course-image-wrapper > div {
  z-index: 5;
}

.lema-course .course-item .course-wrapper .course-image-wrapper img {
  border-radius: 5px 5px 0 0;
}

.lema-course .course-item .course-wrapper .course-image-wrapper .lema-best-selling {
  font-size: 12px;
  z-index: 2;
  display: inline-block;
  background-color: #8dd64f;
  width: 60px;
  height: 50px;
  border-top-left-radius: 3px;
  padding: 7px 0 5px 10px;
}

.lema-course .course-item .course-wrapper .course-image-wrapper .lema-best-selling:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  z-index: -1;
  border-top: 30px solid #8dd64f;
  border-bottom: 25px solid transparent;
  border-right: 25px solid transparent;
}

.lema-course .course-item .course-wrapper .course-image-wrapper .lema-best-selling:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  z-index: -1;
  border-top: 25px solid transparent;
  border-bottom: 30px solid #8dd64f;
  border-right: 25px solid transparent;
}

.lema-course .course-item .course-wrapper .course-image-wrapper .lema-best-selling:before, .lema-course .course-item .course-wrapper .course-image-wrapper .lema-best-selling:after {
  right: -25px;
}

.lema-course .course-item .course-wrapper .course-image-wrapper .lema-hours {
  border-radius: 5px;
  font-size: 14px;
  bottom: 0;
}

.lema-course .course-item .course-wrapper .course-image-wrapper .lema-view-add {
  opacity: 0;
  transition: all 0.3s ease;
}

.lema-course .course-item .course-wrapper .course-image-wrapper .lema-view-add .lema-icon-cart {
  border-radius: 30px;
  width: 60px;
  line-height: 28px;
  height: 30px;
}

.lema-course .course-item .course-wrapper .course-image-wrapper .lema-view-add a.view-button {
  border-radius: 30px;
  width: 60px;
  line-height: 28px;
  height: 30px;
  margin-left: 7px;
}

.lema-course .course-item .course-wrapper .course-image-wrapper .lema-view-add a.view-button .note-devices {
  margin-top: 10px;
}

.lema-course .course-item .course-wrapper .course-image-wrapper > a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
  right: 0;
  bottom: 0;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  background: #009efd;
  background: -moz-linear-gradient(-45deg, #009efd 0%, #2af598 100%);
  background: -webkit-linear-gradient(-45deg, #009efd 0%, #2af598 100%);
  background: linear-gradient(135deg, #009efd 0%, #2af598 100%);
  filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#009efd', endColorstr='#2af598',GradientType=1 )";
  border-radius: 5px 5px 0 0;
}

.lema-course .course-item .course-wrapper .course-image-wrapper:hover a:before {
  opacity: 0.85;
}

.lema-course .course-item .course-wrapper .lema-course-authors {
  display: inline-block;
  vertical-align: top;
}

.lema-course .course-item .course-wrapper .description-course + .lema-course-authors {
  margin-top: 10px;
}

.lema-course .course-item .course-wrapper .lema-rating {
  display: inline-block;
  vertical-align: top;
  float: right;
}

.lema-course .course-item .course-wrapper .title-course {
  font-size: 18px;
  margin-top: 0;
  display: block;
  letter-spacing: 0px;
}

.lema-course .course-item .course-wrapper .lema-course-authors .lema-author .image-thumb span {
  display: inline-block;
  vertical-align: top;
  color: #6f6e72;
  text-transform: capitalize;
  font-size: 14px;
  margin-top: 0;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}

.lema-course .course-item .course-wrapper .lema-course-authors .lema-author .image-thumb img {
  display: inline-block !important;
}

.lema-course .course-item .course-wrapper .lema-course-authors .lema-author .image-thumb img + span {
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}

.lema-course .course-item .course-wrapper .lema-rating {
  text-align: left;
  line-height: 1;
}

.lema-course .course-item .course-wrapper .lema-rating .lema-star-rating.view-only .rating {
  height: 16px;
}

.lema-course .course-item .course-wrapper .lema-rating .lema-star-rating {
  float: left;
}

.lema-course .course-item .course-wrapper .lema-rating .lema-rating-label {
  display: none;
}

.lema-course .course-item .course-wrapper .lema-rating .lema-rating-value {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
  line-height: 18px;
}

.lema-course .course-item .course-wrapper .lema-rating .lema-rating-value strong {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #233142;
  vertical-align: top;
  display: inline-block;
}

.lema-course .course-item .course-wrapper .lema-rating .lema-number-rating {
  display: inline-block;
  vertical-align: bottom;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  margin-left: 4px;
  text-align: left;
  color: #858585;
  line-height: 1.3;
  padding-left: 0px;
}

.lema-course .course-item .course-wrapper .lema-rating .lema-number-rating .lema-rating-total {
  font-weight: 400;
}

.lema-course .course-item .course-wrapper .lema-rating .poop {
  display: none;
}

.lema-course .course-item .course-wrapper .lema-discount {
  display: block;
  height: 30px;
  margin-bottom: 0;
}

.lema-course .course-item .course-wrapper .lema-discount .price {
  display: inline-block;
  vertical-align: top;
  float: left;
  line-height: 1;
}

.lema-course .course-item .course-wrapper .lema-discount .price del {
  display: inline-block;
  vertical-align: top;
  font-weight: 500;
}

.lema-course .course-item .course-wrapper .lema-discount .price span {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  font-weight: 600;
}

.lema-course .course-item .course-wrapper .lema-discount .time-sale {
  color: #8dd64f;
  margin-top: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1;
  float: right;
}

.lema-course .course-item .course-wrapper .lema-course-bookmark {
  font-size: 20px;
  line-height: 1;
  font-style: normal;
  bottom: auto;
  right: auto;
  padding: 0;
  position: relative;
  background-color: transparent;
  color: #333;
  border: none;
}

.lema-course .course-item .course-wrapper .lema-course-bookmark + .lema-discount {
  margin-top: 15px;
}

.lema-course .course-item .course-wrapper .lema-course-detail {
  display: block;
  height: 100%;
}

.lema-course .course-item .course-wrapper .lema-course-detail .course-detail-wrapper {
  min-height: 100%;
  background-color: #fff;
}

.lema-course .course-item .course-wrapper .lema-course-detail .course-detail-title {
  font-weight: 700;
  font-family: Montserrat;
}

.lema-course .course-item .course-wrapper .lema-course-detail .content-footer .enroll-course button {
  background-color: #8dd64f;
  border: none;
  min-width: 0;
  height: 50px;
  line-height: 48px;
}

.lema-course .course-item .course-wrapper .lema-course-detail .course-detail-info > .icon {
  margin-left: 0;
  vertical-align: baseline;
}

.lema-course .course-item .course-wrapper .lema-course-detail .course-detail-info > span {
  font-weight: 700;
}

.lema-course .course-item .course-wrapper .lema-course-detail .course-detail-info > .skill {
  line-height: 15px;
}

.lema-course .course-item .course-wrapper .lema-course-detail .course-detail-info > .skill i {
  margin-right: 5px;
  margin-left: 0;
}

.lema-course .course-item .course-wrapper .lema-course-detail .course-detail-info > .skill .skill {
  margin-left: 5px;
}

.lema-course .course-item .course-wrapper .lema-course-detail .course-detail-info .lectures {
  margin-left: 0;
  line-height: 15px;
}

.lema-course .course-item .course-wrapper .lema-course-detail .course-detail-info .lectures i {
  margin-right: 5px;
}

.lema-course .course-item .course-wrapper .lema-course-detail .course-detail-wrapper .course-detail-info > div {
  margin-left: 0;
  margin-right: 20px;
}

.lema-course .course-item .course-wrapper .lema-course-detail .course-detail-wrapper .course-detail-info > div:last-child {
  margin-right: 0;
}

.lema-course .course-item .course-wrapper .lema-course-detail .course-detail-published span {
  font-weight: 700;
  font-family: Montserrat;
}

.lema-course .course-item .course-wrapper .top-wrapper .lema-button-category {
  padding: 15px;
}

.lema-course .course-item .course-wrapper .middle-wrapper {
  position: relative;
  padding: 10px 15px 15px 15px;
}

.lema-course .course-item .bottom-wrapper {
  padding: 20px 15px 15px 15px;
}

.lema-course .course-item .bottom-wrapper:before {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  height: 1px;
  content: "";
  background-color: rgba(218, 218, 218, 0.5);
}

.lema-course .course-item .lema-button-category {
  position: relative;
  z-index: 4;
}

.lema-course .course-item .lema-button-category > a {
  margin-right: 10px;
  margin-left: 0;
  margin-bottom: 5px;
}

.lema-course .course-item .lema-button-category.open .dropdown-menu {
  display: block;
  padding-top: 10px;
  margin: 0 -15px;
  padding-left: 15px;
  padding-right: 15px;
}

.lema-course .course-item .lema-button-category a {
  font-size: 14px;
  color: #6f6e72;
  background-color: #f3f3f3;
  padding: 0 15px;
  height: 35px;
  border-radius: 5px;
  line-height: 34px;
  font-weight: 600;
}

.lema-course .course-item .lema-button-category a:hover, .lema-course .course-item .lema-button-category a:focus {
  color: #fff;
  background-color: #ed6639;
}

.lema-course .course-item .lema-button-category li > a {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
  padding: 0 5px;
  height: auto;
  line-height: 1;
  font-weight: 600;
  color: #333;
  background-color: transparent;
}

.lema-course .course-item .lema-button-category li > a:hover, .lema-course .course-item .lema-button-category li > a:focus {
  color: #ed6639;
  background-color: transparent;
}

.lema-course .course-item .lema-button-category li.lema-dropdown {
  padding: 0;
  margin-left: 0;
  line-height: 13px;
  display: inline-block;
  vertical-align: middle;
  position: static;
}

.lema-course .course-item .lema-button-category li.lema-dropdown ul {
  box-shadow: none;
  border: none;
  padding-left: 0;
}

.lema-course .course-item .lema-button-category li.lema-dropdown ul a {
  margin-bottom: 10px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
  color: #afafaf;
  padding: 0 15px;
  height: 30px;
  border-radius: 5px;
  line-height: 28px;
  background-color: #e6e6e6;
}

.lema-course .course-item .lema-button-category li.lema-dropdown ul a:hover {
  color: #fff;
  background-color: #ed6639;
}

.lema-course .lema-star-rating.view-only .rating {
  height: 16px;
}

.lema-course .lema-course-detail .course-detail-wrapper .course-detail-info .skill i {
  vertical-align: middle;
  margin-right: 5px;
}

.lema-column-3 .lema-course .course-item .course-wrapper .title-course {
  font-size: 18px;
}

.lema-column-3 .lema-course .course-item .course-wrapper .lema-rating {
  float: none;
}

.lema-column-3 .lema-course .course-content-wrapper .description-course {
  display: block;
  margin-top: 14px;
}

.lema-course.slick-slide .course-item.template_3.style_6 .course-wrapper .lema-rating {
  float: none;
}

.lema-course.slick-slide .course-item.template_3.style_6 .course-content-wrapper .title-course {
  font-family: "Montserrat";
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: 0.2px;
  text-align: left;
  color: #333146;
}

.lema-course.slick-slide .course-item.template_3.style_6 .course-content-wrapper .description-course {
  display: block;
  margin-top: 14px;
}

/*----------  Layout 1  ----------*/
.lema-course .course-item.template_1 .lema-rating {
  display: inline-block;
  vertical-align: top;
  float: right;
}

.lema-course .course-item.template_1 .course-wrapper .bottom-wrapper .lema-discount .price {
  display: inline-block;
  vertical-align: top;
  float: right;
}

.lema-course .course-item.template_1 .course-wrapper .bottom-wrapper .lema-discount .time-sale {
  float: left;
}

.lema-course .course-item.template_1.style_1 .course-wrapper .lema-button-category + .title-course {
  margin-top: 15px;
  margin-bottom: 0;
}

.lema-course .course-item.template_1.style_1 .course-wrapper .title-course {
  margin-top: 0;
}

.lema-course .course-item.template_1.style_1 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_1.style_1 .course-wrapper .lema-rating {
  margin-top: 28px;
}

.lema-course .course-item.template_1.style_1 .course-wrapper .lema-course-bookmark {
  margin-top: 10px;
  text-align: right;
}

.lema-course .course-item.template_1.style_1 .course-wrapper .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_1.style_1 .course-wrapper .lema-discount .price {
  margin-top: 10px;
}

.lema-course .course-item.template_1.style_2 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_1.style_2 .course-wrapper .course-image-wrapper .lema-hours {
  bottom: auto;
  top: 0;
}

.lema-course .course-item.template_1.style_2 .course-wrapper .middle-wrapper {
  z-index: 1;
}

.lema-course .course-item.template_1.style_2 .course-wrapper .middle-wrapper .lema-button-category {
  margin: -35px 0;
  z-index: 4;
  position: relative;
}

.lema-course .course-item.template_1.style_2 .course-wrapper .middle-wrapper .lema-button-category + .title-course {
  margin-top: 45px;
}

.lema-course .course-item.template_1.style_2 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_1.style_2 .course-wrapper .lema-rating {
  margin-top: 28px;
}

.lema-course .course-item.template_1.style_2 .course-wrapper .lema-course-bookmark {
  margin-top: 10px;
  text-align: right;
}

.lema-course .course-item.template_1.style_2 .course-wrapper .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_1.style_2 .course-wrapper .lema-discount .price {
  margin-top: 10px;
}

.lema-course .course-item.template_1.style_2 .course-wrapper .lema-button-category .lema-dropdown {
  margin-top: 15px;
}

.lema-course .course-item.template_1.style_3 .course-wrapper .course-image-wrapper .lema-hours {
  bottom: auto;
  top: 0;
}

.lema-course .course-item.template_1.style_3 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_1.style_3 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_1.style_3 .course-wrapper .lema-rating {
  margin-top: 23px;
}

.lema-course .course-item.template_1.style_3 .course-wrapper .lema-discount .price {
  margin-top: 10px;
}

.lema-course .course-item.template_1.style_3 .course-wrapper .lema-course-bookmark {
  text-align: right;
}

.lema-course .course-item.template_1.style_3 .course-wrapper .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_1.style_4 .course-wrapper .course-image-wrapper .lema-hours {
  bottom: auto;
  top: 0;
}

.lema-course .course-item.template_1.style_4 .course-wrapper .course-content-wrapper .lema-button-category {
  position: absolute;
  bottom: calc(100% + 5px);
  width: calc(100% - 30px);
}

.lema-course .course-item.template_1.style_4 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_1.style_4 .course-wrapper .lema-rating {
  margin-top: 28px;
}

.lema-course .course-item.template_1.style_4 .course-wrapper .lema-course-bookmark {
  margin-top: 5px;
}

.lema-course .course-item.template_1.style_4 .course-wrapper .lema-discount .price {
  margin-top: 10px;
}

.lema-course .course-item.template_1.style_5 .course-wrapper .lema-rating {
  margin-top: 13px;
}

.lema-course .course-item.template_1.style_5 .course-wrapper .course-image-wrapper .lema-hours {
  bottom: 0;
  top: auto;
}

.lema-course .course-item.template_1.style_5 .course-wrapper .middle-wrapper .lema-discount {
  margin-top: 15px;
}

.lema-course .course-item.template_1.style_5 .course-wrapper .middle-wrapper .lema-discount .price {
  display: inline-block;
  vertical-align: top;
  float: left;
  margin-top: 10px;
}

.lema-course .course-item.template_1.style_5 .course-wrapper .middle-wrapper .lema-discount .time-sale {
  float: right;
}

.lema-course .course-item.template_1.style_5 .course-wrapper .lema-course-bookmark {
  margin-top: 10px;
  text-align: right;
}

.lema-course .course-item.template_1.style_5 .course-wrapper .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_1.style_6 .course-wrapper .course-image-wrapper .lema-hours {
  bottom: 0;
  top: auto;
}

.lema-course .course-item.template_1.style_6 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_1.style_6 .course-wrapper .lema-rating {
  margin-top: 13px;
}

.lema-course .course-item.template_1.style_6 .course-wrapper .lema-course-bookmark {
  text-align: right;
}

.lema-course .course-item.template_1.style_6 .course-wrapper .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_1.style_6 .course-wrapper .middle-wrapper .lema-discount {
  margin-top: 15px;
}

.lema-course .course-item.template_1.style_6 .course-wrapper .middle-wrapper .lema-discount .price {
  display: inline-block;
  vertical-align: top;
  float: left;
  margin-top: 5px;
}

.lema-course .course-item.template_1.style_6 .course-wrapper .middle-wrapper .lema-discount .time-sale {
  float: right;
}

.lema-course .course-item.template_1.style_7 .course-wrapper .middle-wrapper .lema-button-category {
  position: absolute;
  bottom: calc(100% + 5px);
  width: calc(100% - 30px);
}

.lema-course .course-item.template_1.style_7 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_1.style_7 .course-wrapper .lema-course-bookmark {
  margin-top: 10px;
}

.lema-course .course-item.template_1.style_7 .course-wrapper .bottom-wrapper .lema-discount .price {
  display: inline-block;
  vertical-align: top;
  float: left;
  margin-top: 5px;
}

.lema-course .course-item.template_1.style_7 .course-wrapper .bottom-wrapper .lema-discount .time-sale {
  float: right;
}

.lema-course .course-item.template_2.style_1 .course-wrapper .slz-block {
  margin-top: 10px;
}

/*----------  Layout 2  ----------*/
.lema-course .course-item.template_2 .lema-discount .price {
  display: inline-block;
  vertical-align: top;
  float: left;
}

.lema-course .course-item.template_2 .lema-discount .time-sale {
  float: right;
}

.lema-course .course-item.template_2 .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_2 .lema-button-category {
  margin-top: 10px;
}

.lema-course .course-item.template_2 .slz-block {
  margin-top: 15px;
}

.lema-course .course-item.template_2.style_5 .course-wrapper .lema-rating {
  margin-top: 13px;
}

.lema-course .course-item.template_2.style_6 .title-course {
  margin-top: 0;
}

.lema-course .course-item.template_2.style_6 .lema-course-bookmark {
  margin-top: 15px;
}

.lema-course .course-item.template_2.style_7 .title-course {
  margin-top: 0;
}

.lema-course .course-item.template_2.style_7 .lema-course-bookmark {
  margin-top: 15px;
}

/*----------  Layout 3  ----------*/
.lema-course .course-item.template_3 .course-wrapper .bottom-wrapper .lema-discount .price {
  display: inline-block;
  vertical-align: top;
  float: left;
}

.lema-course .course-item.template_3 .course-wrapper .bottom-wrapper .lema-discount .time-sale {
  float: right;
}

.lema-course .course-item.template_3 .lema-rating {
  display: inline-block;
  vertical-align: top;
}

.lema-course .course-item.template_3.style_1 .course-wrapper .course-image-wrapper .lema-hours {
  bottom: auto;
  top: 0;
}

.lema-course .course-item.template_3.style_1 .course-wrapper .top-wrapper .lema-button-category {
  margin-top: -30px;
  z-index: 2;
  position: relative;
  padding-bottom: 0;
}

.lema-course .course-item.template_3.style_1 .course-wrapper .top-wrapper .lema-button-category > a {
  margin-bottom: 0;
}

.lema-course .course-item.template_3.style_1 .course-wrapper .top-wrapper .lema-button-category .dropdown-menu {
  margin: 0;
}

.lema-course .course-item.template_3.style_1 .course-wrapper .middle-wrapper {
  padding: 15px 15px 20px 15px;
}

.lema-course .course-item.template_3.style_1 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_3.style_1 .course-wrapper .lema-rating {
  margin-top: 28px;
}

.lema-course .course-item.template_3.style_1 .course-wrapper .lema-discount .price {
  margin-top: 5px;
}

.lema-course .course-item.template_3.style_1 .course-wrapper .lema-button-category .lema-dropdown {
  margin-top: 15px;
}

.lema-course .course-item.template_3.style_2 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_3.style_3 .course-wrapper .top-wrapper .lema-button-category {
  margin-top: -30px;
  z-index: 2;
  position: relative;
  padding-bottom: 0;
}

.lema-course .course-item.template_3.style_3 .course-wrapper .top-wrapper .lema-button-category > a {
  margin-bottom: 0;
}

.lema-course .course-item.template_3.style_3 .course-wrapper .top-wrapper .lema-button-category .dropdown-menu {
  margin: 0;
}

.lema-course .course-item.template_3.style_3 .course-wrapper .middle-wrapper {
  padding: 15px 15px 20px 15px;
}

.lema-course .course-item.template_3.style_3 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_3.style_3 .course-wrapper .bottom-wrapper .lema-discount .price {
  margin-top: 7px;
}

.lema-course .course-item.template_3.style_3 .course-wrapper .bottom-wrapper .lema-discount .time-sale {
  margin-left: 10px;
  float: left;
}

.lema-course .course-item.template_3.style_3 .course-wrapper .lema-button-category .lema-dropdown {
  margin-top: 15px;
}

.lema-course .course-item.template_3.style_4 .course-wrapper .course-image-wrapper .lema-hours {
  top: 0;
  bottom: auto;
}

.lema-course .course-item.template_3.style_4 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_3.style_5 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_3.style_6 .course-wrapper .title-course {
  margin-top: 5px;
}

.lema-course .course-item.template_3.style_6 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_3.style_7 .course-wrapper .top-wrapper .lema-button-category {
  padding-bottom: 0;
}

.lema-course .course-item.template_3.style_7 .course-wrapper .top-wrapper .lema-button-category > a {
  margin-bottom: 0;
}

.lema-course .course-item.template_3.style_7 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_3.style_7 .course-wrapper .lema-button-category .dropdown-menu {
  margin: 0;
}

/*----------  Layout 4  ----------*/
.lema-course .course-item.template_4 .course-wrapper .course-image-wrapper .lema-view-add .lema-icon-cart {
  margin: 0 auto;
  display: block;
  width: 150px;
}

.lema-course .course-item.template_4 .course-wrapper .course-image-wrapper .lema-view-add a.view-button {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 150px;
}

.lema-course .course-item.template_4 .course-wrapper .lema-discount .price {
  display: inline-block;
  vertical-align: top;
  float: left;
}

.lema-course .course-item.template_4 .course-wrapper .lema-discount .time-sale {
  float: right;
}

.lema-course .course-item.template_4.style_1 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_4.style_1 .course-wrapper .lema-discount {
  margin-top: 15px;
}

.lema-course .course-item.template_4.style_1 .course-wrapper .lema-discount .price del {
  display: block;
}

.lema-course .course-item.template_4.style_1 .course-wrapper .lema-discount .price span {
  margin-top: 5px;
  margin-left: 0;
}

.lema-course .course-item.template_4.style_2 .course-wrapper .course-image-wrapper .lema-hours {
  top: 0;
  bottom: auto;
}

.lema-course .course-item.template_4.style_2 .course-wrapper .lema-discount {
  margin-top: 15px;
  height: 45px;
}

.lema-course .course-item.template_4.style_2 .course-wrapper .lema-discount .price del {
  display: block;
}

.lema-course .course-item.template_4.style_2 .course-wrapper .lema-discount .price span {
  margin-top: 10px;
  margin-left: 0;
}

.lema-course .course-item.template_4.style_3 .course-wrapper .slz-block {
  margin-top: 15px;
}

.lema-course .course-item.template_4.style_3 .course-wrapper .lema-discount {
  margin-top: 15px;
}

.lema-course .course-item.template_4.style_3 .course-wrapper .lema-rating {
  margin-top: 2px;
}

.lema-course .course-item.template_4.style_4 .course-wrapper .lema-button-category {
  margin-top: 15px;
}

.lema-course .course-item.template_4.style_4 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_4.style_4 .course-wrapper .lema-rating {
  margin-top: 13px;
}

.lema-course .course-item.template_4.style_4 .course-wrapper .lema-discount {
  height: 45px;
  margin-top: 15px;
}

.lema-course .course-item.template_4.style_4 .course-wrapper .lema-discount .price {
  float: none;
}

.lema-course .course-item.template_4.style_4 .course-wrapper .lema-discount .price del {
  display: block;
}

.lema-course .course-item.template_4.style_4 .course-wrapper .lema-discount .price span {
  display: block;
  margin-top: 10px;
  margin-left: 0;
}

.lema-course .course-item.template_4.style_4 .course-wrapper .lema-discount .time-sale {
  margin-left: 15px;
}

.lema-course .course-item.template_4.style_5 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_4.style_5 .course-wrapper .lema-discount {
  height: 45px;
}

.lema-course .course-item.template_4.style_5 .course-wrapper .lema-discount .price {
  float: none;
}

.lema-course .course-item.template_4.style_5 .course-wrapper .lema-discount .price del {
  display: block;
}

.lema-course .course-item.template_4.style_5 .course-wrapper .lema-discount .price span {
  display: block;
  margin-top: 10px;
  margin-left: 0;
}

.lema-course .course-item.template_4.style_5 .course-wrapper .lema-discount .time-sale {
  margin-left: 15px;
}

.lema-course .course-item.template_4.style_5 .course-wrapper .lema-course-bookmark {
  margin-top: 15px;
  text-align: right;
}

.lema-course .course-item.template_4.style_5 .course-wrapper .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_4.style_6 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_4.style_6 .course-wrapper .slz-block {
  margin-top: 15px;
}

.lema-course .course-item.template_4.style_6 .course-wrapper .lema-discount {
  height: 45px;
}

.lema-course .course-item.template_4.style_6 .course-wrapper .lema-discount .price {
  float: none;
}

.lema-course .course-item.template_4.style_6 .course-wrapper .lema-discount .price del {
  display: block;
}

.lema-course .course-item.template_4.style_6 .course-wrapper .lema-discount .price span {
  display: block;
  margin-top: 10px;
  margin-left: 0;
}

.lema-course .course-item.template_4.style_6 .course-wrapper .lema-discount .time-sale {
  margin-left: 15px;
}

.lema-course .course-item.template_4.style_6 .course-wrapper .lema-course-bookmark {
  text-align: right;
}

.lema-course .course-item.template_4.style_6 .course-wrapper .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_4.style_7 .course-wrapper .lema-course-bookmark {
  text-align: right;
}

.lema-course .course-item.template_4.style_7 .course-wrapper .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_4.style_7 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_4.style_7 .course-wrapper .lema-discount {
  margin-top: 15px;
}

/*----------  Layout 5  ----------*/
.lema-course .course-item.template_5 .course-wrapper .course-image-wrapper .lema-best-selling {
  top: auto;
  bottom: 0;
  border-radius: 0;
}

.lema-course .course-item.template_5 .course-wrapper .lema-course-authors {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -45px;
  z-index: 3;
  text-align: center;
}

.lema-course .course-item.template_5 .course-wrapper .lema-course-authors .lema-author .image-thumb span {
  margin-left: 0;
  display: block;
  text-align: center;
}

.lema-course .course-item.template_5 .course-wrapper .lema-course-authors .lema-author a img {
  width: 40px;
  height: 40px;
}

.lema-course .course-item.template_5 .course-wrapper .lema-discount .price {
  display: inline-block;
  vertical-align: top;
  float: left;
}

.lema-course .course-item.template_5 .course-wrapper .lema-discount .time-sale {
  float: right;
}

.lema-course .course-item.template_5 .course-wrapper .lema-button-category .dropdown-menu {
  padding-left: 15px;
}

.lema-course .course-item.template_5.style_1 .title-course {
  margin-top: 35px;
}

.lema-course .course-item.template_5.style_1 .course-wrapper .lema-rating {
  float: none;
  margin-top: 15px;
}

.lema-course .course-item.template_5.style_1 .course-wrapper .lema-rating .lema-rating-value {
  margin-left: 0;
}

.lema-course .course-item.template_5.style_1 .course-wrapper .lema-discount {
  height: 45px;
}

.lema-course .course-item.template_5.style_1 .course-wrapper .lema-discount .price {
  float: none;
}

.lema-course .course-item.template_5.style_1 .course-wrapper .lema-discount .price del {
  display: block;
}

.lema-course .course-item.template_5.style_1 .course-wrapper .lema-discount .price span {
  display: block;
  margin-top: 10px;
  margin-left: 0;
}

.lema-course .course-item.template_5.style_1 .course-wrapper .lema-discount .time-sale {
  margin-left: 15px;
}

.lema-course .course-item.template_5.style_1 .course-wrapper .lema-course-bookmark {
  margin-top: 15px;
  text-align: right;
}

.lema-course .course-item.template_5.style_1 .course-wrapper .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_5.style_1 .course-wrapper .lema-button-category .dropdown-menu {
  padding-top: 0;
  margin: -5px 0 0 0;
}

.lema-course .course-item.template_5.style_2 .title-course {
  margin-top: 35px;
}

.lema-course .course-item.template_5.style_2 .lema-discount {
  height: 45px;
}

.lema-course .course-item.template_5.style_2 .lema-discount .price {
  float: none;
}

.lema-course .course-item.template_5.style_2 .lema-discount .price del {
  display: block;
}

.lema-course .course-item.template_5.style_2 .lema-discount .price span {
  display: block;
  margin-top: 10px;
  margin-left: 0;
}

.lema-course .course-item.template_5.style_2 .lema-discount .time-sale {
  margin-left: 15px;
}

.lema-course .course-item.template_5.style_2 .lema-course-bookmark {
  margin-top: 15px;
  text-align: right;
}

.lema-course .course-item.template_5.style_2 .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_5.style_2 .lema-button-category .dropdown-menu {
  padding-top: 0;
  margin: -5px 0 0 0;
}

.lema-course .course-item.template_5.style_3 .lema-discount {
  height: 45px;
}

.lema-course .course-item.template_5.style_3 .lema-discount .price {
  float: none;
}

.lema-course .course-item.template_5.style_3 .lema-discount .price del {
  display: block;
}

.lema-course .course-item.template_5.style_3 .lema-discount .price span {
  display: block;
  margin-top: 10px;
  margin-left: 0;
}

.lema-course .course-item.template_5.style_3 .lema-discount .time-sale {
  margin-left: 15px;
}

.lema-course .course-item.template_5.style_3 .lema-course-bookmark {
  margin-top: 15px;
  text-align: right;
}

.lema-course .course-item.template_5.style_3 .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_5.style_4 .title-course {
  margin-top: 35px;
}

.lema-course .course-item.template_5.style_4 .lema-discount {
  height: 45px;
}

.lema-course .course-item.template_5.style_4 .lema-discount .price {
  float: none;
}

.lema-course .course-item.template_5.style_4 .lema-discount .price del {
  display: block;
}

.lema-course .course-item.template_5.style_4 .lema-discount .price span {
  display: block;
  margin-top: 10px;
  margin-left: 0;
}

.lema-course .course-item.template_5.style_4 .lema-discount .time-sale {
  margin-left: 15px;
}

.lema-course .course-item.template_5.style_4 .lema-course-bookmark {
  margin-top: 15px;
  text-align: right;
}

.lema-course .course-item.template_5.style_4 .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_5.style_4 .lema-button-category .dropdown-menu {
  padding-left: 15px;
}

.lema-course .course-item.template_5.style_5 .lema-discount {
  height: 45px;
}

.lema-course .course-item.template_5.style_5 .lema-discount .price {
  float: none;
}

.lema-course .course-item.template_5.style_5 .lema-discount .price del {
  display: block;
}

.lema-course .course-item.template_5.style_5 .lema-discount .price span {
  display: block;
  margin-top: 10px;
  margin-left: 0;
}

.lema-course .course-item.template_5.style_5 .lema-course-bookmark {
  margin-top: 15px;
  text-align: right;
}

.lema-course .course-item.template_5.style_5 .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_5.style_5 .lema-button-category .dropdown-menu {
  padding-left: 0;
}

.lema-course .course-item.template_5.style_6 .lema-discount {
  height: 45px;
}

.lema-course .course-item.template_5.style_6 .lema-discount .price {
  float: none;
}

.lema-course .course-item.template_5.style_6 .lema-discount .price del {
  display: block;
}

.lema-course .course-item.template_5.style_6 .lema-discount .price span {
  display: block;
  margin-top: 10px;
  margin-left: 0;
}

.lema-course .course-item.template_5.style_6 .lema-course-bookmark {
  margin-top: 15px;
  text-align: right;
}

.lema-course .course-item.template_5.style_6 .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_5.style_7 .lema-discount {
  height: 45px;
}

.lema-course .course-item.template_5.style_7 .lema-discount .price {
  float: none;
}

.lema-course .course-item.template_5.style_7 .lema-discount .price del {
  display: block;
}

.lema-course .course-item.template_5.style_7 .lema-discount .price span {
  display: block;
  margin-top: 10px;
  margin-left: 0;
}

.lema-course .course-item.template_5.style_7 .lema-course-bookmark {
  margin-top: 15px;
  text-align: right;
}

.lema-course .course-item.template_5.style_7 .lema-course-bookmark i {
  display: inline-block;
}

/*----------  Layout 6  ----------*/
.lema-course .course-item.template_6 .course-wrapper .lema-discount .price {
  display: inline-block;
  vertical-align: top;
  float: left;
}

.lema-course .course-item.template_6 .course-wrapper .lema-discount .time-sale {
  float: right;
}

.lema-course .course-item.template_6.style_1 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_6.style_1 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_6.style_1 .course-wrapper .lema-rating {
  float: none;
  margin-top: 15px;
}

.lema-course .course-item.template_6.style_1 .course-wrapper .lema-rating .lema-rating-value {
  margin-left: 0;
}

.lema-course .course-item.template_6.style_1 .course-wrapper .lema-course-bookmark {
  margin-top: 10px;
  text-align: right;
}

.lema-course .course-item.template_6.style_1 .course-wrapper .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_6.style_2 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_6.style_2 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_6.style_2 .course-wrapper .lema-rating {
  float: none;
  margin-top: 15px;
}

.lema-course .course-item.template_6.style_2 .course-wrapper .lema-rating .lema-rating-value {
  margin-left: 0;
}

.lema-course .course-item.template_6.style_2 .course-wrapper .lema-course-bookmark {
  margin-top: 10px;
  text-align: right;
}

.lema-course .course-item.template_6.style_2 .course-wrapper .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_6.style_3 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_6.style_3 .course-wrapper .lema-rating {
  float: none;
  margin-top: 15px;
}

.lema-course .course-item.template_6.style_3 .course-wrapper .lema-rating .lema-rating-value {
  margin-left: 0;
}

.lema-course .course-item.template_6.style_3 .course-wrapper .lema-course-bookmark {
  margin-top: 10px;
  text-align: right;
}

.lema-course .course-item.template_6.style_3 .course-wrapper .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_6.style_4 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_6.style_4 .course-wrapper .lema-rating {
  float: none;
  margin-top: 15px;
}

.lema-course .course-item.template_6.style_4 .course-wrapper .lema-rating .lema-rating-value {
  margin-left: 0;
}

.lema-course .course-item.template_6.style_4 .course-wrapper .lema-course-bookmark {
  margin-top: 10px;
  text-align: right;
}

.lema-course .course-item.template_6.style_4 .course-wrapper .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_6.style_5 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_6.style_5 .course-wrapper .lema-rating {
  float: none;
  margin-top: 15px;
}

.lema-course .course-item.template_6.style_5 .course-wrapper .lema-rating .lema-rating-value {
  margin-left: 0;
}

.lema-course .course-item.template_6.style_5 .course-wrapper .lema-course-bookmark {
  margin-top: 10px;
  text-align: right;
}

.lema-course .course-item.template_6.style_5 .course-wrapper .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_6.style_6 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_6.style_6 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_6.style_6 .course-wrapper .lema-rating {
  float: none;
  margin-top: 15px;
}

.lema-course .course-item.template_6.style_6 .course-wrapper .lema-rating .lema-rating-value {
  margin-left: 0;
}

.lema-course .course-item.template_6.style_6 .course-wrapper .lema-course-bookmark {
  margin-top: 10px;
  text-align: right;
}

.lema-course .course-item.template_6.style_6 .course-wrapper .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_6.style_7 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_6.style_7 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_6.style_7 .course-wrapper .lema-rating {
  float: none;
  margin-top: 15px;
}

.lema-course .course-item.template_6.style_7 .course-wrapper .lema-rating .lema-rating-value {
  margin-left: 0;
}

.lema-course .course-item.template_6.style_7 .course-wrapper .lema-course-bookmark {
  margin-top: 10px;
  text-align: right;
}

.lema-course .course-item.template_6.style_7 .course-wrapper .lema-course-bookmark i {
  display: inline-block;
}

/*----------  Layout 7  ----------*/
.lema-course .course-item.template_7 .course-wrapper .course-image-wrapper .lema-view-add .lema-icon-cart {
  margin: 0 auto;
  display: block;
  width: 150px;
}

.lema-course .course-item.template_7 .course-wrapper .course-image-wrapper .lema-view-add a.view-button {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 150px;
}

.lema-course .course-item.template_7 .course-wrapper .course-image-wrapper .lema-hours {
  top: 0;
  bottom: auto;
}

.lema-course .course-item.template_7 .course-wrapper .lema-discount {
  height: 45px;
}

.lema-course .course-item.template_7 .course-wrapper .lema-discount .price {
  display: inline-block;
  vertical-align: top;
  float: left;
}

.lema-course .course-item.template_7 .course-wrapper .lema-discount .price del {
  display: block;
}

.lema-course .course-item.template_7 .course-wrapper .lema-discount .price span {
  display: block;
  margin-left: 0;
  margin-top: 10px;
}

.lema-course .course-item.template_7 .course-wrapper .lema-discount .time-sale {
  float: right;
}

.lema-course .course-item.template_7 .course-wrapper .lema-course-bookmark {
  text-align: right;
}

.lema-course .course-item.template_7 .course-wrapper .lema-course-bookmark i {
  display: inline-block;
}

.lema-course .course-item.template_7.style_1 .course-wrapper .lema-button-category {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_1 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_1 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_1 .course-wrapper .lema-rating {
  margin-top: 17px;
}

.lema-course .course-item.template_7.style_2 .course-wrapper .lema-button-category {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_2 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_2 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_2 .course-wrapper .lema-rating {
  margin-top: 17px;
}

.lema-course .course-item.template_7.style_3 .course-wrapper .lema-button-category {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_3 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_3 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_3 .course-wrapper .lema-rating {
  margin-top: 17px;
}

.lema-course .course-item.template_7.style_4 .course-wrapper .lema-course-bookmark {
  text-align: left;
}

.lema-course .course-item.template_7.style_4 .course-wrapper .lema-button-category {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_4 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_4 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_4 .course-wrapper .lema-rating {
  margin-top: 17px;
}

.lema-course .course-item.template_7.style_5 .course-wrapper .lema-button-category {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_5 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_5 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_5 .course-wrapper .lema-rating {
  margin-top: 17px;
}

.lema-course .course-item.template_7.style_6 .course-wrapper .lema-button-category {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_6 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_6 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_6 .course-wrapper .lema-rating {
  margin-top: 17px;
}

.lema-course .course-item.template_7.style_7 .course-wrapper .lema-button-category {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_7 .course-wrapper .title-course {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_7 .course-wrapper .lema-course-authors {
  margin-top: 15px;
}

.lema-course .course-item.template_7.style_7 .course-wrapper .lema-rating {
  margin-top: 17px;
}

.lema-course .course-item.template_7.style_7 .course-wrapper .lema-discount {
  text-align: right;
}

.lema-course .course-item.template_7.style_7 .course-wrapper .lema-discount .price {
  float: none;
}

.lema-course .course-item.template_7.style_7 .course-wrapper .lema-discount .time-sale {
  float: none;
  margin-left: 15px;
}

/*=====  End of 2. Course Option  ======*/
/*================================================
=            3. 49 Layout Demo - Column          =
================================================*/
.page-detail-wrapper .vc_row .vc_col-sm-3 .vc_column-inner {
  padding-right: 7px;
  padding-left: 7px;
}

/*----------  Custom Course col-3  ----------*/
.vc_col-sm-3 .lema-course .course-item .course-wrapper .top-wrapper .lema-button-category {
  padding: 10px;
}

.vc_col-sm-3 .lema-course .course-item .course-wrapper .lema-discount .time-sale {
  font-size: 25px;
}

.vc_col-sm-3 .lema-course .course-item .course-wrapper .bottom-wrapper {
  padding: 15px 10px;
}

.vc_col-sm-3 .lema-course .course-item .course-wrapper .middle-wrapper {
  padding: 15px 10px;
}

.vc_col-sm-3 .lema-course .course-item .course-wrapper .lema-course-detail .course-detail-wrapper {
  padding: 10px 15px 30px 10px;
}

.vc_col-sm-3 .lema-course .course-item .course-wrapper .lema-course-detail .course-detail-info .lectures {
  display: block;
  margin-left: 0;
}

.vc_col-sm-3 .lema-course .course-item .course-wrapper .lema-button-category .dropdown-menu {
  margin: 0 -10px;
  padding-left: 10px;
  padding-right: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_1 .lema-rating {
  display: block;
  float: none;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_2 .course-wrapper .middle-wrapper .lema-button-category {
  margin-top: -28px;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_4 .course-wrapper .course-content-wrapper .lema-button-category {
  width: calc(100% - 20px);
}

.vc_col-sm-3 .lema-course .course-item.template_5.style_1 .lema-button-category .dropdown-menu {
  margin: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_5.style_2 .lema-button-category .dropdown-menu {
  margin: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_5.style_5 .lema-button-category .dropdown-menu {
  margin: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_1 .course-wrapper .lema-button-category + .title-course {
  margin-top: 5px;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_1 .course-wrapper .lema-course-authors {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_1 .course-wrapper .lema-rating {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_1 .course-wrapper .lema-course-bookmark {
  margin-top: 5px;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_2 .course-wrapper .middle-wrapper .lema-button-category + .title-course {
  margin-top: 35px;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_2 .course-wrapper .lema-course-authors {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_2 .course-wrapper .lema-rating {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_2 .course-wrapper .lema-course-bookmark {
  margin-top: 5px;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_3 .course-wrapper .title-course {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_3 .course-wrapper .lema-course-authors {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_4 .course-wrapper .lema-course-authors {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_4 .course-wrapper .lema-rating {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_4 .course-wrapper .lema-course-authors {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_5 .course-wrapper .lema-rating {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_5 .course-wrapper .lema-course-bookmark {
  margin-top: 5px;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_5 .course-wrapper .lema-course-authors {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_6 .course-wrapper .title-course {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_6 .course-wrapper .lema-course-authors {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_6 .course-wrapper .lema-course-bookmark {
  margin-top: 5px;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_7 .course-wrapper .lema-course-bookmark {
  margin-top: 5px;
}

.vc_col-sm-3 .lema-course .course-item.template_1.style_7 .course-wrapper .lema-course-authors {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_2.style_1 .course-wrapper .lema-course-authors {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_2 .course-wrapper .slz-block {
  padding: 0 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_2 .slz-block {
  padding: 0 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_2 .lema-button-category {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_2 .title-course {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_2.style_5 .title-course {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_2.style_5 .course-wrapper .lema-rating {
  margin-top: 10px;
  float: none;
}

.vc_col-sm-3 .lema-course .course-item.template_2.style_6 .title-course {
  margin-top: -10px;
}

.vc_col-sm-3 .lema-course .course-item.template_2.style_6 .lema-course-bookmark {
  margin-top: 5px;
}

.vc_col-sm-3 .lema-course .course-item.template_2.style_7 .title-course {
  margin-top: -10px;
}

.vc_col-sm-3 .lema-course .course-item.template_2.style_7 .lema-course-bookmark {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_3.style_1 .course-wrapper .middle-wrapper {
  padding-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_3.style_1 .course-wrapper .lema-course-authors {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_3.style_1 .course-wrapper .lema-rating {
  margin-top: 15px;
  float: none;
}

.vc_col-sm-3 .lema-course .course-item.template_3.style_2 .course-wrapper .title-course {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_3.style_3 .course-wrapper .lema-course-authors {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_3.style_1 .course-wrapper .middle-wrapper {
  padding: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_3.style_3 .course-wrapper .middle-wrapper {
  padding: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_3.style_5 .course-wrapper .lema-course-authors {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_3.style_6 .course-wrapper .title-course {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_3.style_6 .lema-rating {
  margin-top: 15px;
  float: none;
}

.vc_col-sm-3 .lema-course .course-item.template_3.style_7 .course-wrapper .title-course {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_4.style_1 .course-wrapper .title-course {
  margin-top: 5px;
}

.vc_col-sm-3 .lema-course .course-item.template_4.style_1 .course-wrapper .lema-discount {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_4.style_2 .course-wrapper .lema-discount {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_4.style_3 .course-wrapper .lema-discount {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_4.style_3 .course-wrapper .slz-block {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_4.style_4 .course-wrapper .lema-button-category {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_4.style_4 .course-wrapper .title-course {
  margin-top: 5px;
}

.vc_col-sm-3 .lema-course .course-item.template_4.style_4 .course-wrapper .lema-discount {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_4.style_5 .course-wrapper .lema-rating {
  float: none;
}

.vc_col-sm-3 .lema-course .course-item.template_4.style_4 .course-wrapper .lema-rating {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_4.style_4 .course-wrapper .lema-course-bookmark {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_4.style_5 .course-wrapper .title-course {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_4.style_5 .course-wrapper .lema-discount {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_4.style_5 .course-wrapper .lema-course-bookmark {
  margin-top: 5px;
}

.vc_col-sm-3 .lema-course .course-item.template_4.style_6 .course-wrapper .title-course {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_4.style_6 .course-wrapper .lema-discount {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_4.style_6 .course-wrapper .slz-block {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_4.style_7 .course-wrapper .lema-discount {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_4.style_7 .course-wrapper .lema-course-authors {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_5.style_1 .title-course {
  margin-top: 40px;
}

.vc_col-sm-3 .lema-course .course-item.template_5.style_1 .course-wrapper .lema-rating {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_5.style_1 .course-wrapper .lema-course-bookmark {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_5.style_2 .title-course {
  margin-top: 40px;
}

.vc_col-sm-3 .lema-course .course-item.template_5.style_2 .lema-course-bookmark {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_5.style_3 .lema-course-bookmark {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_5.style_4 .title-course {
  margin-top: 40px;
}

.vc_col-sm-3 .lema-course .course-item.template_5.style_4 .lema-course-bookmark {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_5.style_5 .course-wrapper .title-course {
  margin-top: 40px;
}

.vc_col-sm-3 .lema-course .course-item.template_5.style_5 .course-wrapper .lema-rating {
  margin-top: 10px;
  float: none;
}

.vc_col-sm-3 .lema-course .course-item.template_5.style_5 .lema-course-bookmark {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_5.style_6 .lema-course-bookmark {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_5.style_7 .lema-course-bookmark {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_6.style_1 .course-wrapper .lema-course-authors {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_6.style_1 .course-wrapper .lema-rating {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_6.style_2 .course-wrapper .lema-course-authors {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_6.style_1 .course-wrapper .title-course {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_6.style_1 .course-wrapper .lema-course-bookmark {
  margin-top: 5px;
}

.vc_col-sm-3 .lema-course .course-item.template_6.style_2 .course-wrapper .title-course {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_6.style_2 .course-wrapper .lema-course-bookmark {
  margin-top: 5px;
}

.vc_col-sm-3 .lema-course .course-item.template_6.style_3 .course-wrapper .lema-course-bookmark {
  margin-top: 5px;
}

.vc_col-sm-3 .lema-course .course-item.template_6.style_3 .course-wrapper .title-course {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_6.style_4 .course-wrapper .title-course {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_6.style_4 .course-wrapper .lema-course-bookmark {
  margin-top: 5px;
}

.vc_col-sm-3 .lema-course .course-item.template_6.style_5 .course-wrapper .title-course {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_6.style_5 .course-wrapper .lema-course-bookmark {
  margin-top: 5px;
}

.vc_col-sm-3 .lema-course .course-item.template_6.style_6 .course-wrapper .title-course {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_6.style_6 .course-wrapper .lema-course-bookmark {
  margin-top: 5px;
}

.vc_col-sm-3 .lema-course .course-item.template_6.style_6 .course-wrapper .lema-course-authors {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_6.style_7 .course-wrapper .title-course {
  margin-top: 5px;
}

.vc_col-sm-3 .lema-course .course-item.template_6.style_7 .course-wrapper .lema-course-bookmark {
  margin-top: 5px;
}

.vc_col-sm-3 .lema-course .course-item.template_7 .course-wrapper .lema-course-bookmark {
  margin-top: 10px;
  margin-right: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_7.style_1 .course-wrapper .lema-button-category {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_7.style_1 .course-wrapper .title-course {
  margin-top: 7px;
}

.vc_col-sm-3 .lema-course .course-item.template_7.style_1 .course-wrapper .lema-rating {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_7.style_1 .course-wrapper .lema-course-authors {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_7.style_2 .course-wrapper .lema-button-category {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_7.style_2 .course-wrapper .title-course {
  margin-top: 7px;
}

.vc_col-sm-3 .lema-course .course-item.template_7.style_2 .course-wrapper .lema-rating {
  margin-top: 5px;
}

.vc_col-sm-3 .lema-course .course-item.template_7.style_2 .course-wrapper .lema-course-authors {
  margin-top: 5px;
}

.vc_col-sm-3 .lema-course .course-item.template_7.style_3 .course-wrapper .lema-button-category {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_7.style_3 .course-wrapper .title-course {
  margin-top: 7px;
}

.vc_col-sm-3 .lema-course .course-item.template_7.style_3 .course-wrapper .lema-rating {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_7.style_3 .course-wrapper .lema-course-authors {
  margin-top: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_7.style_4 .course-wrapper .lema-course-bookmark {
  margin-left: 10px;
}

.vc_col-sm-3 .lema-course .course-item.template_7.style_4 .course-wrapper .lema-button-category {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_7.style_4 .course-wrapper .title-course {
  margin-top: 7px;
}

.vc_col-sm-3 .lema-course .course-item.template_7.style_6 .course-wrapper .title-course {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_7.style_6 .course-wrapper .lema-course-authors {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_7.style_7 .course-wrapper .title-course {
  margin-top: 0;
}

.vc_col-sm-3 .lema-course .course-item.template_7.style_7 .course-wrapper .lema-course-authors {
  margin-top: 10px;
}

.lema-shortcode-lema_course.lema-course.item .course-item .course-wrapper .lema-course-detail .course-detail-wrapper {
  visibility: hidden;
  pointer-events: none;
}

.lema-shortcode-lema_course.lema-course.item .course-item + .lema-course-detail-wrapper {
  pointer-events: none;
  visibility: hidden;
}

.lema-shortcode-lema_course.lema-course.item:hover .lema-course-detail {
  opacity: 0;
  z-index: -10;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
}

#courseListHover {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transition: opacity 0.2s ease, transform 0.3s ease;
  -moz-transition: opacity 0.2s ease, transform 0.3s ease;
  -o-transition: opacity 0.2s ease, transform 0.3s ease;
  transition: opacity 0.2s ease, transform 0.3s ease;
}

#courseListHover .course-detail-content {
  width: 100%;
}

#courseListHover .lema-course.lema-shortcode-lema_course {
  visibility: visible !important;
}

#courseListHover .lema-course.lema-shortcode-lema_course .course-item .course-wrapper {
  border: 0;
  font-size: 18px;
}

#courseListHover .lema-course.lema-shortcode-lema_course .course-item .course-wrapper > div:not(.lema-course-detail-wrapper) {
  display: none;
}

#courseListHover .lema-course.lema-shortcode-lema_course .course-item .course-wrapper .lema-course-detail {
  position: relative;
  top: auto;
  left: auto;
  opacity: 1;
  height: auto;
  background-color: transparent;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
}

#courseListHover .lema-course.lema-shortcode-lema_course .course-item .course-wrapper .lema-course-detail:before {
  position: absolute;
  content: '';
  background-color: #fff;
  width: 15px;
  height: 15px;
  top: 50%;
  left: 1px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
  border: 2px solid #dadfea;
  border-width: 0 0 2px 2px;
}

#courseListHover .lema-course.lema-shortcode-lema_course .course-item .course-wrapper .lema-course-detail .course-detail-wrapper {
  min-height: 0;
  border: 2px solid #dadfea;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#courseListHover .lema-course.lema-shortcode-lema_course .course-item + .lema-course-detail-wrapper {
  visibility: visible;
  pointer-events: auto;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#courseListHover .lema-course.lema-shortcode-lema_course .course-item + .lema-course-detail-wrapper .lema-course-detail {
  position: relative;
  top: auto;
  left: auto;
  opacity: 1;
  height: auto;
  background-color: transparent;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
}

#courseListHover .lema-course.lema-shortcode-lema_course .course-item + .lema-course-detail-wrapper .lema-course-detail:before {
  position: absolute;
  content: '';
  background-color: #fff;
  width: 15px;
  height: 15px;
  top: 50%;
  left: 1px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
  border: 2px solid #dadfea;
  border-width: 0 0 2px 2px;
}

#courseListHover .lema-course.lema-shortcode-lema_course .course-item + .lema-course-detail-wrapper .lema-course-detail .course-detail-wrapper {
  min-height: 0;
  border: 2px solid #dadfea;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#courseListHover .lema-course.lema-shortcode-lema_course.lema-shortcode-lema_course .course-item .course-wrapper .lema-course-detail .course-detail-wrapper {
  visibility: visible;
  pointer-events: auto;
}

#courseListHover.active {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
  opacity: 1;
  visibility: visible;
  z-index: 10;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

#courseListHover.left {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

#courseListHover.left .lema-course.lema-shortcode-lema_course .course-item .course-wrapper .lema-course-detail:before {
  left: auto;
  right: -15px;
  border-width: 2px 2px 0 0;
}

#courseListHover.left .lema-course.lema-shortcode-lema_course .course-item + .lema-course-detail-wrapper .lema-course-detail:before {
  left: auto;
  right: -15px;
  border-width: 2px 2px 0 0;
}

.lema-course-sidebar + .lema-course-content #courseListHover .lema-course.lema-shortcode-lema_course .lema-course-detail .enroll-course button {
  min-width: auto;
  max-width: 100%;
}

.lema-course-list .lema-column-2 .lema-course.item:nth-child(2n) .lema-course-detail,
.lema-course-list .lema-column-2 .lema-course.item:nth-child(2n):hover .lema-course-detail, .lema-course-list .lema-column-2 .lema-course.item:nth-child(3n) .lema-course-detail,
.lema-course-list .lema-column-2 .lema-course.item:nth-child(3n):hover .lema-course-detail, .lema-course-list .lema-column-2 .lema-course.item:nth-child(4n) .lema-course-detail,
.lema-course-list .lema-column-2 .lema-course.item:nth-child(4n):hover .lema-course-detail,
.lema-course-list .lema-column-3 .lema-course.item:nth-child(2n) .lema-course-detail,
.lema-course-list .lema-column-3 .lema-course.item:nth-child(2n):hover .lema-course-detail,
.lema-course-list .lema-column-3 .lema-course.item:nth-child(3n) .lema-course-detail,
.lema-course-list .lema-column-3 .lema-course.item:nth-child(3n):hover .lema-course-detail,
.lema-course-list .lema-column-3 .lema-course.item:nth-child(4n) .lema-course-detail,
.lema-course-list .lema-column-3 .lema-course.item:nth-child(4n):hover .lema-course-detail,
.lema-course-list .lema-column-4 .lema-course.item:nth-child(2n) .lema-course-detail,
.lema-course-list .lema-column-4 .lema-course.item:nth-child(2n):hover .lema-course-detail,
.lema-course-list .lema-column-4 .lema-course.item:nth-child(3n) .lema-course-detail,
.lema-course-list .lema-column-4 .lema-course.item:nth-child(3n):hover .lema-course-detail,
.lema-course-list .lema-column-4 .lema-course.item:nth-child(4n) .lema-course-detail,
.lema-course-list .lema-column-4 .lema-course.item:nth-child(4n):hover .lema-course-detail {
  right: auto;
  left: auto;
}

.lema-course-list .block-slide {
  margin: 0 -10px;
}

.lema-course-list .block-slide .slick-track {
  margin: 0;
}

.lema-course-list .block-slide .item {
  padding: 0 15px;
}

.slz-blog-detail .lema-course-list .block-slide .slick-track {
  padding: 30px 0;
}

.lema-course-list .block-slide .slick-track {
  padding: 20px 0;
}

.lema-course-list div[data-number_show="4"] .lema-course .course-item.template_1.style_1 .course-wrapper .lema-button-category + .title-course {
  margin-top: 5px;
}

.lema-course-list div[data-number_show="4"] .lema-course .course-item.template_1.style_1 .course-wrapper .lema-course-authors {
  margin-top: 10px;
}

.lema-course-list div[data-number_show="4"] .lema-course .course-item .bottom-wrapper {
  padding: 15px 10px;
}

.lema-course-list div[data-number_show="4"] .lema-course .course-item .course-wrapper .middle-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.lema-course-list div[data-number_show="4"] .course-item.course-item.template_1.style_1 .course-wrapper .lema-rating {
  float: none;
  display: block;
  margin-top: 10px;
}

.lema-column-4 .lema-course .course-item .course-wrapper .lema-rating {
  display: block;
  float: none;
  margin-top: 10px;
}

.lema-column-4 .lema-course .course-item .course-wrapper .lema-button-category + .title-course {
  margin-top: 10px;
}

.lema-column-4 .lema-course .course-item .course-wrapper .title-course {
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}

.lema-column-4 .lema-course .course-item.template_1.style_1 .lema-rating {
  margin-top: 10px;
}

.lema-column-3 .lema-course .course-item.template_1 .lema-rating {
  float: none;
  margin-top: 15px;
}

.lema-column-3 .lema-course .course-item.template_1.style_1 .course-wrapper .lema-button-category + .title-course {
  margin-top: 10px;
}

.lema-column-3 .lema-course .course-item.template_1.style_1 .course-wrapper .lema-rating {
  margin-top: 15px;
}

.lema-column-3 .lema-course .course-item.template_1.style_1 .course-wrapper .lema-rating {
  margin-top: 28px;
  float: right;
}

/*=====  End of 3. 49 Layout Demo - Column  =====*/
/*======================================
=            4. View Course            =
======================================*/
.view-course .lema-course .bottom-wrapper {
  padding: 15px 10px;
}

.view-course .lema-course .course-item .course-wrapper .lema-discount .time-sale {
  font-size: 24px;
}

.view-course .lema-course .course-item .course-wrapper .lema-discount .price del {
  font-size: 13px;
}

.view-course .lema-discount .price span {
  font-size: 13px;
}

.view-course .lema-author {
  margin-top: 0;
}

.view-course .lema-course .course-item .course-wrapper .description-course + .lema-course-authors {
  margin-top: 10px;
}

.view-course .lema-course .course-item .lema-button-category a {
  margin-right: 5px;
}

.view-course .lema-course .course-item .course-wrapper .middle-wrapper {
  padding: 10px;
}

.view-course .lema-course .course-item .course-wrapper .lema-discount .price {
  float: right;
  margin-top: 6px;
}

.view-course .lema-course .course-item .course-wrapper .lema-discount .time-sale {
  float: left;
}

.view-course .lema-course .course-item .lema-button-category a {
  padding: 0 10px;
}

.course-detail .view-course .lema-course .lema-course-all {
  margin-right: -7px;
  margin-left: -7px;
}

.view-course .lema-course-list .lema-columns > .item {
  padding: 0 7px;
}

.view-course .lema-course-list .lema-course .course-item .course-wrapper .lema-button-category + .title-course {
  margin-top: 10px;
}

.view-course .lema-course .course-item .course-wrapper .lema-discount .price span {
  margin-left: 5px;
}

/*=====  End of 4. View Course  ======*/
/*=======================================
=            5. Modal Enroll            =
=======================================*/
.wrapper {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
}

.lema-modal-enroll .lema-modal {
  width: 50% !important;
  padding: 30px;
}

.lema-modal-enroll .lema-modal .lema-page-advanced-search {
  font-size: 18px;
}

.lema-modal-enroll .lema-modal .lema-page-advanced-search .lema-columns {
  margin-left: 0;
  margin-right: 0;
}

.lema-modal-enroll .lema-modal .lema-page-advanced-search .title-advanced-search {
  background: #fff;
  border: none;
}

.lema-modal-enroll .lema-modal .lema-page-advanced-search .lema-modal-content {
  padding: 0;
}

.lema-modal-enroll .lema-modal .lema-page-advanced-search .button-wrapper {
  background-color: #fff;
  border: none;
  padding: 0;
  margin-top: 15px;
}

.lema-modal-enroll .lema-modal .lema-page-advanced-search .button-wrapper a {
  background: #8dd64f;
  color: #fff;
  padding: 0 20px;
  border-radius: 30px;
  display: inline-block;
  height: 45px;
  line-height: 43px;
  float: none;
}

.lema-modal-enroll .lema-modal .lema-page-advanced-search .button-wrapper a#lema-cart-url {
  margin-right: 20px;
}

/*=====  End of 5. Modal Enroll  ======*/
/*===========================================
=            6. Affiliate Course            =
===========================================*/
.slz_affiliate-course .lema-course .course-item .course-wrapper .lema-rating {
  float: none;
}

.slz_affiliate-course .lema-course .course-item.template_2.style_5 .course-wrapper .lema-rating {
  margin-top: 0;
}

.slz_affiliate-course .lema-course .course-item.template_2 .title-course {
  margin-top: 0;
}

.slz_affiliate-course .lema-course .course-item.template_2 .slz-block {
  margin-top: 10px;
}

/*=====  End of 6. Affiliate Course  ======*/
/*========================================
=            7. Learning Page            =
========================================*/
.lema-single-page {
  overflow: hidden;
}

.admin-bar .lema-curriculum-page.lema-navbar-open .lema-article-wrapper.lema-quiz-test .lema-top-heading-bar {
  margin-top: 0;
}

.admin-bar .lema-curriculum-page {
  padding-top: 32px;
}

.admin-bar .lema-curriculum-page .lema-article-wrapper.lema-quiz-test .lema-top-heading-bar {
  top: 32px;
}

/*----------  Learning Sidebar  ----------*/
.lema-curriculum-page.article-lesson.lema-navbar-open .lema-curriculum-navbar .btn-sidebar:before {
  content: "\f2d7";
}

.lema-curriculum-page.article-lesson .lema-curriculum-navbar .lema-curriculum-page .lema-curriculum-navbar .lema-curriculum-sidebar-control-st .btn-sidebar:before,
.lema-curriculum-page.article-lesson .lema-curriculum-navbar .lema-topbar {
  font-family: "Montserrat", sans-serif;
  padding: 20px 24px;
}

.lema-curriculum-page.article-lesson .lema-curriculum-navbar .lema-curriculum-page .lema-curriculum-navbar .lema-curriculum-sidebar-control-st .btn-sidebar:before .lema-link,
.lema-curriculum-page.article-lesson .lema-curriculum-navbar .lema-topbar .lema-link {
  font-weight: 500;
}

.lema-curriculum-page.article-lesson .lema-curriculum-navbar .lema-curriculum-page .lema-curriculum-navbar .lema-curriculum-sidebar-control-st .btn-sidebar:before .lema-link i:before,
.lema-curriculum-page.article-lesson .lema-curriculum-navbar .lema-topbar .lema-link i:before {
  font-family: "Ionicons";
  content: "\f3d2";
}

.lema-curriculum-page.article-lesson .lema-curriculum-navbar .lema-curriculum-sidebar-control-st {
  top: 33px;
}

.lema-curriculum-page.article-lesson .lema-curriculum-navbar .btn-sidebar {
  font-size: 30px;
  width: 50px;
}

.lema-curriculum-page.article-lesson .lema-curriculum-navbar .btn-sidebar:before {
  font-family: "Ionicons";
  content: "\f20d";
}

.lema-curriculum-page.article-lesson .lema-curriculum-list {
  counter-reset: section;
}

.lema-curriculum-page.article-lesson .lema-curriculum-chapter {
  counter-reset: subsection;
}

.lema-curriculum-page.article-lesson .lema-curriculum-chapter.lema-collapsed .lema-chapter-heading .lema-collapse-btn:before {
  content: "\f2f4";
}

.lema-curriculum-page.article-lesson .lema-chapter-heading {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  border-bottom: none;
}

.lema-curriculum-page.article-lesson .lema-chapter-heading:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #dadfea;
  position: relative;
  top: 16px;
}

.lema-curriculum-page.article-lesson .lema-chapter-heading .lema-chapter-title {
  font-size: 14px;
}

.lema-curriculum-page.article-lesson .lema-chapter-heading .lema-chapter-title:before {
  counter-increment: section;
  content: "Section: " counter(section) " ";
  display: block;
  font-size: 14px;
  color: #6f6e72;
  font-weight: 400;
  margin-bottom: 5px;
}

.lema-curriculum-page.article-lesson .lema-chapter-heading .lema-collapse-btn {
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #8dd64f;
}

.lema-curriculum-page.article-lesson .lema-chapter-heading .lema-collapse-btn:before {
  font-family: "Ionicons";
  content: "\f2c7";
}

.lema-curriculum-page.article-lesson .lema-lesson-heading {
  padding: 20px 24px 20px 32px;
}

.lema-curriculum-page.article-lesson .lema-lesson-heading .duration {
  font-size: 14px;
  top: 14px;
}

.lema-curriculum-page.article-lesson .lema-curriculum-lesson:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 3px;
  background-color: #8dd64f;
  z-index: 1;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.lema-curriculum-page.article-lesson .lema-curriculum-lesson:hover:before {
  opacity: 1;
}

.lema-curriculum-page.article-lesson .lema-curriculum-lesson.learning:before {
  opacity: 1;
}

.lema-curriculum-page.article-lesson .lema-curriculum-lesson.learning .lema-lesson-heading {
  background-color: #f6f6f6;
  color: #233142;
}

.lema-curriculum-page.article-lesson .lema-curriculum-lesson.learning .lema-lesson-heading .lema-lesson-title {
  color: #233142;
}

.lema-curriculum-page.article-lesson .lema-curriculum-lesson.learning .lema-icon-check {
  background-color: #8dd64f;
  border-color: #8dd64f;
}

.lema-curriculum-page.article-lesson .lema-curriculum-lesson.learning .lema-icon-check:before {
  color: #ffffff;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.lema-curriculum-page.article-lesson .lema-curriculum-lesson .lema-icon-check.active {
  background-color: #8dd64f;
  border-color: #8dd64f;
}

.lema-curriculum-page .lema-curriculum-list .lema-curriculum-lesson .lema-lesson-heading {
  padding: 20px 24px 20px 32px;
}

.lema-curriculum-page.article-lesson .lema-curriculum-lesson .lema-icon-check {
  top: 20px;
}

/*----------  Learning Article  ----------*/
.lema-curriculum-page.article-lesson .lema-top-heading-bar .lema-lesson-title {
  font-weight: 400;
}

.lema-curriculum-page.article-lesson.article-lesson .lema-article-wrapper {
  max-width: 780px;
}

.lema-curriculum-page.article-lesson .lema-article-controls-bar .bar-right .lema-btn {
  font-size: 14px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  padding: 9px 16px;
  text-transform: uppercase;
}

.lema-curriculum-page.article-lesson .lema-article-controls-bar .bar-right .next-chap {
  margin-right: 18px;
  min-width: 160px;
}

.lema-curriculum-page.article-lesson .lema-article-controls-bar .bar-right #btn_fullscreen {
  background-color: transparent;
  border-color: transparent;
  color: #6f6e72;
  font-size: 30px;
  padding: 4px 16px;
}

.lema-curriculum-page.article-lesson .lema-article-controls-bar .bar-right #btn_fullscreen:hover {
  color: #8dd64f;
}

.lema-curriculum-page.article-lesson .lema-article-controls-bar .bar-right #btn_fullscreen i:before {
  font-family: "Ionicons";
  content: "\f25e";
}

/*----------  Learning Video Control  ----------*/
.lema-curriculum-page .lema-video-wrapper .lema-top-heading-bar {
  opacity: 0;
}

.lema-curriculum-page.lema-navbar-open .lema-video-wrapper .lema-top-heading-bar,
.lema-curriculum-page .lema-video-wrapper.hovering .lema-top-heading-bar {
  opacity: 1;
}

.lema-curriculum-page .video-js .vjs-big-play-button {
  width: 73px;
  height: 73px;
  line-height: 73px;
  padding: 0;
  text-align: center;
  border-radius: 50%;
  border: none;
  background-color: #fff;
  color: #333146;
  pointer-events: none;
  cursor: pointer;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.lema-curriculum-page .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: "Ionicons";
  content: "\f487";
  font-size: 32px;
  font-weight: bold;
}

.lema-curriculum-page .video-js.vjs-paused .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f477";
}

.lema-curriculum-page .video-js .vjs-big-play-button:focus,
.lema-curriculum-page .video-js:hover .vjs-big-play-button {
  background-color: #fff;
  color: #333146;
  opacity: 0.8;
}

.lema-curriculum-page .vjs-user-active.vjs-paused .vjs-big-play-button {
  display: block;
}

.lema-lecture-view .lema-btn {
  color: #fff;
  height: auto;
  border: none;
  font-size: 14px;
  font-weight: 600;
  min-width: 190px;
  line-height: 1.44;
  text-align: center;
  margin-right: 30px;
  margin-bottom: 30px;
  padding: 19px 35px;
  position: relative;
  letter-spacing: 1px;
  display: inline-block;
  vertical-align: top;
  font-family: "Montserrat", sans-serif;
  background-color: #8dd64f;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.lema-lecture-view .lema-btn:hover, .lema-lecture-view .lema-btn:focus {
  background-color: #8dd64f;
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}

/*----------  Learning Quiz  ----------*/
.lema-radio .lema-input-text:after {
  left: 5px;
  top: 8px;
  margin-top: 0;
}

.lema-curriculum-page .lema-quiz-test-st .lema-top-heading-bar {
  margin-bottom: 40px;
}

.lema-curriculum-page .lema-article-wrapper.lema-quiz-test .lema-top-heading-bar .lema-btn-back {
  min-width: 0;
  font-size: 31px;
  left: 100px;
  top: 37px;
}

.lema-curriculum-page .lema-article-wrapper.lema-quiz-test .lema-top-heading-bar .lema-btn-back i:before {
  font-family: "Ionicons";
  content: '\f2ca';
}

.lema-curriculum-page .lema-article-wrapper.lema-quiz-test .lema-top-heading-bar .lema-btn-back:hover, .lema-curriculum-page .lema-article-wrapper.lema-quiz-test .lema-top-heading-bar .lema-btn-back:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.lema-curriculum-page .lema-article-wrapper.lema-quiz-test .lema-time-left {
  font-family: "Montserrat", sans-serif;
}

.lema-curriculum-page .lema-article-wrapper.lema-quiz-test .lema-time-left .lema-text {
  font-size: 14px;
}

.lema-curriculum-page .lema-article-wrapper.lema-quiz-test .lema-time-left i.fa-fw:before {
  font-family: "Ionicons";
  content: '\f35a';
}

.lema-curriculum-page .lema-quiz-result-content .lema-icon {
  margin-bottom: 20px;
}

.lema-curriculum-page .lema-quiz-result-content .lema-tile {
  font-size: 32px;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 10px;
}

.lema-curriculum-page .lema-quiz-result-content .lema-quiz-time .lm-item {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  color: #6f6e72;
}

.lema-curriculum-page .lema-quiz-result-content .lema-quiz-time .lm-item strong {
  color: #233142;
}

.lema-curriculum-page .lema-quiz-result-content .lema-quiz-time .lm-item:before {
  font-family: "Ionicons";
  font-size: 22px;
  vertical-align: middle;
}

.lema-curriculum-page .lema-quiz-result-content .lema-quiz-time .lm-item.ques-num:before {
  content: '\f445';
}

.lema-curriculum-page .lema-quiz-result-content .lema-quiz-time .lm-item.time:before {
  content: '\f402';
}

.lema-curriculum-page .lema-quiz-result-content .lema-score-detail .lema-item {
  font-family: "Montserrat", sans-serif;
}

.lema-columns > .item {
  height: auto;
}

.lema-course.item .course-item {
  height: 100%;
}

.lema-course .course-item .course-wrapper {
  height: 100%;
}

.lema-curriculum-page .lema-quiz-test-content .lema-form-group {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}

.lema-curriculum-page .lema-quiz-test-content .lema-form-group .lema-control-label .lema-label {
  vertical-align: middle;
}

.lema-curriculum-page .lema-quiz-test-content .lema-form-group .lema-control-label .lema-label:before {
  font-family: "Ionicons";
  font-size: 18px;
  line-height: 1;
}

.lema-curriculum-page .lema-quiz-test-content .lema-form-group .lema-control-label .lema-label.lema-label:before {
  content: '\f453';
}

.lema-curriculum-page .lema-quiz-test-content .lema-form-group .lema-control-label .lema-label.deadline:before {
  content: '\f3f3';
}

.lema-curriculum-page .lema-quiz-test-content .lema-form-group .lema-control-label .lema-label.attempt:before {
  content: '\f445';
}

.lema-curriculum-page .lema-quiz-test-content .lema-form-group .lema-control-label .lema-label.estimate:before {
  content: '\f402';
}

.lema-curriculum-page .lema-table-score .rm-action {
  text-align: center;
  width: 55px;
}

.lema-curriculum-page .lema-table-score thead th {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.lema-curriculum-page .lema-table-score tbody > tr > td {
  padding: 8px;
}

.lema-curriculum-page .lema-table-score td {
  vertical-align: middle;
}

.lema-curriculum-page .lema-table-score .lema-btn {
  min-width: 0;
}

.lema-curriculum-page .lema-table-score .lema-btn-remove {
  background-color: #ea172b;
  margin: 0;
  padding: 8px 9px;
}

.lema-curriculum-page .lema-table-score .lema-btn-remove:hover, .lema-curriculum-page .lema-table-score .lema-btn-remove:focus {
  background-color: #ea172b;
}

/*----------  Responsive  ----------*/
@media (max-width: 767px) {
  .lema-curriculum-page .lema-content-wrapper {
    width: 100%;
  }
  .lema-curriculum-page.article-lesson .lema-curriculum-navbar {
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    left: -webkit-calc(-100% + 50px);
    left: calc(-100% + 50px);
  }
  .lema-curriculum-page .lema-article-wrapper.lema-quiz-test .lema-top-heading-bar {
    padding: 32px 20px 32px 50px;
  }
  .lema-curriculum-page .lema-article-wrapper.lema-quiz-test .lema-time-left {
    position: relative;
    text-align: left;
    top: 0;
    right: 0;
  }
  .lema-curriculum-page .quiz-question-form .mb-title {
    margin-bottom: 30px;
  }
  .lema-curriculum-page .quiz-question-form .mb-title .lema-lesson-title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 18px;
  }
  .lema-curriculum-page .lema-quiz-list .lema-quiz-item .point {
    width: 50px;
    padding: 10px 4px;
  }
  .lema-curriculum-page .lema-quiz-list .lema-quiz-item .point:before {
    border-width: 0 25px 14px 25px;
  }
  .lema-curriculum-page .lema-quiz-list .lema-quiz-item .point:after {
    bottom: -3px;
    left: -2px;
    border-width: 0 25px 14px 25px;
  }
  .lema-curriculum-page .lema-quiz-list .lema-quiz-item .answers,
  .lema-curriculum-page .lema-quiz-list .lema-quiz-item .question {
    padding-left: 20px;
  }
  .lema-curriculum-page .lema-quiz-list .lema-quiz-item .quiz-block {
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    padding-left: 15px;
  }
  .lema-curriculum-page .lema-curriculum-page .lema-article-controls-bar .bar-right {
    width: 100%;
  }
  .lema-curriculum-page .lema-curriculum-page .lema-article-controls-bar .bar-right .next-chap {
    float: left;
  }
  .lema-curriculum-page .lema-quiz-result-content .lema-score-detail .lema-item {
    margin-bottom: 15px;
  }
  .lema-curriculum-page .lema-table-score {
    max-width: 100%;
    width: 100%;
    border: 1px solid #ddd;
  }
  .lema-curriculum-page .lema-table-score thead,
  .lema-curriculum-page .lema-table-score tbody,
  .lema-curriculum-page .lema-table-score tr,
  .lema-curriculum-page .lema-table-score th,
  .lema-curriculum-page .lema-table-score td {
    display: block;
    width: 100%;
  }
  .lema-curriculum-page .lema-table-score > thead {
    display: none;
  }
  .lema-curriculum-page .lema-table-score > tbody > tr {
    border-bottom: 1px solid #ddd;
  }
  .lema-curriculum-page .lema-table-score > tbody > tr > td {
    border: 0;
  }
  .lema-curriculum-page .lema-table-score > tbody td {
    position: relative;
    padding-left: 40% !important;
    border: none;
  }
  .lema-curriculum-page .lema-table-score > tbody td:before {
    display: block;
    content: attr(data-title);
    position: absolute;
    width: 40%;
    left: 8px;
    top: 8px;
  }
  .lema-curriculum-page .lema-table-score .rm-action {
    width: 100%;
    text-align: left;
  }
}

@media (max-width: 480px) {
  .lema-curriculum-page.article-lesson .lema-top-heading-bar .lema-lesson-title {
    font-size: 18px;
  }
  .lema-curriculum-page.article-lesson .lema-top-heading-bar .lema-index-desc span {
    line-height: 1.5;
  }
  .lema-curriculum-page.article-lesson .lema-article-wrapper {
    padding: 40px 20px 65px 40px;
  }
}

/*======  End of 7. Learning Page  =======*/
/*=======================================
=            8. User Profile            =
=======================================*/
.course-dashboard .course-wrapper .lema-item-right > .lema-row {
  margin-left: 0;
}

.course-dashboard .course-wrapper .lema-item-right > .lema-row .lema-author {
  margin-left: 0;
}

.lema-page-content .lema-form-control,
.lema-page-content .form-control {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.lema-coursedashboard-tabs,
.lema-user-profile-tabs {
  margin-bottom: 100px;
}

.lema-coursedashboard-tabs .lema-user-title,
.lema-user-profile-tabs .lema-user-title {
  margin-top: 0;
}

.lema-coursedashboard-tabs .wrapper-heading .searching-area,
.lema-user-profile-tabs .wrapper-heading .searching-area {
  display: block;
  max-width: 550px;
}

.lema-coursedashboard-tabs .lema-course-list > h2,
.lema-user-profile-tabs .lema-course-list > h2 {
  margin-top: 0;
}

.lema-coursedashboard-tabs .lema-course-list .lema-course-all,
.lema-user-profile-tabs .lema-course-list .lema-course-all {
  margin-top: 0;
  margin-bottom: -30px;
}

.lema-coursedashboard-tabs .lema-course-list .lema-course-all .lema-course .course-item,
.lema-user-profile-tabs .lema-course-list .lema-course-all .lema-course .course-item {
  padding: 0;
}

.lema-tabs .tab-list-wrapper .tab-list > li .tab-link {
  color: #28313b;
}

.lema-coursedashboard-tabs .tab-list-wrapper,
.lema-user-profile-tabs .tab-list-wrapper {
  font-size: 0;
  margin-bottom: 0;
}

.lema-coursedashboard-tabs .tab-panel.active,
.lema-user-profile-tabs .tab-panel.active {
  padding-top: 45px;
}

.lema-coursedashboard-tabs .lema-curriculum-list .lema-curriculum-chapter .lema-curriculum-body {
  display: block;
}

.lema-coursedashboard-tabs .lema-curriculum-list .lema-curriculum-chapter.lema-collapsed .lema-curriculum-body {
  display: none;
}

.lema-coursedashboard-tabs .lema-curriculum-list .lema-curriculum-lesson:hover {
  background-color: #f9f9f9;
}

.lema-coursedashboard-tabs .curriculum-list-wrapper .top-bar {
  margin-top: 6px;
}

.lema-coursedashboard-tabs .curriculum-list-wrapper .top-bar .lema-form-group {
  max-width: 430px;
}

.lema-user-profile-page {
  padding-top: 80px;
  padding-bottom: 0;
}

.lema-user-profile-page .lema-user-title {
  margin-top: 0;
  margin-bottom: 30px;
}

.lema-user-profile-page .lema-user-profile > .block-wrapper {
  padding-bottom: 60px;
}

.lema-user-profile-page .lema-user-profile .social ul {
  padding-left: 0;
}

.lema-user-profile-page .lema-user-profile .social li {
  margin-right: 10px;
}

.lema-user-profile-page .lema-user-profile .social li + li {
  margin-left: 0;
}

.lema-user-profile-page .lema-user-profile .social li .link {
  line-height: 40px;
  width: 40px;
  height: 40px;
  font-size: 16px;
  text-align: center;
}

.lema-user-profile-page .lema-user-profile .social li .link:hover {
  background-color: #8dd64f;
  color: #fff;
}

.lema-user-profile-page .lema-user-profile .social li .link i.icon {
  display: block;
  margin: 0;
  line-height: inherit;
  height: auto;
  width: auto;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .lema-coursedashboard-tabs,
  .lema-user-profile-tabs {
    margin-bottom: 80px;
  }
  .lema-coursedashboard-tabs .leave-comment,
  .lema-user-profile-tabs .leave-comment {
    margin-top: 30px;
  }
  .lema-coursedashboard-tabs .leave-comment .leave-comment .comment-list,
  .lema-user-profile-tabs .leave-comment .leave-comment .comment-list {
    margin-bottom: 0;
  }
  .lema-coursedashboard-tabs .leave-comment .leave-comment .comment-list > li:last-child,
  .lema-user-profile-tabs .leave-comment .leave-comment .comment-list > li:last-child {
    padding-bottom: 0;
  }
  .lema-coursedashboard-tabs .leave-comment .comment-container .comment-text .description p:last-child,
  .lema-user-profile-tabs .leave-comment .comment-container .comment-text .description p:last-child {
    margin-bottom: 0;
  }
  .lema-coursedashboard-tabs .lema-course-list > h2,
  .lema-user-profile-tabs .lema-course-list > h2 {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .lema-user-profile .content-wrapper .position:empty {
    display: none;
  }
  .lema-user-profile-page {
    padding-top: 40px;
  }
  .lema-user-profile-page .lema-user-profile .img-wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 150px;
  }
  .lema-user-profile-page .lema-user-profile .img-wrapper + .content-wrapper {
    margin-top: 20px;
  }
  .lema-user-profile-page .lema-user-profile .content-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: block;
    padding-top: 0;
  }
  .lema-user-profile-page .lema-user-profile .content-wrapper .name {
    font-size: 24px;
  }
  .lema-user-profile-page .lema-user-profile .content-wrapper .social {
    margin-top: 10px;
  }
  .lema-user-profile-page .tab-list-wrapper:before, .lema-user-profile-page .tab-filter-wrapper:before {
    left: 0;
  }
  .lema-user-profile-page .lema-user-profile > .block-wrapper {
    padding-bottom: 40px;
  }
  .lema-user-profile-page .lema-course-list .lema-course-all.lema-columns {
    width: auto;
  }
}

@media screen and (max-width: 480px) {
  .lema-user-profile .content-wrapper .name {
    font-size: 24px;
  }
}

/*=====  End of 8. User Profile  ======*/
/*==================================================================================
=            9. Cart Checkout, Course Detail, Category List, Search Box            =
==================================================================================*/
.st-mumbai.lema-course-block-list .course-block {
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.st-mumbai.lema-course-block-list .course-block:before {
  display: block;
  content: '';
  padding-top: 55.56%;
}

.st-mumbai.lema-course-block-list .course-block > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
}

.st-mumbai.lema-course-block-list .course-block:after {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #000;
  opacity: 0.5;
  pointer-events: none;
}

.st-mumbai.lema-course-block-list .course-block:hover:after {
  opacity: 0.85;
  background: #009efd;
  background: -moz-linear-gradient(-45deg, #009efd 0%, #2af598 100%);
  background: -webkit-linear-gradient(-45deg, #009efd 0%, #2af598 100%);
  background: linear-gradient(135deg, #009efd 0%, #2af598 100%);
  filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#009efd', endColorstr='#2af598',GradientType=1 )";
}

.st-mumbai.lema-course-block-list .item .course-block {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  z-index: 6;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.st-mumbai.lema-course-block-list .item .course-block .content-cell {
  width: 100%;
}

.st-mumbai.lema-course-block-list .item .course-block .content-cell .wrapper-info {
  width: 100%;
  position: relative;
  z-index: 6;
  padding: 0 10px;
}

.st-mumbai.lema-course-block-list .item .course-block .content-cell .title a {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  display: block;
}

.st-mumbai.lema-course-block-list .item .course-block .content-cell .description {
  margin-top: 15px;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  color: #fff;
}

.st-mumbai.lema-course-block-list .course-block img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.st-chennai.lema-course-block-list .lema-columns {
  font-size: 0;
  margin-bottom: -40px;
}

.st-chennai.lema-course-block-list .lema-columns > .item {
  font-size: 18px;
  display: inline-block;
  vertical-align: top;
  float: none;
  margin-bottom: 40px;
}

.st-chennai.lema-course-block-list .course-block > a {
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.st-chennai.lema-course-block-list .course-block > a:before {
  content: '';
  display: block;
  padding-top: 52%;
}

.st-chennai.lema-course-block-list .course-block > a:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #009efd;
  background: -moz-linear-gradient(-45deg, #009efd 0%, #2af598 100%);
  background: -webkit-linear-gradient(-45deg, #009efd 0%, #2af598 100%);
  background: linear-gradient(135deg, #009efd 0%, #2af598 100%);
  filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#009efd', endColorstr='#2af598',GradientType=1 )";
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}

.st-chennai.lema-course-block-list .course-block > a:hover:after {
  opacity: 0.8;
}

.st-chennai.lema-course-block-list .course-block > a img {
  height: auto;
  width: 100%;
  max-width: none;
  max-width: initial;
  position: absolute;
  top: 50%;
  left: 0%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.st-chennai.lema-course-block-list .course-block .content-cell {
  text-align: left;
}

.st-chennai.lema-course-block-list .course-block .content-cell .title {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: capitalize;
  text-align: left;
  margin-bottom: 5px;
}

.st-chennai.lema-course-block-list .course-block .content-cell .description {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .st-chennai.lema-course-block-list .lema-columns {
    margin-bottom: -30px;
  }
  .st-chennai.lema-course-block-list .lema-columns > .item {
    margin-bottom: 30px;
    font-size: 16px;
  }
}

/*----------  category slick  ----------*/
.lema-course-block-list .course-block .icon-cell {
  height: 43px;
}

.lema-course-block-list.block-slide .course-block .icon-cell {
  height: 43px;
}

.lema-course-block-list.block-slide .item {
  padding-top: 30px;
}

.lema-course-block-list.block-slide .lema-column-1 .course-block .icon-cell:before {
  left: 40%;
  bottom: 0;
}

.lema-course-block-list.block-slide .slick-arrow {
  top: 50%;
  border: 0;
  z-index: 2;
  width: 40px;
  height: 40px;
  font-size: 0;
  position: absolute;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 2px 3px 14px 0 rgba(184, 184, 184, 0.4);
  -moz-box-shadow: 2px 3px 14px 0 rgba(184, 184, 184, 0.4);
  box-shadow: 2px 3px 14px 0 rgba(184, 184, 184, 0.4);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.lema-course-block-list.block-slide .slick-arrow.slick-next {
  right: 15px;
}

.lema-course-block-list.block-slide .slick-arrow.slick-prev {
  left: 15px;
}

.lema-course-block-list.block-slide .slick-arrow:hover {
  background-color: #8dd64f;
}

.lema-course-block-list.block-slide .slick-arrow:hover.slick-prev:before, .lema-course-block-list.block-slide .slick-arrow:hover.slick-next:before {
  color: #fff;
}

.lema-course-block-list.block-slide .slick-arrow.slick-prev:before {
  font-size: 20px;
  content: "\f3cf";
  font-family: "Ionicons";
  color: #333;
  opacity: 0.5;
}

.lema-course-block-list.block-slide .slick-arrow.slick-prev:hover:before {
  opacity: 1;
}

.lema-course-block-list.block-slide .slick-arrow.slick-next:before {
  content: "\f3d1";
  font-family: "Ionicons";
  color: #333;
  font-size: 20px;
  opacity: 0.5;
}

.lema-course-block-list.block-slide .slick-arrow.slick-next:hover:before {
  opacity: 1;
}

/*----------  category slick-end  ----------*/
.st-california .lema-search-box-form #lema-searchbox-input {
  width: 100%;
  height: 58px;
  display: block;
  padding: 0 15px;
  margin-bottom: 30px;
  border: solid 2px #dadfea;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.st-california .lema-search-box-form #lema-searchbox-input:focus {
  border-color: #8dd64f;
}

.st-california .lema-search-box-form .lema-searchbox-submit {
  position: relative;
  width: 52%;
  margin: 0 auto;
  line-height: 1.556;
  display: block;
  border: 0;
  padding: 19px 35px;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  height: auto;
  text-transform: uppercase;
  background-color: #8dd64f;
  font-family: "Montserrat", sans-serif;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.st-california .lema-search-box-form .lema-searchbox-submit:hover {
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}

.st-california .lema-search-box-form .input-search {
  display: block;
  position: relative;
  vertical-align: top;
  height: 58px;
  font-size: 14px;
  line-height: 58px;
  padding: 0 15px;
  margin-right: 25px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  color: #28313b;
  width: 100%;
  border: 2px solid #dadfea;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.st-california .lema-search-box-form .input-search:focus {
  border-color: #8dd64f;
}

.st-california .lema-search-box-form .input-search + .lema-searchbox-submit {
  margin-top: 30px;
}

.lema-course-block-list .lema-column-2 .course-block .icon-cell:before {
  left: 45%;
}

.lema-course-block-list .lema-column-3 .course-block .icon-cell:before {
  left: 43%;
}

.lema-course-block-list .lema-column-1 .course-block .icon-cell:before {
  left: 48%;
}

.st-georgia.lema-shortcode-lema_search_box .lema-search-icon-mobile {
  display: none;
}

.st-georgia .lema-search-box-form .lema-search-container {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  position: relative;
  font-size: 0;
}

.st-georgia .lema-search-box-form .lema-search-container .input-search {
  display: inline-flex;
  position: relative;
  vertical-align: top;
  height: 58px;
  font-size: 14px;
  line-height: 58px;
  padding: 0 15px;
  margin-right: 25px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  color: #28313b;
  width: -webkit-calc(100% - 205px);
  width: -moz-calc(100% - 205px);
  width: calc(100% - 205px);
  border: 2px solid #dadfea;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.st-georgia .lema-search-box-form .lema-search-container .input-search:focus {
  border-color: #8dd64f;
}

.st-georgia .lema-search-box-form .lema-search-container input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #bbb;
}

.st-georgia .lema-search-box-form .lema-search-container input::-moz-placeholder {
  /* Firefox 19+ */
  color: #bbb;
}

.st-georgia .lema-search-box-form .lema-search-container input:-ms-input-placeholder {
  /* IE 10+ */
  color: #bbb;
}

.st-georgia .lema-search-box-form .lema-search-container input:-moz-placeholder {
  /* Firefox 18- */
  color: #bbb;
}

.st-georgia .lema-search-box-form .lema-search-container .lema-searchbox-submit {
  display: inline-flex;
  justify-content: center;
  -webkit-justify-content: center;
  position: relative;
  top: auto;
  right: auto;
  text-transform: uppercase;
  color: #fff;
  height: 58px;
  padding: 0 35px;
  line-height: 58px;
  letter-spacing: 1px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  background-color: #8dd64f;
  border: 0;
  width: auto;
  min-width: 180px;
  vertical-align: top;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.st-georgia .lema-search-box-form .lema-search-container .lema-searchbox-submit:hover {
  color: #fff;
  -webkit-box-shadow: 0 10px 30px -8px rgba(35, 49, 66, 0.5), inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 30px -8px rgba(35, 49, 66, 0.5), inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px -8px rgba(35, 49, 66, 0.5), inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}

.st-georgia .lema-search-box-form .lema-search-container .lema-searchbox-submit i {
  margin-right: 5px;
}

.la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-search-group {
  display: table;
  width: 100%;
}

.la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-search-group .group-left {
  width: auto;
  display: table-cell;
  margin-right: 0;
  vertical-align: top;
  border: 0;
  -webkit-box-shadow: inset 0 0 0 2px #dadfea;
  -moz-box-shadow: inset 0 0 0 2px #dadfea;
  box-shadow: inset 0 0 0 2px #dadfea;
  background-color: #fff;
}

.la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-search-group .group-right {
  display: table-cell;
  vertical-align: top;
  width: 100px;
  padding-left: 30px;
}

.la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .input-search {
  border: 0;
  background-color: transparent;
}

.la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-searchbox-submit {
  height: 58px;
  line-height: 58px;
}

.la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-select-group {
  background-color: transparent;
}

.la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-checkbox-group.radio label:before {
  top: calc(50% - 8px);
}

.la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-checkbox-group.radio label:after {
  top: 8px;
}

@media screen and (max-width: 767px) {
  .la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-checkbox-group {
    margin-right: 40px;
  }
  .la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-select-group {
    width: 40%;
  }
  .la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .input-search {
    width: 60%;
  }
  .la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-search-group .group-left {
    margin-right: 20px;
  }
  .la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-searchbox-submit {
    width: 150px;
  }
  .la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-search-group {
    display: block;
  }
  .la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-search-group .group-left {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }
  .la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-search-group .group-right {
    display: block;
    text-align: left;
    width: 100%;
    padding-left: 0;
  }
}

@media screen and (max-width: 480px) {
  .la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-uni-search-box-form {
    position: relative;
    padding-bottom: 80px;
  }
  .la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-uni-search-box-form .lema-search-container .group-right {
    position: absolute;
    bottom: 0;
  }
}

@media screen and (max-width: 480px) {
  .la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .input-search {
    width: 100%;
    float: none;
  }
  .la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-select-group {
    width: 100%;
    float: none;
  }
  .la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-select-group:before {
    width: 90%;
    top: 0;
    left: 50%;
    height: 1px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-checkbox-group {
    margin-right: 0;
  }
  .la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-checkbox-group + .lema-checkbox-group {
    margin-top: 10px;
  }
}

@media screen and (max-width: 425px) {
  .slz_search-box-wrap .la-unitedstates.lema-shortcode-lema_uni_search_box.st-new-york .lema-uni-search-box-form {
    padding-bottom: 65px;
  }
}

@media screen and (max-width: 380px) {
  .slz_search-box-wrap .lema-shortcode-lema_uni_search_box.st-new-york .lema-search-group .group-right .lema-searchbox-submit {
    width: 100%;
  }
}

@media screen and (max-width: 425px) {
  .slz_search-box-wrap .lema-shortcode-lema_uni_search_box.st-new-york .lema-uni-search-box-form {
    padding-bottom: 65px;
  }
}

.slz_search-box-wrap .lema-shortcode-lema_uni_search_box.st-new-york .lema-select-group {
  display: none;
}

.slz_search-box-wrap .lema-shortcode-lema_uni_search_box.st-new-york .input-search {
  width: 100%;
}

.slz_search-box-wrap .lema-shortcode-lema_uni_search_box.st-new-york .lema-searchbox-submit {
  min-width: 180px;
  height: 58px;
}

.slz_search-box-wrap .slz_search-box-item .slz-btn {
  margin-top: -6px;
}

@media screen and (max-width: 1024px) {
  .slz_search-box-wrap .slz_search-box-item .slz-btn {
    line-height: 1.44;
    margin-top: -13px;
  }
}

@media screen and (max-width: 767px) {
  .slz_search-box-wrap .slz_search-box-item .slz-btn {
    margin-top: 15px;
    text-align: left;
  }
}

.slz_design_academy .course-detail .lema-star-rating.view-only .rating {
  top: 1px;
  left: 0;
}

.lema-shortcode-lema_uni_search_box.st-new-york .lema-checkbox-group.radio label:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-width: 0;
  border-style: solid;
  background-color: #8dd64f;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  opacity: 0;
}

/*=================================
	=            Pgae Cart            =
	=================================*/
.page-card-content.lema-shortcode-lema_cart {
  width: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}

.page-card-content.lema-shortcode-lema_cart .lema-message {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  border-bottom: 1px solid #dadfea;
}

.page-card-content.lema-shortcode-lema_cart .lema-message:before {
  background-color: #8dd64f;
}

.page-card-content .lemn-cart-table td {
  padding: 10px;
  border: 2px solid #dadfea;
}

.page-card-content .lemn-cart-table .product-name {
  width: 50%;
}

.lemn-cart-table th {
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  border: 2px solid #dadfea;
}

.lemn-cart-table .product-thumbnail img {
  width: 100%;
  height: auto;
}

.lemn-cart-table a.lema-btn {
  background-color: #8dd64f;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.lemn-cart-table a.lema-btn:hover {
  opacity: 0.5;
  border-color: #8dd64f;
}

.lemn-cart-table .cart_item .product-remove {
  width: 10px;
}

.lemn-cart-table .cart_item .remove {
  color: red;
  position: relative;
  z-index: 2;
  width: 20px;
  height: 20px;
}

.lemn-cart-table .cart_item .remove:before {
  content: '';
  position: absolute;
  width: 20px;
  left: -5px;
  top: 0;
  opacity: 0;
  height: 20px;
  line-height: 20px;
  z-index: -1;
  background-color: #8dd64f;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.lemn-cart-table .cart_item .remove:hover:before {
  opacity: 1;
}

.lemn-cart-table .cart_item .remove:hover {
  color: #fff;
}

.lemn-cart-table .cart_item .product-name {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.56;
  letter-spacing: 0.2px;
  text-align: left;
  color: #333146;
}

.lemn-cart-table .cart_item .amount {
  font-family: "Montserrat", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.36;
  letter-spacing: 0.4px;
  text-align: right;
  color: #333146;
}

.lemn-cart-table .cart_item .quantity {
  top: 0;
}

.lemn-cart-table .cart_item .quantity input {
  position: relative;
  width: 100px;
  padding: 8px 0;
  text-align: center;
  border: 1px solid #f0f0f0;
}

.lemn-cart-table .cart_item .quantity .minus,
.lemn-cart-table .cart_item .quantity .plus {
  padding: 10px;
  background-color: #8dd64f;
  color: #fff;
  border: none;
  width: 40px;
}

.lemn-cart-table .cart_item .quantity .quantity-sub::before,
.lemn-cart-table .cart_item .quantity .quantity-add::after {
  content: none;
}

.lema-card-page-detail .lema-total-cart {
  font-family: "Montserrat", sans-serif;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.36;
  letter-spacing: 0.4px;
  text-align: right;
  color: #8dd64f;
}

.lema-card-page-detail .lema-block-checkout h2 {
  font-size: 32px;
}

.lema-card-page-detail .lema-block-checkout a.lema-btn {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  padding: 10px 30px;
  min-width: 180px;
  background-color: #8dd64f;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.lema-card-page-detail .lema-block-checkout a.lema-btn:hover {
  opacity: 0.5;
  border-color: #8dd64f;
}

/*=====  End of Pgae Cart  ======*/
/* ---------- Course Detail ----------*/
.lema-course-detail-wrapper .lema-curriculum {
  margin-top: 50px;
}

.lema-course-detail-wrapper .lema-curriculum .heading-title .right-title {
  margin-top: 20px;
}

.lema-course-detail-wrapper .intructor .course-rating {
  margin-top: 50px;
}

.lema-content-wrapper .lema-page-content.course-detail {
  margin-bottom: 0;
}

.lema-page-content.course-detail .lema-course-content {
  width: 65%;
}

.lema-page-content.course-detail .course-sidebar .content-course {
  padding: 15px 30px 30px;
}

.lema-page-content.course-detail .course-sidebar .content-course .lema-course-bookmark i {
  font-size: 18px;
  margin-right: 10px;
}

.lema-page-content.course-detail .lema-course .course-item .course-wrapper .lema-discount {
  margin: 0;
}

.lema-page-content.course-detail .lema-course .bottom-wrapper {
  padding: 15px 10px 30px;
}

.lema-page-content.course-detail .lema-course .course-item .course-wrapper .lema-course-bookmark {
  position: absolute;
  right: 10px;
  bottom: 15px;
}

.lema-page-content.course-detail .intructor .course-rating .widht-percent-10 {
  width: 10%;
  font-family: "Montserrat", sans-serif;
  color: #6f6e72;
}

.lema-page-content.course-detail .intructor .course-rating .widht-percent-60 {
  width: 55%;
  font-family: "Montserrat", sans-serif;
  color: #6f6e72;
}

.lema-page-content.course-detail .intructor .course-rating .widht-percent-50 {
  display: block;
  width: 100%;
  font-family: "Montserrat", sans-serif;
  color: #6f6e72;
}

.lema-page-content.course-detail .intructor .course-rating .course-rating-title {
  font-family: "Montserrat", sans-serif;
}

.lema-page-content.course-detail .section-description .title-description {
  font-family: "Montserrat", sans-serif;
}

.lema-page-content.course-detail .view-course .view-course-title {
  font-family: "Montserrat", sans-serif;
  margin-bottom: 0;
}

.lema-page-content.course-detail .intructor .intructor-main-title {
  font-family: "Montserrat", sans-serif;
}

.lema-page-content.course-detail .lema-course-sidebar {
  width: 35%;
  padding: 0 15px;
}

.lema-course-detail-wrapper .le-curriculum-accordion > .lema-acc-body {
  padding: 12px 16px;
}

.lema-course-detail-wrapper .le-curriculum-accordion > .lema-acc-body p {
  font-size: 16px;
}

.slz-header-edu .lema-category-dropdown-block .course-categories-list li {
  width: 100%;
}

.leave-comment .comment-container .comment-text .meta {
  margin-bottom: 10px;
}

.leave-comment .comment-container .comment-text .meta .review-author {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  line-height: 1.29;
  color: #6f6e72;
}

.leave-comment .comment-container .comment-text .description {
  margin-top: 5px;
  font-size: 18px;
  font-family: "Lato", sans-serif;
  color: #233142;
  text-align: left;
  letter-spacing: 0.2px;
}

.leave-comment .comment-list {
  list-style: none;
}

.lema-course-authors .intructor .popular-course-item a {
  display: table;
  width: 100%;
}

.lema-course-authors .intructor .course-rating {
  margin-top: 40px;
}

.lema-course-authors .intructor .popular-course-image {
  display: table-cell;
  vertical-align: top;
  width: 50px;
  position: relative;
  overflow: hidden;
}

.lema-course-authors .intructor .popular-course-image img {
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  max-width: initial;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: -webkit-calc(100% - 2px);
  height: -moz-calc(100% - 2px);
  height: calc(100% - 2px);
}

.lema-course-authors .intructor .popular-course-item .popular-course-title {
  border: 2px solid #dadfea;
  font-family: "Montserrat", sans-serif;
  display: table-cell;
  vertical-align: middle;
  padding: 5px 8px;
  margin-left: 0;
  width: -webkit-calc( 50% - 10px);
  width: -moz-calc( 50% - 10px);
  width: calc( 50% - 10px);
  font-weight: 500;
  color: #333146;
}

.lema-course-authors .intructor .intructor-info-left .detail-intructor-info {
  margin-top: 20px;
  font-family: "Montserrat", sans-serif;
}

.lema-course-authors .intructor .intructor-info-right .avatar-icon {
  display: inline-block;
  vertical-align: middle;
}

.lema-course-authors .intructor .intructor-info-right .popular-courses .popular-course-main-title {
  font-family: "Montserrat", sans-serif;
}

.lema-course-authors .intructor .intructor-info-right .intructor-title {
  vertical-align: middle;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  text-transform: capitalize;
  font-weight: 800;
  letter-spacing: 0;
}

.lema-course-authors .intructor .intructor-info-right .popular-courses {
  margin-top: 0;
}

.lema-course-authors .intructor .intructor-info-right .intructor-social {
  margin-top: 10px;
}

.lema-course-authors .intructor .intructor-info-right .intructor-social a {
  font-size: 16px;
}

.lema-course-authors .intructor .intructor-info-right .intructor-description {
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 37px;
}

.lema-course-authors .intructor .intructor-info-right .intructor-description p {
  margin: 0;
}

.course-detail .lema-star-rating {
  line-height: 1.5556 !important;
}

.course-detail .lema-star-rating.view-only .rating {
  top: 3px;
}

.course-detail .lema-star-rating.view-only .rating:after {
  display: block;
  white-space: nowrap;
}

.course-detail .lema-comment .lema-star-rating.view-only .rating {
  top: 1px;
  left: 0;
}

.course-detail .preface .lema-star-rating.view-only .rating {
  top: 3px;
  left: 0;
}

.course-detail .lema-star-rating.view-only .bg-rate {
  vertical-align: middle;
}

.course-detail .lema-rating.lema-rating-full .lema-rating-total {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  color: #6f6e72;
  text-align: center;
}

.course-detail .lema-rating-details .lema-rating-progress {
  background-color: #8dd64f;
  height: 30px;
}

.course-detail .lema-rating-total {
  font-size: 16px;
}

.course-detail .lema-rating.lema-rating-simple {
  margin-top: 15px;
}

.course-detail .course-detail-section-bar .lema-nav {
  border: none;
}

.course-detail .course-sidebar .lema-course-bookmark .fa-bookmark {
  color: #8dd64f;
}

.course-detail .course-sidebar .content-course {
  padding: 15px 30px;
}

.course-detail .course-sidebar .enroll-course .lema-course-bookmark {
  margin: 0 auto;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  min-width: 100%;
  background-color: transparent;
  color: #8dd64f;
  border: 2px solid #8dd64f;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.course-detail .course-sidebar .enroll-course .lema-course-bookmark:hover {
  color: #fff;
  background-color: #8dd64f;
  -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}

.course-detail .course-sidebar .enroll-course .lema-course-bookmark:hover .fa-bookmark {
  color: #fff;
}

.course-detail .course-for .content-course-for {
  position: relative;
  padding-left: 35px;
}

.course-detail .course-for .content-course-for:after {
  content: '';
  position: absolute;
  top: 16px;
  left: 0;
  width: 12px;
  height: 6px;
  margin-top: -4px;
  border-style: solid;
  border-color: #8dd64f;
  border-width: 0 0 2px 2px;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  -moz-transform: translate(0, -50%) rotate(-45deg);
  -o-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
}

.course-detail .requirement .list-requirement .item:before {
  content: none;
}

.course-detail .requirement .list-requirement .item:after {
  content: '';
  position: absolute;
  top: 16px;
  left: -28px;
  width: 12px;
  height: 6px;
  margin-top: -4px;
  border-style: solid;
  border-color: #8dd64f;
  border-width: 0 0 2px 2px;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  -moz-transform: translate(0, -50%) rotate(-45deg);
  -o-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
}

.course-detail .intructor .intructor-info-right .popular-course-list li {
  width: -webkit-calc(50% - 10px);
  width: -moz-calc(50% - 10px);
  width: calc(50% - 10px);
}

.course-detail .course-sidebar .enroll-course .lema-btn-cart {
  min-width: 100%;
  background-color: #8dd64f;
  border-color: #8dd64f;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "Montserrat", sans-serif;
}

.course-detail .course-sidebar .enroll-course .lema-btn-cart:hover {
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}

.course-detail .popular-course-image {
  display: inherit;
}

.course-detail .preface .made-in {
  margin-top: 0;
}

.course-detail .preface .list-preface-info > li {
  margin-bottom: 10px;
  margin-left: 0;
}

.course-detail .what-learn .content-learn .item-left .item:after, .course-detail .what-learn .content-learn .item-right .item:after {
  width: 15px;
  height: 8px;
  left: 6px;
  top: 12px;
}

.course-detail .lema-course-sidebar {
  z-index: 1;
}

.course-detail .lema-course-sidebar .video-paused.image-course #video-action i.fa {
  opacity: 1;
}

.course-detail .lema-course-sidebar .video-paused {
  opacity: 1;
}

.course-detail .lema-course-sidebar .image-course {
  font-size: 0;
  position: relative;
  background-color: #dadfea;
}

.course-detail .lema-course-sidebar .image-course:hover #video-action i.fa {
  opacity: 1;
}

.course-detail .lema-course-sidebar .image-course #video-action i.fa {
  width: 73px;
  height: 73px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 5px 20px 30px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  color: #28313b;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.course-detail .lema-course-sidebar .image-course #video-action i.fa:before {
  line-height: 76px;
  display: inline-block;
  font-family: "Ionicons";
  font-weight: 700;
}

.course-detail .lema-course-sidebar .image-course #video-action i.fa.fa-play:before {
  content: "\f487";
  font-size: 30px;
  margin-left: 5px;
}

.course-detail .lema-course-sidebar .image-course #video-action i.fa.fa-stop:before {
  content: "\f477";
  font-size: 30px;
}

.course-detail .lema-course-sidebar .image-course #video-action i.fa:hover {
  color: #fff;
  background-color: #8dd64f;
}

.course-detail .lema-course-sidebar .lema-discount {
  direction: rtl;
}

.course-detail .lema-course-sidebar .lema-discount .price {
  direction: ltr;
  margin-left: 8px;
  margin-bottom: 3px;
}

.course-detail .lema-course-sidebar .lema-discount .price span {
  font-family: "Lato", sans-serif;
}

.course-detail .lema-course-sidebar .lema-discount .price del {
  vertical-align: baseline;
}

.course-detail .lema-course-sidebar .course-sidebar .time-sale {
  float: none;
}

.course-detail .course-detail-section-bar {
  margin-top: 0px;
}

.course-detail .course-detail-section-bar .lema-nav > li > a {
  padding: 6px 12px 16px;
  margin-bottom: 8px;
}

.course-detail .course-detail-section-bar .lema-nav > li > a:before {
  bottom: 9px;
  background-color: #dadfea;
  height: 4px;
}

.course-detail .lema-course-detail-wrapper section:first-child {
  margin-top: 13px;
}

.course-detail .lema-view-more .show-more-content .icon:before {
  content: '\f3d4';
  font-size: 30px;
  line-height: 40px;
  font-family: "Ionicons";
}

.course-detail .le-curriculum-accordion .lema-chapter-heading .chapter-title {
  font-size: 18px;
  line-height: 1.56;
  letter-spacing: 0px;
  width: -webkit-calc(100% - 12px);
  width: -moz-calc(100% - 12px);
  width: calc(100% - 12px);
}

.course-detail .course-detail section {
  margin-top: 70px;
}

.course-detail .lema-curriculum .heading-title .title {
  margin-top: 14px;
  margin-bottom: 0;
  font-weight: 800;
  letter-spacing: 0.3px;
}

.course-detail .le-curriculum-accordion:first-child .lema-chapter-heading {
  padding-top: 0;
}

.course-detail .lema-course-detail-wrapper section:first-child {
  margin-top: 0;
}

.course-detail .lema-rating.lema-rating-full .lema-rating-statistic {
  padding-top: 0;
}

.course-detail .lema-rating.lema-rating-full .lema-rating-value {
  display: block;
  font-size: 64px;
}

.course-detail .le-curriculum-accordion .lema-chapter-heading {
  padding: 6px 16px;
  border-bottom: 2px solid #dadfea;
}

.course-detail .course-slidebar-wrapper {
  border: 2px solid #dadfea;
}

.course-detail .course-slidebar-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.course-detail .lema-rating-details table {
  border: 0;
}

.course-detail .lema-rating-details table td {
  border: 0;
}

/* ---------- End Course Detail ----------*/
/*--------- Checkout -------------------*/
.lema-content-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.lema-content-wrapper .lema-cart-checkout {
  padding: 0 15px;
}

.lemn-cart-table th {
  color: #8dd64f;
}

#lema-order-billing {
  padding-top: 20px;
}

.lema-checkout-billing {
  padding-right: 20px;
}

.lema-checkout-billing span {
  font-size: 28px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.lema-checkout-payment {
  text-align: center;
  padding-left: 20px;
}

.lema-checkout-payment h3 {
  margin-top: 40px;
  margin-bottom: 32px;
}

.lema-checkout-payment label.payment-block {
  width: 100%;
  max-width: none;
  margin-bottom: 30px;
}

.lema-checkout-payment button {
  background-color: #8dd64f;
  border: 0;
  color: #fff;
  padding: 10px 30px;
  font-size: 18px;
  font-weight: 700;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: "Montserrat", sans-serif;
}

.la-form-group {
  margin-bottom: 20px;
}

.la-form-group .lema-col-50 {
  margin-bottom: 20px;
}

.la-form-group .cancel {
  font-weight: 700;
}

.la-form-group .fa-close {
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
}

.la-form-group .fa-close:before {
  content: "\f404";
  font-family: "Ionicons";
  font-size: 30px;
}

.la-form-group label {
  width: 130px;
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 5px;
}

.la-form-group input {
  height: 45px;
  padding: 10px;
  border: solid 2px #dadfea;
  display: inline-block;
  vertical-align: middle;
  width: -webkit-calc(100%);
  width: -moz-calc(100%);
  width: calc(100%);
}

.la-form-group input:focus {
  border-color: #8dd64f;
}

.la-form-group select {
  border: none;
  padding: 10px 0;
  border-bottom: 2px solid #DADFEA;
  width: -webkit-calc(100%);
  width: -moz-calc(100%);
  width: calc(100%);
}

/*--------- End Checkout ---------------*/
/*----------- Profile User ------------*/
.lema-user-profile .content-wrapper .content-text {
  margin-top: 4px;
}

.lema-user-profile .content-wrapper .social {
  margin-top: 15px;
}

.lema-user-profile .content-wrapper .social .list-wrapper > li .link:hover {
  background-color: #8dd64f;
}

.lema-user-profile .content-wrapper .social .list-wrapper > li .link i.icon {
  vertical-align: middle;
}

.lema-tabs .lema-form-control::-webkit-input-placeholder {
  font-weight: 300;
  color: #bbb;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
}

.lema-tabs .lema-form-control:-ms-input-placeholder {
  font-weight: 300;
  color: #afafaf;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
}

.lema-tabs .lema-form-control:-moz-placeholder {
  font-weight: 300;
  font-size: 14px;
  color: #afafaf;
  font-family: "Montserrat", sans-serif;
}

.lema-course-all .lema-user-profile .lema-rating.lema-rating-simple {
  width: auto;
}

.lema-course-all .lema-user-profile .lema-rating.lema-rating-simple .lema-star-rating {
  display: block;
  float: none;
}

.lema-course-all .lema-user-profile .content-wrapper .name {
  text-transform: capitalize;
}

.lema-course-all .lema-user-profile .content-wrapper .name a {
  color: #8dd64f;
}

.lema-course-all .lema-user-profile .content-wrapper .name a:hover {
  color: #333146;
}

.lema-course-all .lema-user-profile .content-wrapper .social i.icon {
  vertical-align: middle;
  margin-left: 0;
}

.lema-course-all .lema-user-profile .content-wrapper .social .list-wrapper {
  padding: 0;
  margin: 0;
}

.lema-course-all .lema-user-profile .content-wrapper .social .list-wrapper > li .link {
  line-height: 40px;
}

.lema-course-all .lema-user-profile .content-wrapper .social .list-wrapper > li .link:hover {
  background-color: #8dd64f;
  -webkit-box-shadow: 3px 7px 15px 0 rgba(51, 49, 70, 0.3);
  -moz-box-shadow: 3px 7px 15px 0 rgba(51, 49, 70, 0.3);
  box-shadow: 3px 7px 15px 0 rgba(51, 49, 70, 0.3);
}

.lema-tabs .lema-form-control {
  height: 56px;
  border: 2px solid #dadfea;
}

.lema-tabs .lema-form-control:focus {
  border-color: #8dd64f;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.lema-tabs .lema-form-group {
  text-align: center;
}

.lema-tabs .lema-form-group input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #bbbbbb;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
}

.lema-tabs .lema-form-group input::-moz-placeholder {
  /* Firefox 19+ */
  color: #bbbbbb;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
}

.lema-tabs .lema-form-group input:-ms-input-placeholder {
  /* IE 10+ */
  color: #bbbbbb;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
}

.lema-tabs .lema-form-group input:-moz-placeholder {
  /* Firefox 18- */
  color: #bbbbbb;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
}

.lema-tabs .lema-form-group button {
  min-width: 190px;
  padding: 19px 35px;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #8dd64f;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.lema-tabs .lema-form-group button .fa-search:before {
  content: "\f4a5";
  font-family: "Ionicons";
  font-size: 20px;
}

.lema-tabs .lema-form-group button:hover {
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}

.lema-tabs .tab-list-wrapper .tab-list {
  border: 0;
}

.lema-tabs .tab-list-wrapper .tab-list > li .tab-link {
  border: 0;
  position: relative;
  font-family: "Montserrat", sans-serif;
}

.lema-tabs .tab-list-wrapper .tab-list > li .tab-link.active:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #8dd64f;
  bottom: 0;
  left: 0;
  opacity: 1;
}

.lema-tabs .tab-list-wrapper .tab-list > li .tab-link:before {
  content: '';
  position: absolute;
  height: 4px;
  background-color: #8dd64f;
  bottom: 0;
  left: 0;
  right: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.lema-tabs .tab-list-wrapper .tab-list > li .tab-link:hover:before {
  opacity: 1;
  right: 0;
}

.lema-tabs .tab-list-wrapper .tab-list > li .tab-link.active {
  border: 0;
  position: relative;
}

.lema-tabs .tab-list-wrapper .tab-list > li .tab-link:hover {
  border: 0;
  text-decoration: none;
}

/*----------- End Profile User --------*/
/* ------------ Course Filter ------------*/
#lema-filtered-courses .fa-close {
  display: inline-block;
  vertical-align: middle;
}

#lema-filtered-courses .fa-close::before {
  font-family: "Ionicons";
  content: "\f404";
  font-size: 35px;
}

#lema-filtered-courses .lema-filter-course .lema-title-sort,
#lema-filtered-courses .lema-filter-course .lema-list-sort,
#lema-filtered-courses .lema-filter-course .lema-filter-sort .lema-title-sort {
  vertical-align: middle;
}

.lema-course-list .center .link_page {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  border: 2px solid #dadfea;
}

.lema-course-list .center .link_page[disabled] {
  border: 2px solid #8dd64f;
}

.lema-page-course-filter {
  margin-bottom: 75px;
}

.lema-page-course-filter .lema-course-filter-left .widget-content .content-item label {
  margin-bottom: 20px;
}

a#lema-clear-search-term {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

a#lema-clear-search-term:hover {
  color: #8dd64f;
}

.lema-page-course-filter .lema-course-filter-left .widget-content label {
  margin-bottom: 24px;
}

.lema-course .course-item .course-wrapper .lema-lesson-progress {
  margin-top: 8px;
}

.layout-2 .item-block.lema-item-right {
  padding: 18px;
}

.layout-2 .item-block.lema-item-right .lema-lesson-progress .lema-progress-bar {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.layout-2 .item-block.lema-item-right .lema-lesson-progress .lema-progress-bar .lema-progress-percent {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-size: 6px 6px;
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
  background-color: #8dd64f;
  background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.08) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0.08) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(0, 0, 0, 0.08) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0.08) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.08) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0.08) 75%, transparent 75%, transparent);
}

.layout-2 .item-block.lema-item-right .lema-lesson-progress .progress-description {
  font-family: "Montserrat", sans-serif;
  font-size: 10px;
}

.layout-2 .item-block.lema-item-right .lema-lesson-progress .progress-description span {
  color: #8dd64f;
}

.layout-2 .item-block.lema-item-right .lema-lesson-progress .progress-description span:last-child {
  color: #233142;
}

.layout-2 .item-block.lema-item-right .lema-discount {
  padding-top: 16px;
  padding-bottom: 10px;
}

.layout-2 .item-block.lema-item-right .lema-discount .time-sale {
  float: none;
  display: block;
}

.layout-2 .item-block.lema-item-right .lema-button-category a {
  width: auto;
  height: auto;
  padding: 4px 20px;
  line-height: inherit;
}

.layout-2 .item-block.lema-item-right .lema-button-category > a {
  margin-right: 10px;
}

.layout-2 .item-block.lema-item-right .lema-row {
  padding-top: 8px;
}

.layout-2 .item-block.lema-item-right .instructor-block {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  vertical-align: middle;
}

.layout-2 .item-block.lema-item-right .rating-block {
  display: inline-block;
  vertical-align: middle;
  float: right;
}

.lema-course .course-item .course-wrapper .lema-item-left {
  width: 40%;
}

.lema-course .course-item .course-wrapper .lema-item-left .course-image-wrapper .lema-hours {
  font-size: 11px;
}

.lema-course .course-item .course-wrapper .lema-item-left .course-image-wrapper .lema-best-selling {
  width: 86px;
  height: 58px;
  text-align: center;
  padding: 10px 10px 5px 10px;
}

.lema-course .course-item .course-wrapper .lema-item-left .course-image-wrapper img {
  border-radius: 5px;
}

.lema-course .course-item .course-wrapper .lema-item-right .lema-button-category a {
  font-size: 18px;
}

.lema-course .course-item .course-wrapper .lema-item-right .lema-discount {
  height: auto;
}

.lema-course .course-item .course-wrapper .lema-item-right .title-course {
  padding-top: 16px;
  padding-bottom: 8px;
  font-size: 18px;
}

.lema-course .course-item .course-wrapper .lema-item-right .description-course {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}

/* ------------ End Course Filter ------------*/
/*------------- Search Container -------------*/
.lema-search-container .fa-search:before {
  font-family: "Ionicons";
  content: "\f4a5";
  font-size: 20px;
}

div.autocomplete-suggestions {
  padding: 5px;
  border: 2px solid #dadfea;
  border-top: 0;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

div.autocomplete-suggestions .search-suggesstion {
  display: block;
  width: 100%;
  padding: 8px;
  font-size: 0;
}

div.autocomplete-suggestions .search-suggesstion:first-child {
  margin-top: 0;
}

div.autocomplete-suggestions .search-suggesstion:nth-last-child(2) {
  border-bottom: 0;
}

div.autocomplete-suggestions .search-suggesstion:hover {
  background-color: #f6f6f6;
}

div.autocomplete-suggestions .search-suggesstion .image-thumnail {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  width: 65px;
  height: auto;
  position: relative;
  float: none;
}

div.autocomplete-suggestions .search-suggesstion .image-thumnail a {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}

div.autocomplete-suggestions .search-suggesstion .image-thumnail a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

div.autocomplete-suggestions .search-suggesstion .course-search-info {
  display: inline-block;
  vertical-align: top;
  float: none;
  font-size: 18px;
  padding-left: 10px;
  width: -webkit-calc(calc(100% - 65px));
  width: -moz-calc(calc(100% - 65px));
  width: calc(calc(100% - 65px));
  line-height: 1;
}

div.autocomplete-suggestions .search-suggesstion .course-search-info > a h5 {
  line-height: 1.2;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

div.autocomplete-suggestions .search-suggesstion .course-search-info > a h5:hover {
  color: #8dd64f;
}

div.autocomplete-suggestions .search-suggesstion .course-search-info a:last-child:hover {
  color: #28313b;
}

/*------------- End Search Container ---------*/
/*--------------- Dashboard content-----------*/
.course-dashboard {
  margin-top: 50px;
}

.course-dashboard .lema-chapter-heading .lema-chapter-title {
  color: #6f6e72;
}

.course-dashboard .lema-chapter-heading:hover {
  background-color: #ececec;
}

.course-dashboard .course-image-wrapper .img-responsive.img-full {
  max-height: none;
}

.course-dashboard .lema-modal {
  padding: 30px;
  text-align: center;
}

.course-dashboard .lema-modal .modal-review {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  color: #8dd64f;
  letter-spacing: 0.2px;
}

.course-dashboard .lema-modal .modal-review .fa-star:before {
  content: "\f4b2";
  font-family: "Ionicons";
  font-size: 14px;
}

.course-dashboard .lema-modal .lema-modal-button a:before {
  content: "\f404";
  font-family: "Ionicons";
  font-size: 30px;
  color: #6f6e72;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.course-dashboard .lema-modal .lema-modal-button a:hover:before {
  color: #8dd64f;
}

.course-dashboard .lema-modal .lema-rating-content > label::before {
  content: "\f4b2";
  font-family: "Ionicons";
  margin: 5px;
  font-size: 1.25em;
}

.course-dashboard .lema-modal .title-advanced-search {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  text-transform: uppercase;
}

.course-dashboard .lema-modal textarea {
  width: 100%;
  display: block;
  padding: 20px 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.course-dashboard .lema-modal textarea:focus {
  border-color: #8dd64f;
}

.course-dashboard .lema-modal button {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  padding: 19px 35px;
  text-transform: uppercase;
  color: #fff;
  border: 0;
  background-color: #8dd64f;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.course-dashboard .lema-modal button .fa-star:before {
  content: "\f4b2";
  font-family: "Ionicons";
  font-size: 14px;
}

.course-dashboard .lema-modal button:hover {
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}

.course-dashboard .layout-2 .item-block {
  vertical-align: top;
}

.course-dashboard .lema-star-rating.view-only .rating {
  top: 8px;
}

.course-dashboard .lema-course .course-item .course-wrapper .lema-rating .pop {
  display: block;
  font-size: 14px;
  color: #8dd64f;
  padding-left: 30px;
  letter-spacing: 0.2px;
  font-family: "Montserrat", sans-serif;
}

.course-dashboard .lema-course .course-item .course-wrapper .lema-rating .pop .fa-star:before {
  content: none;
}

.course-dashboard .lema-course .course-item .course-wrapper .lema-rating > .lema-rating-value {
  font-size: 16px;
  line-height: 1;
}

.course-dashboard .lema-course .course-item .course-wrapper .lema-rating > .lema-number-rating {
  vertical-align: top;
  margin-right: 26px;
}

.course-dashboard .lema-course .course-item .course-wrapper .lema-rating a[data-modal="modal-review"] {
  color: #28313b;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 1;
  vertical-align: top;
  position: relative;
  top: 0px;
}

.course-dashboard .lema-course .course-item .course-wrapper .lema-rating a[data-modal="modal-review"]:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #28313b;
  top: 100%;
  left: 3px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.course-dashboard .lema-course .course-item .course-wrapper .lema-rating a[data-modal="modal-review"] i {
  display: none;
  vertical-align: top;
}

.course-dashboard .lema-course .course-item .course-wrapper .lema-rating a[data-modal="modal-review"]:hover {
  color: #8dd64f;
}

.course-dashboard .lema-course .course-item .course-wrapper .lema-rating a[data-modal="modal-review"]:hover:before {
  background-color: #8dd64f;
}

.course-dashboard .lema-course .course-item .course-wrapper .lema-item-right .title-course {
  padding-top: 0;
  font-size: 32px;
  letter-spacing: 0.5px;
  padding-bottom: 0;
  margin-bottom: 20px;
  color: #28313b;
  font-family: "Montserrat", sans-serif;
}

.course-dashboard .lema-course .course-item .course-wrapper .lema-item-right .description-course {
  font-family: "Lato", sans-serif;
  font-size: 16px;
}

.course-dashboard .lema-chapter-title {
  color: #6f6e72;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 14px;
}

.course-dashboard .lema-tabs {
  margin-top: 60px;
}

.course-dashboard .lema-tabs .tab-list-wrapper .tab-list > li {
  margin-right: 10px;
}

.course-dashboard .lema-tabs .lema-curriculum-chapter {
  position: relative;
}

.course-dashboard .lema-tabs .lema-curriculum-chapter:before {
  font-family: "Ionicons";
  content: '\f2f4';
  font-size: 20px;
  font-weight: 400;
  color: #8dd64f;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 11;
  pointer-events: none;
  cursor: pointer;
}

.course-dashboard .lema-tabs .lema-curriculum-chapter.lema-collapsed:before {
  content: '\f2c7';
}

.course-dashboard .lema-btn.lema-btn-primary {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid #8dd64f;
}

.course-dashboard .lema-btn.lema-btn-primary:hover {
  background-color: #8dd64f;
  color: #fff;
  border: 1px solid #8dd64f;
  -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}

.course-dashboard .lema-course .lema-course-button {
  text-align: center;
}

.course-dashboard .lema-course .lema-course-button .continue-lesson {
  min-width: 240px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 18px 0;
}

.course-dashboard .lema-course .instructor-block .lema-author span {
  margin-top: 0;
}

.course-dashboard .lema-course .item:hover .course-item {
  box-shadow: none;
}

.course-dashboard .lema-course .course-wrapper {
  border: none;
}

.course-dashboard .lema-course .course-wrapper .lema-lesson-progress {
  margin-top: 24px;
}

.course-dashboard .lema-course .course-wrapper .lema-rating .lema-rating-value {
  line-height: 30px;
}

.course-dashboard .lema-course .course-wrapper .lema-rating .lema-number-rating {
  vertical-align: baseline;
}

.course-dashboard .lema-course .course-wrapper .lema-item-left {
  padding: 0 15px;
}

.course-dashboard .lema-course .course-wrapper .lema-item-left .course-image-wrapper {
  width: 100%;
  float: none;
  padding: 0;
  position: relative;
}

.course-dashboard .lema-course .course-wrapper .lema-item-left .course-image-wrapper img {
  position: relative;
}

.course-dashboard .lema-course .course-wrapper .lema-item-right {
  padding: 0 15px;
}

.course-dashboard .lema-star-rating.view-only .bg-rate {
  vertical-align: baseline;
}

.course-dashboard .curriculum-list-wrapper {
  margin-bottom: 37px;
}

.course-dashboard .curriculum-list-wrapper .lema-form-group {
  margin-bottom: 0;
}

.course-dashboard .lema-coursedashboard-tabs .lema-curriculum-list .lema-curriculum-chapter {
  margin-bottom: 50px;
}

.course-dashboard .lema-coursedashboard-tabs .lema-curriculum-list .lema-curriculum-chapter.lema-collapsed {
  margin-bottom: 30px;
}

.course-dashboard .lema-coursedashboard-tabs .lema-curriculum-list .lema-curriculum-chapter.lema-collapsed:last-child {
  margin-bottom: 0;
}

.course-dashboard .lema-coursedashboard-tabs .lema-curriculum-list .lema-curriculum-chapter:last-child {
  margin-bottom: 0;
}

.course-dashboard .lema-coursedashboard-tabs .lema-curriculum-list .lema-curriculum-chapter .lema-curriculum-body {
  border: none;
}

.course-dashboard .lema-curriculum-list .lema-resource-list {
  padding: 10px 10px 10px 30px;
}

.course-dashboard .lema-curriculum-list .lema-chapter-heading {
  padding: 20px 24px 12px;
}

.course-dashboard .lema-curriculum-list .lema-chapter-heading:hover {
  background-color: #ececec;
}

.course-dashboard .lema-curriculum-list .lema-chapter-heading .top:before {
  font-family: "Ionicons";
  content: "\f3e7";
}

.course-dashboard .lema-curriculum-list .lema-chapter-heading .top .lema-total-lesson-num {
  padding-right: 30px;
  line-height: 1.556;
}

.course-dashboard .lema-curriculum-list .lema-chapter-heading .lema-collapse-btn {
  right: 36px;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-lesson-heading {
  padding: 0;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-lesson-heading .lema-index {
  padding-left: 30px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  vertical-align: top;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-lesson-heading .lema-icon-type {
  position: relative;
  vertical-align: top;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-lesson-heading .lema-icon-type:before {
  position: absolute;
  left: 0;
  font-family: "Ionicons";
  content: "\f4cc";
  font-size: 18px;
  top: -7px;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-lesson-heading .lema-lesson-title {
  padding-left: 10px;
  padding-right: 0;
  line-height: 1.556;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  width: -webkit-calc(100% - 110px);
  width: -moz-calc(100% - 110px);
  width: calc(100% - 110px);
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-lesson-heading .lema-lesson-title a {
  font-weight: 500;
  color: #8dd64f;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-lesson-heading .lema-lesson-title a:hover {
  color: #233142;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-lesson-heading .lema-lesson-title:before {
  content: none;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-icon-check-readonly.active {
  background-color: #fff;
  border-color: #d6d6d6;
  opacity: 1;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-icon-check-readonly.active:before {
  opacity: 1;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson.video .lema-lesson-heading .lema-icon-type:before {
  content: "\f4cc";
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson.article .lema-lesson-heading .lema-icon-type:before {
  content: "\f471";
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson.quiz .lema-lesson-heading .lema-icon-type:before {
  content: "\f3e5";
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson.audio .lema-lesson-heading .lema-icon-type:before {
  content: "\f257";
}

.course-dashboard .lema-curriculum-list .lema-curriculum-chapter {
  margin-bottom: 50px;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-chapter.lema-collapsed {
  margin-bottom: 30px;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-chapter.lema-collapsed:last-child {
  margin-bottom: 0;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-chapter:last-child {
  margin-bottom: 0;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-chapter .lema-curriculum-body {
  border: none;
}

.course-dashboard .lema-curriculum-list .lema-total-lesson-num span {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  letter-spacing: 0.4px;
  margin-right: 10px;
  font-weight: 700;
  vertical-align: top;
}

.course-dashboard .lema-curriculum-list .lema-total-lesson-num span.line {
  margin: 0;
}

.course-dashboard .lema-curriculum-list .lema-total-lesson-num span + span {
  margin-left: 10px;
  margin-right: 0;
}

.course-dashboard .lema-curriculum-list .lema-total-lesson-num .curr {
  color: #8dd64f;
}

.course-dashboard .lema-curriculum-list .lema-chapter-heading .lm-main {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  padding-right: 0;
  width: -webkit-calc(100% - 160px);
  width: -moz-calc(100% - 160px);
  width: calc(100% - 160px);
}

.course-dashboard .lema-curriculum-list .lema-chapter-heading .lema-chapter-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.556;
  margin-bottom: 0;
}

.course-dashboard .lema-curriculum-list .lema-chapter-heading .lema-collapse-btn {
  color: #8dd64f;
}

.course-dashboard .lema-curriculum-list .lema-chapter-heading .top {
  position: relative;
  padding-left: 30px;
  padding-bottom: 0;
}

.course-dashboard .lema-curriculum-list .lema-chapter-heading .top:before {
  left: 0;
  font-family: "Ionicons";
  position: absolute;
  content: "\f3e7";
  font-size: 18px;
  top: -4px;
}

.course-dashboard .lema-curriculum-list .lema-chapter-heading .top .lema-index {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  color: #28313b;
  font-weight: 700;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson {
  position: relative;
  margin-bottom: 0;
  padding: 20px 67px 23px 67px;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 67px;
  right: 58px;
  border-bottom: 1px solid #dadfed;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson .sub-desc {
  margin-bottom: 0;
  padding-left: 0;
  margin-top: 0;
  font-size: 16px;
  color: #6f6e72;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson .sub-desc p {
  margin-bottom: 0;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-lesson-title a:hover {
  color: #8dd64f;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-icon-check-readonly {
  left: auto;
  right: 5%;
  top: 25px;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-icon-check-readonly:focus:before {
  opacity: 1;
}

.course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-icon-check-readonly:before {
  content: '';
  position: absolute;
  opacity: 0;
  top: 9px;
  left: 2px;
  width: 12px;
  height: 6px;
  margin-top: -4px;
  border-style: solid;
  border-color: #8dd64f;
  border-width: 0 0 2px 2px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  -moz-transform: translate(0, -50%) rotate(-45deg);
  -o-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
}

.course-dashboard .lema-modal .title-advanced-search {
  font-size: 20px;
  font-weight: 700;
}

.course-dashboard .layout-2 .item-block.lema-item-right .rating-block {
  padding-left: 15px;
}

.course-dashboard .layout-2 .item-block.lema-item-right .instructor-block {
  vertical-align: middle;
}

.course-dashboard .layout-2 .item-block.lema-item-right .rating-block {
  position: relative;
  float: none;
  vertical-align: middle;
}

.course-dashboard .curriculum-list-wrapper .top-bar .col-left .lema-form-group {
  width: 100%;
}

.course-dashboard .curriculum-list-wrapper .top-bar .col-left .lema-form-group .button-search {
  top: 50%;
  right: 6px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 6px 15px;
  color: #fff;
}

.course-dashboard .curriculum-list-wrapper .top-bar .col-left .lema-form-group .button-search::before {
  font-family: "Ionicons";
  content: "\f4a5";
  font-size: 20px;
}

.course-dashboard .lema-tabs .lema-form-group button {
  color: #5c5b5f;
  min-width: 0;
  padding: 0;
  left: auto;
  background-color: transparent;
}

.course-dashboard .lema-tabs .lema-form-group button:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.course-dashboard .lema-tabs .tab-content-wrapper .lema-tab-title {
  margin-top: 40px;
  margin-bottom: 32px;
}

.course-dashboard .lema-tabs .tab-content-wrapper .lema-course-info-st .lema-title {
  margin-top: 0;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 15px;
}

.course-dashboard .lema-tabs .tab-content-wrapper .info-list {
  margin-bottom: 0;
}

.course-dashboard .lema-tabs .tab-content-wrapper .info-list > .info-item {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
}

.course-dashboard .lema-tabs .tab-content-wrapper .info-list > .info-item label {
  font-weight: 500;
  color: #6f6e72;
}

.course-dashboard .lema-tabs .tab-content-wrapper .info-list > .info-item span {
  font-weight: 700;
}

.lema-modal-button {
  top: 40px;
}

.lema-cart-dropdown .dropdown-menu .btn-view-cart:hover {
  -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}

.lema-user-profile {
  margin-bottom: 20px;
}

.lema-instructor {
  margin-top: 50px;
}

.lema-instructor .lema-course.item:hover .course-item {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.lema-instructor .padding-50 {
  padding: 15px 0 30px;
}

.lema-instructor .lema-course-all {
  width: auto;
}

.lema-instructor .la-form-group .lema-course-select-list {
  padding: 10px;
  margin-top: 10px;
}

.lema-content-wrapper .lema-page-content.course-detail {
  padding-top: 0;
}

.lema-content-wrapper .lema-page-content.course-detail .preface .preface-title {
  font-size: 32px;
  line-height: 1.31;
}

.lema-content-wrapper .lema-page-content.course-detail .preface .list-preface-info > li > a {
  font-family: "Montserrat", sans-serif;
}

.lema-content-wrapper .lema-page-content.course-detail .preface .list-preface-info > li > a span {
  font-family: "Montserrat", sans-serif;
}

.lema-content-wrapper .lema-page-content.course-detail .preface .made-in {
  font-family: "Montserrat", sans-serif;
  margin-bottom: 8px;
}

.lema-content-wrapper .lema-page-content.course-detail .course-detail-section-bar .lema-nav > li > a {
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}

.lema-content-wrapper .lema-page-content.course-detail .what-learn {
  border: solid 2px #dadfea;
  padding: 25px;
}

.lema-content-wrapper .lema-page-content.course-detail .what-learn .learn-title {
  font-family: "Montserrat", sans-serif;
}

.lema-content-wrapper .lema-page-content.course-detail .what-learn .content-learn .item {
  font-family: "Montserrat", sans-serif;
  color: #6f6e72;
}

.lema-content-wrapper .lema-page-content.course-detail .course-for .title-course-for,
.lema-content-wrapper .lema-page-content.course-detail .requirement .title-requirement {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  line-height: 1.36;
}

.lema-content-wrapper .lema-page-content.course-detail .course-for .content-course-for,
.lema-content-wrapper .lema-page-content.course-detail .requirement .list-requirement .item {
  font-family: "Lato", sans-serif;
  color: #6f6e72;
}

.lema-content-wrapper .lema-page-content.course-detail .section-description .content-descripton {
  font-family: "Lato", sans-serif;
}

.lema-content-wrapper .lema-page-content.course-detail .lema-curriculum .heading-title .link-expandall,
.lema-content-wrapper .lema-page-content.course-detail .lema-curriculum .heading-title .total-lesson {
  font-family: "Montserrat", sans-serif;
}

.lema-content-wrapper .lema-page-content.course-detail .lema-curriculum .heading-title .total-lesson {
  color: #afafaf;
}

.lema-content-wrapper .lema-page-content.course-detail .lema-course-detail-wrapper .lema-curriculum {
  margin-top: 50px;
}

.lema-content-wrapper .lema-page-content.course-detail .le-curriculum-accordion .lema-lesson-heading .lesson-title {
  font-size: 14px;
  font-weight: 600;
}

.lema-content-wrapper .lema-page-content.course-detail .lema-course-detail-wrapper .le-curriculum-accordion > .lema-acc-body p {
  font-family: "Lato", sans-serif;
  color: #858585;
}

.lema-content-wrapper .lema-page-content.course-detail .intructor .intructor-info-right .intructor-title {
  color: #333146;
}

.lema-content-wrapper .lema-page-content.course-detail .slz-change-color .course-detail .course-sidebar .enroll-course .lema-btn-cart,
.lema-content-wrapper .lema-page-content.course-detail .slz-change-color .course-detail .course-sidebar .enroll-course .lema-course-bookmark {
  font-family: "Montserrat", sans-serif;
}

.course-detail section.course-for, .course-detail section.requirement {
  margin-top: 25px;
}

.course-detail section.view-course {
  margin-top: 60px;
}

.view-course .lema-course .course-item .lema-button-category a {
  color: #afafaf;
}

.course-detail-wrapper .lema-course-detail .course-detail-title {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0;
}

.course-detail-wrapper .lema-course-detail .course-detail-published,
.course-detail-wrapper .lema-course-detail .course-detail-info .skill,
.course-detail-wrapper .lema-course-detail .course-detail-info .lectures {
  font-size: 14px;
  color: #6f6e72;
}

.course-detail-wrapper .lema-course-detail .course-detail-published span,
.course-detail-wrapper .lema-course-detail .course-detail-info .skill span,
.course-detail-wrapper .lema-course-detail .course-detail-info .lectures span {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #233142;
}

.course-detail-wrapper .lema-course-detail .enroll-course button {
  font-family: "Montserrat", sans-serif;
  background-color: #8dd64f;
}

.course-detail-wrapper .lema-course-detail .enroll-course button:hover {
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}

.course-detail section.section-description, .course-detail section.intructor {
  margin-top: 62px;
}

/*--------------- end Dashboord contenr-----------*/
@media screen and (max-width: 1024px) {
  .course-detail .lema-rating-details table td {
    padding: 8px;
  }
  .lema-course-sidebar .course-sidebar .content-course {
    padding: 15px;
  }
  .lema-course-sidebar .course-sidebar .enroll-course .lema-btn-cart, .lema-course-sidebar .course-sidebar .enroll-course .lema-course-bookmark {
    min-width: 230px;
    display: inline-block;
  }
}

@media screen and (max-width: 768px) {
  .lema-course-sidebar .course-sidebar {
    margin-bottom: 60px;
  }
  .lema-course-content .course-detail-section-bar .lema-affix-bar.addfix {
    top: 0;
    position: relative;
  }
  .st-california .lema-search-box-form .lema-searchbox-submit {
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
    margin-bottom: 20px;
  }
  .course-dashboard .curriculum-list-wrapper .top-bar .lema-form-group {
    width: 100%;
  }
  .course-dashboard .curriculum-list-wrapper .top-bar .col-left {
    width: 100%;
  }
  .course-dashboard .layout-2.course-item .course-wrapper {
    width: auto;
  }
  .course-dashboard .layout-2 .item-block {
    display: block;
  }
  .course-dashboard .lema-course .course-item .course-wrapper .lema-item-right .title-course {
    font-size: 30px;
    margin-top: 30px;
  }
  .course-dashboard .lema-course .course-item .course-wrapper .lema-item-left {
    width: 100%;
  }
  div.lema-page-course-filter .lema-course-filter-right {
    display: block;
    width: 100%;
  }
  div.lema-page-course-filter .lema-course-filter-left {
    display: block;
    width: 100%;
  }
  div.lema-page-course-filter .lema-course-filter-left .lema-widget {
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    width: -webkit-calc(33.33333% - 30px);
    width: -moz-calc(33.33333% - 30px);
    width: calc(33.33333% - 30px);
  }
  div.lema-page-course-filter .lema-course-filter-left .lema-widget:first-child {
    padding-left: 0;
  }
  .lema-content-wrapper .course-detail .lema-discount {
    display: block;
    text-align: center;
    margin-bottom: 35px;
  }
  .lema-content-wrapper .course-detail.lema-page-content .lema-course-content {
    width: 100%;
  }
  .lema-content-wrapper .course-detail .lema-course-sidebar {
    width: 80%;
    position: static;
    margin: 0 10%;
  }
  .lema-checkout-billing {
    padding-right: 15px;
  }
  .lema-checkout-payment {
    padding-left: 15px;
  }
  .lema-columns.lema-column-2 > .item {
    width: 75%;
  }
}

@media screen and (max-width: 600px) {
  .lema-instructor .lema-user-profile .content-wrapper {
    width: 100%;
    padding: 20px 0 0;
  }
  .lema-instructor .lema-user-profile .content-wrapper .lema-rating .lema-rating-value {
    font-size: 22px;
    line-height: 1.5;
  }
  .lema-course-block-list .lema-column-1 .course-block .icon-cell:before, .lema-course-block-list .lema-column-2 .course-block .icon-cell:before, .lema-course-block-list .lema-column-3 .course-block .icon-cell:before, .lema-course-block-list .lema-column-4 .course-block .icon-cell:before, .lema-course-block-list .lema-column-5 .course-block .icon-cell:before {
    left: 45%;
  }
  .lema-course-block-list .course-block .icon-cell:before {
    left: 45%;
  }
  .lema-course-content .course-detail-section-bar .lema-affix-bar .addfix {
    position: relative;
  }
  .lema-filter-course .lema-filter-sort {
    float: none;
  }
  .lema-course .course-item .course-wrapper .lema-item-left, .lema-course .course-item .course-wrapper .lema-item-right {
    display: block;
    width: 100%;
  }
  .layout-2 .lema-course-filter-right .item-block {
    display: block;
    width: 100%;
  }
  .layout-2.course-item .course-wrapper .lema-item-left .course-image-wrapper img {
    position: relative;
  }
  .lema-page-course-filter .lema-course-filter-left .lema-widget {
    margin-top: 20px;
    width: -webkit-calc(50% - 30px);
    width: -moz-calc(50% - 30px);
    width: calc(50% - 30px);
  }
  .lema-page-course-filter .lema-course-filter-left .lema-widget:nth-child(-n + 2) {
    margin-top: 0;
  }
  .lema-card-page-detail .lema-total-cart {
    font-size: 24px;
  }
  .lema-card-page-detail .lema-block-checkout {
    margin-top: 30px;
  }
  .lema-card-page-detail .lema-block-checkout h2 {
    font-size: 24px;
  }
  .lema-form-cart .lemn-cart-table .cart_item .product-name {
    font-size: 16px;
  }
  .lema-form-cart .lemn-cart-table .cart_item .amount {
    font-size: 20px;
  }
  .lema-form-cart .lemn-cart-table th {
    font-size: 18px;
  }
  .lema-content-wrapper .lema-page-content.course-detail .preface .preface-title {
    font-size: 28px;
  }
  .section-description .title-description {
    font-size: 24px;
  }
  .course-for .title-course-for {
    font-size: 16px;
  }
  .course-for .content-course-for {
    font-size: 14px;
  }
  .requirement .list-requirement .item {
    font-size: 14px;
  }
  .requirement .title-requirement {
    font-size: 16px;
  }
  .lema-curriculum .heading-title .title {
    font-size: 24px;
  }
  .view-course .view-course-title {
    font-size: 24px;
  }
  .intructor .intructor-main-title {
    font-size: 24px;
  }
  .intructor .course-rating .course-rating-title {
    font-size: 24px;
  }
  .lema-rating-details table td {
    padding: 5px 2px;
  }
  .lema-shortcode-lema_checkout .lema-checkout-billing, .lema-shortcode-lema_checkout .lema-checkout-payment {
    width: 100%;
    padding: 0;
    float: none;
  }
  .lema-columns.lema-column-2 > .item {
    width: 100%;
  }
  .user-profile-editing .block-wrapper {
    margin-bottom: 35px;
  }
  .user-profile-editing .edit-form-wrapper {
    padding: 20px;
  }
  .user-profile-editing .lema-columns .item-profile {
    margin: 0 auto;
  }
  .lema-user-profile .block-wrapper {
    text-align: center;
  }
  .lema-user-profile .content-wrapper {
    width: 100%;
    padding: 20px 15px 0;
  }
  .lema-user-profile .img-wrapper {
    display: block;
    margin: 0 auto;
  }
  .course-dashboard .lema-course .course-item .course-wrapper .lema-item-right .title-course {
    font-size: 22px;
    margin-top: 25px;
  }
}

@media screen and (max-width: 480px) {
  .lema-course-sidebar .course-sidebar {
    margin-bottom: 40px;
  }
  .st-california .lema-search-box-form .lema-searchbox-submit {
    width: 100%;
    margin-bottom: 20px;
  }
  .lema-course .course-item .course-wrapper .lema-item-right .lema-button-category a {
    font-size: 14px;
  }
  .lema-page-course-filter .lema-course-filter-left .lema-widget {
    padding: 0;
    width: -webkit-calc(100%);
    width: -moz-calc(100%);
    width: calc(100%);
  }
  .lema-page-course-filter .lema-course-filter-left .lema-widget:nth-child(-n + 2) {
    margin-top: 20px;
  }
  .lema-page-course-filter .lema-course-filter-left .lema-widget:first-child {
    margin-top: 0;
  }
  .lema-tabs .tab-panel h3 {
    font-size: 20px;
  }
  .course-detail .intructor .intructor-info-right .intructor-title {
    display: block;
    padding-left: 0;
    padding-top: 10px;
    text-align: center;
  }
  .course-detail .intructor .intructor-info-right .intructor-description {
    text-align: center;
  }
  .lema-card-page-detail .lema-block-checkout a.lema-btn {
    min-width: 0;
  }
  .lema-card-page-detail .product-thumbnail {
    position: relative;
  }
  .lema-card-page-detail .product-thumbnail a {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    z-index: 3;
    overflow: hidden;
  }
  .lema-card-page-detail .product-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  .lema-card-page-detail .lema-total-cart {
    font-size: 18px;
  }
  .lema-card-page-detail .lema-block-checkout {
    font-size: 18px;
  }
  .lemn-cart-table .cart_item .product-name {
    font-size: 14px;
  }
  .lemn-cart-table th {
    font-size: 18px;
  }
  .course-detail .course-detail-section-bar .lema-nav > li > a {
    font-size: 16px;
    padding: 6px 8px 16px;
  }
  .course-detail .what-learn {
    padding: 15px;
  }
  .course-detail .what-learn .content-learn {
    margin: 0;
  }
  .course-detail .what-learn .item-left,
  .course-detail .what-learn .item-right {
    width: 100%;
    padding: 0;
  }
  .course-detail .intructor .intructor-wrapper {
    text-align: center;
  }
  .course-detail .intructor .intructor-info-left {
    display: block;
    margin: 0 auto;
  }
  .course-detail .intructor .intructor-info-left .detail-intructor-info .item {
    text-align: center;
  }
  .course-detail .intructor .intructor-info-right {
    width: 100%;
    padding: 0 10px;
  }
  .course-detail .intructor .intructor-info-right .intructor-title {
    font-size: 24px;
  }
  .course-detail .intructor .intructor-info-right .intructor-description {
    font-size: 14px;
  }
  .course-detail .intructor .intructor-info-right .popular-course-list {
    text-align: left;
  }
  .course-detail .lema-rating.lema-rating-full .lema-rating-statistic, .course-detail .lema-rating.lema-rating-full .lema-rating-details {
    width: 100%;
  }
  .course-detail .lema-rating.lema-rating-full .lema-rating-statistic {
    margin-bottom: 35px;
  }
  .lema-user-profile .content-wrapper .name {
    font-size: 24px;
  }
  .course-dashboard .lema-curriculum-list .lema-chapter-heading {
    padding: 20px 10px 10px;
  }
  .course-dashboard .lema-curriculum-list .lema-chapter-heading .top .lema-total-lesson-num {
    padding-right: 0;
  }
  .course-dashboard .lema-curriculum-list .lema-curriculum-lesson {
    padding: 20px 8% 23px 7.7%;
  }
  .course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-icon-check-readonly {
    right: 2%;
  }
}

@media screen and (max-width: 414px) {
  .lema-page-content.course-detail .intructor .course-rating .widht-percent-60 {
    width: 48%;
  }
  .lema-page-content.course-detail .intructor .lema-rate-start > label:before {
    font-size: 12px;
  }
  .lema-content-wrapper .course-detail .lema-course-sidebar {
    width: 100%;
    margin: 0;
  }
  .lema-instructor .searching-area .button-area {
    width: 100%;
    position: relative;
    margin-top: 15px;
    top: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@media screen and (max-width: 380px) {
  .course-detail .intructor .intructor-info-left {
    margin-bottom: 0;
  }
  .course-detail .intructor .intructor-info-right .popular-course-list li {
    width: 100%;
    margin: 0;
  }
  .course-detail .intructor .intructor-info-right .popular-course-list li + li {
    margin-top: 10px;
  }
  .lema-content-wrapper .lema-page-content.course-detail .preface .preface-title {
    font-size: 24px;
  }
}

@media screen and (max-width: 320px) {
  .slz-blog-detail .lema-course-list .block-slide .slick-track {
    padding: 30px 0 0;
  }
  .slz-blog-detail .lema-course-list .block-slide .slick-dots {
    position: relative;
    bottom: 0;
  }
  .lema-course-block-list .lema-column-1 .course-block .icon-cell:before, .lema-course-block-list .lema-column-2 .course-block .icon-cell:before, .lema-course-block-list .lema-column-3 .course-block .icon-cell:before, .lema-course-block-list .lema-column-4 .course-block .icon-cell:before, .lema-course-block-list .lema-column-5 .course-block .icon-cell:before {
    left: 42%;
  }
  .course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-lesson-heading .lema-index {
    font-size: 12px;
  }
  .course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-lesson-heading .lema-lesson-title {
    line-height: 1.25;
  }
  .course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-lesson-heading .lema-lesson-title a {
    font-size: 12px;
  }
  .course-dashboard .lema-curriculum-list .lema-chapter-heading .top::before {
    top: -7px;
  }
  .course-dashboard .lema-curriculum-list .lema-chapter-heading .top .lema-index {
    font-size: 12px;
  }
  .course-dashboard .lema-curriculum-list .lema-chapter-heading .lema-chapter-title {
    font-size: 12px;
  }
  .course-detail .course-detail-section-bar .lema-nav > li > a {
    padding: 6px 5px 16px;
    font-size: 14px;
  }
  .course-detail .le-curriculum-accordion .lema-chapter-heading {
    padding: 6px;
  }
  .course-detail .le-curriculum-accordion .lema-chapter-heading .chapter-title {
    font-size: 14px;
  }
  .lema-tabs .tab-list-wrapper .tab-list > li .tab-link {
    padding: 10px 20px;
  }
}

.course-detail-section-bar .lema-nav > li.active > a:before {
  background-color: #8dd64f;
}

.course-detail section.instructor {
  margin-top: 10px;
}

.course-rating .lema-rating-progress-container {
  background: #fafafa;
}

.course-detail .lema-rating.lema-rating-full .lema-rating-value {
  font-size: 64px;
  color: #28313b;
}

.lema-course-detail .course-detail-wrapper .course-detail-published,
.lema-course-detail .course-detail-wrapper .course-detail-info .skill,
.lema-course-detail .course-detail-wrapper .lema-course-detail .course-detail-info .lectures {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #6f6e72;
}

.lema-course-detail .course-detail-wrapper .course-detail-published span,
.lema-course-detail .course-detail-wrapper .course-detail-info .skill span,
.lema-course-detail .course-detail-wrapper .lema-course-detail .course-detail-info .lectures span {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #233142;
}

.lema-course-detail .course-detail-wrapper .course-detail-title {
  font-family: "Montserrat", sans-serif;
}

.lema-course-detail .course-detail-wrapper .enroll-course button {
  background-color: #8dd64f;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.lema-course-detail .course-detail-wrapper .enroll-course button:hover {
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}

/*=====  End of 9. Cart Checkout, Course Detail, Category List, Search Box  ======*/
/*----------  n. RESPONSIVE  ----------*/
@media screen and (max-width: 1024px) {
  .lema-course-list .lema-columns.lema-column-4 > .item {
    width: 50%;
  }
}

@media screen and (max-width: 991px) {
  .lema-shortcode-lema_course.lema-course.lema-shortcode-lema_course .course-item .course-wrapper .lema-course-detail {
    opacity: 1;
    top: auto;
    left: auto;
    padding: 0 15px 15px 15px;
    height: auto;
    position: relative;
    background-color: transparent;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }
  .lema-shortcode-lema_course.lema-course.lema-shortcode-lema_course .course-item .course-wrapper .lema-course-detail:before {
    content: none;
  }
  .lema-shortcode-lema_course.lema-course.lema-shortcode-lema_course .course-item .course-wrapper .lema-course-detail .course-detail-wrapper {
    visibility: visible;
    pointer-events: auto;
    box-shadow: none;
    padding: 0;
    background-color: transparent;
    min-height: 0;
  }
  .lema-shortcode-lema_course.lema-course.lema-shortcode-lema_course .course-item .course-wrapper .lema-course-detail .course-detail-wrapper > div:not(.content-footer) {
    display: none;
  }
  .lema-shortcode-lema_course.lema-course.lema-shortcode-lema_course .course-item .course-wrapper .lema-course-detail .course-detail-wrapper .content-footer {
    margin-top: 0;
  }
  .lema-shortcode-lema_course.lema-course.lema-shortcode-lema_course .course-item .course-wrapper .enroll-course {
    width: 100%;
  }
  .lema-shortcode-lema_course.lema-course.lema-shortcode-lema_course .course-item .course-wrapper .enroll-course button {
    width: 100%;
  }
  .lema-shortcode-lema_course.lema-course.lema-shortcode-lema_course .course-item + .lema-course-detail-wrapper {
    display: none;
  }
  .lema-course-list .lema-columns.lema-column-3 > .item {
    width: 50%;
  }
  .lema-course-list div[data-number_show="4"] .block-slide .lema-course.lema-shortcode-lema_course .course-item .course-wrapper .lema-course-detail {
    padding: 0 10px 10px 10px;
  }
  .vc_col-sm-3 .lema-shortcode-lema_course.lema-course.lema-shortcode-lema_course .course-item .course-wrapper .lema-course-detail {
    padding: 0 10px 10px 10px;
  }
}

@media screen and (max-width: 600px) {
  .lema-course-list .lema-columns.lema-column-3 > .item {
    width: 100%;
  }
  .lema-course-list .lema-columns.lema-column-4 > .item {
    width: 100%;
  }
  .course-dashboard .lema-coursedashboard-tabs .curriculum-list-wrapper .top-bar .col-left,
  .course-dashboard .lema-coursedashboard-tabs .curriculum-list-wrapper .top-bar .col-right {
    width: 100%;
  }
  .course-dashboard .lema-curriculum-list .lema-chapter-heading .lm-main {
    display: block;
    width: 100%;
    padding-left: 0;
  }
  .course-dashboard .lema-curriculum-list .lema-chapter-heading .top {
    padding-right: 30px;
    padding-left: 20px;
  }
  .course-dashboard .lema-curriculum-list .lema-chapter-heading .top .lema-total-lesson-num {
    position: absolute;
    right: 0;
    top: 20px;
  }
  .course-dashboard .lema-curriculum-list .lema-chapter-heading .top .lema-total-lesson-num span {
    font-size: 12px;
    letter-spacing: 0;
    margin-right: 5px;
  }
  .course-dashboard .lema-curriculum-list .lema-chapter-heading .top .lema-total-lesson-num span + span {
    margin-left: 5px;
  }
  .course-dashboard .lema-curriculum-list .lema-curriculum-lesson:before {
    left: 0;
    right: 0;
  }
  .course-dashboard .lema-curriculum-list .lema-total-lesson-num span.line {
    margin: 0 !important;
  }
  .course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-lesson-heading .lema-index {
    padding-left: 20px;
  }
  .course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-lesson-heading .lema-lesson-title {
    display: block;
    width: 100%;
    padding-left: 20px;
  }
  .course-dashboard .lema-curriculum-list .lema-curriculum-lesson .lema-lesson-heading {
    margin-bottom: 10px;
  }
  .lema-curriculum-page.article-lesson .lema-curriculum-lesson.learning .lema-lesson-heading .lema-lesson-title {
    padding-right: 0;
    padding-left: 24px;
  }
  .lema-curriculum-page.article-lesson .lema-curriculum-list .lema-curriculum-lesson .lema-lesson-heading {
    padding-left: 15px;
  }
  .lema-curriculum-page.article-lesson .lema-curriculum-list .lema-curriculum-lesson .lema-icon-check {
    left: 10px;
    top: 10px;
  }
  .lema-curriculum-page.article-lesson .lema-curriculum-list .lema-chapter-heading .top .lema-total-lesson-num {
    position: absolute;
  }
  .lema-curriculum-page.article-lesson .lema-curriculum-lesson.video .lema-lesson-title:before,
  .lema-curriculum-page.article-lesson .lema-curriculum-lesson.article .lema-lesson-title:before,
  .lema-curriculum-page.article-lesson .lema-curriculum-lesson.mp3 .lema-lesson-title:before,
  .lema-curriculum-page.article-lesson .lema-curriculum-lesson.audio .lema-lesson-title:before,
  .lema-curriculum-page.article-lesson .lema-curriculum-lesson.quiz .lema-lesson-title:before {
    left: 5px;
  }
  .lema-curriculum-page.article-lesson .lema-curriculum-list .lema-lesson-heading .duration {
    position: relative;
    right: auto;
    padding-left: 24px;
    top: 0;
  }
  .lema-curriculum-page.article-lesson .lema-curriculum-list .lema-chapter-heading .top {
    padding-bottom: 5px;
  }
  .lema-curriculum-page.article-lesson .lema-curriculum-list .lema-curriculum-lesson .lema-lesson-heading {
    padding: 10px 10px 10px 32px;
  }
  .lema-curriculum-page.article-lesson .lema-curriculum-list .lema-lesson-heading .lema-lesson-title {
    padding-right: 0;
    padding-left: 24px;
  }
}

@media screen and (max-width: 480px) {
  .lema-tabs .tab-list-wrapper .tab-list > li .tab-link {
    padding: 10px 15px;
    margin-right: 0;
    font-size: 14px;
  }
  .lema-instructor .lema-user-profile .content-wrapper .lema-rating .lema-rating-value {
    font-size: 18px;
  }
  .lema-instructor .lema-user-profile .content-wrapper .content-text {
    margin-top: 10px;
  }
  .lema-instructor .lema-user-profile-tabs .padding-50 {
    padding-top: 0px;
  }
}

@media screen and (max-width: 425px) {
  .st-georgia .lema-search-box-form .lema-search-container {
    display: block;
  }
  .st-georgia .lema-search-box-form .lema-search-container .input-search {
    display: block;
    width: 100%;
    margin: 0 0 15px 0;
  }
  .st-georgia .lema-search-box-form .lema-search-container .lema-searchbox-submit {
    display: block;
    width: 100%;
  }
  .slz_search-box-item .btn-transparent {
    display: block;
    width: 100%;
    text-align: center;
  }
  .style-04 .slz-footer-bottom .slz-name {
    text-align: center;
  }
}

/* US - New York */
.lema-shortcode-lema_search_box.la-unitedstates.st-texas .lema-search-icon-mobile {
  display: none;
}

.lema-shortcode-lema_search_box.la-unitedstates.st-texas form {
  max-width: 640px;
  margin: 0 auto;
}

.lema-shortcode-lema_search_box.la-unitedstates.st-texas form .lema-search-container input {
  width: 640px;
  height: 58px;
  padding: 0 20px;
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  border: solid 1px #dadfea;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.lema-shortcode-lema_search_box.la-unitedstates.st-texas form .lema-search-container input:focus {
  border-color: #8dd64f;
}

.lema-shortcode-lema_search_box.la-unitedstates.st-texas form .lema-search-container input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: "Lato", sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #858585;
}

@media screen and (max-width: 425px) {
  .lema-shortcode-lema_search_box.la-unitedstates.st-texas form .lema-search-container input::-webkit-input-placeholder {
    font-size: 14px;
  }
}

.lema-shortcode-lema_search_box.la-unitedstates.st-texas form .lema-search-container input::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "Lato", sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #858585;
}

@media screen and (max-width: 425px) {
  .lema-shortcode-lema_search_box.la-unitedstates.st-texas form .lema-search-container input::-moz-placeholder {
    font-size: 14px;
  }
}

.lema-shortcode-lema_search_box.la-unitedstates.st-texas form .lema-search-container input:-ms-input-placeholder {
  /* IE 10+ */
  font-family: "Lato", sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #858585;
}

@media screen and (max-width: 425px) {
  .lema-shortcode-lema_search_box.la-unitedstates.st-texas form .lema-search-container input:-ms-input-placeholder {
    font-size: 14px;
  }
}

.lema-shortcode-lema_search_box.la-unitedstates.st-texas form .lema-search-container input:-moz-placeholder {
  /* Firefox 18- */
  font-family: "Lato", sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #858585;
}

@media screen and (max-width: 425px) {
  .lema-shortcode-lema_search_box.la-unitedstates.st-texas form .lema-search-container input:-moz-placeholder {
    font-size: 14px;
  }
}

.lema-shortcode-lema_search_box.la-unitedstates.st-texas form .lema-search-container .lema-searchbox-submit {
  background-color: transparent;
  border: 0;
  font-size: 24px;
  line-height: 50px;
  color: #6f6e72;
  margin-right: 10px;
}

.slz-header-edu .slz-header-line .slz-main-menu .mega-menu-row.sub-menu .mega-menu-col > a {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: 0.2px;
  text-align: left;
  color: #333146;
}

.widget_nav_menu ul#menu-mega-sub-menu-1 li a,
.widget_nav_menu ul#menu-mega-sub-menu-2 li a {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: 0.2px;
  text-align: left;
  color: #333146;
}

.slz-header-line .text-l .slz-btn.btn-absolute.btn-small {
  color: #8dd64f;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.slz-header-line .text-l .slz-btn.btn-absolute.btn-small:hover {
  background-color: #8dd64f;
  color: #fff;
}

.lema-shortcode-lema_category_list.la-united-kingdom .course-block {
  padding: 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-shadow: 3px 15px 20px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 3px 15px 20px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 3px 15px 20px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #eef1f7;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.lema-shortcode-lema_category_list.la-united-kingdom .course-block:hover {
  -webkit-box-shadow: 0 30px 45px 0 rgba(184, 184, 184, 0.5);
  -moz-box-shadow: 0 30px 45px 0 rgba(184, 184, 184, 0.5);
  box-shadow: 0 30px 45px 0 rgba(184, 184, 184, 0.5);
}

.lema-shortcode-lema_category_list.la-united-kingdom .course-block > a {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}

.lema-shortcode-lema_category_list.la-united-kingdom .course-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.lema-shortcode-lema_category_list.la-united-kingdom .course-block .content-cell .title {
  margin-top: 12px;
  margin-bottom: 0;
}

.lema-shortcode-lema_category_list.la-united-kingdom .course-block .course_count {
  margin-top: -6px;
}

.lema-shortcode-lema_category_list.la-united-kingdom .course-block .course_count span {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-harrogate .course-block, .lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block {
  display: table;
  padding: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-shadow: 3px 15px 20px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 3px 15px 20px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 3px 15px 20px 0 rgba(0, 0, 0, 0.05);
  border: solid 2px #eef1f7;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media screen and (max-width: 767px) {
  .lema-shortcode-lema_category_list.la-united-kingdom.st-harrogate .course-block, .lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block {
    display: block;
  }
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-harrogate .course-block > a, .lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block > a {
  display: table-cell;
  vertical-align: top;
  width: 100px;
  height: 100px;
  float: left;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}

@media screen and (max-width: 767px) {
  .lema-shortcode-lema_category_list.la-united-kingdom.st-harrogate .course-block > a, .lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block > a {
    display: block;
    float: none;
    margin: 0 auto;
  }
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-harrogate .course-block img, .lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-harrogate .course-block .content-cell, .lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block .content-cell {
  display: table-cell;
  vertical-align: top;
  padding-left: 20px;
  text-align: left;
  float: left;
  width: -webkit-calc(100% - 100px);
  width: -moz-calc(100% - 100px);
  width: calc(100% - 100px);
}

@media screen and (max-width: 767px) {
  .lema-shortcode-lema_category_list.la-united-kingdom.st-harrogate .course-block .content-cell, .lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block .content-cell {
    display: block;
    float: none;
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-harrogate .course-block .content-cell .title, .lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block .content-cell .title {
  text-align: left;
  word-break: break-all;
  letter-spacing: 0.2px;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .lema-shortcode-lema_category_list.la-united-kingdom.st-harrogate .course-block .content-cell .title, .lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block .content-cell .title {
    text-align: center;
  }
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-harrogate .course-block .content-cell .course_count, .lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block .content-cell .course_count {
  display: none;
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 25px;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block > a {
    display: block;
    margin: 0 auto;
    text-align: center;
    float: none;
  }
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block:hover {
  -webkit-box-shadow: 3px 15px 20px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 3px 15px 20px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 3px 15px 20px 0 rgba(0, 0, 0, 0.05);
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block .content-cell {
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  .lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block .content-cell {
    display: block;
    float: none;
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block .content-cell .title {
  display: inline-block;
  vertical-align: top;
  width: -webkit-calc(100% - 90px);
  width: -moz-calc(100% - 90px);
  width: calc(100% - 90px);
}

@media screen and (max-width: 767px) {
  .lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block .content-cell .title {
    width: -webkit-calc(100%);
    width: -moz-calc(100%);
    width: calc(100%);
    display: block;
    margin-bottom: 5px;
    text-align: center;
  }
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block .content-cell .course_count {
  display: inline-block;
  vertical-align: top;
  text-align: right;
  width: 80px;
}

@media screen and (max-width: 767px) {
  .lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block .content-cell .course_count {
    width: -webkit-calc(100%);
    width: -moz-calc(100%);
    width: calc(100%);
    display: block;
    text-align: center;
  }
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-leeds .course-block .content-cell .course_count span {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  color: #8dd64f;
  color: #6f6e72;
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-portsmouth .item {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 0 10px;
  margin-right: 0;
  margin-bottom: 10px;
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-portsmouth .item:nth-last-child(2) {
  margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
  .lema-shortcode-lema_category_list.la-united-kingdom.st-portsmouth .item {
    padding-left: 0;
  }
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-portsmouth .course-block {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0;
  border: 0;
  margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
  .lema-shortcode-lema_category_list.la-united-kingdom.st-portsmouth .course-block {
    padding: 10px 0;
    margin-bottom: 0;
  }
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-portsmouth .course-block > a {
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
}

@media screen and (max-width: 1024px) {
  .lema-shortcode-lema_category_list.la-united-kingdom.st-portsmouth .course-block > a {
    display: block;
    margin: 0 auto;
  }
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-portsmouth .course-block > a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-portsmouth .course-block .content-cell {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: calc(100% - 40px);
  padding-left: 10px;
  margin-top: -10px;
}

@media screen and (max-width: 1024px) {
  .lema-shortcode-lema_category_list.la-united-kingdom.st-portsmouth .course-block .content-cell {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 0;
  }
}

@media screen and (max-width: 1024px) {
  .lema-shortcode-lema_category_list.la-united-kingdom.st-portsmouth .course-block .content-cell .course_count span {
    display: block;
    text-align: center;
    color: #6f6e72;
  }
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-portsmouth .course-block .content-cell .title {
  text-align: left;
  margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
  .lema-shortcode-lema_category_list.la-united-kingdom.st-portsmouth .course-block .content-cell .title a {
    display: block;
    text-align: center;
  }
}

.lema-shortcode-lema_category_list.la-united-kingdom .lema-columns {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.lema-shortcode-lema_category_list.la-united-kingdom .content-cell .title a {
  font-size: 18px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
}

.lema-shortcode-lema_category_list.la-united-kingdom .content-cell .description {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left;
  color: #858585;
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-huddersfield .item {
  width: auto;
  margin-bottom: 30px;
  padding-right: 10px;
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-huddersfield .course-block {
  padding: 10px 35px;
  height: auto;
  background-color: #171717;
  border: none;
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-huddersfield .course-block .content-cell .title {
  margin-top: 0px;
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-huddersfield .course-block .content-cell .title a {
  font-size: 24px;
  color: #ffffff;
  font-family: Montserrat;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: 0.4px;
  text-align: left;
}

@media screen and (max-width: 425px) {
  .lema-shortcode-lema_category_list.la-united-kingdom.st-huddersfield .course-block .content-cell .title a {
    font-size: 14px;
  }
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-huddersfield .course-block:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #ffffff;
}

.lema-shortcode-lema_category_list.la-united-kingdom.st-huddersfield .course-block:hover .content-cell .title a {
  color: #8dd64f;
}

.lema-page-course-filter.lema-page-icon-filter {
  margin-top: 100px;
}

@media screen and (max-width: 767px) {
  .lema-page-course-filter.lema-page-icon-filter {
    margin-top: 40px;
  }
}

.lema-page-course-filter.lema-page-icon-filter .lema-course-filter-left {
  margin-top: 0;
}

.lema-page-course-filter.lema-page-icon-filter .lema-columns.lema-column-3 > .item {
  height: auto;
}

.lema-page-course-filter.lema-page-icon-filter .lema-course .course-item {
  height: 100%;
}

.lema-page-course-filter.lema-page-icon-filter .lema-course .course-item .course-wrapper {
  height: 100%;
}

.lema-page-course-filter.lema-page-icon-filter .lema-shortcode-lema_courselist_filtered .lema-course-all .middle-wrapper .lema-button-category {
  margin-top: 10px;
}

.lema-filter-course .lema-filter-nav {
  margin-top: 70px;
}

@media screen and (max-width: 1024px) {
  .lema-shortcode-lema_category_list.la-united-kingdom.st-portsmouth .item {
    padding: 0 10px;
    margin-top: 10px;
  }
  .lema-shortcode-lema_category_list.la-united-kingdom.st-portsmouth .course-block > a {
    position: relative;
  }
  .lema-shortcode-lema_category_list.la-united-kingdom.st-portsmouth .course-block > a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .lema-course-block-list .course-block .content-cell .title a {
    font-size: 14px;
    color: #fff;
    padding: 0;
  }
  .lema-course-block-list.st-illinois .course-block .content-cell .title a {
    color: #fff;
  }
  .widget_nav_menu ul#menu-mega-sub-menu-1 li a, .widget_nav_menu ul#menu-mega-sub-menu-2 li a {
    color: #fff;
  }
  .slz-header-edu.header-09 .slz-header-mobile .slz-main-menu-edu-mobile ul li a.slz-btn.btn-absolute {
    margin: 0 15px;
    border-color: #8dd64f;
    color: #8dd64f;
  }
  .slz-header-edu.header-09 .slz-header-mobile .slz-main-menu-edu-mobile ul li a.slz-btn.btn-absolute:hover {
    background-color: #8dd64f;
    color: #fff;
  }
  .lema-shortcode-lema_category_list.la-united-kingdom.st-huddersfield .item {
    margin-right: 5px;
  }
}

@media screen and (max-width: 768px) {
  .lema-shortcode-lema_category_list.la-united-states.st-geogia .lema-columns.lema-column-2 > .item {
    width: 100%;
  }
  .lema-shortcode-lema_category_list.la-united-kingdom.st-huddersfield .item {
    margin-right: 5px;
  }
}

@media screen and (max-width: 425px) {
  .lema-shortcode-lema_category_list.la-united-states.st-geogia .course-block > a,
  .lema-shortcode-lema_category_list.la-united-states.st-california .course-block > a {
    display: block;
    float: none;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .lema-shortcode-lema_category_list.la-united-states.st-geogia .course-block,
  .lema-shortcode-lema_category_list.la-united-states.st-california .course-block {
    display: block;
  }
  .lema-shortcode-lema_category_list.la-united-states.st-geogia .course-block .content-cell,
  .lema-shortcode-lema_category_list.la-united-states.st-california .course-block .content-cell {
    display: block;
    width: 100%;
    padding-left: 0;
    float: none;
  }
  .lema-shortcode-lema_category_list.la-united-kingdom.st-huddersfield .item {
    margin-right: 5px;
  }
}

.lema-course-block-list.la-united-states.st-newyork .lema-columns > .item:last-child {
  margin-bottom: 30px;
}

.st-illinois.lema-search-box .fa-search:before {
  content: "\f4a5";
  display: inline-block;
  font-family: "Ionicons";
  font-size: 24px;
  color: #171717;
  font-style: normal;
}

.st-illinois.lema-search-box .slz-button-search.active .fa-search:before {
  content: "\f2d7";
}

.st-illinois.lema-search-box .block-search-box {
  display: none;
}

.st-illinois.lema-search-box .block-search-box.active {
  display: block;
}

.st-illinois.lema-search-box .block-search {
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  position: absolute;
  right: 0;
  top: 110px;
  z-index: 999;
}

.st-illinois.lema-search-box .block-search form {
  display: table;
  width: 100%;
  color: #666c72;
  height: 40px;
  border: 1px solid #eef1f7;
}

.st-illinois.lema-search-box .block-search form:hover {
  border-color: #8dd64f;
}

.st-illinois.lema-search-box .block-search form input[type='search'] {
  border: none;
  display: table-cell;
  width: 278px;
  height: 40px;
  padding: 0 20px;
  float: left;
}

.st-illinois.lema-search-box .block-search form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #233142;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}

.st-illinois.lema-search-box .block-search form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #233142;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}

.st-illinois.lema-search-box .block-search form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #233142;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}

.st-illinois.lema-search-box .block-search form input:-moz-placeholder {
  /* Firefox 18- */
  color: #233142;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}

.st-illinois.lema-search-box .block-search form .search-submit {
  font-size: 0px;
  top: 0;
  float: left;
  position: relative;
  width: 40px;
  height: 40px;
  padding: 0;
  display: table-cell;
  border: none;
  box-shadow: none;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
}

.st-illinois.lema-search-box .block-search form .search-submit span:before {
  content: "\f4a5";
  display: inline-block;
  font-family: "Ionicons";
  font-size: 24px;
  color: #171717;
  font-style: normal;
}

.lema-course-block-list.st-california .lema-columns > .item:last-child {
  margin-bottom: 0;
}

.lema-categories.widget .link {
  z-index: 1;
  display: block;
  color: #28313b;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.44;
  letter-spacing: 0.6px;
  position: relative;
  border: solid 1px #dadfea;
  border-top: 0;
  padding: 12px 0px 12px 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "Montserrat", sans-serif;
  position: relative;
}

.lema-categories.widget .link:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 4px;
  background-color: #8dd64f;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.lema-categories.widget .link:first-child {
  border-top: solid 1px #dadfea;
}

.lema-categories.widget .link:hover:before {
  height: 100%;
}

.lema-categories.widget .link .icons {
  display: none;
}

.course-dashboard .lema-course .lema-view-more .description-course {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #858585;
}

section.intructor {
  margin-top: 0;
}

section.intructor .intructor-wrapper {
  margin-top: 25px;
}

.lema-view-more .lema-view-more-content {
  color: #858585;
}