:root{
	--course-main-color: #00c0c7;
	--course-secondary-color: #e7f4f4;
}

.mp__courses-lvl{padding: 120px 0; overflow: hidden;}
.mp__courses-lvl-course-item{padding: 30px 30px 50px 30px; margin-bottom: 30px; color: #fff; border-radius: 20px; position: relative; transition: all 300ms; width: 100%; min-height: 248px;}
.mp__courses-lvl-course-item:hover{transform: translateY(-10px);}
.mp__courses-lvl-course-item-title{margin-bottom: 0px; font-size: 18px; font-weight: 800;}
.mp__courses-lvl-course-item-type{margin-bottom: 20px; display: inline-block; font-size: 14px; border-radius: 10px; line-height: 20px; background: rgba(255,255,255,0.3); padding: 0 10px;}

.mp__courses-lvl-course-item-desc{margin-bottom: 30px; font-size: 16px;}
.mp__courses-lvl-course-item-price{margin-bottom: 30px; font-size: 16px;}
.mp__courses-lvl-course-item-time{margin-bottom: 15px;  font-size: 22px; font-weight: bold;}
.mp__courses-lvl-course-item-go{font-size: 16px; position: absolute; left: 30px; bottom: 30px;}
.mp__courses-lvl-course-item-link{display: block; position: absolute; left:0; top:0; right: 0; bottom: 0;}
.mp__courses-lvl-course-item.style1{background: rgb(255,25,106); background: linear-gradient(0deg, rgba(255,25,106,1) 0%, rgba(255,111,0,1) 100%); box-shadow: 0 8px 24px 0 rgba(255,25,106,0.5);}
.mp__courses-lvl-course-item.style2{background: rgb(255,0,0); background: linear-gradient(0deg, rgba(190,138,196,1) 0%, rgba(255,0,0,1) 100%); box-shadow: 0 8px 24px 0 rgba(199,119,168,0.5);}
.mp__courses-lvl-course-item.style3{background: rgb(0,255,138); background: linear-gradient(0deg, rgba(10,164,221,1) 0%, rgba(0,255,138,1) 100%); box-shadow: 0 8px 24px 0 rgba(8,177,209,0.5);}
.mp__courses-lvl-course-item.style4{background: #7dcf3b; background: linear-gradient(0deg, #7dcf3b 0%, #b8a58e 100%); box-shadow: 0 8px 24px 0 #5597198a;}


.mp__courses-lvl-course-item.online{}
.mp__courses-lvl-course-item.online:after{content:""; display: none; width: 60px; height: 60px; position: absolute; top: 10px; right: 10px; background: url('i/icon-online.png') left top / contain no-repeat; }

.mp__courses-lvl-course-item.style10{background: #00c0c7; box-shadow: 0 8px 24px 0 rgba(0,192,199,0.5);}
.mp__courses-lvl-course-item.style11{background: #752f46; box-shadow: 0 8px 24px 0 rgba(117,47,70,0.5); }
.mp__courses-lvl-course-item.style12{background: #a2b998; box-shadow: 0 8px 24px 0 rgb(162 185 152 / 50%);}
.mp__courses-lvl-course-item.style13{background: #2c3928;  box-shadow: 0 8px 24px 0 rgb(44 57 40 / 50%); }
.mp__courses-lvl-course-item.style14{background: #5a20aa;    box-shadow: 0 8px 24px 0 rgb(90 32 170 / 50%); }
.mp__courses-lvl-course-item.style15{background: #000e95;    box-shadow: 0 8px 24px 0 rgb(0 14 149 / 50%); }

@media (max-width: 767px){
.mp__courses-lvl{padding: 60px 0; overflow: hidden;}
}


.btn.course-btn-black-min{border: 2px solid #000; height: 40px; color: #000; padding: 8px 10px; background: transparent; min-width: 180px;}
.btn.course-btn-black-min:hover{border-color: #000; color: #000; background: transparent;}


.course-pad{padding: 40px 40px 40px 40px; margin-bottom: 45px; border-radius: 10px; position: relative; width: 100%; background: var(--course-secondary-color); position: relative;}
.course-pad__title{font-size: 24px; font-weight: 900; margin-bottom: 20px;}


	.course-page.dragee{/*--course-main-color: #000;*/}

	.course-bg{background-color: var(--course-secondary-color);}

.course-intro{color: #fff; background-color: var(--course-main-color); padding-bottom: 10px; padding-top: 60px; position: relative;}

.course-intro-white-bottom{background: #fff; height: 90px; position: absolute; left:0; bottom:0; right:0;}
.course-intro-inner{position: relative;  padding-bottom: 120px; padding-top: 60px;}
.course-page.dragee .course-intro-inner{background: url('/include/kadzama_template/courses/mac-bubble-2-retina.png') center center / contain no-repeat;}


@media(max-width: 767px){
.course-intro-inner{ padding-top: 0px; padding-bottom: 50px; background: none;}
}

.course-intro-h1{color: #fff; font-weight: 900;}
.course-intro-text{font-size: 24px;}
.course-intro-price{font-size: 24px; font-weight: 900; color: #fff; line-height: 50px;}
.course-intro-price-desc{font-size: 12px; color: #fff;}
@media(max-width: 767px){
.course-intro-text{font-size: 18px;}
}



.btn.btn-course{z-index: 1; position: relative; min-width: 260px; height: 60px; background-color: #d51313; color: #fff; font-weight: 900; padding: 20px 20px; box-shadow: 0 25px 60px 0 rgba(255,0,0,0.6);}
.btn.btn-course:hover{transform: translateY(-5px); box-shadow: 0 30px 60px 0 rgba(255,0,0,0.6);}

.course-feature-item{margin-bottom: 60px;}
.course-feature-item__img{background-size: contain; background-position: center center; background-repeat: no-repeat; width: 164px; height: 164px; margin: 0 auto 30px;}
	.course-feature-item__img--sm{width: 98px; height: 98px;}
.course-feature-item__name{font-size: 18px; margin-bottom: 10px;}
.course-feature-item__desc{}

	.course-materials-list {list-style:none;border-left: 2px solid var(--course-main-color);padding: 0 0 0 18px;margin: 0 0 0px;}
	.course-materials-list li{padding: 0; margin-bottom: 20px;}


.course-red-pad{padding: 40px 30px; border-radius: 20px; border: 1px solid #d51313;}



	.course-page{}
	.course-page h1, 
	.course-page .h1{font-size: 60px;}
	.course-page h2, 
	.course-page .h2{font-size: 40px;}
	.course-page h3, 
	.course-page .h3{font-size: 30px;}

.course-lvl{position: relative;  padding: 90px 0 90px 0;}
@media (max-width: 991px){
	.course-lvl{padding: 60px 0 60px 0;}
}


.course-conditions__condition-item{padding: 20px 20px 30px 20px; margin-bottom: 30px; border-radius: 10px; position: relative; width: 100%; background: var(--course-secondary-color); position: relative;}
.course-conditions__condition-item-num{font-size: 32px; font-weight: 900; margin-bottom: 20px;}
.course-conditions__condition-item.getcourse{font-size: 14px; color: #fff; background: #3fc4b6;}
.course-conditions__condition-item.getcourse a{color: #fff; text-decoration: underline;}
.course-conditions__condition-item.getcourse a:hover{color: #fff; text-decoration: none;}

.course-conditions__drum{display: inline-block; width: 132px; height: 121px; background: url('/include/kadzama_template/courses/dragee-drum.png') center center / contain no-repeat; margin-bottom: 10px;}



.nav__courses-title {
	color: #c2c6cd;
	font-size: 24px;
	font-weight: 800;
}

.nav__courses-title-holder {
	margin-top: 10px;
	margin-bottom: 10px;
}

.nav__course-card {
	width: 100%;
	position: relative;
	border-radius: 20px;
	padding: 20px;
	margin-bottom: 30px;

	color: #fff;
	transition: all 300ms;
}

.nav__course-card:hover {
	transform: translateY(-6px);
}

.nav__course-card__link {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.nav__course-card__title {
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 10px;
}

.nav__course-card__type {
	font-size: 12px;
	display: inline-block;
	border-radius: 10px;
	line-height: 20px;
	background: rgba(255, 255, 255, 0.3);
	padding: 0 10px;
}

.nav__course-card__text {
	font-size: 12px;
	margin-top: 10px;
}

.nav__course-card__price {
	font-size: 12px;
	margin-top: 10px;
	opacity: 0.6;
}

.card-club {
	background: #E7724A;
}

.card-proff {
	background: rgb(255, 25, 106);
	background: linear-gradient(0deg, rgba(255, 25, 106, 1) 0%, rgba(255, 111, 0, 1) 100%);
	box-shadow: 0 8px 24px 0 rgba(255, 25, 106, 0.5);
}

.card-dragee-online {
	background: #00c0c7;
	box-shadow: 0 8px 24px 0 rgba(0, 192, 199, 0.5);
}

.card-candy-online {
	background: #752f46;
	box-shadow: 0 8px 24px 0 rgba(117, 47, 70, 0.5);
}

.card-pasta-online {
	background: #a2b998;
	box-shadow: 0 8px 24px 0 rgb(162 185 152 / 50%);
}

.card-start-online {
	background: #5a20aa;
	box-shadow: 0 8px 24px 0 rgb(90 32 170 / 50%);
}

.card-hollow-online {
	background: #2c3928;
	box-shadow: 0 8px 24px 0 rgb(44 57 40 / 50%);
}

.card-resnikers-online {
	background: #000e95;
	box-shadow: 0 8px 24px 0 rgb(0 14 149 / 50%);
}

.card-mel-chocolate-online {
	background: #9a100d;
	box-shadow: 0 8px 24px 0 rgb(154 16 13 / 50%);
}

.card-precrystall-online {
	background: #90c0c7;
	box-shadow: 0 8px 24px 0 rgb(144 192 199 / 50%);
}

.card-nareznye-nachinki-online {
	background: #e8b400;
	box-shadow: 0 8px 24px 0 rgb(232 180 0 / 50%);
}



.card-korpusnie-online {
	background: #FF7A00;
	box-shadow: 0 8px 24px 0 rgb(232 180 0 / 50%);
}