@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@import url(https://fonts.googleapis.com/css?family=Raleway);
*,
::after,
::before {
	box-sizing: border-box
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-weight: 400
}

p {
	margin: 0;
	padding: 0;
	font-weight: 400
}

* {
	padding: 0;
	margin: 0
}

:focus {
	outline: 0
}

body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #2b2b2b;
	font-family: 'Open Sans', sans-serif;
	overflow-x: hidden
}

ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

:focus {
	outline: 0
}

a,
a:link {
	text-decoration: none;
	outline: 0
}

a {
	color: #337ab8;
	text-decoration: none
}

a:hover {
	text-decoration: none;
	color: #0c528f
}

a:focus {
	outline: 0!important
}

:hover {
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease
}

h1,
h1 a,
h2,
h2 a,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-weight: 400
}

img {
	border: 0;
	max-width: 100%;
	height: auto
}

iframe {
	border: none;
	margin: 0;
	padding: 0;
	width: 100%
}

.clearfixMCclass::after {
	display: block;
	clear: both;
	content: ""
}

.dispN {
	display: none!important
}

.mcContFull78 {
	padding: 60px 0
}

.mc-class-Cate {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	padding-bottom: 80px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.mcClassSingle {
	width: 50%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	margin: 50px 0 0 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.mcClassSingleMain {
	position: relative;
	height: 100%
}

.mcClassSingleMain:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 32%, rgba(0, 0, 0, .23) 59%, rgba(0, 0, 0, .8) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 32%, rgba(0, 0, 0, .23) 59%, rgba(0, 0, 0, .8) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 32%, rgba(0, 0, 0, .23) 59%, rgba(0, 0, 0, .8) 100%)
}

.mcClassSingleMain a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 4
}

.mcClassSingleMain img {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	-webkit-transition: transform 2s ease;
	transition: transform 2s ease;
	width: 100%!important;
	height: 100%!important
}

.mcClassSingleCoverTxt {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 25px;
	color: #fff !important;
	z-index: 3;
	text-align: left;
	transition: bottom 1s ease
}

.mcClassSingleCoverTxt h3 {
	margin: 0;
	padding: 0;
	color: #fff!important;
	font-size: 25px
}

.mcClassSingleCoverTxt h4 {
	margin: 0;
	padding: 0;
	color: rgba(255, 255, 255, .5);
	font-size: 16px
}

.mcClassSingleCoverPer {
	position: absolute;
	left: 0;
	top: 0;
	background: #0087ff;
	font-size: 22px;
	color: #fff;
	padding: 10px 20px;
	display: none
}

.mcClassSingleCoverPer:before {
	content: '';
	position: absolute;
	left: 0;
	top: -18px;
	width: 0;
	height: 0;
	border-top: 18px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 40px solid #006fd2;
	z-index: -1
}

.mcClassSingleCover {
	height: 100%
}

.mcClassSingleCoverMain {
	height: 100%
}

.mcClassSingleMain:hover .mcClassSingleCoverTxt {
	bottom: 20px
}

.mcClassSingleMain:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.mc_class_H2 {
	text-align: center;
	font-size: 50px;
	line-height: 50px;
	letter-spacing: 2px;
	color: #000
}

.mc-class-video-area {
	width: 100%;
	position: relative;
	height: 500px;
	margin-bottom: 80px
}

.mcVideoOverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../images/video-bg.png) no-repeat
}

.mc_class_LI {
	border-top: 1px solid #dbdee0;
	padding: 35px 0;
	position: relative;
	text-align: center
}

.mc_class_LI:first-child {
	border: none
}

.mc_class_post-count {
	position: absolute;
	left: 0;
	top: 35px;
	color: #bbc0ca;
	font-size: 50px;
	line-height: 50px
}

.mc_class_post-title {
	color: #515967;
	font-size: 25px;
	font-weight: 600;
	display: inline-block;
	border-bottom: 1px solid #515967;
	margin-bottom: 15px
}

.mc_class_button {
	display: inline-block;
	border: 1px solid #e6e6e6;
	padding: 5px 25px;
	border-radius: 4px;
	font-size: 16px;
	margin: 15px 0 0 0;
	color: #515967
}

.mc-privacy-message.mc-reg-error-exists {
	color: red
}

.mc-class-cat-hide-at-load {
	border-top: 1px solid #e6e6e6
}

.mc-class-cat-load-more.mcLoadAct {
	display: none
}

.mc-class-cat-load-more {
	text-align: center;
	padding: 15px 0;
	border-top: 1px solid #dbdee0;
	position: relative;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	cursor: pointer;
	display: none
}

.mc-class-cat-load-more:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #dbdee0;
	left: 0;
	top: 10px
}

.mc-class-cat-load-more:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #dbdee0;
	left: 0;
	bottom: 10px
}

.mc-class-cat-load-moreAlt {
	position: relative
}

.mc-class-cat-load-moreAlt:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #dbdee0;
	left: 0;
	top: 10px
}

.mc-class-cat-load-moreAlt:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #dbdee0;
	left: 0;
	bottom: 10px
}

.mcLoadSpan {
	display: inline-block;
	background: #f9f9f9;
	padding: 0 40px;
	position: relative;
	z-index: 5
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#page .mc-wrap-desc.mc-privacy-message p {
		margin: 0;
		padding: 0
	}
}

#mcNavigation {
	text-align: center;
	width: 100%;
	display: none
}

#mcNavigation .dashicons,
.dashicons-before:before {
	display: inline-block;
	width: auto;
	height: auto;
	font-size: 51px;
	line-height: 1;
	font-family: dashicons;
	text-decoration: inherit;
	font-weight: 400;
	font-style: normal;
	vertical-align: middle;
	text-align: center;
	transition: color .1s ease-in 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

#mcLessonMcqgradPrevresults,
#mcLessonMcqgradResultText,
.Calculating-slide,
.mcLessonMcqgradquestion {
	font-size: 30px;
	margin-bottom: 10px
}

.mcLessonMcqgradanswers {
	margin-bottom: 20px;
	text-align: left;
	display: inline-block
}

.mcLessonMcqgradanswers label {
	display: block;
	margin-bottom: 10px
}

#mcLessonCheckMarkgradsubmit,
a.mcLessonMcqgrad,
button.mcLessonMcqgrad {
	font-family: 'Work Sans', sans-serif;
	font-size: 16px;
	background-color: #279;
	color: #fff;
	border: 0;
	border-radius: 3px;
	padding: 10px 60px;
	cursor: pointer;
	margin-bottom: 20px;
	font-weight: 600
}

#mcLessonCheckMarkgradsubmit:hover,
a.mcLessonMcqgrad:hover,
button.mcLessonMcqgrad:hover {
	background-color: #38a
}

a.mcLessonMcqgrad {
	font-family: 'Work Sans', sans-serif;
	font-size: 16px;
	background-color: #279;
	color: #fff;
	border: 0;
	border-radius: 3px;
	padding: 10px;
	cursor: pointer;
	margin-bottom: 20px;
	font-weight: 600
}

a.mcLessonMcqgrad:hover {
	background-color: #38a;
	color: #fff
}

#mcLessonMcqgradRetake,
.mcLessonMcqgradResult-retake {
	font-family: 'Work Sans', sans-serif;
	font-size: 20px;
	color: #757575!important;
	font-weight: 600
}

.mcLessonMcqgradResult-retake a,
.mcLessonMcqgradResult-retake span {
	text-decoration: underline;
	cursor: pointer
}

input#mcLessonMcqgradMoveNext {
	font-family: 'Work Sans', sans-serif;
	font-size: 16px;
	background-color: #dd0808!important;
	color: #fff;
	border: 0;
	border-radius: 3px;
	padding: 10px 60px;
	cursor: pointer;
	margin: 20px 0 0 0;
	font-weight: 600
}

input#mcLessonMcqgradMoveNext:hover {
	background-color: #bc0000!important;
	color: #fff
}

.mcLessonMcqgradslide {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1;
	opacity: 0;
	transition: opacity .5s
}

.mcLessonMcqgradactive-slide {
	opacity: 1;
	z-index: 2
}

.mcLessonMcqgradquiz-container {
	position: relative;
	height: 300px;
	margin-top: 40px
}

.mcLessonGrad .mcLessonh2,
.mcLessonSuppDoc .mcLessonh2 {
	font-size: 30px;
	text-align: center;
	color: #000;
	padding-bottom: 10px;
	position: relative
}

.mcLessonGrad .mcLessonh2::after,
.mcLessonSuppDoc .mcLessonh2::after {
	width: 200px;
	height: 1px;
	margin: auto;
	content: "";
	background-color: #797979;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0
}

.mcLessonSuppDoc .mcLessonUl {
	margin: 60px 0
}

.mcLessonSuppDoc .mcLessonUl .mcLessonLi {
	display: inline-block;
	text-align: center;
	padding: 15px 0;
	margin: 0
}

.mcLessonSuppDoc .mcLessonUl .mcLessonLi .dashicons {
	width: 50px;
	height: 50px;
	color: #999;
	font-size: 40px
}

.mcLessonSuppDoc .mcLessonUl .mcLessonLi a {
	font-size: 16px;
	color: #067bd2;
	font-weight: 400;
	width: 90%;
	display: inline-block;
	padding: 30px 15px;
	transition: all .7s ease
}

.mcLessonSuppDoc .mcLessonUl .mcLessonLi a:hover {
	background-color: #e8e8e8
}

.mcLessonGrad {
	text-align: center;
	padding-bottom: 30px
}

.mcLessonGrad .mcLessonh3 {
	font-size: 16px;
	font-weight: 400;
	color: #666;
	margin-bottom: 10px;
	margin-top: 15px
}

.mcLessonGrad .mcLessonh4 {
	font-size: 14px;
	font-weight: 400;
	color: #666;
	margin-bottom: 10px
}

.mcLessonSpanCheckbox {
	width: auto;
	display: inline-block;
	margin: 0 15px;
	font-size: 14px;
	color: #666;
	font-weight: 400
}

#mcLessonCheckgrad .mcgradCheckMark-radio-group,
#mcLessonMcqgradquiz .mcLessonMcqgrad-radio-group {
	border: none;
	display: inline-block;
	margin: 20px
}

