/* header */
.header{
	position: fixed;
	z-index: 910;
	top: 20px;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	max-width: calc(1000px + 60px);
	height: 74px;
	border-radius: 16px;
	background: var(--tr);
	transition: .5s linear;
}
.header_hide{top:-180px !important}
@media(max-width:500px){
	.mheader_none{display:none}
	.header{top:0;border-radius:0}
}
@media(max-width:375px){.header{height:64px}}
/* @media(max-height:720px){.header{position:absolute}} */


.header_fix{
	background: var(--wh);
	-webkit-box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
   box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
}
@media(max-width:500px){
	.header_fix{
		top: 20px;
		width: calc(100% - 40px);
		border-radius: 16px;
	}
}
@media(max-width:425px){
	.header_fix{
		top: 15px;
		width: calc(100% - 30px);
	}
}
@media(max-width:375px){
	.header_fix{
		top: 10px;
		width: calc(100% - 20px);
		border-radius: 14px;
	}
}
@media(max-width:320px){
	.header_fix{
		top: 7.5px;
		width: calc(100% - 15px);
	}
}



.header_c{
	position: relative;
	padding: 0 30px;
	padding-right: 15px;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: .5s linear;
}
.logo{
	position: relative;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 22px;
	font-weight: 600;
	color: var(--cl);
	text-transform: uppercase;
}
@media(max-width:500px){.logo{font-size:20px}}
@media(max-width:375px){.logo{font-size:18px}}


/* menu */
.menu{
	position: relative;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.menu_bars {
	position: relative;
	padding: 15px 20px;
	border-radius: 14px;
	transition: 0.2s ease-in-out;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	color: var(--cl);
}
.menu_act{}
.menu:hover .menu_bars{background:var(--cm1)}
@media(max-width:500px){
	.menu_bars{
		cursor: auto;
		width: 54px;
		height: 54px;
		padding: 0;
	}
}

.menu_bars span{
	font-size: 18px;
	margin-right: 10px;
	text-transform: uppercase;
	font-weight: 600;
}
@media(max-width:500px){.menu_bars span{display:none}}

.menu_bars_i {position:relative}
.menu_act .menu_bars_i {transform:rotate(-45deg)}
.menu_bars_i, .menu_bars_i::before, .menu_bars_i::after {
	width: 28px;
	height: 2px;
	border-radius: 2px;
	background-color: var(--cl);
	transition: 0.2s ease-in-out;
}
.menu_bars_i::before, .menu_bars_i::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	will-change: transform;
}
.menu_bars_i::before{transform:translateY(-8px)}
.menu_bars_i::after{transform:translateY(8px)}
.menu_act .menu_bars_i::before, .menu_act .menu_bars_i::after {transform:translateX(0) rotate(-90deg)}



/*  */
.menu_c{
	position: absolute;
	right: 0;
	top: 39px;
	width: 300px;
	border-radius: 18px;
	background: var(--wh);
	transition: .3s;
	-webkit-box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
   box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
	opacity: 0;
	visibility: hidden;
	overflow-x: hidden;
}
@media(max-width:320px){.menu_c{right:-5px}}
.header_fix .menu_c{right:-15px}
.menu_act .menu_c{
	opacity:1;
	visibility:visible;
	top: 89px;
}

.menu_ci{
	position: relative;
	width: 100%;
	min-height: 54px;
	padding: 0 30px;
	border-bottom: 1px solid var(--gr1);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	transition: .3s;
	cursor: pointer;
}
.menu_ci:first-child{
	height: calc(54px + 10px);
	padding-top: 10px;
}
.menu_ci:last-child{
	height: calc(54px + 10px);
	padding-bottom: 10px;
	border-bottom: 0;
}
.menu_ci:hover{
	background: var(--cm1);
	border-bottom-color: var(--tr);
}

.menu_cin{
	position: relative;
	width: 34px;
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
}
.menu_cih{
	position: relative;
	width: calc(100% - 34px - 15px);
	margin-left: 15px;
	font-size: 16px;
}


.menu_cih span{
	position: relative;
	width: 22px;
	min-width: 22px;
	height: 22px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 10px;
	border-radius: 50%;
	background: var(--cm);
	color: var(--wh);
	margin-left: 10px;
	padding-top: 1px;
	padding-right: 1px;
}
































/* block auto */
.bq2_c, .bq3_c{
	position: relative;
	width: 100%;
	align-items: stretch;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 40px;
}

.bq2_ci, .bq3_ci{
	position: relative;
	width: 100%;
	border-radius: 40px;
	background: var(--wh);
	-webkit-box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
	box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
	transition: .5s;
	cursor: pointer;
	overflow: hidden;
	padding-bottom: 84px;
}
.bq3_ci{
	padding-bottom: 74px;
}
.bq2_ci:hover, .bq3_ci:hover{transform:scale(1.05)}
@media (max-width: 500px){
	.bq2_ci, .bq3_ci{
		border-radius: 30px;
	}
}
@media (max-width: 425px){
	.bq2_ci, .bq3_ci{
		border-radius: 30px;
	}
}
@media (max-width: 375px){
	.bq2_ci, .bq3_ci{
	}
}
@media (max-width: 320px){
	.bq2_ci, .bq3_ci{
		border-radius: 22px;
	}
}


.bq3_ci_rg{
	min-height: 280px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--tr);
	border: 2px dashed var(--gr);
	-webkit-box-shadow: 4px 10px 84px rgb(0 0 0 / 0%);
	box-shadow: 4px 10px 84px rgb(0 0 0 / 0%);
	cursor: pointer;
}
.bq3_ci_rg:hover{
	background: var(--wh);
	-webkit-box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
	box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
}




/*  */
.bq_ci_img{
	position: relative;
	width: calc(100% + 30px);
	height: 280px;
	border-bottom-right-radius: 40px;
	transform: rotate(10deg) translate(-60px, -30px);
	overflow: hidden;
}
.bq3_ci .bq_ci_img{
	height: 220px;
	border-bottom-right-radius: 30px;
}
@media(max-width:500px){.bq_ci_img{height:260px}}
@media(max-width:425px){.bq_ci_img{height:240px}}
@media(max-width:375px){.bq_ci_img{height:200px}}
@media(max-width:320px){.bq_ci_img{height:180px}}

.bq_ci_img div{
	position: relative;
	width: calc(100% + 50px);
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	transition: var(--tm);
	transform: rotate(-10deg) translate(0, 35px);
}


.bq_ci_info{
	position: relative;
	width: 100%;
	padding: 0 40px 25px 40px;
	margin-top: -15px;
}
.bq3_ci .bq_ci_info{
	padding: 0 30px 20px  30px;
	margin-top: -40px;
}
@media(max-width:500px){
	.bq_ci_info{
		padding: 0 40px 40px 40px;
	}
}
@media(max-width:425px){
	.bq_ci_info{
		padding: 0 30px 30px 30px;
	}
}
@media(max-width:320px){
	.bq_ci_info{
		padding: 0 20px 20px 20px;
	}
}

