.lessons-container{width: 100%;overflow: hidden;	background-color: #fff;	padding-top: 15px;}
.lessons-container .top-carousel-box{width: 100%;float: left;min-height: 250px;position: relative;background-color: #fff;}
.top-carousel-wrapper{position: relative;}
.w100{width: 100%;max-width: 100%;}
.top-carousel{border-bottom: solid 1px #eceff5;padding-bottom: 40px;background-color: #fff;}
.last-lesson-wrap{height: 300px;	position: relative;	padding:0;	background-size: cover;}
.last-lesson-wrap img{height: 100%;width: 100%;}
.last-lesson-wrap div{width: 100%;position: absolute;height: 40px;left: 0;bottom: 0;	padding: 0 0 10px 10px;	background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));}
.last-lesson-wrap div h4{padding:0;}
.last-lesson-wrap div h4 a{color: #fff;}
.lessons-cat{width: 100%;overflow: hidden; padding-bottom: 30px;background-color:#fff}
.lessons-cat ul{	width: 100%;overflow: hidden;padding: 0;}
.lessons-cat ul li{	width: 100%;overflow: hidden;padding: 10px 15px;background-color: #fff;	border-bottom: solid 1px #eceff5;}
.lessons-cat ul li a{width: 100%;text-decoration: none;color: #222d34;font-family: OpenSansSemiBold,Arial;}
.lessons h3.latest-lessons{width: 100%;padding-left: 9px;	font-size: 18px;color: #222d34;	margin-bottom: 50px;font-family: OpenSansSemiBold,Arial;}
h3.recommended-lessons{width: 100%;margin-left: 0px;	padding-left: 9px;font-size: 18px;color: #222d34;font-family: OpenSansSemiBold,Arial;}
.lessons {height: 100%;/*overflow: hidden;*/}

.wo_school_head_filter {
	justify-content: center;
}
.wo_school_head_filter > svg {
	position: absolute;
    width: 100px;
    right: 10px;
    bottom: calc(100% - 6px);
    filter: drop-shadow(2px 4px 6px rgb(0 0 0 / 20%));
}
.wo_school_head_filter .search-blog {
	display: flex;
    align-items: center;    padding: 14px 2px 0;
}

.lessons-search {position: relative;flex: 1 1 auto;margin: 0 5px;}
.lessons-search .search-result{position: absolute;top: 45px;right:0;z-index: 1000;display: none;width: 100%;padding: 5px 0;font-size: 13px;text-align: left;list-style: none;background-color: #fff;background-clip: padding-box;border-radius: 0px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.visible{display: block !important;}
.unvisible{display:none !important;}
.lessons-search .search-result li{padding: 8px 10px;	margin-right: unset;overflow: hidden;}
.lessons-search .search-result li a{	width: 100%;text-decoration: none;display: block;}
.lessons-search .search-result li:hover{	background-color: #444;}
.lessons-search .search-result li:hover > a{	color: #fff;}

.wo_school_head_filter > .wo_job_main_widget {
    flex: none;
}
.wo_school_head_filter > .wo_job_main_widget .lessons-subheadnav {
	cursor: pointer;border-radius: 2em;transition: all 0.2s ease;
}
.wo_school_head_filter > .wo_job_main_widget .lessons-subheadnav:not(.btn-main):hover {
	background: rgb(0 0 0 / 10%);
}
.wo_school_head_filter > .wo_job_main_widget .lessons-subheadnav svg {
	width: 16px;
	height: auto;
}
.wo_school_head_filter > .wo_job_main_widget .lessons-subheadnav.btn-main {
	color: white;
}

.lessons .lessons-inner {margin: 0 -6px 24px;display: flex;flex-wrap: wrap;}
.lessons .lessons-inner .lessons-item-wrapper {padding: 0 6px;width: 20%;margin-bottom: 15px;display: flex;}
.lessons .lessons-inner .lessons-item-wrapper figure{position: relative;width: 100%;margin-bottom: 20px;display: flex;flex-direction: column;flex: 1;}
.lessons .lessons-inner .lessons-item-wrapper figure a:first-child {display: flex;flex-direction: column;}
.lessons .lessons-inner .lessons-item-wrapper figure img, .related-lessons-wrapper .related-lessons-carousel .related-lesson-wrapper img {width: 100%;aspect-ratio: 1;object-fit: cover;box-shadow: 0 4px 10px 0px rgb(50 50 50 / 18%);margin-bottom: 10px;border-radius: 8px;transition: all 0.2s ease;}
.lessons .lessons-inner .lessons-item-wrapper figure h3 {margin-top: auto;}
.lessons .lessons-inner .lessons-item-wrapper figure p {margin-bottom: 0;}
.lessons .lessons-inner .empty_state {width: 100%;}
.lessons .lessons-item-wrapper figure h3, .related-lessons-wrapper .related-lessons-carousel .related-lesson-wrapper h3 {	font-size: 16px;display: block;padding: 0px 5px 0px 0px;margin: 4px 0px 7px;width: 100%;font-weight: bold;font-family: lato;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.lessons .lessons-item-wrapper figure h3 a, .related-lessons-wrapper .related-lessons-carousel .related-lesson-wrapper h3 a {text-decoration:none;color: inherit}
.lessons .lessons-item-wrapper figure p, .related-lessons-wrapper .related-lessons-carousel .related-lesson-wrapper p {text-transform: capitalize;margin: -4px 0px 5px;text-align: center;}
.lessons .lessons-item-wrapper figure img, .related-lessons-wrapper .related-lessons-carousel .related-lesson-wrapper img {width: 100%;aspect-ratio: 1;object-fit: cover;box-shadow: 0 4px 10px 0px rgb(50 50 50 / 18%);margin-bottom: 10px;border-radius: 8px;transition: all 0.2s ease;}
.lessons .lessons-item-wrapper:hover figure img, .related-lessons-wrapper .related-lessons-carousel .related-lesson-wrapper:hover img {transform: translateY(-3px);}
.lessons .lessons-item-wrapper figure .lesson_level_sml {
	    display: flex;
    position: absolute;
    top: 0;
    margin: 10px;
    border-radius: 12px;
    background-color: rgb(0 0 0 / 55%);
    color: #ffffff;
    padding: 4px 10px;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 11px;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
}
.lessons .lessons-item-wrapper figure .lesson-category-badge {
	display: inline-block;
    background: rgb(141 115 204 / 12%);
    color: #8d73cc;
    border-radius: 12px;
    padding: 2px 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .02em;
}
.lessons .lessons-item-wrapper figure .lesson-instructor {
	color: #848484;
	font-size: 12px;
	text-transform: none;
}
.lessons .lessons-nav{width: 100%;padding: 15px 0;overflow: hidden;}
.most-viewed-lessons{width: 100%;overflow: hidden;}
.lessons .lessons-nav input{width: 100%;	border-top: none !important;border-left:none !important;border-right:none !important;border-radius: 0;font-family: OpenSansLight,Arial;padding: 20px 15px;height: 50px;font-size: 20px;}


.semibold{	font-family: OpenSansBold,Arial;}
.lesson-player-wrapper{width: 100%;overflow: hidden;background-color: #fff;}

.played-lesson-meta h3 {margin-top: 0;margin-bottom: 10px;}
.played-lesson-description{width: 100%;overflow: hidden;margin: 0px;padding: 20px 25px;}
.played-lesson-description-wrapper{background-color: #fff;overflow: hidden;box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;}
.played-lesson-description .played-lesson-name-wrap{width: 100%;height: 5px;background-color:#444444;}
.played-lesson-description .played-lesson-name-wrap h4{width: 30%;line-height: 30px;padding:0 5px 0 5px;margin: 0;font-family: OpenSansLight,Arial;font-size: 12px;}
.played-lesson-description .played-lesson-meta{	display: inline-block;float: right;	overflow: hidden;font-size: 15px;color: #222D34;}
.played-lesson-description .played-lesson-meta p.time{color: #848484;font-size: 12px;font-family: OpenSansRegular,Arial;}
.played-lesson-description .played-lesson-meta p.about-lesson,.played-lesson-description .played-lesson-meta p{color: #848484;font-size: 13px;line-height: 20px;}
.played-lesson-description-wrapper .lesson-title{margin: 20px 15px 7px 20px;font-size: 32px;font-family: OpenSansLight, Arial;}
.played-lesson-description .played-lesson-meta .about-lesson{	height: 100px;overflow: hidden;font-size: 15px !important;font-family: lato;line-height: 25px !important;margin-bottom: 2px;}
.played-lesson-details .about-lesson {
	max-height: 100px;
	overflow: hidden;
	font-size: 15px;
	font-family: lato;
	line-height: 25px;
	margin-bottom: 2px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-word;
	white-space: pre-line;
}
.played-lesson-details .about-lesson.unsetheight {
	max-height: none;
	overflow: visible;
}
.slide-lesson-desc{width: 100px;text-align: center;font-family: lato;color: #656565;padding: 6px;font-size: 12px;cursor: pointer;font-weight: bold;margin-left: auto;line-height: 1;margin-bottom: 12px;}
.slide-lesson-desc svg.feather{margin: -2px 2px 0px -5px;width: 16px;height: 16px;}
.played-lesson-details .share-lesson a{cursor: pointer;text-decoration: none;}
.played-lesson-details .share-lesson a svg{color: #848484;cursor: pointer;width: 26px;height: 26px;}
.related-lessons-wrapper{width: 100%;padding: 15px 0px;overflow: hidden;}
.related-lessons-wrapper .related-lessons-carousel{width: 100%;overflow: hidden;}
.related-lessons-wrapper .related-lessons-carousel .related-lesson-wrapper{margin-top: 15px; overflow: hidden;	background-color: #fff;	padding-bottom: 5px;position: relative;	width: 185px;margin-right: 10px;padding: 0px 10px;outline: 0;}
.related-lessons-wrapper .related-lessons-carousel .related-lesson-wrapper:hover{cursor: move;}
.played-lesson-details{width: 100%;overflow: hidden;}
.played-lesson-details ul{padding-left: 0;}
.played-lesson-details p{font-size: 15px;line-height: 25px;}
.lessons-nav-wrapper{width: 100%;overflow: hidden;padding: 30px 0;}
.lessons-nav-wrapper .lessons-nav-item{-webkit-transition: all .27s ease;transition: all .27s ease;padding: 10px 5px;	background: #f5f7fa;color: #222D34;	border-radius: 3px;font-family: OpenSansLight,Arial;margin-right: 20px;	font-size: 16px;}
.lessons-nav-wrapper .lessons-nav-item:hover{	background: #444;color:#f6f6f6;text-decoration: none;}
.lesson-player-wrapper iframe{width: 100%;border: none;min-height: 500px;	margin: 0;padding: 0;}

.wow_school_filter {flex: 0 0 auto;margin: 0 5px;}
.wow_school_filter .dropdown-toggle {
	display: flex;
    height: 38px;
    width: 38px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}
.wow_school_filters > li > a {display: flex;align-items: center;justify-content: space-between;font-size: 14px;}
.wow_school_filters > li .collapse {padding: 0 30px;max-height: 225px;overflow-y: auto;}
.wow_school_filters > li .collapse a {text-decoration: none;display: block;line-height: 25px;}
.wow_main_float_head.lessonwatch {background: #6d6d6d;overflow: hidden;}
.wow_main_float_head.lessonwatch:before {content: '';position: absolute;left: -20px;top: -20px;right: -20px;bottom: -20px;opacity: 0.5;mix-blend-mode: multiply;filter: blur(10px);}
.wow_main_float_head.lessonwatch .container {position: relative;z-index: 2;padding: 40px 15px 60px;}
.watch-lesson-top-nav {border-radius: 0;padding: 0;background-color: transparent;margin: 10px 0 0;text-align: center;}
.watch-lesson-top-nav li, .watch-lesson-top-nav li a{color: rgba(255, 255, 255, 0.75);}
.watch-lesson-top-nav li.last-bread{color: #fff;}
.wow_main_float_head.lessonwatch .container p {text-align: center;margin: 20px 0 0;}
.wow_lessoncontent {position: relative;z-index: 9;margin-top: -40px;font-family: "Roboto", sans-serif;max-width: 100%;overflow-x: hidden;}
.wow_lesson_infos {display: flex;max-width: 100%;}
.wow_lesson_infos .lsn_thmb {position: relative;width: 200px;min-width: 200px;height: 0;padding-bottom: 200px;}
.wow_lesson_infos .lsn_thmb .badge {position: absolute;left: 10px;top: 10px;background: rgba(0, 0, 0, 0.7);color: #fff;font-size: 12px;line-height: 1;display: flex;align-items: center;padding: 4px 8px;border-radius: 5px;z-index: 5;font-weight: 500;}
.wow_lesson_infos .lsn_thmb .badge svg {width: 14px;height: 14px;margin-right: 4px;}
.wow_lesson_infos .lsn_thmb img {position: absolute;top: 0;right:0;left:0;bottom:0;width: 100%;height: 100%;border-radius: 5px;object-fit: cover;}
.wow_lesson_infos .lsn_nfo {padding-left: 20px;min-width: 0;flex: 1 1 auto;}
.wow_lesson_infos .lsn_nfo * {max-width: 100%;}
.wow_lessoncontent .wo_page_hdng_innr {font-weight: 500;}
.wow_lessoncontent h1, .wow_lessoncontent .m-mata-tag + .main {word-wrap: break-word;overflow-wrap: break-word;word-break: break-word;}
.watch-lesson-top-nav {flex-wrap: wrap;}
.watch-lesson-top-nav li {max-width: 100%;overflow: hidden;text-overflow: ellipsis;}

.lessons-comment-item-body {
	margin-left: 55px;
}
.lessons-com-wrapper .lessons-comlist-container .lessons-comment-item .lessons-comment-item-body div.comment-heading {
	display: inline-block;
    background: #f0f2f5;
    border-radius: 0px 20px 20px 20px;
    padding: 12px 16px;
    margin-left: 0;
    max-width: calc(100% - 70px);
}
.lessons-com-wrapper .lessons-comlist-container .lessons-comment-item .lessons-comment-item-body div.comment-heading .user {
    font-size: 14.5px;
    font-weight: 700;
    margin: 0 0 5px;
    display: inline-block;
}
.lessons-com-wrapper .lessons-comlist-container .lessons-comment-item .comment-text, .lessons-com-wrapper .lessons-comlist-container .lessons-comment-item .reply-text {
	width: 100%;
}
.lessons-com-wrapper .lessons-comlist-container .lessons-comment-item .lessons-comment-item-body .comment-icons {
	font-size: 12px;margin: 4px 2px 0;
}

/* Course Material / PDF viewer */
.lesson-material-wrapper {width: 100%;overflow: hidden;background-color: #fff;padding: 20px 25px;box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;margin-top: 15px;}
.pdf-viewer-wrapper {width: 100%;}
.pdf-viewer {width: 100%;height: 600px;border: 0;border-radius: 6px;box-shadow: 0 1px 4px rgb(0 0 0 / 10%);max-width: 100%;}
.pdf-download-btn {margin-top: 12px;display: inline-block;}

/* Instructor / Level badges */
.m-mata-tag {font-weight: 600;color: #222d34;margin-right: 4px;}




@media (max-width: 985px) {
.lessons .lessons-inner .lessons-item-wrapper {
	width: 20%;
}
.watch_player_lesson{
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.watch_player_lesson iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	min-height: auto;
}
.pdf-viewer {
	height: 450px;
}
}
@media (max-width: 767px) {
.lessons .lessons-inner .lessons-item-wrapper {
	width: 25%;
}
.played-lesson-description-wrapper .lesson-title {
    margin: 15px 10px 25px;
    font-size: 30px;
	line-height: 40px;
}
.wow_lesson_infos {
	flex-direction: column;
}
.wow_lesson_infos .lsn_thmb {
    width: 100%;
    min-width: 0;
    padding-bottom: 55%;
    margin-bottom: 15px;
}
.wow_lesson_infos .lsn_nfo {
	padding-left: 0;
}
.lesson-material-wrapper {
	padding: 15px;
}
}

@media (max-width: 530px) {
.col-exs-6{width:50%}
.lessons .lessons-inner .lessons-item-wrapper {
    width: 33.333333333%;
}
.wow_lesson_infos .lsn_thmb {
	padding-bottom: 45%;
}
.wow_lesson_infos .lsn_nfo {
	padding: 0;
}
.pdf-viewer {
	height: 350px;
}
.watch-lesson-top-nav li {
	font-size: 12px;
}
.played-lesson-description-wrapper .lesson-title {
	font-size: 22px;
	line-height: 28px;
	margin: 10px 0 15px;
}
}

@media (max-width: 420px) {
.lessons .lessons-inner .lessons-item-wrapper {
    width: 50%;
}
.pdf-viewer {
	height: 280px;
}
.pdf-download-btn {
	width: 100%;
	text-align: center;
}
}

/* ===== School Responsive Fixes ===== */

/* Stop the angled header stripe from causing horizontal scroll */
.wow_main_float_head.new_movies, .wow_main_float_head.new_school {overflow: hidden;}

/* Long page name in the sidebar / mobile nav must wrap cleanly, not break layout */
.left-sidebar ul li a[data-ajax*="school"] {font-size: 13px;line-height: 20px;white-space: normal;}
.dropdown-search-link a[href*="school"] {font-size: 14px;line-height: 20px;white-space: normal;}

/* Decorative popcorn svg must never overflow the filter bar */
.wo_school_head_filter > svg {max-width: 90px;}

@media (max-width: 992px) {
	.new_jobs.wow_main_float_head h1, .new_market.wow_main_float_head h1 {font-size: 28px;}
}

@media (max-width: 767px) {
	.new_jobs.wow_main_float_head h1, .new_market.wow_main_float_head h1 {font-size: 21px;}
	.new_jobs.wow_main_float_head .container, .new_market.wow_main_float_head .container {padding: 35px 15px 80px;}
	.wo_job_head_filter {margin: -70px 0 20px;}
	.wo_school_head_filter > svg {display: none;}
	.wow_main_float_head h1 svg {width: 22px;height: 22px;margin: -3px 0 0;}
}

@media (max-width: 480px) {
	.new_jobs.wow_main_float_head h1, .new_market.wow_main_float_head h1 {font-size: 17px;}
	.new_jobs.wow_main_float_head .container, .new_market.wow_main_float_head .container {padding: 30px 12px 70px;}
	.wo_school_head_filter > .wo_job_main_widget .lessons-subheadnav {font-size: 13px;}
}