#mcLessonCheckgrad .mcgradCheckMark-radio-group .mcgradCheckMark-radio-group-item,
#mcLessonMcqgradquiz .mcLessonMcqgrad-radio-group .mcLessonMcqgrad-radio-group-item {
	display: block;
	margin: 0 auto;
	padding: 10px 20px;
	text-align: left;
	background: #fff;
	margin: 0 0 10px 0;
	-webkit-box-shadow: 0 0 10px 0 #e0e0e0;
	box-shadow: 0 0 10px 0 #e0e0e0;
	border-radius: 40px
}

#mcLessonCheckgrad .mcgradCheckMark-radio-group .mcgradCheckMark-radio-group-item:hover,
#mcLessonMcqgradquiz .mcLessonMcqgrad-radio-group .mcLessonMcqgrad-radio-group-item:hover {
	background: #dadada
}

#mcLessonCheckgrad .mcgradCheckMark-radio-group .mcgradCheckMark-radio-group-item:hover label,
#mcLessonMcqgradquiz .mcLessonMcqgrad-radio-group .mcLessonMcqgrad-radio-group-item:hover label {
	color: #000
}

#mcLessonCheckgrad .mcgradCheckMark-radio-group .mcgradCheckMark-radio-group-item label,
#mcLessonMcqgradquiz .mcLessonMcqgrad-radio-group .mcLessonMcqgrad-radio-group-item label {
	margin: 0;
	padding: 0;
	font-size: 1.25rem;
	cursor: pointer
}

#mcLessonCheckgrad .mcgradCheckMark-radio-group .mcgradCheckMark-radio-group-item input[type=radio],
#mcLessonMcqgradquiz .mcLessonMcqgrad-radio-group .mcLessonMcqgrad-radio-group-item input[type=radio] {
	position: absolute;
	visibility: hidden;
	display: none;
	opacity: 0
}

#mcLessonCheckgrad .mcgradCheckMark-radio-group .mcgradCheckMark-radio-group-item input[type=radio]+label .fas,
#mcLessonMcqgradquiz .mcLessonMcqgrad-radio-group .mcLessonMcqgrad-radio-group-item input[type=radio]+label .fas {
	width: 27px;
	height: 27px;
	vertical-align: middle;
	color: #fff;
	background-color: #fff;
	border: 1px solid #636363;
	line-height: 35px;
	margin: 0 15px 0 0;
	padding: 0;
	text-align: center
}

#mcLessonCheckgrad .mcgradCheckMark-radio-group .mcgradCheckMark-radio-group-item input[type=radio]+label .fas:before,
#mcLessonMcqgradquiz .mcLessonMcqgrad-radio-group .mcLessonMcqgrad-radio-group-item input[type=radio]+label .fas:before {
	color: #fff;
	font-size: 1.15rem
}

#mcLessonCheckgrad .mcgradCheckMark-radio-group .mcgradCheckMark-radio-group-item input[type=radio]:checked+label .fas:before,
#mcLessonMcqgradquiz .mcLessonMcqgrad-radio-group .mcLessonMcqgrad-radio-group-item input[type=radio]:checked+label .fas:before {
	color: #636363
}

#mcLessonCheckgrad .mcgradCheckMark-radio-group .mcgradCheckMark-radio-group-item input[type=radio]:checked+label .fas,
#mcLessonMcqgradquiz .mcLessonMcqgrad-radio-group .mcLessonMcqgrad-radio-group-item input[type=radio]:checked+label .fas {
	background-color: #fff;
	border: 1px solid #636363;
	color: #636363
}

#mcLessonConfidentgrad .mcgradCheckMark-radio-group {
	border: none;
	display: inline-block;
	margin: 20px;
	overflow: hidden
}

#mcLessonConfidentgrad .mcgradCheckMark-radio-group .mcLessonMcqgrad-radio-group-item {
	display: block;
	margin: 0 auto;
	padding: 0 0 20px 0;
	text-align: left
}

#mcLessonConfidentgrad .mcgradCheckMark-radio-group .mcLessonMcqgrad-radio-group-item label {
	margin: 0;
	padding: 0;
	font-size: 1.25rem;
	cursor: pointer;
	color: #000
}

#mcLessonConfidentgrad .mcgradCheckMark-radio-group .mcLessonMcqgrad-radio-group-item input[type=radio] {
	position: absolute;
	visibility: hidden;
	display: none;
	opacity: 0
}

#mcLessonConfidentgrad .mcgradCheckMark-radio-group .mcLessonMcqgrad-radio-group-item input[type=radio]+label .fas {
	width: 35px;
	height: 35px;
	color: #fff;
	background-color: #fff;
	border: 1px solid #636363;
	line-height: 35px;
	margin: 0 15px 0 0;
	padding: 0;
	text-align: center
}

#mcLessonConfidentgrad .mcgradCheckMark-radio-group .mcLessonMcqgrad-radio-group-item input[type=radio]+label .fas:before {
	color: #fff;
	font-size: 1.15rem
}

#mcLessonConfidentgrad .mcgradCheckMark-radio-group .mcLessonMcqgrad-radio-group-item input[type=radio]:checked+label .fas:before {
	color: #636363
}

#mcLessonConfidentgrad .mcgradCheckMark-radio-group .mcLessonMcqgrad-radio-group-item input[type=radio]:checked+label .fas {
	background-color: #fff;
	border: 1px solid #636363;
	color: #636363
}

.mcLessonMcqgradResult {
	color: #007f99;
	font-size: 35px;
	font-weight: 600;
	margin-top: 30px
}

.mcLessonMcqgradResult .mcLessonMcqgradResult-retake {
	font-size: 25px;
	text-decoration: underline;
	cursor: pointer
}

#mcLessonMcqgradMoveNext a {
	color: #fff
}

.mcLessonSuppDoc .mcLessonUl {
	overflow: hidden;
	text-align: center
}

.mcLessonSuppDoc .mcLessonUl .mcLessonLi {
	float: none;
	display: inline-block
}

.mcLessonSuppDoc .mcLessonUl .mcLessonLi a {
	width: 100%;
	padding: 0 20px 0 14px;
	border-left: 1px solid #636363
}

.mcLessonSuppDoc .mcLessonUl .mcLessonLi a:hover {
	background: 0 0
}

.mcLessonSuppDoc .mcLessonUl .mcLessonLi .dashicons {
	float: left;
	width: 40px;
	height: 30px;
	line-height: 30px;
	margin: 0 10px 0 0;
	font-size: 30px
}

.mcLessonh3 {
	float: left;
	margin: 6px 0 0 0;
	color: #000;
	font-size: 15px;
	font-weight: 600;
	line-height: 15px;
	text-decoration: underline;
	max-width: 100px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.mcLessonSuppDoc .mcLessonUl .mcLessonLi:first-child a {
	border-left: none
}

.mcTopviewAllLessonTitle {
	width: 50%;
	float: left;
	margin: 0 0 20px 0;
	color: #000;
	font-weight: 400;
	font-size: 14px;
	cursor: pointer;
	text-transform: uppercase
}

.mc_pagination {
	width: 50%;
	float: left;
	text-align: right;
	color: #000;
	font-weight: 300;
	font-size: 14px
}

.mc_pagination a {
	color: #b70000;
	display: inline-block;
	position: relative;
	padding: 0 13px 0 0;
	font-weight: 300;
	text-transform: uppercase;
	position: relative
}

.mc_pagination a .dashicons {
	display: none
}

.mc_pagination a:after {
	content: '\f105';
	font-family: FontAwesome;
	position: absolute;
	right: 0;
	top: -3px;
	font-size: 18px
}

.mc_pagination a .dashicons {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 32px
}

.mcLessonBeforeContentDiv {
	position: relative;
	margin-top: 50px
}

.mcTopviewAllLessonUl {
	position: absolute;
	z-index: 999;
	visibility: hidden;
	width: 420px;
	opacity: 0;
	top: 30px;
	left: 0;
	color: #fff;
	height: 700px;
	overflow: auto;
	-webkit-transition: top .5s ease, opacity .8s ease;
	transition: top .5s ease, opacity .8s ease
}

.mcTopviewAllLessonUl.whenActive {
	top: 162px;
	opacity: 1;
	visibility: visible
}

.mcTopviewLessonLi {
	padding: 15px 20px 0 25px;
	background: #000;
	position: relative;
	border: 1px solid #333
}

.mcTopviewLessonLi a {
	color: #fff
}

.mcTopviewLessonLi a:hover {
	color: #fff
}

.mcTopviewLessonLi.mcTopviewLessonLiActive:after {
	content: '';
	width: 8px;
	height: 100%;
	position: absolute;
	left: 0;
	top: -1px;
	background: #c3303b
}

.mcTopviewLessonLih3 {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	padding: 0 40px 0 0
}

.mcTopviewLessonLiDesc {
	font-size: 14px;
	color: #9199a2;
	padding: 10px 40px 15px 0;
	font-weight: 400
}

.mcTopviewLessonLiScore {
	width: 30px;
	height: 30px;
	font-size: 11px;
	text-align: center;
	line-height: 30px;
	border: 1px solid #333;
	border-radius: 50%;
	position: absolute;
	right: 20px;
	top: 15px;
	color: green;
	font-weight: 700
}

.mcTopviewLessonLiScore .dashicons {
	margin: 4px 0 0 0;
	color: green
}

.mc-class-lessons .entry-header {
	display: none
}

.mcLessonBeforeContentTitle {
	color: #000;
	font-size: 60px;
	text-align: center;
	padding: 10px 0 0 0
}

.mcLessonContentDiv p {
	margin: 0!important;
	padding: 0!important;
	color: #000!important;
	font-size: 19px!important;
	font-weight: 300!important
}

.mcLessonGrad {
	background: #f9f9f9;
	width: 100vw;
	position: relative;
	margin-left: -50vw;
	left: 50%;
	padding: 60px 0 60px 0
}

.mcLessonGradH2 {
	color: #000;
	font-size: 60px;
	text-align: center;
	line-height: 60px;
	display: inline-block;
	border-bottom: 2px solid #000;
	padding: 0 0 30px 0
}

#mcLessonConfidentgrad {
	padding: 30px 0 0 0
}

.mcLessonGrad .mcLessonh2 {
	margin-bottom: 30px
}

.mcLessonComments {
	padding: 80px 0
}

.mcLessonCommentsDiv {
	position: relative;
	padding: 0 0 30px 110px;
	border-bottom: 1px solid #ababab;
	overflow: hidden
}

