.container-1283 {
	width: 1283px;
	margin: 0 auto;
}

.paid-content.only-for-customers {
	padding: 50px 20px;
}

.paid-content.only-for-customers .product-link {
	text-decoration: underline;
	color: var(--black3);
}

.main-page-banner {
	height: 350px;
	display: grid;
}

.main-page-banner > * {
	grid-area: 1/1/-1/-1;
}

.main-page-banner .overlay {
	background-color: #000;
	opacity: 0.3;
}

.main-page-banner .content-inner {
	align-self: center;
	z-index: 15;
}

.main-page-banner .content-inner h1 {
	font-size: 6.250rem;
	color: #fff;
	margin: 0;
	text-align: center;
}

.main-page-banner .content-inner .line {
	width: 478px;
	height: 5px;
	background-color: #c0ea6a;
	background-color: var(--green, #c0ea6a);
	margin: 48px auto 50px;
}

.main-page-banner .content-inner .short-desc {
	color: #fff;
	font-size: 2.750rem;
	text-align: center;
	margin: 0;
}

.main-content {
	width: 1075px;
	margin: 34px auto 0;
	font-size: 0.938rem;
}

.learndash_content .paid-content .rcp_error {
	font-size: 1.2rem;
	font-weight: bold;
}

.learndash_content .paid-content .rcp_error a{
	text-decoration: underline;
	color: #406b74;
}

/* Timeline Swiper */
.timeline-wrapper {
	width: 1400px;
	margin: 0 auto;
	position: relative;
}

.lesson-status {
	margin-top: 10px;
	color: red;
}

.timeline-wrapper .swiper-container .timeline {
	list-style-type: none;
	display: flex;
	text-align: center;
}

.timeline-wrapper.slides-below-8 .timeline {
	justify-content: center;
}

.timeline li {
	transition: all 200ms ease-in;
}

.timestamp {
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-weight: 100; 
	min-height: 25px;
}

.swiper-slide a .status {
	font-size: .8rem;
	display: flex;
	justify-content: center;
	transition: all 200ms ease-in;
	height: 20px;
	border: unset;
	background: #2f2e2e;
}

.swiper-slide a .status:hover {
	background: #c0ea6a;
}

.swiper-slide a .status.active {
	background: #c0ea6a;
}

.swiper-slide a .status span {
	font-weight: 600;
	padding: 48px 10px 0;
}

.swiper-control {
	text-align: right;
}

.swiper-container {
	width: 1271px;
	height: 130px;
	overflow: hidden;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	display: flex;
	align-items: center;
}

.swiper-slide a {
	width: 100%;
}

.swiper-button-prev, 
.swiper-button-next {
	color: #c0ea6a;
}

/* Timeline Swiper - End */

#video_wrapper {
	-webkit-box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.5);
	position: relative;
	z-index: 6 !important;
}

body[style*="overflow: hidden;"] #video_wrapper{
	z-index: 121 !important;
}

body.no-scroll #video_wrapper{
	z-index: 121 !important;
}

.audio-player-wrap{
	margin-top: 40px;
	z-index: 2 !important;
	border: 4px dotted #c0ea6a; 
	background: #c0ea6a;
	position: relative;
}

.audio-player-wrap .plyr--audio .plyr__controls{
	background: #c0ea6a;
}

.audio-player-title{
	display:flex;
	font-weight: bold;
	font-size: 1.125rem;
	align-items: end;
	padding: 5px;
	justify-content: center;
}

.audio-player-title img,
.audio-player-title svg{
	max-width:30px;
	margin: 0 10px;
	filter: invert(55%) sepia(59%) saturate(3701%) hue-rotate(166deg) brightness(103%) contrast(102%);
}

.plyr--audio {


}

.main-content .paid-content {
	margin-bottom: 10px;
}

.main-content .text-wrapper {
	text-align: center;
	margin-top: 40px;
}

.main-content .text-wrapper p {
	margin: 0;
}

.main-content .text-wrapper p a{
	color: #008000;
	color: var(--darkgreen, #008000);
	text-decoration: underline;
}

.courses-nav {
	margin-top: 40px;
	border-bottom: 1px dashed #000000;
	border-top: 1px dashed #000000;
	padding: 40px 0;
}

.courses-nav .nav-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 25px;
}

.courses-nav .track-row:not(:last-child) {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #000000;
}

.courses-nav .track-title {
	font-size: 30px;
	text-align: center;
	margin: 0 0 20px;
	text-decoration: underline;
}

