
/*------------------------------------------------------------------------
# mod_mx_course Extension
# ------------------------------------------------------------------------
# author    mixwebtemplates
# copyright Copyright (C) 2019 mixwebtemplates.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.mixwebtemplates.com
-------------------------------------------------------------------------*/
.la-member{
  position: relative;
}
.mx_lms_courses__single.is_featured .mx_lms_courses__single__inner .mx_lms_courses__single--image,
.mx_lms_courses_carousel_wrapper .mx_lms_courses__single .mx_lms_courses__single--image {
 overflow:hidden
}
.archive_grid {
 padding-bottom:50px
}
.mx_lms_courses__archive {
 margin-top:55px!important
}
.mx_lms_courses {
 margin:0 0 45px
}
.mx_lms_courses .featured-courses {
 margin-bottom:0!important;
 padding-bottom:0!important
}
.mx_lms_courses .featured-courses .stm_lms_course__notfound {
 display:none
}
.mx_lms_courses .featured-head {
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 padding:14px 25px;
 background:#ffeacc;
 border-top:#f09b23 3px solid;
 align-items:center;
 margin-bottom:25px
}
.mx_lms_courses .featured-head h3 {
 font-size:13px;
 text-transform:uppercase;
 margin:0;
 line-height:13px;
 color:#273044
}
.mx_lms_courses .featured-head a {
 font-size:14px;
 line-height:14px;
 display:flex;
 align-items:center;
 color:#273044
}
.mx_lms_courses .featured-head a i {
 font-size:8px;
 line-height:8px;
 margin-right:10px
}
.mx_lms_courses .featured-head a span {
 text-decoration:underline;
 color:#273044
}
.mx_lms_courses .featured-head a:hover {
 color:#273044
}
.mx_lms_courses .featured-head a:hover span {
 text-decoration:none
}
.mx_lms_courses__top {
 display:flex;
 align-items:center;
 margin:0 0 23px
}
.mx_lms_courses__top h3 {
 margin:0;
 padding-right:30px
}
.mx_lms_courses__top a {
 padding:15px 20px;
 margin-left:auto;
 background-color:#eef1f7;
 color:#273044;
 text-transform:none;
 letter-spacing:0
}
.mx_lms_courses__top a i {
 color:#385bce;
 margin-right:5px;
 transition:.3s ease
}
.mx_lms_courses__top a:hover i {
 color:#fff
}
.mx_lms_courses__grid {
 display:flex;
 flex-wrap:wrap;
 margin:0 -10px
}
.mx_lms_courses__grid_2 .mx_lms_courses__single {
 width:50%
}
.mx_lms_courses__grid_4 .mx_lms_courses__single {
 width:25%
}
.mx_lms_courses__grid_6 .mx_lms_courses__single {
 width:16.6666%
}
.mx_lms_courses__single {
 position:relative;
 width:33.333%;
 margin:0 0 50px
}
.mx_lms_courses__single.stm_carousel_glitch {
 margin-bottom:0
}
.mx_lms_courses__single__inner {
 height:100%;
 background-color:#fff;
 border:1px solid #e0e0e0
}
.mx_lms_courses__single__inner:hover .mx_lms_courses__single--info {
 visibility:visible;
 opacity:1;
 -webkit-transform:translateY(0);
 transform:translateY(0);
 transition:.3s ease
}
.mx_lms_courses__single--image {
 width:auto;
 min-width:100%;
 position:relative;
 margin:-1px -1px 15px
}