.mcLessonCommentsDiv textarea {
	border-radius: 0;
	border: 1px solid #ababab;
	background: #fff;
	height: 80px;
	font-size: 15px;
	padding: 15px 25px
}

.mcLessonCommentsImg {
	width: 80px;
	height: 80px;
	background: #f9f9f9;
	position: absolute;
	left: 0;
	top: 0
}

.mcLessonCommentsImg img {
	width: 80px;
	height: 80px
}

.mcLessonComments input[type=submit] {
	font-family: 'Work Sans', sans-serif;
	font-size: 16px;
	background-color: #dd0808;
	color: #fff;
	border: 0;
	border-radius: 3px;
	padding: 10px 60px;
	cursor: pointer;
	font-weight: 600;
	float: right;
	margin: 10px 0 0 0
}

.mcLessonComments input[type=submit]:hover {
	background-color: #bc0000!important
}

.mcLessonDiscussionH2 {
	color: #000;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
	padding: 20px 0 20px 0
}

.mcLessonDiscussionSingle .mcLessonCommentsImg {
	top: 22px
}

.mcLessonDiscussionSingle {
	position: relative;
	padding: 22px 0 22px 110px;
	border-bottom: 1px solid #d5d5d5
}

.mcLessonDiscussionName {
	color: #000;
	font-weight: 600;
	font-size: 17px;
	line-height: 17px;
	padding: 0 0 12px 0
}

.mcLessonDiscussionMeta {
	margin: 12px 0 0 0
}

.mcLessonDiscussionTxt {
	font-size: 15px;
	color: #333;
	font-weight: 400
}

.mcLessonDiscussionMeta a {
	color: #9d9d9d
}

.mcLessonFeaturedVideo {
	padding: 0 0
}

.mcLessonCount {
	padding: 80px 0 30px 0;
	text-align: center
}

.mcClassAccessBtn {
	text-align: center
}

.mcClassAccessBtn a {
	display: inline-block;
	background: #dd0808!important;
	margin: 0;
	padding: 0;
	color: #fff;
	padding: 10px 30px;
	font-size: 30px;
	font-weight: 400;
	border-radius: 5px;
	min-width: 50%;
	margin-top: 50px
}

.mcClassAccessBtn a:hover {
	background: #bc0000!important;
	color: #fff
}

.mcLessonCount .mcLessonCountTitle {
	font-size: 34px;
	line-height: 34px;
	color: #000;
	font-weight: 400;
	padding: 0 0 0 45px
}

.mcLessonCount .mcLessonDesc {
	font-size: 22px;
	color: #000;
	font-weight: 400;
	padding: 5px 0 0 45px
}

.mcRegFull {
	padding-left: 50px;
	padding-right: 50px
}

.mcAlreadyAccount {
	text-align: center;
	color: #000;
	font-size: 20px;
	font-weight: 400
}

.mcCouponTitle {
	border: 1px solid #ccc;
	padding: 10px 30px;
	font-size: 17px;
	color: #000;
	font-weight: 400;
	margin: 15px 0 0 0
}

.mcCouponTitle .dashicons {
	margin-right: 15px;
	margin-top: 4px
}

.mcCouponTitle a {
	color: #000;
	text-decoration: underline;
	cursor: pointer
}

.mcRegFull .mcRegFormTitle {
	margin-bottom: 30px
}

.mcMiscOrderInfo {
	width: 40%;
	float: right;
	padding-left: 50px;
	padding-right: 50px
}

.mcRegForm.mcRegForm-left-side {
	width: 60%
}

.mcOrderSummaryBox {
	border: 1px solid #ccc;
	padding: 25px;
	color: #000;
	font-weight: 400
}

.mcOrderSummaryBoxRow1,
.mcOrderSummaryBoxRow2 {
	overflow: hidden
}

.mcOrderSummaryBoxRow1 {
	margin-bottom: 15px
}

.mcOrderSummaryBoxRow2 {
	font-size: 20px
}

.mcOrderSummaryTitle,
.mcOrderSummaryValue {
	width: 50%;
	float: left
}

.mcOrderSummaryValue {
	text-align: right
}

.mcOrderSummaryCourseDetails {
	border: 1px solid #ccc;
	padding: 25px;
	color: #000;
	font-weight: 400
}

.mcOrderSummaryCourseDetails .mcOrderSummaryfeaturedImage {
	width: 80px;
	float: left;
	margin: 0 15px 0 0
}

.mcOrderSummaryCourseDetails .mcOrderSummaryClassTitle {
	font-weight: 700
}

.mcOrderSummaryCourseAddtnlDetails {
	border: 1px solid #ccc;
	padding: 25px;
	color: #000;
	font-weight: 400;
	margin: 40px 0 0 0
}

.mcOrderSummaryCourseAddtnlDetails .mcRegFormLegend {
	padding: 0!important
}

.mcOrderSummaryCourseAddtnlDetailsLi {
	margin-top: 15px
}

.mcOrderSummaryCourseAddtnlDetailsLi .dashicons {
	margin: 4px 10px 0 0
}

.mcForgotPasswordForm,
.mcResetPasswordForm {
	width: 50%;
	margin: 0 auto
}

#mcCoupon {
	border: 1px solid #ccc;
	padding: 25px;
	margin: 20px 0 0 0;
	overflow: hidden
}

#mcCoupon input[type=text] {
	padding-left: 0!important;
	width: 60%!important;
	float: left
}

#mcCoupon input[type=submit] {
	width: 30%!important;
	float: right;
	margin: 0!important;
	padding: 5px 0 5px 0;
	text-align: center
}

.mcRegLoginDiv {
	overflow: hidden;
	margin-left: -50px;
	margin-right: -50px;
	padding: 60px 0 60px 0
}

.mcRegLoginDiv .mcRegFormLegend {
	color: #333;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 20px;
	padding-bottom: 6px;
	padding-top: 30px
}

.mcRegLoginDiv .mcLabelInput {
	position: relative;
	margin: 0 0 22px 0
}

.mcLogInForm,
.mcRegForm {
	width: 50%;
	float: left;
	padding-left: 50px!important
}

.mcLogInForm {
	float: none;
	margin: 0 auto
}

.mcRegLoginDiv .mcLabelInput .fas {
	position: absolute;
	left: 18px;
	top: 14px;
	font-size: 23px;
	color: #c8c8c8
}

.mcRegLoginDiv input[type=email],
.mcRegLoginDiv input[type=password],
.mcRegLoginDiv input[type=text],
.mcRegLoginDiv select {
	width: 100%!important;
	height: 50px;
	border: none;
	border-bottom: 1px solid #e9e9e9;
	border-radius: 0;
	padding: 0 20px;
	padding-left: 62px!important;
	font-size: 18px;
	font-weight: 300;
	color: #a59e9e;
	position: relative;
	background: 0 0
}

.mcRegLoginDiv .mcLabelInputSpan {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 0;
	height: 2px;
	background: #279;
	-webkit-transition: width .5s ease;
	transition: width .5s ease
}

.mcRegLoginDiv input:focus,
.mcRegLoginDiv select:focus {
	background: 0 0!important
}

.mcRegLoginDiv input:focus+.mcLabelInputSpan {
	width: 100%
}

.mcRegLoginDiv input.mc-reg-error-exists+.mcLabelInputSpan {
	width: 100%;
	background: red
}

.mcRegLoginDiv input.error-exists+.mcLabelInputSpan {
	width: 100%;
	background: red
}

.mcRegLoginDiv input.mc-login-error-exists+.mcLabelInputSpan {
	width: 100%;
	background: red
}

.mcRegLoginDiv select.mc-reg-error-exists+.mcLabelInputSpan {
	width: 100%;
	background: red;
	margin: 0 15px
}

.mcRegLoginDiv input[type=submit] {
	font-family: 'Work Sans', sans-serif;
	font-size: 16px;
	background-color: #dd0808!important;
	color: #fff;
	border: 0;
	border-radius: 3px;
	padding: 10px 60px;
	cursor: pointer;
	font-weight: 600;
	margin: 10px 0 0 0
}

.mcRegLoginDiv input[type=submit]:focus,
.mcRegLoginDiv input[type=submit]:hover {
	background-color: #bc0000!important
}

.mcLogInForm .mcLoginFormTitle,
.mcRegLoginDiv .mcLoginFormTitle,
.mcRegLoginDiv .mcRegFormTitle {
	text-align: center;
	font-size: 45px;
	color: #bfbfbf;
	position: relative;
	margin-bottom: 50px
}

.mcRegLoginDiv .mcLoginFormTitle:after,
.mcRegLoginDiv .mcRegFormTitle:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -50px;
	bottom: 0;
	width: 100px;
	height: 2px;
	background: #d6d6d6
}

.mcRegLoginDiv .mcLabelSelectBox {
	width: 50%;
	float: left;
	padding: 0 15px;
	position: relative;
	overflow: hidden
}

.mcRegLoginDiv .mcLabelInputRemember {
	width: 50%;
	float: left;
	text-align: left
}

.mcRegLoginDiv .mcLabelInputForgotPass {
	width: 50%;
	float: left;
	text-align: right
}

.mcRegLoginDiv .mcLabelselect-alt {
	overflow: hidden;
	margin-left: -15px;
	margin-right: -15px
}

.mcRegLoginDiv .mcLabelselect-alt .fas {
	left: 30px
}

.mcForgotPasswordForm {
	overflow: hidden;
	padding: 60px 0 60px 0
}

.mcForgotPasswordForm .mcRegFormLegend {
	color: #333;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 20px;
	padding-bottom: 6px;
	padding-top: 30px
}

.mcForgotPasswordForm .mcLabelInput {
	position: relative;
	margin: 0 0 22px 0
}

.mcForgotPasswordForm .mcLabelInput .fas {
	position: absolute;
	left: 18px;
	top: 14px;
	font-size: 23px;
	color: #c8c8c8
}

.mcForgotPasswordForm input[type=email],
.mcForgotPasswordForm input[type=password],
.mcForgotPasswordForm input[type=text],
.mcForgotPasswordForm select {
	width: 100%!important;
	height: 50px;
	border: none;
	border-bottom: 1px solid #e9e9e9;
	border-radius: 0;
	padding: 0 20px;
	padding-left: 62px!important;
	font-size: 18px;
	font-weight: 300;
	color: #a59e9e;
	position: relative;
	background: 0 0
}