.bq_cim{
	position: relative;
	width: 64px;
	height: 64px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.bq_cit{
	position: relative;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .5px;
	background: var(--cl1);
	display: inline-block;
	padding: 6px 8px;
	border-radius: 8px;
	margin-bottom: 12px;
}

.bq_cih{
	position: relative;
	width: calc(100% - 44px);
	font-size: 20px;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
}
.bq3_ci .bq_cih:first-child{
	padding-top: 40px;
}
@media(max-width:425px){.bq_cih{font-size:22px}}
@media(max-width:375px){.bq_cih{font-size:20px}}
@media (max-width:320px) {
	.bq_cih{
		font-size:18px;
		line-height:20px;
	}
}

.bq_cif{
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	margin-top: 12px;
}
@media (max-width: 375px) {
	.bq_cif{
		font-size: 14px;
		line-height: 18px;
	}
}

.bq_cip{
	position: relative;
	width: 100%;
	margin-top: 16px;
}
.bq_cip p{font-size:24px}
.bq_cip_sole{
	text-decoration: line-through;
	font-size: 14px !important;
}



.bq_ci_btn{
	position: absolute;
	width: 100%;
	bottom: 40px;
	left: 40px;
}
.bq3_ci .bq_ci_btn{
	bottom: 30px;
	left: 30px;
}

.bq_ci_s{
	display: flex;
	justify-content: center;
	align-items: center;
}
.bq_ci_s i{margin-right:10px}
.bq_ci_s span{
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
}





/*  */
.sbq2_c{align-items:flex-start}
.sbq2_c .bq_ci_info{padding:45px}
@media(max-width:500px){.sbq2_c .bq_ci_info{padding:40px}}
@media(max-width:425px){.sbq2_c .bq_ci_info{padding:30px}}
@media(max-width:375px){.sbq2_c .bq_ci_info{padding:20px}}
@media(max-width:320px){.sbq2_c .bq_ci_info{padding:15px}}

.sbq2_c .bq_cih{
	height: 74px;
	text-align: center;
	font-size: 28px;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--cm);
	color: var(--wh);
	margin-top: 0;
}
.sbq2_c .bq2_ci:last-child .bq_cih{background:var(--gold)}

.sbq2_c .bq_cip{
	text-align: center;
	margin-top: 45px;
}
.sbq2_c .bq_cip p{
	font-size: 38px;
	font-weight: 600;
	color: var(--red);
}
.sbq2_c .bq_cip_sole{
	font-size: 20px !important;
	font-weight: 400 !important;
	margin-bottom: 7px;
	color: var(--bl) !important;
}


.bq_cips{
	position: relative;
	width: 100%;
}
.bq_cips_bonus{
	position: relative;
	border-radius: 12px;
	border: 1px dashed var(--gr);
	margin-top: 30px;
	padding: 15px 30px;
}

.bq_cipsi{
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	padding-left: 20px;
	font-size: 18px;
}
.bq_cipsi:last-child{margin-bottom:0}
.bq_cips_bonus .bq_cipsi{padding-left:0}
.bq_cipsi_none{
	color: var(--gr);
	text-decoration: line-through;
}

.bq_cipsi::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--bl);
}
.bq_cipsi_none::before{background:var(--gr)}
.bq_cips_bonus .bq_cipsi::before{display:none}


.bq_cips_bonus span{
	position: absolute;
	top: -11px;
	left: 15px;
	padding: 5px 10px;
	background: var(--wh);
	color: var(--red);
	font-size: 11px;
	text-transform: uppercase;
}






.bq_cib{
	position: relative;
	width: 100%;
	margin-top: 45px;
}
.bq_cib .btn{
	width: 100%;
}
.bq_cib2{
	margin-top: 15px;
}











.bq3_ci_book{
	position: absolute;
	z-index: 5;
	width: 44px;
	height: 44px;
	top: -60px;
	right: 30px;
	transition: var(--tm);
}
.bq3_ci:hover .bq3_ci_book, .bq3_ci_book_act{top:15px}
@media(max-width:1024px){.bq3_ci_book{top:15px}}













/*  */
.ph_menu{
	position: fixed;
	z-index: 9999;
	display: flex;
	justify-content: space-between;
	align-items: center;
	bottom: -70px;
	height: 219px;
	padding-bottom: 140px;
	transform: translateY(70px);
	transition: background var(--tm);
	-webkit-overflow-scrolling: touch;
}
.ph_menu_c{
	width: 100%;
	height: 100%;
	background: var(--cl);
   transition: background var(--tm);
}
.ph_mi{
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--wh);
	transition: all var(--tm), color 0s;
}
.ph_mi span{
	display: none;
}
.ph_mi i{
	font-size: 16px;
}





.ph_menu_1{
	border-radius: 50%;
	bottom: -180px;
	left: -40px;
	width: 104px;
	height: 104px;
	margin-bottom: 140px;
	padding-bottom: 0;
  	transform: translate3d(0, 0, 0) scale(1);
}
.ph_menu_1 .ph_menu_c{
    box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    animation: anim_n4 3000ms infinite;
  	background: var(--cm);
  	border-radius: 50%;
}

.ph_menu_1_act{}

.ph_menu_1::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--cm);
	z-index: -1;
    border-radius: 50%;
    transition: var(--tm);
}
.ph_menu_1_act::after{
    left: -2500px;
    top: -2000px;
    width: 5000px;
    height: 5000px;
    background: var(--bag);
}
@media (max-width: 768px) {
	.ph_menu_1_act::after{
		left: -1000px;
   	top: -1000px;
		width: 2000px;
    	height: 2000px;
	}
}


.ph_menu_1 .ph_mi{
	width: 100%;
	height: 100%;
	padding-left: 20px;
    padding-bottom: 20px;
    animation: anim_n2 3000ms infinite;
}
.ph_menu_1 .ph_mi span{
	display: none;
}