.courses-nav .nav-container .link {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--black3);
	padding: 10px;
	font-size: var(--font20px);
	text-align: center;
	position: relative;
	transition: all .2s ease-in-out;
}

.courses-nav .nav-container .link:hover {
	background-color: var(--green);
	border-color: transparent;
}

.courses-nav .link-wrapper.prev .link:before {
	content: '\2192';
}

.courses-nav .link-wrapper.next .link:before {
	content: '\2190';
}

.courses-nav .link-wrapper.back-to-track .link:before {
	content: '\21BB';
}

.courses-nav .nav-container .link:before {
	position: absolute;
	top: -17px;
	left: 50%;
	z-index: 1;
	font-size: 30px;
	transform: translate(-50%, -0);
	display: flex;
	align-items: center;
}

.courses-nav .nav-container .link:hover:after {
	border-color: transparent;
}

.courses-nav .nav-container .link:after {
	content: '';
	width: 40px;
	position: absolute;
	top: -1px;
	left: 50%;
	transform: translate(-50%, 0);
	border-top: 1px solid white;
	transition: all .2s ease-in-out;
}
/* course quizzes */
#learndash_quizzes{
	width: fit-content;
	margin: auto;
}

#learndash_quizzes #quiz_heading{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.2rem;
	font-weight: 600;
	margin-top: 20px;
	text-decoration: underline;
}

#learndash_quizzes #quiz_list{
	margin: 10px 15px 0 0;
}

#learndash_quizzes #quiz_list>*{
	display: flex;
	align-items: baseline;
	gap: 10px;
}

#learndash_quizzes #quiz_list .content{
	flex-direction: column;
	display: flex;
	margin-bottom: 25px;
	/*align-items: center;*/
	/*gap: .5rem;*/
}

#learndash_quizzes #quiz_list .list-count:after{
	content: '.';
}

#learndash_quizzes #quiz_list .quiz-name{
	margin: 10px 0;
}

#learndash_quizzes #quiz_list .quiz-link{
	background-color: var(--green);
	width: fit-content;
	padding: 5px 16px;
	font-size: 14px;
	font-weight: bold;
	border: none;
	border-radius: 50px;
	color: #fff;
}
/* end course quizzes */
.main-content .after-media-buttons {
	display: flex;
	justify-content: end;
	margin-top: 15px;
}

.main-content .after-media-buttons .goto-track{
	display: flex;
	margin-left: 10px;
}

.main-content .after-media-buttons .goto-track a{
	border: 1px solid;
	padding: 5px 10px;
}

.related-courses {
	width: 1283px;
	margin: 0 auto 20px;
}

.related-courses .title {
	font-size: 1.250em;
	font-weight: bold;
	margin-bottom: 15px;
}

.posts-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;
}

.posts-list li a {
	display: grid;
	height: 250px;
}

.posts-list li a > * {
	grid-area: 1/1/-1/-1;
}

.posts-list li a .overlay {
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0.4;
}

.posts-list li a .title {
	justify-self: center;
	align-self: center;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	z-index: 2;
}

.course-button {
	background-color: #c0ea6a;
	color: #000;
	font-weight: bold;
	display: table;
	margin: 10px auto;
}

.course-button a {
	padding: 10px;
	display: block;
}

/* Comments */
.lesson-reviews {
	width: 1280px;
	margin: 50px auto 0;
}

#reviews #comments ol.commentlist li {
	margin-bottom: 20px;
}

#reviews #comments ol.commentlist li ul.children {
	margin: 10px 40px 0 0;
}

#reviews #comments ol.commentlist li .comment-body .comment-content {
	margin-top: 10px;
}

#reviews #comments ol.commentlist li .comment_container {
	display: flex;
}

#reviews #comments ol.commentlist li .comment-text {
	all: unset;
}

#reviews #comments ol.commentlist li .comment-text p.meta {
	display: flex;
	margin: 0 0 1em;
	font-size: .83rem;
	color: #767676;
}

#reviews #comments ol.commentlist li .comment-text .description p {
	margin: 0;
	font-size: 0.938rem;
}

#reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash {
	margin: 0 6px;
}

#reviews #comments ol.commentlist li img.avatar {
	padding: unset;
	width: 70px;
	height: 70px;
	position: unset;
	border: unset;
	background: unset;
	margin: 0 0 0 20px;
	align-self: start;
}

#reviews #comments button.show-comments {
	background-color: #c0ea6a;
	font-weight: bold;
	padding: 15px;
	border: none;
}

#reviews #comments button.show-comments:hover {
	cursor: pointer;
}

#respond.comment-respond {
	margin-top: 20px;
}