.mcForgotPasswordForm .mcLabelInputSpan {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 0;
	height: 2px;
	background: #279;
	-webkit-transition: width .5s ease;
	transition: width .5s ease
}

.mcForgotPasswordForm input:focus,
.mcForgotPasswordForm select:focus {
	background: 0 0!important
}

.mcForgotPasswordForm input:focus+.mcLabelInputSpan {
	width: 100%
}

.mcForgotPasswordForm input[type=submit] {
	font-family: 'Work Sans', sans-serif;
	font-size: 16px;
	background-color: #279;
	color: #fff;
	border: 0;
	border-radius: 3px;
	padding: 10px 60px;
	cursor: pointer;
	font-weight: 600;
	margin: 10px 0 0 0
}

.mcForgotPasswordForm input[type=submit]:focus,
.mcForgotPasswordForm input[type=submit]:hover {
	background-color: #38a
}

.mcForgotPasswordForm .mcLoginFormTitle,
.mcForgotPasswordForm .mcRegFormTitle,
.mcLogInForm .mcLoginFormTitle {
	text-align: center;
	font-size: 45px;
	color: #bfbfbf;
	position: relative;
	margin-bottom: 50px
}

.mcForgotPasswordForm .mcLoginFormTitle:after,
.mcForgotPasswordForm .mcRegFormTitle:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -50px;
	bottom: 0;
	width: 100px;
	height: 2px;
	background: #d6d6d6
}

.mcForgotPasswordForm .mcLabelSelectBox {
	width: 50%;
	float: left;
	padding: 0 15px
}

.mcForgotPasswordForm .mcLabelInputRemember {
	width: 50%;
	float: left;
	text-align: left
}

.mcForgotPasswordForm .mcLabelInputForgotPass {
	width: 50%;
	float: left;
	text-align: right
}

.mcForgotPasswordForm .mcLabelselect-alt {
	overflow: hidden;
	margin-left: -15px;
	margin-right: -15px
}

.mcForgotPasswordForm .mcLabelselect-alt .fas {
	left: 30px
}

.mcErrorUl {
	margin: 40px 0 0 0;
	border-radius: 5px
}

.mc-square-error,
.mcErrorUl .mcErrorLi {
	color: red;
	position: relative;
	text-align: center
}

.mcErrorUl .mcErrorLi:before {
	content: "\f071";
	font-family: FontAwesome;
	padding: 0 10px 0 0
}

.mcSuccessUl {
	margin: 40px 0 0 0;
	border-radius: 5px
}

.mcSuccessUl .mcSuccessLi {
	color: green;
	position: relative
}

.mcSuccessUl .mcSuccessLi:before {
	content: "\f00c";
	font-family: FontAwesome;
	padding: 0 10px 0 0
}

.mcSuccess {
	margin: 40px 0 0 0;
	border-radius: 5px;
	color: green;
	position: relative;
	padding: 0 0 0 30px
}

.mcSuccess:after {
	content: "\f00c";
	font-family: FontAwesome;
	padding: 0 10px 0 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0
}

.mcBackToLogin {
	padding-left: 25px;
	color: #279
}

.mcAdminEmail {
	display: inline;
	font-weight: 600;
	font-style: italic
}

.mcLogoutSuccess {
	margin: 40px 0 0 0;
	color: green;
	text-align: center;
	padding: 0 0 0 30px
}

.mcActivationAccountMsg {
	text-align: center
}

.mcSuccess.mcSuccess-act-acc {
	display: inline-block
}

.mcUserAccNavUL {
	padding-top: 60px;
	border-bottom: 1px solid #dbdee0!important;
	text-align: center
}

.mcUserAccNavLI {
	padding-top: 15px;
	cursor: pointer;
	display: inline-block;
	margin: 0 15px 0 15px;
	text-transform: uppercase;
	font-weight: 700;
	color: #000;
	font-size: 15px;
	padding: 15px 0;
	position: relative;
	vertical-align: bottom
}

.mcUserAccNavLI:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #279;
	position: absolute;
	left: -100%;
	bottom: -2px;
	opacity: 0;
	transition: left .5s ease
}

.mcUserAccNavLI:hover:after {
	left: 0;
	opacity: 1
}

.mcUserAccNavLI.currentMcTab:after {
	left: 0;
	opacity: 1
}

.mcUserAccNavLI.currentMcTab {
	color: #000
}

.mcUserAcc {
	display: none;
	opacity: 0;
	padding: 0;
	overflow: hidden;
	transition: all .5s ease
}

.mcUserAcc.currentMcTab {
	display: block;
	opacity: 1;
	padding: 70px 0 0 0
}

.mcRegLoginDiv.forMcuser {
	margin: 0;
	padding: 0
}

.mcRegLoginDiv.forMcuser .mcLogInForm {
	padding-left: 0;
	padding-right: 0
}

.mcUserAccLegend {
	color: #333;
	text-transform: uppercase;
	text-align: center;
	font-size: 17px;
	font-weight: 700;
	padding: 0 0 25px 0
}

#mcUserAccTab-1 {
	text-align: center;
	color: #333;
	font-size: 20px
}

.mcUserAcc .button {
	font-family: 'Work Sans', sans-serif;
	font-size: 16px;
	background: #dd0808!important;
	color: #fff;
	border: 0;
	border-radius: 3px;
	padding: 4px 60px;
	cursor: pointer;
	font-weight: 600;
	margin: 18px 0 0 0
}

.mcUserAcc .button:focus,
.mcUserAcc .button:hover {
	background: #bc0000!important
}

.mcClassSingle.mcClassSingleAlt {
	width: 33.333333%;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}

.mcAccInvoiceGeneral {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0
}

.mcAccInvoiceGeneral.aCt {
	z-index: 999;
	opacity: 1;
	overflow-y: auto
}

.mcAccInvoiceGeneralContent {
	width: 1200px;
	margin: 0 auto;
	padding: 30px;
	background: #fff;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.mcAccInvoiceFooter {
	overflow: hidden;
	border-top: 1px solid #e2e2e2;
	padding: 30px 0 0 0
}

.mcAccInvoiceFooterLeft {
	float: left
}

.mcAccInvoiceFooterRight {
	float: right
}

#mcPrint {
	overflow: hidden
}

#mcPrint h6 {
	font-weight: 700;
	padding-bottom: 30px;
	border-bottom: 1px solid #e2e2e2;
	text-align: center;
	font-size: 21px;
	margin-bottom: 30px;
	text-transform: uppercase
}

#mcPrint h2 {
	padding-bottom: 15px
}

.mc_invloce_payment_left,
.mc_invloce_payment_right {
	width: 50%;
	float: left
}

.mcClassSingle.mcClassSingleAlt .mcClassSingleCoverTxt {
	font-size: 15px!important;
	padding-top: 8px!important;
	padding-bottom: 8px!important
}

#mcAccMyBillingTable tr td {
	border: none;
	padding: 15px!important
}

#mcAccMyBillingTable .mc-billing-odd-row td {
	background: #f1f1f1
}

#mcAccMyBillingTable button {
	background: #dd0808!important;
	padding: 10px 30px!important;
	font-size: 14px!important;
	line-height: 18px!important
}

#mcAccMyBillingTable button:hover {
	background: #bc0000!important
}

.mcAccInvoiceFooter button {
	background: #dd0808!important;
	padding: 10px 30px!important;
	font-size: 14px!important;
	line-height: 18px!important
}

.mcAccInvoiceFooter button:hover {
	background: #bc0000!important
}

.mcUserAccNavUL.mcUserAccNavUL-front {
	padding-top: 0;
	margin-bottom: 50px;
	text-align: right;
	border-bottom: 1px solid #dbdee0!important
}

.mcUserAccNavLILogon {
	float: left;
	font-size: 22px
}

.mcUserAccNavLILogon img {
	width: 50px;
	height: 50px;
	vertical-align: middle;
	margin: 0 12px 10px 0;
	border-radius: 50%
}

.mcUserAccNavUL.mcUserAccNavUL-front .mcUserAccNavLI {
	padding-top: 18px;
	padding-bottom: 18px
}

.mcUserAccNavUL.mcUserAccNavUL-front .mcUserAccNavLI a {
	color: #279
}

.mcUserAccNavUL.mcUserAccNavUL-front .mcUserAccNavLI a:hover {
	color: #075777
}

.mcRadioContainer {
	display: inline-block;
	position: relative;
	padding-left: 25px;
	margin: 0 15px 0 0;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.mcRadioContainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.mcRadiocheckmark {
	position: absolute;
	top: 5px;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #dcdcdc;
	border-radius: 50%
}

.container:hover input~.mcRadiocheckmark {
	background-color: #ccc
}

.mcRadioContainer input:checked~.mcRadiocheckmark {
	background-color: #279
}

.mcRadiocheckmark:after {
	content: "";
	position: absolute;
	display: none
}

.mcRadioContainer input:checked~.mcRadiocheckmark:after {
	display: block
}

.mcRadioContainer .mcRadiocheckmark:after {
	top: 5px;
	left: 5px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff
}

.mcCloseOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(255, 255, 255, .1);
	z-index: 9;
	display: none
}

.mcCloseOverlay.actWhen {
	display: block
}

.mcBtncent {
	text-align: center
}

#mcRegForm .mcBtncent p.no_merchant {
	color: red
}

.mcClassSingleCover {
	position: relative;
	overflow: hidden
}

.mcClassSingle:hover .mcBundleAssImg {
	opacity: 1
}

.mcBundleAssImg {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0
}

.mcClassSingle:hover .mcBundleAssImg {
	-webkit-animation: mymove 5s linear forwards;
	animation: mymove 5s linear forwards
}

.mCavailable {
	overflow: hidden;
	padding: 90px 0 0 0
}

.mCavailable h2 {
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 20px 0;
	color: #333;
	font-size: 30px
}

.mCavailable ul {
	margin-left: -15px;
	margin-right: -15px;
	overflow: hidden;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.mCavailable ul li {
	width: 50%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	margin: 30px 0 0 0;
	float: left;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.mCavailable ul li img {
	-webkit-transition: transform 2s ease;
	transition: transform 2s ease;
	vertical-align: middle;
	width: 100%;
	height: 100%
}

.mCavailable .mCavailableMain {
	position: relative;
	overflow: hidden;
	height: 100%
}

.mCavailable .mCavailableMain:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, .04) 24%, rgba(0, 0, 0, .23) 51%, rgba(0, 0, 0, .36) 59%, #000 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, .04) 24%, rgba(0, 0, 0, .23) 51%, rgba(0, 0, 0, .36) 59%, #000 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, .04) 24%, rgba(0, 0, 0, .23) 51%, rgba(0, 0, 0, .36) 59%, #000 100%)
}