.mx_lms_courses__single--image img {
 width:100%
}
.mx_lms_courses__single--actions {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 display:flex;
 align-items:center;
 justify-content:center;
 background:rgba(36,39,47,.85);
 text-align:center;
 opacity:0;
 transition:.3s ease
}
.mx_lms_courses__single--actions a {
 display:inline-block;
 padding:12px 10px;
 margin:0 4px;
 min-width:90px;
 font-size:16px;
 color:#fff;
 vertical-align:top;
 border:3px solid #fff;
 text-align:center;
 font-weight:600;
 border-radius:49px;
 -webkit-transform:translateY(-5px) translateX(-5px);
 transform:translateY(-5px) translateX(-5px);
 text-decoration:none!important
}
.mx_lms_courses__single--actions a:last-child {
 -webkit-transform:translateY(-5px) translateX(5px);
 transform:translateY(-5px) translateX(5px)
}
.mx_lms_courses__single--actions a:hover {
 background-color:#fff;
 color:#273044
}
.mx_lms_courses__single--inner {
 padding:0 20px 7px
}
.mx_lms_courses__single--term {
 margin:0 0 10px;
 color:#aaa;
 font-size:13px
}
.mx_lms_courses__single--term a {
 color:#aaa
}
.mx_lms_courses__single--title h5 {
 margin:0 0 15px;
 padding:0 0 19px;
 font-size:15px;
 line-height:20px;
 border-bottom:1px solid #e0e0e0
}
.mx_lms_courses__single--meta {
 display:flex;
 align-items:center;
 min-height:28px
}
.mx_lms_courses__single--meta .average-rating-stars__top {
 width:66%;
 display:flex
}
.mx_lms_courses__single--meta .average-rating-stars__av {
 margin-left:5px
}
.mx_lms_courses__single--meta .views {
 margin-left:auto;
 font-size:13px;
 color:#aaa
}
.mx_lms_courses__single--meta .views i {
 position:relative;
 top:2px;
 margin-right:2px;
 vertical-align:top;
 font-size:16px
}
.mx_lms_courses__single--bottom {
 display:flex
}
.mx_lms_courses__single--status {
 margin:0 0 5px;
 padding-right:15px;
 font-size:13px;
 color:#273044
}
.mx_lms_courses__single--status.publish i {
 position:relative;
 top:2px;
 vertical-align:top;
 font-size:16px;
 color:#22d497
}
.mx_lms_courses__single--status i {
 margin-right:3px
}
.mx_lms_courses__single--price {
 margin-left:auto;
 text-align:right
}
.mx_lms_courses__single--price span {
 display:block;
 margin:-9px 0 -7px;
 font-size:12px;
 color:#aaa;
 text-decoration:line-through
}
.mx_lms_courses__single--price strong {
 font-weight:600;
 font-size:15px
}
.mx_lms_courses__single .star-rating {
 margin-top:0
}
.mx_lms_courses__single.has-sale .mx_lms_courses__single--meta .average-rating-stars__top {
 position:relative;
 top:-3px
}
.mx_lms_courses__single.is_featured .mx_lms_courses__single__inner {
 border-color:#f09b23
}
.mx_lms_courses__single.is_featured .mx_lms_courses__single__inner .mx_lms_courses__single--image .elab_is_featured_product {
 position:absolute;
 top:0;
 left:0;
 margin:0 29px;
 background-color:#f09b23;
 text-align:center;
 line-height:29px;
 color:#fff;
 padding:0 5px;
 -webkit-transform:rotate(-45deg) translateY(20px) translateX(-120px);
 transform:rotate(-45deg) translateY(20px) translateX(-120px);
 -webkit-transform-origin:left top;
 transform-origin:left top;
 width:200px;
 font-size:11px;
 font-weight:700;
 text-transform:uppercase;
 z-index:99
}
.mx_lms_courses .stm_lms_load_more_courses,
.mx_lms_courses.all_loaded .mx_lms_courses__grid {
 margin-bottom:55px
}
.mx_lms_courses__single:hover {
 z-index:110
}
.mx_lms_courses__single:hover .stm_lms_instructor_courses__single--actions {
 opacity:1
}
.mx_lms_courses__single:hover .stm_lms_instructor_courses__single--actions a {
 -webkit-transform:translateY(0) translateX(0);
 transform:translateY(0) translateX(0)
}
.mx_lms_courses__hours {
 font-size:13px
}
.mx_lms_courses__hours i {
 position:relative;
 font-size:14px;
 top:1px;
 margin-right:3px
}
.mx_lms_courses__single--info {
 position:absolute;
 top:-20px;
 left:-50px;
 right:-50px;
 padding:35px 40px 22px;
 background-color:#fff;
 box-shadow:0 10px 30px 11px rgba(0,0,0,.25);
 visibility:hidden;
 opacity:0;
 -webkit-transform:translateY(-10px);
 transform:translateY(-10px);
 z-index:100;
 transition:none
}
.mx_lms_courses__single--info_author {
 display:flex;
 align-items:center;
 margin:0 0 10px
}
.mx_lms_courses__single--info_author__avatar {
 max-width:40px;
 margin-right:5px;
 border-radius:50%;
 overflow:hidden
}
.mx_lms_courses__single--info_author__login {
 color:#777
}
.mx_lms_courses__single--info_author__login span {
    margin-left: 20px;
}
.mx_lms_courses__single--info_title h4 {
 font-size:18px;
 line-height:22px;
 font-weight:600;
 margin:0 0 15px
}
.mx_lms_courses__single--info_rate {
 display:flex;
 margin:0 0 16px;
 align-items:center
}
.mx_lms_courses__single--info_rate .star-rating,
.mx_lms_courses__single--info_rate:empty {
 margin:0
}
.mx_lms_courses__single--info_rate .average-rating-stars__av {
 margin-left:5px
}
.mx_lms_courses__single--info_status {
 padding:2px 10px;
 margin-left:auto;
 background-color:#f09b23;
 text-transform:uppercase;
 color:#fff;
 font-size:11px;
 letter-spacing:.5px;
 border-radius:2px
}
.mx_lms_courses__single--info_excerpt {
 margin:0 0 13px;
 font-size:14px;
 line-height:26px;
 color:#777
}
.mx_lms_courses__single--info_meta {
 display:flex;
 justify-content:space-between;
 align-items:center;
 margin:0 -5px 18px
}
.mx_lms_courses__single--info_meta .stm_lms_course__meta {
 padding:0 5px;
 margin:0 0 10px;
 color:#273044;
 font-size:13px;
 vertical-align:top
}
.mx_lms_courses__single--info_meta .stm_lms_course__meta i {
 position:relative;
 top:2px;
 margin-right:2px;
 font-size:16px
}
.mx_lms_courses__single--info_preview a {
 display:block;
 padding:14px 15px;
 margin:0 0 28px;
 background-color:#385bce;
 width:100%;
 color:#fff;
 text-transform:uppercase;
 font-weight:600;
 text-align:center
}
.mx_lms_courses__single--info_preview a:hover {
 background-color:#333;
 color:#fff!important
}
.mx_lms_courses__single--info_bottom {
 display:flex;
 align-items:center
}
.mx_lms_courses__single--info_bottom .stm-lms-wishlist {
 margin:0 0 10px
}
.mx_lms_courses__single--info_bottom .mx_lms_courses__single--price {
 margin:0 0 10px auto
}
.mx_lms_courses__single--info_bottom .mx_lms_courses__single--price span,
.mx_lms_courses__single--info_bottom .mx_lms_courses__single--price strong {
 font-size:18px
}
.mx_lms_courses__single--info .star-rating {
 margin-top:0!important
}
.mx_lms_courses__single--info .stm-lms-wishlist span {
 color:#b1b1b1;
 font-size:12px
}
.mx_lms_courses__single--info .stm-lms-wishlist i.far {
 border-color:#b1b1b1;
 color:#b1b1b1
}
.mx_lms_courses__single--info .mx_lms_courses__single--price span {
 display:inline-block;
 margin-right:3px;
 font-weight:300;
 font-size:18px
}
.mx_lms_courses__single--info .mx_lms_courses__single--price strong {
 font-size:18px
}