/*  */
.ph_menu_4{
	width: 100%;
	left: 0;
	display: none;
}
@media (max-width: 768px) {
	.ph_menu_4{
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

.ph_menu_4 .ph_menu_c{
	width: 290px;
	padding: 0 5px;
	height: 54px;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--wh);
	box-shadow: var(--bx2);
}
.ph_menu_4 .ph_mi{
	width: 25%;
	height: 44px;
	color: var(--bl);
}
.ph_menu_4 .ph_act{
	width: 50%;
	background: var(--cm);
	border-radius: 10px;
	color: var(--wh);
}
.ph_menu_4 .ph_mi span{
	margin-left: 5px;
	font-size: 14px;
	transition: var(--tm);
	font-weight: 500;
}
.ph_menu_4 .ph_act span{
	display: block;
}
.ph_menu_4 .ph_act i{
	font-size: 14px;
}



.ph_menu_4.ph_menu_full .ph_mi{
	width: 33.3333%;
}




/*  */
.icon_s{
	width: 44px;
	height: 44px;
	background: url(../img/logo/logo_w.png);
	background-size: 125% auto;
	background-position: center;
}






.ph_menu_hide{
	bottom: -150px;
}












/*  */
/* .content{
	width: 100%;
	padding: 400px 0;
	background: var(--tr);
} */





















/*  */
.bl1{
	position: relative;
	width: 100%;
	height: 100vh;
}



















.bl_cours{
	position: relative;
	width: 100%;
	padding: 15px;
	padding-bottom: 0;
	background: var(--wh);
	box-shadow: var(--bx2);
	border-radius: 10px;
}
.bl_cours_head{
	position: relative;
	width: 100%;
	height: 54px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media (max-width: 768px) {
	.bl_cours_head{
		height: 34px
	}
}

/*  */
.bl_ch_h{
	font-weight: 600;
	font-size: 24px;
}
@media (max-width: 768px) {
	.bl_ch_h{
		font-size: 16px;
	}
}
.bl_ch_b{
	font-weight: 600;
	font-size: 20px;
	display: block;
}



/*  */
.bl_ch2{
	width: 100%;
	height: 44px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bl_back{
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--wh);
	box-shadow: var(--bx2);
	display: flex;
	justify-content: center;
	align-items: center;
}
.bl_ch2 .bl_cours{
	height: 44px;
	width: calc(100% - 59px);
	padding: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}
.bl_ch2 .bl_ch_h{
	font-size: 18px;
}
.bl_ch_h2{
	font-size: 14px;
}


.bl_cours_head3{
	padding-bottom: 15px;
}



/*  */
.bl_cours_my{
	position: relative;
	margin-top: 30px;
}
.bl_cours_c{
	position: relative;
	width: calc(100% + 30px);
	margin: 0 -15px;
	padding-bottom: 30px;
}
.bl_cc_i{
	width: calc(100% / 5 - 30px);
	margin: 15px;
	position: relative;
}
@media (max-width: 1200px) {
	.bl_cc_i{
		width: calc(100% / 5 - 15px * 6 / 5);
		margin-left: 15px;
		margin-right: 0;
	}
	.bl_cc_i:last-child {
		margin-right: 15px;
	}
}
@media (max-width: 1024px) {
	.bl_cc_i{
		width: calc(100% / 4 - 15px * 5 / 4);
	}
}
@media (max-width: 768px) {
	.bl_cc_i{
		width: calc(100% / 3 - 15px * 4 / 3);
	}
}
@media (max-width: 425px) {
	.bl_cc_i{
		width: calc(100% / 2 - 15px * 3 / 2);
	}
}
@media (max-width: 375px) {
	.bl_cc_i{
		width: calc(100% - 15px * 2);
	}
}


.bl_cc_img{
	width: 100%;
	height: 250px;
	position: relative;
	margin: auto;
	display: flex;
	justify-content: center;
	align-content: center;
	border-radius: 10px;
	border-top-left-radius: 30px;
	overflow: hidden;
	box-shadow: var(--bx2);
	background: linear-gradient(-45deg, powderblue, pink, powderblue, pink);
	background-size: 400% 400%;
	animation: gradient 2s ease infinite;
}
@media (max-width: 375px) {
	.bl_cc_img{
		height: 360px;
	}
}


.bl_cc_img span, .bl_cc_img2 span {
	width: 100%;
	height: 100%;
	display: inline-block;
	background-repeat: no-repeat;
	background-size:auto 100%;
	background-position: center;
}
.bl_cc_img div, .bl_cc_img2 div{
	width: 100%;
	height: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 40px;
	font-weight: 600;
	color: var(--wh);
	text-transform: uppercase;
}
.bl_cc_img2 div{
	font-size: 34px;
}


.bl_cc_txt{
	width: 100%;
	margin-top: 15px;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
}

.slide_min_pag{
	top: auto !important;
	bottom: 0 !important;
	margin: auto;
	right: 0;
	width: 30% !important;
	border-radius: 10px;
	overflow: hidden;
	background: var(--wh) !important;
}
.slide_min_pag span{
	background: var(--cl) !important;
	border-radius: 10px !important;
}





















.bl_cc_info{
	width: 100%;
	position: relative;
}
.bl_cc_name{
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 15px;
}
.bl_cc_autor{
	position: relative;
	width: 100%;
	height: 34px;

	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 15px;
}
.bl_cc_autor2{
	margin-left: 10px;
	font-size: 14px;
}
.bl_cc_img2{
	width: 34px;
	height: 34px;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: var(--bx2);
	background: linear-gradient(-45deg, powderblue, pink, powderblue, pink);
	background-size: 400% 400%;
	animation: gradient 2s ease infinite;
	cursor: pointer;

	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 11px;
	color: var(--wh);
}



.bl_cc_in{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}
.bl_cc_ini{
	width: 50%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.bl_cc_ini i{
	font-size: 13px;
}
.bl_cc_ini span{
	font-size: 12px;
	margin-left: 5px;
	font-weight: 400;
}





.bl_cours_c2{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.bl_cc_i2{
	width: calc(33.3333% - 20px);
	padding: 30px;
	position: relative;
	margin-top: 110px;
	border-radius: 10px;
	box-shadow: var(--bx2);
	background: var(--wh);
	margin-right: 30px;
}
.bl_cc_i2:nth-child(3n){
	margin-right: 0;
}
@media (max-width: 1200px) {
	.bl_cc_i2{
		width: calc(33.3333% - 10px);
		margin-top: 95px;
		padding: 15px;
		margin-right: 15px;
	}
}
@media (max-width: 768px) {
	.bl_cc_i2{
		width: calc(50% - 7.5px);
	}
	.bl_cc_i2:nth-child(3n){
		margin-right: 15px;
	}
	.bl_cc_i2:nth-child(2n){
		margin-right: 0;
	}
}
@media (max-width: 425px) {
	.bl_cc_i2{
		width: 100%;
		margin-right: 0 !important;
	}
}

.bl_cc_i2 .bl_cc_c3{
	height: 360px;
}
.bl_cc_i2 .bl_cc_ini{
	width: 33.3333%;
}
@media (max-width: 768px) {
	.bl_cc_i2 .bl_cc_ini{
		width: 50%;
	}
	.bl_cc_i2 .bl_cc_ini:nth-child(3){
		display: none;
	}
}









/*  */
.item_nb_list{
	position: relative;
	width: 100%;
	margin-top: 60px;
	display: flex;
	justify-content: flex-start;
}
@media (max-width: 768px) {
	.item_nb_list{
		flex-direction: column;
		margin-top: 0
	}
}

.item_nb_listc_i{
	width: 30%;
	padding-right: 30px;
	position: relative;
}
@media (max-width: 768px) {
	.item_nb_listc_i{
		width: calc(100% + 30px);
		margin: 0 -15px;
		margin-top: -54px;
		padding-right: 0;
	}
}
.item_nb_listc_img{
	width: 100%;
	height: 360px;
	background: var(--tr);
	border-radius: 10px;
	border-top-left-radius: 30px;
	overflow: hidden;
	box-shadow: var(--bx2);
}
@media (max-width: 768px) {
	.item_nb_listc_img{
		border-radius: 0;
		box-shadow: none;
	}
}

.item_nb_listc_imgc{
	width: 100%;
	height: 100%;
	background-size: auto 100%;
	background-position: center;
}


.item_nb_info{
	position: relative;
	width: 70%;
	box-shadow: var(--bx2);
	background: var(--wh);
	padding: 30px;
	border-radius: 10px;
	border-top-right-radius: 30px;
}
@media (max-width: 768px) {
	.item_nb_info{
		padding: 15px;
	}
}

@media (max-width: 768px) {
	.item_nb_info{
		border-radius: 10px;
		width: 100%;
	}
	.item_nb_info::after{
		content: '';
		position: absolute;	
		top: -44px;
		left: -15px;
		width: calc(100% + 30px);
		height: 44px;
		border-top-right-radius: 30px;
		border-top-left-radius: 30px;
		background: var(--bag);
	}
}
.item_nb_listc_name{
	/* padding-top: 30px; */
}
.item_nb_listc_autor{
	padding-top: 30px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.item_nb_listc_autor_s{
	margin-right: 30px;
}
.item_nb_listc_autor_s:first-child{
	width: 44px;
	height: 44px;
	margin-right: 15px;
	background: var(--cl);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--wh);
}
.item_nb_listc_autor_s span{
	width: 100%;
	height: 100%;
	background-size: auto 100%;
	background-position: center;
	position: relative;
}


.item_nb_listc_set{
	padding-top: 30px;
	display: flex;
	justify-content: flex-start;
}
.item_nb_listc_set_s{
	width: 33.3333%;
}
@media (max-width: 1200px) {
	.item_nb_listc_set{
		justify-content: space-between;
	}
	.item_nb_listc_set_s{
		margin-right: 0;
	}
}
@media (max-width: 768px) {
	.item_nb_listc_set_s{
		font-size: 14px;
	}
}
@media (max-width: 425px) {
	.item_nb_listc_set_s{
		font-size: 13.4px;
	}
}
.item_nb_listc_set_s span{
	margin-left: 5px;
}

.item_nb_listc_pr{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	margin-top: 30px;
}
.item_nb_listc_price{
	margin-right: 15px;
	color: var(--cl);
}
.item_nb_listc_price_sole{
	text-decoration: line-through;
}

.item_nb_listc_btn{
	position: relative;
	width: 100%;
	margin-top: 30px;
}
.item_nb_listc_btn .btn{
	display: inline-flex;
}
@media (max-width: 768px) {
	.item_nb_listc_btn .btn{
		display: flex;
	}
}



.item_nb_listc_prog{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 30px;
}
.item_nb_listc_progi{
	position: relative;
	width: 44px;
	height: 44px;

	display: flex;
	justify-content: center;
	align-items: center;
}
.item_nb_listc_progi:nth-child(2){
	position: relative;
	width: calc(100% - 88px - 30px);
	height: 7px;
	background: var(--wh);
	border-radius: 10px;
	box-shadow: var(--bx2);

	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
}
.item_nb_listc_progin{
	width: calc(100% / (12 / 0));
	height: 100%;
	background: var(--cl);
}




/*  */
.item_nb{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	margin-top: 30px;
}
@media (max-width: 1200px) {
	.item_nb{
		margin-top: 15px;
	}
}
.pl_list{
	position: relative;
	width: 30%;
	padding-right: 30px;
}
@media (max-width: 1200px) {
	.pl_list{
		padding-right: 15px;
	}
}
@media (max-width: 768px) {
	.pl_list{
		display: none;
	}
}



/*  */
.bl_item_cc{
	width: 70%;
	position: relative;
}
@media (max-width: 768px) {
	.bl_item_cc{
		width: 100%;
	}
}
.bl_item_cc .bl_cours_head{
	margin-bottom: 15px;
}
.bl_item_c{
	width: 100%;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: var(--bx2);
	background: var(--wh);
	margin-bottom: 30px;
}
@media (max-width: 1200px) {
	.bl_item_c{
		margin-bottom: 15px
	}
}

.bl_item_top{
	position: relative;
	padding: 15px 30px;
	background: var(--cl);
	color: var(--wh);
	display: flex;
	justify-content: flex-start;
	align-items: center;
}




.bl_item{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 15px 30px;
	border-bottom: 1px solid var(--cl2);
	overflow: hidden;
}
.bl_item:last-child{
	border-bottom: none;
}
@media (max-width: 1200px) {
	.bl_item{
		padding: 15px;
	}
}

.bl_item a{
	min-width: calc(100% - 150px);
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
@media (max-width: 768px) {
	.bl_item a{
		width: 100%;
	}
}















/*  */
.bli_sett{
	width: 44px;
	height: 44px;
	overflow: hidden;
	transition: var(--tm);
}
.bli_settc{
	width: 132px;
	height: 44px;
	display: flex;
	justify-content: flex-start;
}

.bli_seti{
	border-radius: 50%;
	width: 44px;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: var(--tm);
}
.bli_seti:hover{
	background: var(--cl2);
}



.bl_item_ac{}
.bl_item_ac .bli_info{
	width: calc(100% - 147px);
}
.bl_item_ac .bli_sett{
	width: 88px;
}
.bl_item_ac .bli_setib1{
	width: 0;
	opacity: 0;
}























.slide_max{
	width: calc(100% + 30px);
	margin: 0 -15px;
	position: relative;
	padding-bottom: 60px;
}
.slm_item{
	width: calc(25% - 30px);
	background: var(--wh);
	padding: 15px;
	transition: var(--tm);
	position: relative;
	border-radius: 10px;
	box-shadow: var(--bx2);
	margin: 110px 15px 30px 15px;
}
@media (max-width: 1200px) {
	.slm_item {
		width: calc(100% / 3 - 15px * 4 / 3);
		margin-left: 15px;
		margin-right: 0;
	}
	.slm_item:last-child {
		margin-right: 15px
	}
}
@media (max-width: 768px) {
	.slm_item {
		width: calc(100% / 2 - 15px * 3 / 2);
	}
}
@media (max-width: 425px) {
	.slm_item {
		width: calc(100% - 15px * 2);
	}
}


.bl_cc_c3{
	position: relative;
	width: 100%;
	height: 320px;
	border-radius: 10px;
	border-top-left-radius: 30px;
	margin-top: -95px;
	margin-bottom: 15px;
	background: linear-gradient(-45deg, powderblue, pink, powderblue, pink);
	background-size: 400% 400%;
	animation: gradient 2s ease infinite;
	overflow: hidden;
	box-shadow: var(--bx2);
}
.bl_cc_i3{
	width: 100%;
	height: 100%;
	background-size:auto 100%;
	background-position: center;
}



.slide_max_pag{
	top: auto !important;
	bottom: 20px !important;
	margin: auto;
	right: 0;
	width: 40% !important;
	border-radius: 10px;
	overflow: hidden;
	background: var(--wh) !important;
}
.slide_max_pag span{
	background: var(--cl) !important;
	border-radius: 10px !important;
}


.slide_max_next, .slide_max_prev{
	bottom: 0;
	top: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	height: 44px;
	width: 44px;
	transition: var(--tm);
	opacity: 1 !important;
	color: var(--wh);
	background: var(--cm);
	right: calc(25% - 44px);
	outline: none;
}
.slide_max_next.swiper-button-disabled, .slide_max_prev.swiper-button-disabled {
	background: var(--wh);
	color: var(--cl);
}
.slide_max_prev{
	right: auto;
	left: calc(25% - 44px);
}




.us_info{
	padding-top: 30px;
	padding-bottom: 15px;
}
.us_logo{
	width: 160px;
	height: 160px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;

	background: linear-gradient(-45deg, powderblue, pink, powderblue, pink);
	background-size: 400% 400%;
	animation: gradient 2s ease infinite;
	border-radius: 50%;
	box-shadow: var(--bx2);
	overflow: hidden;
}

.us_name{
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	margin-top: 15px;
}
.us_phone{
	font-size: 16px;
	margin-top: 5px;
	text-align: center;
}




.us_spc{
	width: 100%;
	position: relative;
	border-radius: 10px;

	background: var(--wh);
	box-shadow: var(--bx2);
	margin-top: 15px;
}

.us_spi{
	width: 100%;
	height: 54px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 15px;

	border-bottom: 1px solid var(--cl2);
}
.us_spi:last-child{
	border-bottom: 0;
}
.us_spi i{
	margin-right: 15px;
}





.us_btn{
	margin-top: 15px;
}










.btn_razn{
	width: 54px;
    min-height: 194px;

	position: fixed;
	right: 15px;
	z-index: 1111;

    bottom: 9px;
    padding-bottom: 140px;
    transform: translateY(70px);
    -webkit-overflow-scrolling: touch;
}
.btn_razn_c{
	position: relative;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: var(--cm);
	color: var(--wh);
	box-shadow: var(--bx2);

	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	margin-bottom: 15px;
	cursor: pointer;
}
.btn_razn_c:last-child{
	margin-bottom: 0;
}























/*  */
.home_priv{
	width: 100%;
	height: 100vh;
	position: relative;
	background: var(--tr);
	overflow: hidden;
}
.home_priv_c{
	position: relative;
	width: 100%;
	max-width: 1200px;
	height: 100%;
	margin: auto;
	display: flex;
	align-items: center;
}
@media (max-width: 768px) {
	.home_priv_c{
		display: flex;
		flex-flow: wrap;
    	align-content: space-around;
	}
}


.home_priv_abs_log{
	position: absolute;
	width: 100%;
	height: 60px;
	top: 10px;
	left: 15px;
	display: none;
	z-index: 5;
}
@media (max-width: 768px) {
	.home_priv_abs_log{
		display: block;
	}
}
.home_priv_abs_log img{
	height: 60px;
	width: auto;
}


.home_priv_head{
	position: relative;
	width: 50%;
	height: 300px;
	display: flex;
	flex-flow: wrap;
    align-content: space-around;
    z-index: 3;
}
@media (max-width: 768px) {
	.home_priv_head{
		width: 100%;
		height: auto;
		display: block;
		text-align: center;
		margin-top: 30px
	}
}

.home_priv_head h1{
	color: var(--cl);
	z-index: 4;
}
@media (max-width: 425px) {
	.home_priv_head h1{
		font-size: 36px;
	}
}
@media (max-width: 360px) {
	.home_priv_head h1{
		font-size: 30px;
	}
}

.home_priv_head p{
	width: 100%;
	z-index: 4;
}
@media (max-width: 768px) {
	.home_priv_head p{
		margin-top: 10px
	}
}
.home_priv_btn{
	display: flex;
	z-index: 4;
}
@media (max-width: 768px) {
	.home_priv_btn{
		display: none;
	}
}
.home_priv_btnv{
	background: var(--tr);
	border-color: var(--cm);
	color: var(--cm);
	box-shadow: none;
	margin-left: 15px;
}
.home_priv_btnv i{
	font-size: 22px;
}
.home_priv_btnv:hover{
	background: var(--cm2);
	border-color: var(--cm);
	color: var(--cm);
}



.home_priv_head_ab{
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
}
.home_priv_head_abs{
	position: absolute;
	top: -120px;
	left: -50px;
	width: 10px;
	height: 10px;
	background: var(--cl);
	border-radius: 50%;
}
.home_priv_head_abs:nth-child(2){
	top: 300px;
	left: 0;
	width: 30px;
	height: 30px;
	opacity: .2;
}
.home_priv_head_abs:nth-child(3){
	left: 300px;
	top: 0;
	width: 20px;
	height: 20px;
	opacity: .3;
}
.home_priv_head_abs:nth-child(4){
	top: 400px;
	left: 600px;
	width: 50px;
	height: 50px;
	opacity: .1;
}
.home_priv_head_abs:nth-child(5){
	top: 450px;
	left: 200px;
	width: 15px;
	height: 15px;
	opacity: .5;
}
.home_priv_head_abs:nth-child(6){
	top: 150px;
	left: 500px;
	width: 30px;
	height: 30px;
	opacity: .2;
}
.home_priv_head_abs:nth-child(7){
	top: 50px;
	left: -200px;
	width: 50px;
	height: 50px;
	opacity: .1;
}
.home_priv_head_abs:nth-child(8){
	top: 550px;
	left: -50px;
	width: 30px;
	height: 30px;
	opacity: .3;
}






.home_priv_img{
	position: relative;
	width: 50%;
	height: 100vh;
}
@media (max-width: 768px) {
	.home_priv_img{
		width: 100%;
		height: auto
	}
}
.home_priv_img img{
	width: auto;
	height: 80vh;

	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 2;
}
@media (max-width: 768px) {
	.home_priv_img img{
		width: 100%;
		position: relative;
		height: auto
	}
}

.home_priv_img_bc{
	z-index: 1;
	position: absolute;
	left: 60px;
	bottom: -50px;

	width: 1200px;
	height: 1200px;

	transform: rotate(45deg);
	background: var(--wh);
	border-radius: 21% 79% 66% 34% / 47% 62% 38% 53% ;
	box-shadow: inset 0 0 40px 0 var(--cl2);
	opacity: .5;
}
@media (max-width: 768px) {
	.home_priv_img_bc{
		left: 0;
		bottom: -100px;
	}
}



.home_priv_next{
	display: none;
	width: 100%;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
@media (max-width: 768px) {
	.home_priv_next{
		display: flex;
	}
}


.home_priv_next a{
	color: var(--wh);
}








/*  */
.home_cours_cat{
	position: relative;
	width: 100%;
	margin-top: 60px;
}

@media (max-width: 768px) {
	.home_cours_cat{
		margin-top: 30px
	}
}
.home_cours_cat_c{
	position: relative;
	margin:0 -15px;
	padding: 15px 0;
	padding-bottom: 45px;
	width: calc(100% + 30px);

	display: flex;
	justify-content: space-between;
}

.home_cours_cat_i{
	width: calc(100% / 5 - 30px);
	height: 100px;
	background:  var(--wh);
	border-radius: 10px;
	margin:0 15px;
	padding: 15px;
}
@media (max-width: 1200px) {
	.home_cours_cat_i{
		width: calc(100% / 5 - 15px * 6 / 5);
		margin-left: 15px;
		margin-right: 0;
	}
	.home_cours_cat_i:last-child {
		margin-right: 15px;
	}
}
@media (max-width: 1024px) {
	.home_cours_cat_i{
		width: calc(100% / 4 - 15px * 5 / 4);
	}
}
@media (max-width: 768px) {
	.home_cours_cat_i{
		width: calc(100% / 3 - 15px * 4 / 3);
	}
}
@media (max-width: 425px) {
	.home_cours_cat_i{
		width: calc(100% / 2 - 15px * 3 / 2);
	}
}
@media (max-width: 374px) {
	.home_cours_cat_i{
		width: calc(100% - 15px * 2);
	}
}


.home_cours_cat_img{
	font-size: 32px;
	text-align: center;
}

.home_cours_cat_txt{
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	margin-top: 10px;
}

.home_cours_cat_c_pag{
	top: auto !important;
	bottom: 0 !important;
	margin: auto;
	right: 0;
	width: 30% !important;
	border-radius: 10px;
	overflow: hidden;
	background: var(--wh) !important;
}
.home_cours_cat_c_pag span{
	background: var(--cl) !important;
	border-radius: 10px !important;
}








.home_cours_top{
	position: relative;
	width: 100%;
	margin-top: 45px;
}
@media (max-width: 768px) {
	.home_cours_top{
		margin-top: 15px;
	}	
}













































.lg_block{
	width: 100%;
	height: 100vh;
    position: relative;
    z-index: 2;
 	max-width: 768px;
 	margin: auto;
}

.lg_top{
	width: 100%;
	position: relative;
}

.lg_top_back{
	height: 54px;
	width: calc(100% - 30px);
	margin: auto;

	display: flex;
	justify-content: space-between;
	align-items: center;
}
.lg_top_back .back{
	background: var(--tr);
	color: var(--bl);
}



.lg_top_head{
	width: 260px;
	margin: auto;
	margin-top: 10px;

	text-align: center;
}
.lg_top_head_img{
	position: relative;
	margin: auto;
	width: 88px;
	height: 88px;
	background: var(--wh);
	border-radius: 50%;

	display: flex;
	justify-content: center;
	align-items: center;

	font-size: 32px;
	color: var(--cl);

	margin-bottom: 30px;
}
.lg_top_head h5{
	margin-bottom: 10px;
}
.lg_top_head p{
	font-size: 14px;
}





.lg_top_form{
	width: calc(100% - 30px);
	margin: auto;
	margin-top: 45px;
}








.lg_bottom{
	width: 100%;
	padding-top: 60px;

	display: flex;
	justify-content: center;
	align-items: center;

	background: var(--cl);

	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	transition: var(--tm);
}
@media (max-height: 700px) {
	.lg_bottom{
		position: relative;
	}
}

.lg_bottom_tp{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
	background:  var(--bag);
	z-index: 999;
}



.lg_btn{
	position: relative;
	width: 50%;
	height: 100px;
	padding: 0 45px;

	display: flex;
	align-items: center;
	justify-content: flex-end;

	color: var(--wh);
}
.lg_btn:last-child{
	justify-content: flex-start;
}

.lg_btn::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
	height: 34px;
	width: 1px;
	background: var(--wh);
}
.lg_btn:last-child::after{
	display: none;
}

.lg_btn a{
	color: var(--wh);
}
.lg_btn i{
	margin-right: 10px;
}





















.item_vb{
	position: relative;
	width: 100%;
	height: 120px;
	border-radius: 10px;
	margin-top: 30px;
	display: flex;
	justify-content: flex-start;
}
@media (max-width: 1200px) {
	.item_vb{
		height: 200px;
	}
}
@media (max-width: 768px) {
	.item_vb{
		margin-top: 0;
		height: 135px;
	}
}

.item_vbci{
	position: relative;
	margin-right: 30px;
	width: 120px;
	height: 100%;
	border-radius: 10px;
	border-top-left-radius: 30px;
	box-shadow: var(--bx2);
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (max-width: 1200px) {
	.item_vbci{
		width: 200px;
		margin-right: 15px;
	}
}
@media (max-width: 768px) {
	.item_vbci{
		width: 120px;
	}
}
@media (max-width: 425px) {
	.item_vbci{
		display: none;
	}
}

.item_vbcimg{
	width: 100%;
	height: 100%;
	position: relative;
	background-position: center;
	background-size: auto 100%;
}


.item_vbc{
	position: relative;
	width: calc(100% - 130px);
	background: var(--wh);
	box-shadow: var(--bx2);
	padding: 30px;
	border-radius: 10px;
	border-top-right-radius: 30px;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.item_vbs{
	width: calc(50% - 15px);
	position: relative;
}
.item_vbc .item_nb_listc_prog{
	margin-top: 0;
}

@media (max-width: 1200px) {
	.item_vbc{
		padding: 15px;
		width: calc(100% - 200px);
	}
	.item_vbs{
		width: 100%;
	}
}
@media (max-width: 768px) {
	.item_vbc{
		padding: 15px;
		width: calc(100% - 100px);
	}
	.item_vbs:last-child{
		display: none;
	}
}

@media (max-width: 425px) {
	.item_vbc{
		border-radius: 10px;
		width: 100%
	}
}


















.list_cours{

}
.list_cours a{
	width: 100%;
	position: relative;
	display: block;
	padding: 5px 0;
}
.list_cours_i{
	position: relative;
	display: inline-block;
	font-size: 14px;
    height: 20px;
    white-space: break-spaces;
    transition: var(--tm);
    overflow: hidden;
}
.list_cours_i:hover{
	margin-left: 15px;
}
.list_cours_i::after{
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	width: 0;
	height: 1px;
	background: var(--cl);
	transition: var(--tm);
}
.list_cours_i:hover::after{
	width: 100%;
}

.list_cours_act{
	margin-left: 15px;
}
.list_cours_act::after{
	background: var(--red);
	width: 100%;
}








































/*  */
.bli_sts{
	position: relative;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.bli_stsi{
	margin-left: 10px;
	font-size: 14px;
}


/*  */
.bli_sta{
	position: absolute;
	height: 100%;
	right: -100%;
	top: 0;
	padding-right: 30px;
	padding-left: 120px;
	background: linear-gradient(90deg, var(--tr) 0%, var(--wh) 100%);
	transition: var(--tm);
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.coursls_item:hover .bli_sta{
	right: 0;
}
.bli_stsa{
	position: relative;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	cursor: pointer;
	color: var(--cm);
	font-size: 18px;
	transition: var(--tm);

	display: flex;
	justify-content: center;
	align-items: center;
}
.bli_stsa:hover{
	box-shadow: 0 0 10px 0 var(--cm5);
}

.bli_stsa_del{
	color: var(--red);
}
.bli_stsa_del:hover{
	box-shadow: 0 0 10px -4px var(--red);
}












/*  */
.item_vbn{
	position: relative;
	width: 100%;
}






/*  */
.item_vbni:last-child{
	margin-bottom: 0;
}
@media (max-width: 768px) {
	.item_vbni{
		flex-direction: column;
		align-items: flex-start;
	}
}


.item_vbni h6, .item_vbni h5{
	margin-left: 15px;
}
.item_vbni .bl_item_th{
	padding-bottom: 0;
}
@media (max-width: 768px) {
	.item_vbni h6, .item_vbni h5{
		margin-left: 0;
	}
}















.coursls_st{
	position: relative;
	width: 100%;
	height: 74px;
	padding: 0 30px;

	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid var(--cl2);
	transition: var(--tm);
}
.coursls_st:last-child{
	border-bottom: 0;
}
.coursls_st:hover{
	background: var(--cl2);
	border-bottom-color: var(--tr);
}
.coursls_st:nth-child(2){
	border-bottom: 1px solid var(--cl8);
}
.coursls_st:nth-child(2):hover{
	background: var(--tr);
}
@media (max-width: 1200px) {
	.coursls_st{
		padding: 0 15px;
	}
}

/*  */
.coursls_st_name{
	width: calc(100% - 140px - 80px - 30px);
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.coursls_st_name_ava{
	position: relative;
	width: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 30px;
}
.coursls_st_name_ava .bli_logo{
	margin-right: 0;
}
@media (max-width: 1200px) {
	.coursls_st_name_ava{
		margin-right: 15px;
	}
}


/*  */
.coursls_st_name .bli_info{
	width: calc(100% - 90px);
	justify-content: flex-start;
}
@media (max-width: 1200px) {
	.coursls_st_name .bli_info{
		width: calc(100% - 85px);
	}
}

.coursls_st_name .bli_name{
	width: calc(100% - 120px - 30px);
}
.coursls_st_name .bli_phone{
	width: 120px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}






.coursls_st_date{
	width: 140px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}


/*  */
.coursls_st_sn{
	position: relative;
	width: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.coursls_st_sn i{
	margin-right: 5px;
}





.coursls_top{
	position: relative;
	width: 100%;
	height: 74px;
	padding: 0 30px;
	color: var(--wh);
	background: var(--cl);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media (max-width: 1200px) {
	.coursls_top{
		padding: 0 15px;
	}
}
.coursls_top_name{
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.coursls_top_sab{}
.coursls_top_sab i:nth-child(3){
	display: none;
}
@media (max-width: 425px) {
	.coursls_top_sab i{
		display: inline-block;
	}
	.coursls_top_sab span:nth-child(2){
		display: none;
	}
}



/*  */
.coursls_btn{
	position: relative;
	width: 100%;
	height: 74px;
	padding: 0 30px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}



/*  */
.none_cc{
	position: relative;
	margin-top: 30px;
	width: 100%;
}
.none_ccimg{}

.none_ccname{
	position: relative;
	width: 100%;
	text-align: center;
}





/*  */
.cup_cc{
	position: relative;
	width: 100%;
	padding: 80px 0;
}
.cup_ccname{
	position: relative;
	width: 100%;
	text-align: center;
}



/*  */
.bli_logo{
	position: relative;
	width: 44px;
	height: 44px;
	border-radius: 10px;
	box-shadow: var(--bx2);
	overflow: hidden;

	background: linear-gradient(-45deg, var(--cl), var(--cl), var(--cm2), var(--cl), var(--cl));
	background-size: 400% 400%;
	animation: gradient 2s ease infinite;
}
.bli_logo span{
	width: 100%;
	height: 100%;
	background: var(--cl);
	color: var(--wh);
	font-size: 14px;
	font-weight: 700;

	display: flex;
	justify-content: center;
	align-items: center;
}


/*  */
.bli_info{
	position: relative;
	width: calc(100% - 74px);
	height: 100%;
	margin-left: 30px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	transition: var(--tm);
	overflow: hidden;
}
.bli_name{
	width: 100%;
	min-height: 18px;
	max-height: 36px;
	line-height: 18px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: break-spaces;
	transition: var(--tm);
	overflow: hidden;
}

/*  */
.coursls_top_name .bli_logo span{
	background: var(--wh);
	color: var(--cl);
}







/*  */
.search_cn{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.search_fil{
	position: relative;
	width: calc(30% - 30px);
	background: var(--wh);
	box-shadow: var(--bx2);
	border-radius: 10px;
	overflow: hidden;
}
@media (max-width: 768px) {
	.search_fil{
		display: none;
	}
}

.search_filh{
	width: 100%;
	height: 54px;
	background: var(--cl);
	color: var(--wh);
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
	padding: 0 30px;
}

.search_filhc{
	width: 100%;
	padding: 30px;
	position: relative;
}
.filt_form{
	width: 100%;
	position: relative;
	margin-bottom: 30px;
}
.filt_price{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.filt_price div{
	position: relative;
	width: calc(50% - 15px);
}
.filt_price input{
	border: 1px solid var(--gr);
	width: 100%;
	margin-top: 5px;
	padding: 0 15px;
	font-size: 16px;
}
.filt_price span{
	font-size: 12px;
	color: var(--gr);
}



/*  */
.filt_btn{
	position: relative;
	width: 100%;
}
.filt_btn .btn{
	width: 100%;
}







/*  */
.search_dl{
	position: relative;
	width: 70%;
}
@media (max-width: 768px) {
	.search_dl{
		width: 100%;
	}
}

.search_cat{
	position: relative;
	width: 100%;

	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.search_cati{
	width: calc(100% / 5);
	padding: 15px;
	height: 105px;
	padding-top: 0;
}
@media (max-width: 768px) {
	.search_cati{
		width: calc(100% / 2);
	}
}

.search_cati a{
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	background: var(--wh);
	border-radius: 10px;
	box-shadow: var(--bx2);

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.search_cata a{
	background: var(--cl);
	color: var(--wh);
}


.search_cati .home_cours_cat_img{
	font-size: 24px;
}
.search_cati .home_cours_cat_txt{
	font-size: 14px;
}





.search_cn .bl_cc_i2{
	width: calc(50% - 15px);
}
.search_cn .bl_cc_i2:nth-child(2n){
	margin-right: 0;
}
.search_cn .bl_cc_i2:nth-child(2n + 1){
	margin-right: 30px;
}
@media (max-width: 768px) {
	.search_cn .bl_cc_i2{
		width: 100%;
		margin-right: 0 !important;
	}
}















/* spliv */
.spl_cn{
	width: 320px;
	position: fixed;
	bottom: 30px;
	right: 90px;
	background: var(--wh);
	z-index: 999;
	box-shadow: var(--bx2);
	overflow: hidden;
	border-radius: 10px;
}
@media (max-width: 768px) {
	.spl_cn{
		width: calc(100% - 30px);
		bottom: 80px;
		right: 15px;
	}
}


.spl_top{
	position: relative;
	width: 100%;
	height: 54px;
	background: var(--cl);

	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--wh);
	padding: 0 15px;
}
.spl_zk{
	cursor: pointer;
}



.spl_con{
	width: 100%;
	position: relative;
	padding: 15px;
}
.spl_form{
	width: 100%;
	position: relative;
}
.spl_form span{
	font-size: 12px;
	color: var(--gr);
}

.spl_form input{
	margin-top: 5px;
	width: 100%;
	border: 1px solid var(--gr);
	color: var(--bl);
	font-size: 18px;
	padding: 0 15px;
}
.spl_form select{
	margin-top: 5px;
	width: 100%;
	border: 1px solid var(--gr);
	color: var(--bl);
	font-size: 18px;
	padding: 0 15px;
}



.spl_btn{
	padding: 0 15px;
	padding-bottom: 15px;
	width: 100%;
	position: relative;
}












.qos1_c{
	position: relative;
	width: 100%;
	height: 1200px;
}



































































.hbl1{
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 760px;
	height: 860px;
	transition: var(--tm);
}
@media(max-width:500px){.hbl1{height:840px}}
@media(max-width:375px){.hbl1{height:810px}}
@media(max-width:320px){.hbl1{height:760px}}

.hbl1 .bl_c{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.htbl1_c{
	position: relative;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
@media (max-width: 500px) {
	.htbl1_c{
		justify-content: flex-end;
		padding-bottom: 45px;
	}
}

.hbl1_img{
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	max-width: 640px;
	height: 640px;
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	z-index: 2;
}
@media (max-width: 500px) {
	.hbl1_img{
		top: 30px;
		left: -90px;
		width: calc(100% + 180px);
	}
}

.hbl1_i{
	position: relative;
	padding-top: 348px;
	text-align: center;
	text-transform: uppercase;
	z-index: 3;
	color: var(--wh);
}
@media (max-width: 500px) {
	.hbl1_i{
		color: var(--cl);
		padding-top: 0;
	}
}

.hbl1_h{
	position: relative;
	font-size: 80px;
	font-weight: 700;
}
@media (max-width: 500px) {
	.hbl1_h{
		font-size: 52px;
		line-height: 60px;
	}
}
@media(max-width:425px){.hbl1_h{font-size:47px}}
@media(max-width:390px){.hbl1_h{font-size:44px}}
@media(max-width:375px){.hbl1_h{font-size:44px}}
@media(max-width:320px){.hbl1_h{font-size:38px;line-height:48px}}

.hbl1_p{
	position: relative;
	font-size: 40px;
	font-weight: 700;
}
@media(max-width:500px){.hbl1_p{font-size:27px}}
@media(max-width:425px){.hbl1_p{font-size:24.5px}}
@media(max-width:390px){.hbl1_p{font-size:23px}}
@media(max-width:375px){.hbl1_p{font-size:23px}}
@media(max-width:320px){.hbl1_p{font-size:19.5px}}

.hbl1_sn{
	position: absolute;
	z-index: 1;
	opacity: .5;
	top: 473px;
	left: 0;
	padding-top: 0;
}
@media(max-width:500px){.hbl1_sn{display:none}}
.hbl1_sn .hbl1_h{
	text-shadow: 0px 2px 0 var(--cl), 0px -2px 0 var(--cl), 2px 0px 0 var(--cl), -2px 0px 0 var(--cl), 2px 2px 0 var(--cl), 2px -2px 0 var(--cl), -2px 2px 0 var(--cl), -2px -2px 0 var(--cl);
	-webkit-text-shadow: 0px 2px 0 var(--cl), 0px -2px 0 var(--cl), 2px 0px 0 var(--cl), -2px 0px 0 var(--cl), 2px 2px 0 var(--cl), 2px -2px 0 var(--cl), -2px 2px 0 var(--cl), -2px -2px 0 var(--cl);
	-moz-text-shadow: 0px 2px 0 var(--cl), 0px -2px 0 var(--cl), 2px 0px 0 var(--cl), -2px 0px 0 var(--cl), 2px 2px 0 var(--cl), 2px -2px 0 var(--cl), -2px 2px 0 var(--cl), -2px -2px 0 var(--cl);
}
.hbl1_sn .hbl1_p{
	text-shadow: 0px 2px 0 var(--cl), 0px -2px 0 var(--cl), 2px 0px 0 var(--cl), -2px 0px 0 var(--cl), 2px 2px 0 var(--cl), 2px -2px 0 var(--cl), -2px 2px 0 var(--cl), -2px -2px 0 var(--cl);
	-webkit-text-shadow: 0px 2px 0 var(--cl), 0px -2px 0 var(--cl), 2px 0px 0 var(--cl), -2px 0px 0 var(--cl), 2px 2px 0 var(--cl), 2px -2px 0 var(--cl), -2px 2px 0 var(--cl), -2px -2px 0 var(--cl);
	-moz-text-shadow: 0px 2px 0 var(--cl), 0px -2px 0 var(--cl), 2px 0px 0 var(--cl), -2px 0px 0 var(--cl), 2px 2px 0 var(--cl), 2px -2px 0 var(--cl), -2px 2px 0 var(--cl), -2px -2px 0 var(--cl);
}


.hbl1_b{
	position: relative;
	margin-top: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	z-index: 4;
}
.hbl1_b .btn:last-child{margin-left:45px}
@media (max-width: 580px) {
	.hbl1_b{flex-direction:column}
	.hbl1_b .btn{width:100%}
	.hbl1_b .btn:last-child{margin:20px 0 0 0}
}
@media(max-width:500px){.hbl1_b{margin-top:40px}}
@media(max-width:425px){.hbl1_b{margin-top:30px}}
@media(max-width:375px){.hbl1_b{margin-top:20px}}
@media(max-width:320px){.hbl1_b{margin-top:15px}}












.hbl2{
	position: relative;
	width: 100%;
	margin-bottom: 30px;
}
.hbl2_c{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
.hbl2_i{
	position: relative;
	width: calc(100% / 3 - 30px * 2 / 3);
	height: 320px;
	margin-bottom: 30px;
	background: var(--cl);
}














.hbl3{
	position: relative;
	width: 100%;
	background: var(--cm1);
	padding: 80px 0;
}
.hbl32{
	background: none;
	padding: 0;
}
@media (max-width: 500px) {
	.hbl3{padding:40px 0}
	.hbl32{padding:0}
}

.hbl3_c{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
.hbl32 .hbl3_c{
	background: var(--cm1);
	padding: 45px;
	border-radius: 60px;
}
@media (max-width: 500px) {
	.hbl32 .hbl3_c{
		padding: 40px;
		border-radius: 30px;
	}
}
@media (max-width: 425px) {
	.hbl32 .hbl3_c{
		padding: 30px;
	}
}
@media (max-width: 320px) {
	.hbl32 .hbl3_c{
		padding: 20px;
		border-radius: 22px;
	}
}

.hbl3_i{
	position: relative;
	width: calc(40% - 45px);
	min-height: 220px;
	border-radius: 40px;
	background-size: auto 110%;
	background-position: center center;
	background-repeat: no-repeat;
}
.hbl32 .hbl3_i{
	background-size: 100% auto;
	background-position: 0% 35%;
}
@media (max-width: 500px) {
	.hbl3_i{display:none}
	.hbl32 .hbl3_i{
		display: block;
		width: 100%;
		margin-bottom: 30px;
		border-radius: 25px;
	}
}
@media (max-width: 320px) {
	.hbl32 .hbl3_i{
		border-radius: 20px;
		margin-bottom: 20px;
	}
}

.hbl3_n{
	position: relative;
	width: 60%;
}
@media (max-width: 500px) {
	.hbl3_n{width:100%}
}
.hbl3_h{
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	font-size: 32px;
	line-height: 42px;
	font-weight: 700;
	color: var(--cl);
}
@media (max-width: 500px) {
	.hbl3_h{
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 20px;
	}
}
@media (max-width: 375px) {
	.hbl3_h{
		font-size: 22px;
		line-height: 30px;
	}
}

.hbl3_ni1{
	position: relative;
	width: 100%;
}
.hbl3_ni1 p{
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
}
.hbl3_ni1 p:last-child{margin-bottom:0}
@media (max-width: 500px) {
	.hbl3_ni1 p{
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 15px;
	}
}









.hbl4{
	position: relative;
	width: 100%;
	padding: 40px 0;
}
@media(max-width:500px){.hbl4{padding-top:0}}

.hbl4_c{
	position: relative;
	width: 100%;
	min-height: 500px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
	flex-wrap: wrap;
}
.hbl4_i{
	position: relative;
	width: calc(50% - 45px);
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (max-width: 500px) {
	.hbl4_i{
		width: 100%;
	}
}

.hbl4_i::after, .hbl4_i::before{
	content: '';
	position: absolute;
	top: 60px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 100%;
	max-width: 320px;
	height: 320px;
	border-radius: 50%;
	border: 4px solid var(--cm1);
	border-bottom: 0;
	z-index: 1;
}
.hbl4_i::before{
	bottom: 0;
	width: 100%;
	max-width: 260px;
	height: 260px;
	border-radius: 50%;
	border: 0;
	z-index: 1;
	background: var(--cm1);
}
@media (max-width: 320px) {
	.hbl4_i::after{
		width: 280px;
		height: 280px;
	}
	.hbl4_i::before{
		width: 220px;
		height: 220px;
	}
}

.hbl4_img{
	position: relative;
	width: 100%;
	max-width: 500px;
	height: 500px;
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 2;
}
@media (max-width: 500px) {
	.hbl4_img{
		height: 400px;
	}
}


.hbl4_n{
	position: relative;
	width: 50%;
}
@media (max-width: 500px) {
	.hbl4_n{
		width: 100%;
	}
}

.hbl4_h{
	position: relative;
	display: inline-block;
	padding: 15px 25px;
	background: var(--wh);
	border-radius: 18px;
	-webkit-box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
	box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
	font-size: 32px;
	line-height: 38px;
	font-weight: 700;
	color: var(--cl);
}
@media (max-width: 500px) {
	.hbl4_h{
		width: 100%;
		font-size: 24px;
		line-height: 32px;
		text-align: center;
		border-radius: 15px;
	}
}
@media (max-width: 375px) {
	.hbl4_h{
		font-size: 22px;
		line-height: 30px;
	}
}

.hbl4_h::after{
	content: '';
	position: absolute;
	right: -10px;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(45deg);
	width: 22px;
	height: 22px;
	border-radius: 5px;
	background: var(--wh);
	-webkit-box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
	box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
}
@media (max-width: 500px) {
	.hbl4_h::after{
		right: 0;
		left: 0;
		bottom: auto;
		top: -10px;
	}
}


.hbl4_p{
	position: relative;
	width: 100%;
	margin-top: 40px;
	padding-left: 25px;
}
@media (max-width: 425px) {
	.hbl4_p{
		margin-top: 30px;
	}
}

.hbl4_p p{
	position: relative;
	width: 100%;
	display: block;
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	padding-left: 40px;
}
.hbl4_p p:last-child{margin-bottom:0}
@media (max-width: 500px) {
	.hbl4_p p{
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 15px;
		padding-left: 30px;
	}
}

.hbl4_p p::after, .hbl4_p p::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--cl5);
}
.hbl4_p p::before{
	width: 10px;
	height: 10px;
	left: 3px;
	background: var(--cl);
}
@media (max-width: 500px) {
	.hbl4_p p::after{
		width: 12px;
		height: 12px;
	}
	.hbl4_p p::before{
		width: 8px;
		height: 8px;
		left: 2px;
	}
}









.progress_ring{}
.progress_ring_c{
	stroke: var(--cm);
	stroke-dasharray: 326.726, 326.726;
	stroke-dashoffset: 326.726;
	transform-origin: center;
	transform: rotate(-90deg);
	transition: var(--tm);
}
.progress_ring_c2{
	stroke: var(--cm1);
	stroke-dasharray: 138.23, 138.23;
	stroke-dashoffset: 0px;
	transform-origin: center;
	transform: rotate(-90deg);
}
.ud2_ilt .progress_ring_c2 {stroke-dasharray:194.77874452256717, 194.77874452256717}

















.ubl5{
	position: relative;
	width: 100%;
}
.ubl5_c{
	position: relative;
	width: 100%;
}
.ubl5_i{
	position: relative;
	width: 100%;
	background: var(--wh);
	-webkit-box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
	box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
	padding: 40px;
	border-radius: 30px;
	margin-bottom: 30px;
}
@media(max-width:500px){.ubl5_i{padding:40px}}
@media(max-width:425px){.ubl5_i{padding:30px}}
@media(max-width:320px){.ubl5_i{padding:20px}}


.ubl5_il{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ubl5_im{
	position: relative;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: var(--cm1);
	background-size: 100% auto;
	background-position: center center;
	color: var(--bl);

	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
}

.ubl5_ilc{
	position: relative;
	width: calc(100% - 54px - 15px);
}
.ubl5_in{
	font-size: 18px;
	font-weight: 500;
	color: var(--bl);
}
.ubl5_id{
	position: relative;
	width: 100%;
	font-size: 16px;
	color: var(--bl7);
	margin-top: 5px;
}

.ubl5_ic{
	position: relative;
	width: 100%;
	margin-top: 20px;
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
}


/*  */
.ubl6{
	position: relative;
	width: 100%;
}
.ubl6 .lsb_ic{
	position: relative;
	width: 100%;
	background: var(--wh);
	-webkit-box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
	box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
	padding: 40px;
	border-radius: 30px;
}
















/*  */
.oko{
   position: fixed;
   z-index: 9999;
   width: 100%;
   height: 100vh;
   display: flex;
   justify-content: center;
   align-items: center;
   background: var(--bl2);
   top: 0;
   left: 0;
   visibility: hidden;
   opacity: 0;
   transition: .3s;
}
.oko_act{
   opacity: 1;
   visibility: visible;
}


.oko_a{
   position: absolute;
   z-index: 1;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}

.oko_s{
   position: relative;
   width: 100%;
	max-width: 500px;
	margin: auto;
   background: var(--wh);
   -webkit-box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
	box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
   padding: 35px 30px;
   border-radius: 20px;
}
.oko_s_name{
   position: relative;
   text-align: center;
   width: 100%;
   font-size: 20px;
   font-weight: 600;
}

.oko_s img{
   width: 100%;
   margin-top: 15px;
}




.oko_s_s{
   position: relative;
   width: 100%;
   text-align: center;
   font-size: 14px;
   color: var(--bl5);
   margin-top: 10px;
   font-weight: 500;
}

.oko_s_p{
   position: relative;
   width: 100%;
   margin-top: 30px;
   font-size: 18px;
   font-weight: 600;
   text-align: center;
}

.oko_s .btn{
   width: 100%;
   margin-top: 15px;
}
.o_bl3_b .btn_red, .o_bl3_b .btn_cl{
   margin-top: 15px;
}