.mCavailable .mCavailableMain a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1
}

.mCavailableMainCaption {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	color: #fff;
	z-index: 2;
	padding: 25px;
	-webkit-transition: bottom 1s ease;
	transition: bottom 1s ease
}

.mCavailableMainCaption h3 {
	margin: 0;
	padding: 0;
	color: #fff!important;
	font-size: 25px
}

.mCavailableMainCaption h4 {
	margin: 0;
	padding: 0;
	color: rgba(255, 255, 255, .5);
	font-size: 16px
}

.mCavailable ul li:hover .mCavailableMainCaption {
	bottom: 20px
}

.mCavailable ul li:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.mCavailableImgWrap {
	height: 100%
}

.mCavailableImgmain {
	height: 100%
}

.mc-square-input {
	width: 100%!important;
	height: 50px;
	border: none;
	border-bottom: 1px solid #e9e9e9;
	border-radius: 0;
	padding: 15px 20px;
	font-size: 18px;
	font-weight: 300;
	color: #a59e9e;
	position: relative;
	background: 0 0;
	padding-left: 0;
	margin: 0 0 10px 0
}

@keyframes mymove {
	from {
		transform: translateY(0)
	}
	to {
		transform: translateY(-100%)
	}
}

.mc-class-video-area {
	width: 768px;
	margin: 0 auto;
	margin-bottom: 80px;
	height: auto
}

.mc-class-video-area .stellar_vp_mainContainer {
	position: static!important
}

.mc-class-video-area .stellar_vp_mainContainer,
.mc-class-video-area .stellar_vp_videoPlayer {
	width: 100%!important;
	height: 574px!important
}

.mc-class-video-area .stellar_vp_fullScreen {
	width: 100%!important;
	height: 100%!important
}

.mc-class-video-area .stellar_vp_fullScreen .stellar_vp_videoPlayer {
	width: 100%!important;
	height: 100%!important
}

.mc-class-video-area .stellar_vp_progressIdleTrack {
	bottom: -6px!important
}

.mc-class-video-area .stellar_vp_overlay img {
	width: 100%!important
}

.single.single-mc-class .mc-class-video-area {
	margin-top: 98px
}

.mc-class-video-area {
	width: auto!important;
	margin-left: 90px!important;
	margin-right: 90px!important;
	height: 574px
}

.mc-class-video-area iframe {
	pointer-events: none!important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block
}

.mc-class-video-area .stellar_vp_effect6:after,
.mc-class-video-area .stellar_vp_effect6:before {
	bottom: 0
}

.single.single-mc-class .mc-class-video-area {
	margin-top: 25px
}

.mc-class-video-area {
	margin-top: 25px
}

.mcTopviewAllLessonUl.whenActive {
	top: 70px
}

.mcTopviewLessonLiScore {
	border-radius: 0;
	width: auto;
	border: none
}

.mcTopviewAllLessonDiv {
	position: relative
}

@media (min-width:1921px) {
	.mcClassSingle {
		width: 33.333333%;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}
	.mCavailable ul li {
		width: 33.333333%;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}
}

@media (max-width:1169px) {
	.mcLessonBeforeContentTitle {
		font-size: 40px
	}
	.mcLessonContentDiv p {
		font-size: 16px!important
	}
	.mcLessonFeaturedVideo {
		padding: 0
	}
	.mcRegLoginDiv {
		margin-left: 0;
		margin-right: 0
	}
	.mcLogInForm {
		padding-left: 0;
		padding-right: 0
	}
	.mcLessonCount {
		padding-left: 0
	}
	.mcLessonCount .mcLessonCountTitle {
		padding-left: 0
	}
	.mcLessonCount .mcLessonDesc {
		padding-left: 0
	}
	.mcRegLoginDiv.forMcuser .mcLogInForm {
		width: 100%
	}
	.mcAccInvoiceGeneralContent {
		width: 98%
	}
	.mc-class-video-area,
	.mc-class-video-area .stellar_vp_mainContainer,
	.mc-class-video-area .stellar_vp_videoPlayer {
		height: 452px!important
	}
	.mc-class-video-area .stellar_vp_fullScreen {
		width: 100%!important;
		height: 100%!important
	}
	.mc-class-video-area .stellar_vp_fullScreen .stellar_vp_videoPlayer {
		width: 100%!important;
		height: 100%!important
	}
	.mcLogInForm,
	.mcRegForm {
		margin: 0 auto!important
	}
}

@media (max-width:1023px) {
	.mcLessonSuppDoc .mcLessonUl .mcLessonLi {
		width: 33.3%
	}
	.mcLessonSuppDoc .mcLessonUl .mcLessonLi:nth-child(5n+5) a {
		border-left: 1px solid #636363
	}
	.mcLessonSuppDoc .mcLessonUl .mcLessonLi:nth-child(3n+4) a {
		border-left: none
	}
	.mcRegForm.mcRegForm-left-side {
		width: 50%
	}
	.mcMiscOrderInfo {
		width: 50%
	}
	.mcRegForm.mcRegForm-left-side {
		padding-left: 0;
		padding-right: 0
	}
	.mcMiscOrderInfo {
		padding-right: 0
	}
	.mcRegFull {
		padding-left: 0;
		padding-right: 0
	}
	.mc_invloce_payment_left,
	.mc_invloce_payment_right {
		width: 100%
	}
	.mcAccInvoiceGeneralContent {
		top: 5%;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
	.mc-class-video-area {
		width: 100%
	}
	.mc-class-video-area {
		margin-left: 0!important;
		margin-right: 0!important
	}
	.mc-class-video-area,
	.mc-class-video-area .stellar_vp_mainContainer,
	.mc-class-video-area .stellar_vp_videoPlayer {
		height: 390px!important
	}
	.mc-class-video-area .stellar_vp_fullScreen {
		width: 100%!important;
		height: 100%!important
	}
	.mc-class-video-area .stellar_vp_fullScreen .stellar_vp_videoPlayer {
		width: 100%!important;
		height: 100%!important
	}
}

@media (max-width:767px) {
	.mcTopviewAllLessonUl {
		width: 100%
	}
	.mcLessonSuppDoc .mcLessonUl .mcLessonLi {
		width: 50%
	}
	.mcLessonSuppDoc .mcLessonUl .mcLessonLi:nth-child(3n+4) a {
		border-left: 1px solid #636363
	}
	.mcLessonSuppDoc .mcLessonUl .mcLessonLi:nth-child(odd) a {
		border-left: none
	}
	.mcLessonCommentsImg {
		width: 50px;
		height: 50px
	}
	.mcLessonCommentsImg img {
		width: 50px;
		height: 50px
	}
	.mcLessonCommentsDiv {
		padding-left: 60px
	}
	.mcLessonDiscussionSingle {
		padding-left: 60px
	}
	.mcLessonBeforeContentTitle {
		font-size: 30px;
		line-height: 40px;
		padding-bottom: 25px
	}
	.mcLessonGrad {
		padding-top: 0;
		padding-bottom: 30px
	}
	.mcLogInForm,
	.mcRegForm {
		width: 100%
	}
	.mcRegLoginDiv input[type=email],
	.mcRegLoginDiv input[type=password],
	.mcRegLoginDiv input[type=text],
	.mcRegLoginDiv select {
		font-size: 15px
	}
	.mcRegLoginDiv .mcLabelSelectBox {
		width: 100%
	}
	.mcLogInForm {
		padding-top: 70px
	}
	.mcRegForm.mcRegForm-left-side {
		width: 100%
	}
	.mcMiscOrderInfo {
		width: 100%
	}
	.mcMiscOrderInfo {
		padding-left: 0
	}
	.mcResetPasswordForm {
		width: 100%
	}
	.mcForgotPasswordForm,
	.mcResetPasswordForm {
		width: 100%
	}
	.mcRegLoginDiv .mcLoginFormTitle,
	.mcRegLoginDiv .mcRegFormTitle {
		font-size: 30px
	}
	.mcRegLoginDiv input[type=submit] {
		padding-left: 40px;
		padding-right: 40px
	}
	.mcUserAccNavLI {
		display: block;
		width: 100%;
		margin: 0
	}
	.mcUserAcc.currentMcTab {
		padding-bottom: 30px;
		padding-top: 15px;
		border-bottom: 1px solid #279;
		margin-bottom: 50px;
		overflow: auto
	}
	.mcRegLoginDiv.forMcuser .mcLogInForm {
		padding-top: 0
	}
	.mcUserAccNavLI.currentMcTab {
		background: #279;
		color: #fff
	}
	.mcClassSingle.mcClassSingleAlt {
		width: 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	#mcAccMyBillingTable tr td {
		white-space: nowrap
	}
	.mcUserAccNavUL.mcUserAccNavUL-front {
		text-align: center
	}
	.mcUserAccNavLILogon {
		float: none
	}
	.mcUserAccNavUL.mcUserAccNavUL-front .mcUserAccNavLI {
		background: #199cd8;
		color: #fff
	}
	.mcUserAccNavUL.mcUserAccNavUL-front .mcUserAccNavLI a {
		color: #fff!important
	}
	.mcTopviewAllLessonUl.whenActive {
		top: -48px
	}
	.mcClassSingle {
		margin-top: 30px
	}
	.mcClassSingleMain {
		overflow: hidden
	}
	.mCavailableMainCaption,
	.mcClassSingleCoverTxt {
		padding: 10px
	}
	.mCavailableMainCaption h3,
	.mcClassSingleCoverTxt h3 {
		font-size: 15px
	}
	.mCavailableMainCaption h4,
	.mcClassSingleCoverTxt h4 {
		font-size: 12px
	}
	.mcClassAccessBtn a {
		font-size: 14px;
		margin-top: 25px
	}
	.mc_class_H2 {
		font-size: 30px
	}
	.mcLessonCount .mcLessonCountTitle {
		font-size: 20px
	}
	.mcLessonCount .mcLessonDesc {
		font-size: 15px
	}
	.mc_class_post-count {
		font-size: 30px;
		line-height: 30px
	}
	.mc_class_LI {
		padding-left: 45px
	}
	.mc_class_post-title {
		color: #515967;
		font-size: 16px;
		font-weight: 600;
		display: inline-block;
		border-bottom: 1px solid #515967;
		margin-bottom: 15px;
		line-height: 22px
	}
	.mcWhistiaVideo {
		position: relative;
		height: 300px
	}
	.mcWhistiaVideo iframe {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0
	}
	.mc-class-video-area,
	.mc-class-video-area .stellar_vp_mainContainer,
	.mc-class-video-area .stellar_vp_videoPlayer {
		height: 300px!important
	}
	.mc-class-video-area .stellar_vp_fullScreen {
		width: 100%!important;
		height: 100%!important
	}
	.mc-class-video-area .stellar_vp_fullScreen .stellar_vp_videoPlayer {
		width: 100%!important;
		height: 100%!important
	}
	.mcUserAccNavLI.currentMcTab {
		background: #f3f3f3!important
	}
	.mcUserAccNavUL {
		padding-top: 0
	}
	.mcUserAccNavUL {
		overflow: hidden;
		padding-bottom: 1px
	}
}

@media (max-width:567px) {
	.mcLessonSuppDoc .mcLessonUl .mcLessonLi {
		width: 100%
	}
	.mcLessonSuppDoc .mcLessonUl .mcLessonLi:nth-child(odd) a {
		border-left: 1px solid #636363
	}
	#mcCoupon input[type=text] {
		width: 100%!important
	}
	#mcCoupon input[type=submit] {
		width: 100%!important
	}
	.mcClassSingle.mcClassSingleAlt {
		width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.mcClassSingle {
		width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.mCavailable ul li {
		width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.mcWhistiaVideo {
		height: 160px
	}
	.stellar_vp_effect4:after,
	.stellar_vp_effect4:before {
		right: 14px!important
	}
}

@media (max-width:414px) {
	.mc-class-video-area,
	.mc-class-video-area .stellar_vp_mainContainer,
	.mc-class-video-area .stellar_vp_videoPlayer {
		height: 212px!important
	}
	.mc-class-video-area .stellar_vp_fullScreen {
		width: 100%!important;
		height: 100%!important
	}
	.mc-class-video-area .stellar_vp_fullScreen .stellar_vp_videoPlayer {
		width: 100%!important;
		height: 100%!important
	}
}

@media (max-width:375px) {
	.mc-class-video-area,
	.mc-class-video-area .stellar_vp_mainContainer,
	.mc-class-video-area .stellar_vp_videoPlayer {
		height: 190px!important
	}
	.mc-class-video-area .stellar_vp_fullScreen {
		width: 100%!important;
		height: 100%!important
	}
	.mc-class-video-area .stellar_vp_fullScreen .stellar_vp_videoPlayer {
		width: 100%!important;
		height: 100%!important
	}
}

@media (max-width:320px) {
	.mc-class-video-area,
	.mc-class-video-area .stellar_vp_mainContainer,
	.mc-class-video-area .stellar_vp_videoPlayer {
		height: 160px!important
	}
	.mc-class-video-area .stellar_vp_fullScreen {
		width: 100%!important;
		height: 100%!important
	}
	.mc-class-video-area .stellar_vp_fullScreen .stellar_vp_videoPlayer {
		width: 100%!important;
		height: 100%!important
	}
}

.mc-acc-update-msg {
	border: 1px solid green;
	color: #000;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	display: none
}

.mcOrderSummaryCourseAddtnlDetails ul li {
	list-style: disc!important
}

.mcOrderSummaryCourseAddtnlDetails ol li {
	list-style: decimal!important
}

.mcRegFull .mcLoggedInTitle {
	text-align: center;
	font-size: 25px
}

.mcRegFull .mcLoggedInTitle span {
	font-size: 15px;
	width: 100%
}

.single-mc-class #comments {
	display: none!important
}

.mcBillinBundleCls {
	max-height: 0;
	overflow: hidden;
	text-align: center;
	color: #000;
	display: block;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	line-height: 20px
}

.mcBillinBundleCls.mcBlock {
	max-height: 500px;
	padding: 5px 10px;
	border: 1px solid #c7c7c7
}

#mcAccMyBillingTable tr td {
	vertical-align: top
}