#respond.comment-respond #reply-title small {
	margin-right: 5px;
	font-weight: normal;
}

#review_form #respond {
	margin-top: 70px;
}

#respond.comment-respond #reply-title,
#review_form #respond #reply-title {
	font-weight: bold;
	font-size: 1.125rem;
}

#respond.comment-respond #commentform .name-and-email-wrapper,
#review_form #respond #commentform .name-and-email-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 41px;
}

#respond.comment-respond #commentform .comment-form-comment label,
#respond.comment-respond #commentform .name-and-email-wrapper label,
#review_form #respond #commentform .name-and-email-wrapper label,
#review_form #respond #commentform .comment-form-comment label {
	display: none;
}

#respond.comment-respond #commentform .name-and-email-wrapper p input,
#review_form #respond #commentform .name-and-email-wrapper p input {
	width: 100%;
	padding: 15px 20px 15px 0;
	border: 1px solid #f0f0f0;
}

#respond.comment-respond textarea,
#review_form #respond textarea {
	width: 100%;
	border: 1px solid #f0f0f0;
	padding: 17px 20px 0 0;
}

#respond.comment-respond input#submit,
#respond input#submit {
	background-color: #c0ea6a;
	font-weight: bold;
	padding: 17px 53px;
	border: none;
}

#respond.comment-respond input#submit:hover,
#respond input#submit:hover {
	cursor: pointer;
	background-color: #dfdcde;
}
/* Comments - End */

/* Share Lesson */
.share-lesson {
	margin: 20px auto;
}

.share-lesson .title {
	font-size: 1.250rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Share Lesson - End */

.login-container a {
	font-weight: bold;
}

button.favorites-button {
	border: none;
	background: #ededed;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}


button.favorites-button.button-disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

button.favorites-button .icon-bookmark {
	color: red;
}

button.favorites-button:hover {
	cursor: pointer;
}

form#sfwd-mark-complete,
.lesson-is-complete {
	margin-left: 15px;
}

.unwatch-lesson-container {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-left: 15px;
	position: relative;
}

.unwatch-lesson-container .unwatch-lesson {
	height: 100%;
	font-size: 0.875rem;
	border: 2px solid #c0ea6a;
	border-radius: 4px;
	background-color: transparent;
	cursor: pointer;
	outline: none;
	transition: all .2s ease-in-out;
}

.unwatch-lesson-container .unwatch-lesson:hover {
	border-color: #dfdcde;
}

.unwatch-lesson-container .is-error {
	width: 110px;
	position: absolute;
	top: calc(100% + 5px);
	right: 0;
	font-size: 0.75rem;
	color: #f15757;
}

.lesson-is-complete {
	border: 1px solid;
	border-radius: 50px;
	padding: 6px 20px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	align-self: center;
}

.lesson-is-complete .bt-eye {
	margin-left: 5px;
	display: flex;
}

.lesson-is-complete .bt-eye {
	position: relative;
	display: block;
	transform: scale(var(--ggs,1));
	width: 24px;
	height: 16px;
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 100px;
	overflow: hidden;
	box-sizing: border-box;
}

.lesson-is-complete .bt-eye::after,
.lesson-is-complete .bt-eye::before {
	content: "";
	display: block;
	border-radius: 100px;
	position: absolute;
	box-sizing: border-box
}

.lesson-is-complete .bt-eye::after {
	top: 2px;
	box-shadow:
		inset 0 -8px 0 2px,
		inset 0 0 0 2px;
	width: 24px;
	height: 24px;
	background-color: #000;
}

.lesson-is-complete .bt-eye::before {
	width: 8px;
	height: 8px;
	border: 2px solid #fff;
	bottom: 3px;
	left: 8px;
	z-index: 15;
} 

form#sfwd-mark-complete input#learndash_mark_complete_button {
	background-color: #c0ea6a;
	font-weight: bold;
	padding: 6px 53px;
	border: none;
	border-radius: 50px;
	color: #fff;
}

form#sfwd-mark-complete input#learndash_mark_complete_button:hover {
	cursor: pointer;
}

.plyr__menu__container{
	background-color:#fff !important;
	z-index: 999999 !important;
	bottom:unset !important;
	top:100%;

}

@media (max-width: 1450px) {
	.timeline-wrapper {
		width: 100%;
		padding: 0 15px;
	}

	.swiper-container {
		width: 90%;
	}
}

@media (max-width: 1300px) {
	.related-courses {
		width: 100%;
		padding: 0 15px;
	}
}

@media (max-width: 1250px) {
	.lesson-reviews {
		width: 100%;
		padding: 0 15px;
	}
}