@media (max-width:1520px) {
 .mx_lms_courses__single__inner .average-rating-stars__av {
  display:none
 }
}
@media (max-width:1024px) {
 .mx_lms_courses__single--info {
  display:none!important
 }
}
@media (max-width:769px) {
 .mx_lms_courses__grid_2 .mx_lms_courses__single .average-rating-stars__av,
 .mx_lms_courses__grid_3 .mx_lms_courses__single--meta .average-rating-stars__top .average-rating-stars__av,
 .mx_lms_courses__grid_4 .mx_lms_courses__single .average-rating-stars__av {
  display:none
 }
 .mx_lms_courses__grid_3 .mx_lms_courses__single--info {
  right:15px;
  left:15px
 }
}

@media (max-width:1440px) {
 .mx_lms_courses__grid.mx_lms_courses__grid_center.mx_lms_courses__grid_6 .mx_lms_courses__single:nth-child(5n) .mx_lms_courses__single--info,
 .mx_lms_courses__grid.mx_lms_courses__grid_center.mx_lms_courses__grid_6 .mx_lms_courses__single:nth-child(5n+4) .mx_lms_courses__single--info {
  left:0;
  right:-100px
 }
 .mx_lms_courses__grid.mx_lms_courses__grid_center.mx_lms_courses__grid_6 .mx_lms_courses__single:nth-child(4n) .mx_lms_courses__single--info {
  right:0;
  left:-100px
 }
}
.mx_lms_courses__grid.mx_lms_courses__grid_right .mx_lms_courses__single .mx_lms_courses__single--info {
 top:-25%;
 left:calc(100% - 10px);
 right:calc(-100% - 90px);
 -webkit-filter:drop-shadow(0 10px 30px rgba(0,0,0,.05));
 filter:drop-shadow(0 10px 30px rgba(0,0,0,.05))
}
.mx_lms_courses__grid.mx_lms_courses__grid_right .mx_lms_courses__single .mx_lms_courses__single--info:before {
 content:'';
 position:absolute;
 top:50%;
 left:-17px;
 width:0;
 height:0;
 border-style:solid;
 border-width:15px 17px 15px 0;
 border-color:transparent #fff transparent transparent
}
.mx_lms_courses__grid.mx_lms_courses__grid_right.mx_lms_courses__grid_2 .mx_lms_courses__single:nth-child(4n) .mx_lms_courses__single--info,
.mx_lms_courses__grid.mx_lms_courses__grid_right.mx_lms_courses__grid_2 .mx_lms_courses__single:nth-child(4n+3) .mx_lms_courses__single--info,
.mx_lms_courses__grid.mx_lms_courses__grid_right.mx_lms_courses__grid_4 .mx_lms_courses__single:nth-child(4n) .mx_lms_courses__single--info,
.mx_lms_courses__grid.mx_lms_courses__grid_right.mx_lms_courses__grid_4 .mx_lms_courses__single:nth-child(4n+3) .mx_lms_courses__single--info {
 top:-25%;
 right:calc(100% - 10px);
 left:calc(-100% - 90px);
 -webkit-filter:drop-shadow(0 10px 30px rgba(0,0,0,.05));
 filter:drop-shadow(0 10px 30px rgba(0,0,0,.05))
}
.mx_lms_courses__grid.mx_lms_courses__grid_right.mx_lms_courses__grid_2 .mx_lms_courses__single:nth-child(4n) .mx_lms_courses__single--info:before,
.mx_lms_courses__grid.mx_lms_courses__grid_right.mx_lms_courses__grid_2 .mx_lms_courses__single:nth-child(4n+3) .mx_lms_courses__single--info:before,
.mx_lms_courses__grid.mx_lms_courses__grid_right.mx_lms_courses__grid_4 .mx_lms_courses__single:nth-child(4n) .mx_lms_courses__single--info:before,
.mx_lms_courses__grid.mx_lms_courses__grid_right.mx_lms_courses__grid_4 .mx_lms_courses__single:nth-child(4n+3) .mx_lms_courses__single--info:before {
 left:auto;
 right:-17px;
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg)
}
@media (max-width:1440px) {
 .mx_lms_courses__grid.mx_lms_courses__grid_right.mx_lms_courses__grid_6 .mx_lms_courses__single:nth-child(4n) .mx_lms_courses__single--info,
 .mx_lms_courses__grid.mx_lms_courses__grid_right.mx_lms_courses__grid_6 .mx_lms_courses__single:nth-child(4n+3) .mx_lms_courses__single--info {
  top:-25%;
  right:calc(100% - 10px);
  left:calc(-100% - 90px);
  -webkit-filter:drop-shadow(0 10px 30px rgba(0,0,0,.05));
  filter:drop-shadow(0 10px 30px rgba(0,0,0,.05))
 }
 .mx_lms_courses__grid.mx_lms_courses__grid_right.mx_lms_courses__grid_6 .mx_lms_courses__single:nth-child(4n) .mx_lms_courses__single--info:before,
 .mx_lms_courses__grid.mx_lms_courses__grid_right.mx_lms_courses__grid_6 .mx_lms_courses__single:nth-child(4n+3) .mx_lms_courses__single--info:before {
  left:auto;
  right:-17px;
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
 }
}
.mx_lms_courses__single__inner:hover .mx_lms_courses__single--info {
 transition-delay:.35s!important
}
.tax-stm_lms_course_taxonomy h2 {
 margin-bottom:40px
}
.mx_lms_courses__single--image__progress {
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 height:5px;
 background-color:#e0e0e0;
 z-index:99
}
.mx_lms_courses__single--image__progress_bar {
 position:relative;
 background-color:#1db874;
 height:5px
}
.mx_lms_courses__single--image__progress_label {
 position:absolute;
 right:0;
 top:-25px;
 padding:2px 5px;
 font-size:11px;
 color:#fff;
 line-height:12px;
 background-color:#1db874
}
.mx_lms_courses__single--image__progress_label:after {
 content:'';
 position:absolute;
 right:0;
 bottom:-5px;
 width:0;
 height:0;
 border-style:solid;
 border-width:0 5px 5px 0;
 border-color:transparent #1db874 transparent transparent
}
@-webkit-keyframes MOVE-BG {
 from {
  -webkit-transform:translateX(0)
 }
 to {
  -webkit-transform:translateX(46px)
 }
}
@keyframes MOVE-BG {
 from {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 to {
  -webkit-transform:translateX(46px);
  transform:translateX(46px)
 }
}
.course_available_only_in_subscription {
 display:flex;
 margin-left:auto
}
.course_available_only_in_subscription__image {
 width:26px;
 margin-right:5px
}
.course_available_only_in_subscription__title {
 max-width:54px;
 min-height:26px;
 color:#66828f;
 font-size:12px;
 line-height:1.1;
 white-space:initial
}
.mx_lms_courses__single--price .course_available_only_in_subscription__title {
 color:#fff
}
.mx_lms_courses_carousel_wrapper .mx_lms_courses__single .mx_lms_courses__single__inner {
 transition:.3s ease
}
.mx_lms_courses_carousel_wrapper .mx_lms_courses__single .mx_lms_courses__single--title:hover h5 {
 color:#385bce
}
.mx_lms_courses_carousel_wrapper .mx_lms_courses__single:hover .mx_lms_courses__single__inner {
 background:rgba(255,255,255,.7)
}
.mx_lms_courses_carousel_wrapper .mx_lms_courses__single:hover .mx_lms_courses__single--image img {
 -webkit-transform:scale(1.07);
 transform:scale(1.07)
}
.stm-lms-wishlist .rating {
  display: inline-block;
  margin-left: 0px;
  padding-left: 10px;
  line-height: 10px;
}