.mcBillinBundleClsTog .dashicons {
	margin: 5px;
	cursor: pointer
}

.mcLessonMcqgradslide {
	display: none
}

.mcLessonMcqgradactive-slide {
	display: block
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0) {
	.mcRegLoginDiv select {
		text-indent: 62px;
		padding-left: 0!important
	}
}

.mc_square_credit_card label {
	font-size: 18px;
	font-weight: 400
}

.mc-square-loading {
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.mc-square-loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
	background: -webkit-radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8))
}

.mc-square-loading:not(:required) {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}

.mc-square-loading:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -.5em;
	-webkit-animation: spinner 1.5s infinite linear;
	-moz-animation: spinner 1.5s infinite linear;
	-ms-animation: spinner 1.5s infinite linear;
	-o-animation: spinner 1.5s infinite linear;
	animation: spinner 1.5s infinite linear;
	border-radius: .5em;
	-webkit-box-shadow: rgba(255, 255, 255, .75) 1.5em 0 0 0, rgba(255, 255, 255, .75) 1.1em 1.1em 0 0, rgba(255, 255, 255, .75) 0 1.5em 0 0, rgba(255, 255, 255, .75) -1.1em 1.1em 0 0, rgba(255, 255, 255, .75) -1.5em 0 0 0, rgba(255, 255, 255, .75) -1.1em -1.1em 0 0, rgba(255, 255, 255, .75) 0 -1.5em 0 0, rgba(255, 255, 255, .75) 1.1em -1.1em 0 0;
	box-shadow: rgba(255, 255, 255, .75) 1.5em 0 0 0, rgba(255, 255, 255, .75) 1.1em 1.1em 0 0, rgba(255, 255, 255, .75) 0 1.5em 0 0, rgba(255, 255, 255, .75) -1.1em 1.1em 0 0, rgba(255, 255, 255, .75) -1.5em 0 0 0, rgba(255, 255, 255, .75) -1.1em -1.1em 0 0, rgba(255, 255, 255, .75) 0 -1.5em 0 0, rgba(255, 255, 255, .75) 1.1em -1.1em 0 0
}

.mcCard-img-block {
	width: 100%;
	text-align: left
}

.mcText {
	width: auto;
	display: inline-block;
	float: left;
	margin-right: 15px;
	font-size: 15px;
	color: #333
}

.mcImg-block {
	width: auto;
	float: left
}

.mcImg-block img {
	width: 40px;
	height: auto;
	margin: 0 2px
}

.mc-wrap-privacy {
	padding: 0;
	display: flex
}

.mc-wrap-desc {
	margin-bottom: 1.6em;
	position: relative;
	left: 5px;
	top: -7px
}

@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes spinner {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.tax-mc-class-category .site-main {
	width: 1200px;
	max-width: 90%;
	margin: 0 auto;
	padding: 0 15px
}

.tax-mc-class-category .mc-class-video-area {
	margin-left: 0!important;
	margin-right: 0!important
}

@media only screen and (max-width:1600px) {
	.tax-mc-class-category .site-main {
		width: 992px;
		max-width: 90%
	}
}

@media only screen and (max-width:959px) {
	.tax-mc-class-category .site-main {
		max-width: 90%;
		width: auto!important
	}
	.tax-mc-class-category .mc_class_LI {
		padding: 35px 0
	}
}

.class-makr-bundle-missing {
	display: block;
	text-align: center;
}




.class-makr-chat-role{padding: 5px;
font-size: 10px;
font-weight: 400;}
.mc_invloce_payment_data_payment_details h2,.mc_invloce_payment_data_class_details h2{font-size:20px;}
.mc_invloce_payment_data_payment_details ul li,.mc_invloce_payment_data_class_details ul li{font-size:15px;}
.mcContMainWrapper{max-width:1240px;margin:0 auto}.mcOrderSummaryBox{padding:15px;text-align:center}.mcRegRightPriceArea{font-size:15px}.exactmetrics-adminbar-menu-item .dashicons-before:before{font-size:inherit}#mcRegForm .mc-wrap-desc{margin-bottom:0;position:relative;left:5px;top:0}#mcRegForm .mc-wrap-desc p{font-family:arial!important;font-size:13px;margin-bottom:0}#mcRegForm .mc-wrap-privacy{margin:30px 0}.mcRegLoginDiv .mcRegFormLegend{font-size:16px!important}
.mcAccCancelSubscription{margin-bottom: 5px;
margin-top: 15px;
background-color: #dd0808 ;
padding: 10px 30px !important;
font-size: 14px !important;
line-height: 18px !important;
    
}
/*#class-makr-act-avatar-upload{height:80px;width:80px;}*/
.mcacc-cancel-disclaimer,.mcacc-cancel-disclaimer-success,.mcacc-cancel-disclaimer-failure{float:left;}
.mcacc-cancel-disclaimer-success{color:green;}
.mcacc-cancel-disclaimer-failure,.class-makr-avatar-upload-ajax-error{color:red;}

.confirm-mc-acc-cancel,.confirm-mc-acc-cancel-close{font-size: 17px;
font-weight: 400;}
.class-makr-subscribe-cancel-loader{margin-left: 10px;
width: 25px;
margin-bottom: 10px;
    display:none;
}
.mcLessonMcqgradResult-retake a{
   font-size: 20px;
    color: #757575 !important;
    font-weight: 600;
 }
.class-makr-live-icon{display:block;width: 90%;padding-top: 5px;}
.mcCouponTitle{
    text-align: center;
    border: none;
}
.mcLogInForm, .mcForgotPasswordForm{
    max-width: 400px;
    width:auto;
    padding-left:0!important;
}
 .mcLabelInputForgotPass a, .mcLabelInputRemember label, .mcForgotPasswordForm a{
    font-size:14px;
}

#mcCoupon input[type="submit"]{
    margin-top:0!important;
    padding: 10px 0;
    height: 50px;
}
.mcForgotPasswordForm .mcLoginFormTitle, .mcForgotPasswordForm .mcRegFormTitle, .mcLogInForm .mcLoginFormTitle{
    font-size: 35px;
}


.mcRegLoginDiv .mcRegForm.mcRegForm-left-side{
    width: 60%;
    padding-left: 0 !important;
}

.mcRegLoginDiv .mcRegForm-right-side{
    width: 40%;
    padding-right: 0;
}