@media (max-width: 1100px) {
	.main-content {
		width: 90%;
	}
}

@media (max-width: 1023px) {
	.main-page-banner .content-inner h1 {
		font-size: 3rem;
		text-align: center;
	}

	.courses-nav .track-title {
		font-size: var(--font20px);
	}

	.courses-nav .nav-container {
		grid-template-columns: 1fr;
	}


	#video_wrapper .plyr__controls__item.plyr__volume{
position: absolute;
    left: 0;
   bottom: 9vw;
	}
	#audio-player{
		width: 100%;
	}
}

@media (max-width: 950px) {
	.posts-list {
		grid-template-columns: 1fr 1fr;
	}

	.main-page-banner {
		height: 390px;
	} 
}

@media (max-width: 750px) {
	.breadcrumbs {
		font-size: 1rem;
	}

	.timeline-wrapper.slides-below-8 .timeline {
		justify-content: initial;
	}

	.courses-nav .nav-container .link-wrapper .link {
		font-size: 1rem;
	}
}

@media (max-width: 500px) {
	.main-page-banner .content-inner .line {
		width: 300px;
	}

	.main-content .after-media-buttons{
		flex-flow: wrap;
		justify-content: center;
	}

	.main-content .after-media-buttons .goto-track{
		margin-bottom: 10px;
	}
}

@media (max-width: 600px) {
	.posts-list {
		grid-template-columns: 1fr;
	}
}

/* 
from learn php */

#video_wrapper {
	display: grid;
}

#video_wrapper > * {
	grid-area: 1/1/-1/-1;
}

#video_wrapper #wall {
	display: none;
	z-index: 50;
	align-items: center;
	justify-content: center;
	height: 90%;
}

#video_wrapper #wall .close-wall{
	position: absolute;
	top: 5px;
	z-index: 99;
	color: #ffffff;
	cursor: pointer;
	left: 5px;
	font-weight: 700;
	background-color: #81c155;
	opacity: 1;
	display: flex;
	width: 25px;
	height: 25px;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
}

#video_wrapper #wall .close-wall:after,
#video_wrapper #wall .close-wall:before{
	content: '';
	height: 15px;
	border-left: 3px solid #fff;
	position: absolute;
	left: 11px;
}

#video_wrapper #wall .close-wall:after {

	transform: rotate(45deg);

}

#video_wrapper #wall .close-wall:before {
	transform: rotate(-45deg);
}

#video_wrapper #wall .sec-head {
	font-size: 3.125em;
	line-height: 1em;
	font-weight: 400;
	color: #fff;
}

#video_wrapper #wall .under-head {
	margin-top: 13px;
	margin-bottom: 30px;
	max-width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	max-height: 141px;
	color: #fff;
}

#video_wrapper #wall .buttons-wrapper {
	display: flex;
	justify-content: center;
	gap:1rem;
}

#video_wrapper #wall .buttons-wrapper .bigbtn {
	display: block;
	background-color: #81c155;
	color: #fff;
	height: 45px;
	line-height: 45px;
	width: 220px;
	border-radius: 100px;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	margin-right: 0px;

	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
@media (max-width: 550px) {

	#video_wrapper #wall{
		width:100%;
		height: 100%;
		position: absolute;
	}

	#video_wrapper #wall .sec-head{
		font-size:2.225em;
	}

	#video_wrapper #wall .under-head{
		max-width:100%;
		padding: 10px 20px;
	}
	#video_wrapper #wall .buttons-wrapper .bigbtn{
		max-width: 30%;
	}

	
	.plyr__controls {
		justify-content: center !important;
		flex-wrap: wrap !important;
	}

	.plyr__controls__item.plyr__progress__container {
		min-width: 70vw !important;
	}

	#video_wrapper .plyr__controls__item.plyr__volume{
		position: relative !important;
		left: 0 !important;
		bottom: 0 !important;
	}
}


/***************** news pop up *******************/



/***************** news pop up end *******************/

.news-sign-popup-wrap{
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background-color: rgb(0 0 0 / 56%);
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
}

.news-sign-popup{
	background: #fff;
	padding: 30px;
	text-align: center;
	font-size: 1.2rem;
}

.news-sign-popup .input-wrapper{
	margin-bottom:10px;
}

.news-sign-popup .submit-wrapper{display: block;}

.news-sign-popup .submit-wrapper input {
	background-color: #c0ea6a;
	color: #2f2d2d;
	font-weight: bold;
	display: flex;
	margin: 0 auto;
}

.news-sign-popup .pop_news_content a{
	text-decoration: underline;
}