.class-makr-template-main-container{
    min-height:720px;
	padding:20px 0;
	margin-top:50px;
	margin-bottom:100px;
}

.mcUserAcc.currentMcTab{
   padding: 25px;
   max-width: 800px;
   background: #fbf9f4;
   border: 3px solid #eeeeee;
   margin: 35px auto 0 auto;
   min-height: 450px;
}

.class-makr-template-main-container #mcUserAccTab-3.mcUserAcc.currentMcTab{
    padding: 5%;
}
.class-makr-template-main-container #mcUserAccTab-3.mcUserAcc.currentMcTab .mc-class-Cate{
    padding-bottom: 0;
}
.class-makr-template-main-container #mcUserAccTab-3 .mcClassSingle {
    margin-top: 0;
    margin-bottom: 20px;
    width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.class-makr-template-main-container #mcUserAccTab-1.mcUserAcc.currentMcTab{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.class-makr-template-main-container #mcUserAccTab-1.mcUserAcc.currentMcTab .mcAcclogoutAction{
    margin-top: 50px;
}
.class-makr-template-main-container #mcUserAccTab-1.mcUserAcc.currentMcTab .mcAcclogoutAction a,.class-makr-avatar-upload-msg{
    font-size: 15px;
    color: #333;
    text-decoration: underline;
    font-weight: 500;
}


/*#mcUserAccTab-1 img{*/
/*    margin-bottom:40px;*/
/*}*/
.class-makr-avatar-upload-msg,.class-makr-avatar-upload-ajax-error{
    display: block;
    font-size: 15px;
}
#mcUserAccTab-2 .mcRegLoginDiv{
   max-width: inherit;
}
#mcUserAccTab-2 .mc-user-edit-acc-pass-desc{
    text-align: center;
    margin-bottom: 25px;
}
#mcUserAccTab-4 table{
  border-width: 1px;
}
#mcAccMyBillingTable tr td{
    text-align:center;
}

.class-makr-bundle-missing{
    padding-top:25px;
}

.mcUserAccNavUL{
    padding-top:25px;
}

.mcRegForm-left-side .mcBtncent{ text-align:left!important;}
.mcRegLoginDiv{
	padding: 0px 0 40px 0;
}
.mcLogInForm .mcLoginFormTitle, .mcRegLoginDiv .mcLoginFormTitle, .mcRegLoginDiv .mcRegFormTitle, .mcForgotPasswordForm .mcLoginFormTitle{
	margin-bottom: 40px;
}
.mcTopviewAllLessonBeforeLiTotalCount{color: white;
    background-color: #000;
    text-align: center;
    font-size: 14px;}
.mc-square-input {
    width: 100%!important;
    height: 50px;
    border: none;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 0;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 300;
    color: #a59e9e;
    position: relative;
    background: 0 0;
    margin: 10px 0;
    background: #fff;
}

#mcRegForm .mc-wrap-privacy input{
    margin-top:7px;
}
.mcRegForm-left-side #mcRegForm .mc-wrap-privacy{
	margin: 22px 0 10px 0;
}
.class-makr-registration-template-area .mcRegForm-left-side #mcRegForm .mcLabelInput{
	margin: 0 0 15px 0;
}

#mcRegForm .mcRadioContainer{
	font-size: 13px;
}
#mcRegForm .mcCard-img-block{
	margin-top:12px;
}
.mcRegLoginDiv .mcRegForm-right-side  img{
	margin:5px 0;
}
#mcForgotPassForm{
	text-align:center;
}

.mcUserAcc #user_edit_acount .button{
	display:inline-block;
	padding:12px 60px;
	margin:0;
}

@-moz-document url-prefix() {
    #mcRegForm .mc-wrap-privacy input {
      margin-top: 0px;
    }
}

.class-makr-template-main-container .mcUserAccNavUL {
    border-bottom-color: transparent!important;
}
.class-makr-template-main-container #mcUserAccTab-3 .mcClassSingle{
    margin-top:0;
    margin-bottom: 20px;
}

.class-makr-template-main-container #mcUserAccTab-4{
	/*max-width: 800px;
     margin: 0 auto; */
}
.mc_class_cat_box{
	max-width:999px;
	margin:0 auto;
}

.mcLessonGrad {
    background: #f9f9f9;
    width: 100%;
    position: relative;
    margin-left: 0;
    left: 0;
    padding: 20px 20px 25px 20px;
    margin: 20px 0 0 0;
    border: 3px solid #eae9ea;
}
.mcLessonCommentsDiv{
    border-bottom: none;
}

#mcLessonCheckgrad .mcgradCheckMark-radio-group .mcgradCheckMark-radio-group-item input[type="radio"] + label .fas{
    line-height:26px;
}

.class-makr-lesson-complete{
    border: 4px solid green !important;
}
.class-makr-lesson-box{
    border:4px solid #e3ece3 !important
    
}
.class-makr-lesson-complete-item{
    border-radius: 0px !important;
    margin: 0px !important;
}
.mc-class-Cate{
	max-width: 999px;
	margin:0 auto;
}

.mcLessonMcqgradquiz-container{
	height:auto;
}

.mcLessonMcqgradslide{
    position: relative;
}
.mcRegCoupon{
	max-width:500px;
	margin:0 auto;
}

.class-makr-registration-template-area .mcRegLoginDiv{
    max-width: 999px;
    margin: 0 auto;
}

.mc_square_credit_card label {
    font-size: 16px;
    font-weight: 400;
}

.class-makr-registration-template-area .mcRegLoginDiv input[type="email"], .class-makr-registration-template-area .mcRegLoginDiv input[type="password"], .class-makr-registration-template-area .mcRegLoginDiv input[type="text"], .class-makr-registration-template-area .mcRegLoginDiv select{
	font-size: 13px;
	background: #fff!important;
}

.mcRegForm-left-side #mcRegForm .mc_credit_card.mcLabelInput{
	margin-bottom:10px;
}

.mc_credit_card .mcLabelSelectBox{
	padding:0;
}

.mcRegForm-left-side #mcRegForm .mcLabelInput.mc_payment_info{
	margin-top:25px;
}

.class-makr-registration-template-area #mcCoupon input[type="text"] {
    padding:0 10px !important;
}

.class-makr-registration-template-area .mcRegLoginDiv .mcRegForm-right-side .mcOrderSummaryBox .mcLessonh2{
	background: #000;
	color: #fff;
	font-size: 18px;
}
.class-makr-registration-template-area .mcRegLoginDiv .mcRegForm-right-side .mcOrderSummaryBox img{
	width:100%;
}

.mc_class_H2{
    font-size: 45px;
}
.mc_class_cat_box p, .mc_class_cat_box{
    font-size: 18px;
}

.mc_class_cat_box .mcLessonCount{
    padding: 36px 0 12px 0;
}

.mc_class_cat_box .mc_class_LI{
    padding: 12px 0 36px 0;
    border-top: none;
}

.mc_class_cat_box .mcClassAccessBtn a{
    margin-top: 20px;
}
.class-makr-class-price-area{
    display: block;
    margin-top: 20px;
}
.class-makr-account-template-area{margin-bottom: 50px;}
.mc_class_cat_box .mc_class_H3{
    text-align: center;
    font-size: 27px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 25px 0 20px 0;
}
.mc_class_cat_box .mc_class_post-title{
    font-size: 21px;
    border-bottom: 1px solid #e6e6e6;
}

.class-makr-bundle-option{
    display: block;
    text-align: center;
    margin-top: 20px;
    /*max-width: 314px;*/
    margin: 20px auto 0 auto;
    /*border-bottom: 1px solid;*/
    text-decoration: underline;
    text-underline-position: under;
}
.class-makr-bundle-option a{
    color: #2b2b2b;
}





.mc_class_cat_box .mc-class-video-area{
    margin-bottom: 36px;
}

.class-makr-registration-template-area .mcRegLoginDiv .mcRegFormLegend {
    font-size: 18px!important;
    font-weight: 600;
}

.class-makr-registration-template-area #mcRegForm .mc-wrap-desc p{
    font-size: 15px;
}

.class-makr-registration-template-area .mcRegForm-left-side input[type=submit]{
    font-size: 19px;
}

.class-makr-registration-template-area #mcRegForm .mcCard-img-block{
    margin-top: -6px;
}
.class-makr-registration-template-area .mcCouponTitle .dashicons {
    margin-right: 10px;
}

.mcRegLoginDiv #mcLogInForm .mcRegFormLegend{
    padding-top: 0;
}

.single.single-mc-class .mc-class-video-area{
    margin-bottom:25px;
}

.class-makr-registration-template-area .mcRegLoginDiv .mcRegForm-right-side img{
    margin-bottom: 0!important;
}
.class-makr-registration-template-area #mcRegForm .mcCard-img-block em{
    font-style: normal;
}

#mcLessonMcqgradquiz .mcLessonMcqgrad-radio-group{
    margin-bottom: 0;
    margin-top: 0;
}
.mcLessonMcqgradquiz-container{
    margin-top: 20px;
}

.mcLessonSuppDoc .mcLessonUl{
    margin: 30px 0;
}
.mcLessonComments {
    padding: 0;
    margin-top: 30px;
    border-top: 1px solid #cbcbcb;
}


 


.class-makr-lesson-complete-item label {
  display: block;
  position: relative;
  padding-right: 35px!important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.class-makr-lesson-complete-item label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.class-makr-lesson-complete-item label .class-makr-gradation-checkmark {
  position: absolute;
  top: 6px;
  right: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border:1px solid #e3ece3;
}

/* On mouse-over, add a grey background color */
.class-makr-lesson-complete-item label:hover input ~ .class-makr-gradation-checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.class-makr-lesson-complete-item label input:checked ~ .class-makr-gradation-checkmark {
  background-color: #fff;
  border:1px solid #5bb300;
}

/* Create the checkmark/indicator (hidden when not checked) */
.class-makr-lesson-complete-item label .class-makr-gradation-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.class-makr-lesson-complete-item label input:checked ~ .class-makr-gradation-checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.class-makr-lesson-complete-item label .class-makr-gradation-checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #5bb300;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mc-class-video-area .w-chrome, .mc-class-video-area .w-chrome > div{
    width:100%!important;
}


/* //////////////////card update form////////////// */

.class-makr-update-form{
    overflow: hidden;
    width: 100%;
}
.class-makr-update-form .mc_credit_card{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin: 10px 0;
    position: relative;
}
.class-makr-update-form .mc_credit_card input, .class-makr-update-form .mc_credit_card select{
    width: 100% !important;
    height: 40px;
    border: none;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 0;
    padding-left: 20px;
    padding-left: 62px !important;
    font-weight: 300;
    color: #a59e9e;
    position: relative;
    background: 0 0;
    font-size: 13px;
    background: #fff !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.class-makr-update-form .mcLabelInput .fas {
    position: absolute;
    left: 18px;
    top: 8px;
    font-size: 23px;
    color: #c8c8c8;
}

.class-makr-update-form .mcLabelInputSpan {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 0;
    height: 2px;
    background: #279;
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
}
.class-makr-update-form input:focus + .mcLabelInputSpan {
    width: 100%;
}
.class-makr-update-form .mc_credit_card .mcLabelSelectBox{
    width: 200px;
    float: left;
    position: relative;
}
.class-makr-update-form .mc_credit_card .mcLabelSelectBox:after{
    position: absolute;
    top:16px;
    right:5px;
    content:"";
    background:url(../images/arrows.png) 0 0 no-repeat;
    width:12px;
    height:7px;
}

.class-makr-update-form .mcLabelselect-alt{
    display: block;
}

.class-makr-update-form .mc_credit_card input[type="submit"]{
    width: auto!important;
    border: none;
    padding: 10px 40px!important;
    height: auto;
    color: #fff;
    background-color: #dd0808;
}
.classmakr-update-card-block{
    overflow: hidden;
    width: 60%;
    margin: 0 auto;
    padding-top: 15px;
}
.class-makr-update-form input.mc-reg-error-exists + .mcLabelInputSpan {
    width: 100%;
    background: red;
}

.class-makr-card-update-success, .class-makr-card-update-failure{
    padding: 15px;
    border: 1px solid #4EAB18;
    margin-bottom: 20px;
    color: #4EAB18;
    font-weight: bold;
    display: block;
} 
img.class-makr-subscribe-cancel-loader-card{
    width: 20px;
}
.class-makr-card-update-failure{
    border: 1px solid #FC2323;
    color: #FC2323;
}

.mcClassAccessBtn .mCavailableMain a, .mcClassAccessBtn .mCavailableMain a:hover{
    background: transparent!important;
}

.mc_class_cat_box .mc_class_UL{
    background: #fffeff;
    padding: 10px 25px;
}
.mc_class_cat_box .mc_class_LI{
    padding: 15px 0 15px 80px;
    border-top: 1px solid #e1e1e1;
    text-align: left;
}
.mc_class_cat_box .mc_class_LI:first-child{
    border: none;
}
.mc_class_cat_box .mc_class_LI .mc_class_post-title {
    font-size: 21px;
    border-bottom: none;
    margin-bottom: 0;
    color: #8b8b8b;
}
.mc_class_cat_box .mc_class_LI .mc_class_post-title a{
    color: #8b8b8b;
}
.mc_class_cat_box .mc_class_LI .mc_class_post-count{
    top: 20px;
}
.mc_class_cat_box .mc_class_LI .mc_class_P{
    font-size: 14px;
    color: #8b8b8b;
}
.mc_class_cat_box .mc_class_H3{
    font-size: 21px;
    font-weight: normal;
}
.mc_class_cat_box .mCavailable{
    padding-top: 54px;
}
.logged-in .mc_class_cat_box .mc_class_LI .mc_class_post-title a {
    color: #8b8b8b;
    padding: 0;
    font-size: inherit;
    background-color: transparent!important;
    margin-top: 0;
}

.logged-in .mc_class_cat_box .mCavailable ul li .mCavailableMainCaption{
    text-align: left;
}
.logged-in .mc_class_text_area, .logged-in .mc_class_icon{
    float: left;
}
.logged-in .mc_class_text_area{
    width: 90%;
    margin-right: 10px;
}
.logged-in .mc_class_success_log{
    overflow: hidden;
    display: flex;
    align-items: center;
}
.logged-in .mc_class_icon{
    font-size: 19px;
    color: #8b8b8b;
    /* margin-top: 20px; */
    width: 10%;
}
.logged-in .mc_class_icon ul li{
    /* width: 30px;
    height: 30px; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid; */
    border-radius: 100px;
}
.logged-in .mc_class_icon ul li.mc_class_tick{
    width: 40px;
    height: 40px;
    font-size: 22px;
    margin: 0 auto;
}
.logged-in .mc_class_icon ul li.mc_class_persent{
    font-size: 15px;
    width: auto;
    height: auto;
    border: none;
}


.mc_square_credit_card, .mc-credit-card-main-block{
    background: #ebebeb;
    padding: 10px 20px 0 20px;
}
.mc-credit-card-main-block{
    padding: 20px 20px 10px 20px;
}

.mc-credit-card-main-block .mcLabelSelectBox{
    margin-bottom: 0!important;
}
.mc-credit-card-main-block .mcLabelSelectBox.mcLabelInput, .class-makr-update-form .mc_credit_card .mcLabelSelectBox.mcLabelInput{
    width: 200px;
    margin-left: 10px!important;
}
.mc-credit-card-main-block .mcLabelSelectBox.mcLabelInput{
    width: 48%;
    
}
.mc-credit-card-main-block .mc_credit_card.mcLabelInput{
    margin-bottom: 15px;
}

.mc-paypal-main-block{
    background: #fff;
    border: 2px solid #eeeeee;
    padding: 20px;
}

.mc-paypal-main-block .mcCard-img-block-paypal{
    overflow: hidden;
    margin-bottom: 15px;
}

#mcLessonCheckgrad .mcgradCheckMark-radio-group .mcgradCheckMark-radio-group-item input[type=radio]+label .fas, #mcLessonMcqgradquiz .mcLessonMcqgrad-radio-group .mcLessonMcqgrad-radio-group-item input[type=radio]+label .fas{
    line-height: 27px;
}

.mcAccInvoiceBody h6, #mcPrint h2{
    color: #000;
}

.mcSuccessActivationEmail{
    font-size: 20px;
    padding-bottom: 50px;
    padding-top: 30px;
}
.mcActivationAccountMsg .mcSuccess, .class-makr-template-main-container .mcErrorUl{
    font-size: 20px;
    padding-bottom: 50px;
}
.class-makr-template-main-container .mcUserAccNavLI{
    font-weight: 500;
}
.class-makr-template-main-container .mcUserAccNavLI:after{
    bottom: 7px;
    height: 1px;
}

.mcErrorUl .mcErrorLi a{color:#dd0808; text-decoration: underline;}


.payment_block{
    margin: 10px 10px 0 0;
}
.payment_block .error > div{
    padding: 10px 0 10px 0!important;
}
.payment_block .error > div p{
    line-height: 21px!important;
}
.mc_invloce_payment_left .mc_invloce_payment_data_class_details{
    margin-top: 20px;
}

.mcRegLoginDiv .mcLabelInput .mcLabelSelectBox .fas{
    left:18px;
}

.macBlinkIcon{
    display: inline-block;
    width: 60px;
    vertical-align: top;
}
.mc_sedulous_txt{
    display: block;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.class-makr-chat-loader{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.class-makr-chat-loader img{
    width: 35px;
}

.classmakr-display-name-action{
    background: #eee;
    padding: 15px;
}
.classmakr-display-name-action label{
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}
.classmakr-display-name-action input.mcAccCancelSubscription{
    margin: 0;
}
.classmakr-display-name-action input.class_makr_display_name{
    padding: 9px 10px;
}
.class-makr-edit-display img{
    width:17px;
}

.classmakr-display-name-action .class-makr-display-loader{
    width: 20px;
}

.mc-class-video-area .fa-stellar-desktop-expand-zoom:before, .mc-class-video-area .fa-stellar-desktop-expand:before

{
    background:url(../images/full-screen.png) 0 0 no-repeat;
    content:"";
       width: 20px;
    height: 20px;
    top: 16px;
    background-size: 13px;
}

.mc-class-video-area .fa-stellar-desktop-compress-zoom:before, .mc-class-video-area .fa-stellar-desktop-compress:before{
    background:url(../images/compress.png) 0 0 no-repeat;
    background-size: 13px;
     content:"";
    width: 20px;
    height: 20px;
    top: 16px;
}

.mc-class-video-area iframe{
    pointer-events: inherit!important;
}
.mcLessonLoadLiveOldComments-container{
	text-align: center;
    /* border: 1px solid #d5d5d5; */
    display: block;
    width: 182px;
    text-transform: uppercase;
    font-size: 11px;
    margin: 0px auto 0 auto;
}
.mcLessonLoadLiveOldComments-container a{
	color: #bf1e02!important;
}







@media only screen and (max-width:1023px){
    .mc-credit-card-main-block .mcLabelSelectBox.mcLabelInput, .class-makr-update-form .mc_credit_card .mcLabelSelectBox.mcLabelInput {
        width: 47%;
    }

    .mcSuccessActivationEmail, .mcActivationAccountMsg .mcSuccess{
        font-size: 17px;
    }
}


@media only screen and (max-width:767px){
	.mcRegLoginDiv .mcRegForm.mcRegForm-left-side, .mcRegLoginDiv .mcRegForm-right-side{
		width:100%;
     }
     .mc_class_cat_box{
         padding: 0 20px;
     }

     .mc_class_cat_box p, .mc_class_cat_box {
        font-size: 14px;
    }
    .class-makr-template-main-container {
        padding: 20px 20px;
    }
    .mcUserAcc.currentMcTab{
        border-bottom: none;
    }

    .classmakr-update-card-block{
        width: 100%;
    }

    .mc_class_cat_box .mc_class_LI{
        padding-left: 50px;
    }
    .logged-in .mc_class_text_area{
        width: 83%;
    }
    .mc-credit-card-main-block .mcLabelSelectBox, .class-makr-update-form .mc_credit_card .mcLabelSelectBox  {
        width: 100%;
        float: none;
        margin-bottom: 10px!important;
    }
    .mc-credit-card-main-block .mcLabelSelectBox.mcLabelInput, .class-makr-update-form .mc_credit_card .mcLabelSelectBox.mcLabelInput{
        width: 100%;
        margin-left: 0px!important;
        margin-bottom: 0px!important;
    }
    .class-makr-live-icon{
        width: 66%;
    }

    .classmakr-display-name-action input.class_makr_display_name{
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
}