:root {
	/* color black */
	--bl: #1C2321;
	--bl0: rgba(28,35,33,.0);
	--bl1: rgba(28,35,33,.1);
	--bl2: rgba(28,35,33,.2);
	--bl3: rgba(28,35,33,.3);
	--bl4: rgba(28,35,33,.4);
	--bl5: rgba(28,35,33,.5);
	--bl6: rgba(28,35,33,.6);
	--bl7: rgba(28,35,33,.7);
	--bl8: rgba(28,35,33,.8);
	--bl9: rgba(28,35,33,.9);
}




/*  */
body{
	background: var(--bag2);
}
.bl_c{
	max-width: 1600px;

}



.head_c{
	padding-top: 30px;
}


.app{}
@media (max-width: 500px) {
	.app{
		padding-top: 64px;
		padding-bottom: 124px;
	}
}






/* 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;

	position: relative;
	top: 0;
	height: 104px;
	max-width: none;
	border-radius: 0;
	padding: 20px 0;
	background: var(--wh);
	transition: .3s;
}
.header_hide{top:-180px !important}
@media(max-width:500px){
	.mheader_none{display:none}
	.header{
		border-bottom: 1px solid var(--gr3);
		height: 64px;
		padding: 0;
		position: fixed;
		display: none;
	}
}
@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%); */
}

.header .bl_c{
	height: 100%;
}
.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;

	padding: 0;
	background: var(--tr);
	height: 100%;
}
.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;

	font-size: 18px;
	color: var(--bl);
	text-transform: unset;
	font-weight: 400;
}
@media(max-width:500px){.logo{font-size:18px}}
@media(max-width:375px){.logo{font-size:16px}}




.header_r{
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.cmenu{
	position: relative;
	margin-right: 30px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
@media (max-width: 500px) {
	.cmenu{
		display: none;
	}
}





.cmenu_i{
	position: relative;
	font-size: 14px;
	min-height: 44px;
	font-size: 16px;
	font-weight: 400;
	color: var(--bl);
	transition: .3s;
	margin-right: 10px;
	padding: 0 20px;
	border-radius: 35px;
	transition: .3s;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.cmenu_i:hover{background:var(--cm1)}
.cmenu_i_act{background:var(--gr2)}
.cmenu_i:last-child{margin-right:0}










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


.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)}


.cuserc{
	padding: 0;
	margin: 0;
	background: var(--tr) !important;
}
.cuser_c{
	position: relative;
	margin-right: 15px;
	font-size: 16px;
}


.cuser_i {
	position: relative;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--tr);
	border: 1px solid var(--gr);
	overflow: hidden;
	cursor: pointer;
}
.cuser_i div {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	font-size: 16px;
}




/*  */
.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;
}
















/*  */
.utop{
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 14;
	display: none;
	justify-content: space-between;
	align-items: center;
	padding: 0 40px;
}
@media(max-width:500px){
	.utop{padding:0 10px}
}

.utop_l{
	position: absolute;
	top: 0;
	bottom: 0;
	left: -22px;
	margin: auto;
	width: 44px;
	height: 44px;
	background: var(--wh);
	border-radius: 12px;
	transition: .5s linear;
}
@media(max-width:500px){
	.utop_l{
		position: relative;
		margin: 0;
		left: 0;
		background: var(--tr);
	}
}

.utop_ic{
	position: relative;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	color: var(--bl);
	background: var(--cm1);
	transition: .5s linear;
}
@media(max-width:500px){
	.utop_ic{background:var(--tr)}
	.header_fix .utop_ic{border-radius:0}
}
.utop_ic span{font-size:20px}


/*  */
.utop_r{
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
}
@media(max-width:500px){.utop_r{width:calc(100% - 44px - 20px)}}

.utop_nm{
	position: relative;
	width: calc(100% - 44px - 20px);
	font-size: 22px;
	line-height: 32px;
	height: 32px;
	font-weight: 500;
	transition: .5s linear;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.utop1 .utop_nm{width:100%}
@media (max-width: 500px) {
	.utop_nm{
		text-align: center;
		line-height: 20px;
		height: 20px;
		font-size: 16px;
		opacity: 1;
	}
}


.utop_sh{
	position: relative;
	width: 54px;
	height: 54px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	color: var(--bl);
	background: var(--wh);
	-webkit-box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
	box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
	border-radius: 14px;
	transition: .5s linear;
}
.header_fix .utop_sh{
	-webkit-box-shadow: 4px 10px 84px rgb(0 0 0 / 0%);
	box-shadow: 4px 10px 84px rgb(0 0 0 / 0%);
}


















/*  */
.pmenu{
	position: fixed;
	z-index: 9999;
	bottom: -74px;
	width: 100%;
    height: 218px;
	padding-bottom: 140px;
	transform: translateY(70px);
	transition: .3s;
	-webkit-overflow-scrolling: touch;
	display: none;
}
.pmenu_hide{bottom:-180px}
@media(max-width:500px){.pmenu{display:block}}

.pmenu_c{
	position: relative;
	padding: 5px 0 15px 0;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	background: var(--wh);

	-webkit-box-shadow: -4px 10px 84px rgb(0 0 0 / 5%);
	box-shadow: -4px 10px 84px rgb(0 0 0 / 5%);
}
.pmenu_cm{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
.pmenu_i{
	position: relative;
	min-height: 44px;
	height: 54px;
	width: 54px;
	transition: .3s;
	color: var(--bl);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.pmenu_ibtn{
	background: var(--cm);
	border-radius: 18px;
	height: 44px;
	width: 44px;
	color: var(--wh);
}

.pmenu_i i {
	position: relative;
	font-size: 14px;
}
.pmenu_i span {
	position: relative;
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	margin-top: 4px;
}
.pmenu_i_act i, .pmenu_i_act span{
	color: var(--cm);
}



/* .pmenu_i::after {
	content: "";
	position: absolute;
	z-index: 2;
	right: -2px;
	left: -8px;
	bottom: -14px;
	height: 50px;
	transform: rotate(15deg);
	background: var(--wh);
	transition: height 1s;
}
.pmenu_i_act::after, .pmenu_i:hover::after {height:10px} */




/* .pmenu_i i::after {
	content: "";
	position: absolute;
	z-index: 4;
	right: 0;
	bottom: -10px;
	left: -5px;
	height: 1px;
	width: 44px;
	transform: rotate(15deg);
	background-color: #fff;
	transition: all 0.6s;
}
.pmenu_i_act i::after, .pmenu_i:hover i::after {height:44px} */



/* .pmenu_i span::after {
	content: "";
	position: absolute;
	top: 25px;
	left: 0;
	width: 100%;
	height: 1px;
	transform: scale(0);
	background: var(--cl);
	opacity: 0;
	transition: all 0.8s ease;
}
.pmenu_i_act span::after, .pmenu_i:hover span::after {
	transform: scale(1);
	opacity: 1;
} */






/*  */
.footer{
	background: var(--wh);
}
@media (max-width: 500px) {
	.footer{display:none}
}
.footer_b{
	border-top: 1px solid var(--gr3);
}
.gprog_bl, .footer_bl{
	color: var(--bl);
	font-size: 12px;
}








/*  */
.uhead{
	position: sticky;
	z-index: 810;
	top: 0;
	left: 0;
	width: calc(100% + 60px);
	margin: 0 -30px 0 -30px;
	height: 74px;
	padding: 0 30px;
	border-bottom: 1px solid var(--gr3);
	background: var(--wh);
	justify-content: space-between;
	align-items: center;
	display: none;
}
@media (max-width: 500px) {
	.uhead{
		display: flex;
		position: fixed;
		z-index: 110;
		width: 100%;
		margin: 0;
		padding: 0 20px;
		height: 64px;
	}
}


.uhead_lb{
	position: relative;
	width: 44px;
	height: 44px;
	font-size: 14px;
	transition: .3s;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background: var(--wh);
	cursor: pointer;
}
.uhead_lb:hover{background:var(--cm1)}


.uhead_c{
	position: relative;
	width: calc(100% - 88px - 60px);
	overflow: hidden;
	margin: 0 30px;
	height: 30px;
	font-size: 22px;
	font-weight: 500;
	line-height: 30px;
	transition: .3s;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.uhead_c:first-child{
	margin-left: 0;
	text-align: left;
}

@media (max-width: 500px) {
	.uhead_c{
		width: calc(100% - 88px - 40px);
		font-size: 16px;
		text-align: center;
		line-height: 20px;
		height: 20px;
		font-size: 16px;
		margin: 0 20px;
	}
}



/*  */
.nvg{
	position: relative;
	width: 100%;
}
@media (max-width: 500px) {
	.nvg{display:none}
}

.nvg_c{
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.nvg_cbk{
	position: relative;
	display: flex;
	align-items: center;
}
.nvg_cbk p{
	position: relative;
	display: inline-block;
	font-size: 16px;
	margin-left: -15px;
}
.nvg_bk{
	position: relative;
	width: 38px;
	height: 38px;
	background: var(--wh);
	border-radius: 50%;
	margin-right: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	transition: .3s;
	cursor: pointer;
}
.nvg_bk:hover{background:var(--cm1)}

.nvg_i, .nvg span{
	position: relative;
	padding-right: 20px;
	font-size: 14px;
	color: var(--bl);
	transition: .3s;
}
.nvg_i:hover{
	text-decoration: underline;
}
.nvg_i::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 7.5px;
	width: 5px;
	height: 1px;
	background: var(--gr);
}

.nvg span{
	color: var(--bl5);
	padding-right: 0;
}






/*  */
.uitemc_u{
	position: sticky;
	z-index: 12;
	top: 74px;
	left: 0;
	transition: .3s;
	background: var(--wh);
	width: 100%;
	height: 54px;
	margin-bottom: 30px;
	border-bottom: 1px solid var(--gr3);
	position: relative;
	top: auto;
}
.uitemc_u_act{}
@media (max-width: 500px) {
	.uitemc_u{
		/* width: calc(100% + 60px);
		margin: 0 -30px 30px -30px;
		padding: 0 30px; */
		margin-bottom: 0;
	}
}

.uitemc_um{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.uitemc_u_act .uitemc_um{}
@media (max-width: 500px) {
	.uitemc_um{
		justify-content: space-evenly;
	}
}

.uitemc_umi, .uitemc_umid{
   position: relative;
	width: auto;
	height: 100%;
	margin-right: 30px;
	margin-bottom: -1px;
	padding: 0 5px;
   display: flex;
   justify-content: center;
   align-items: center;
   color: var(--bl);
   border-bottom: 1px solid var(--tr);
	cursor: pointer;
	transition: .3s;
	font-size: 14px;
}
.uitemc_umi:hover, .uitemc_umid:hover{color:var(--cm)}
.uitemc_umi_act{border-bottom-color:var(--cm);color:var(--cm)}
.uitemc_u_act .uitemc_umi{}
@media(max-width:500px){
	.uitemc_umi, .uitemc_umid{
		cursor: text;
		max-width: calc(100% / 3);
		justify-content: flex-start;
		margin-right: 0;
	}
}

.uitemc_umi div, .uitemc_umidl div{
	position: relative;
	margin-right: 12px;
}
.uitemc_umi span, .uitemc_umidl span{
	display: inline-block;
	overflow: hidden;
	white-space: nowrap; 
}
@media(max-width:500px){
	.uitemc_umi div, .uitemc_umidl div{margin-right:10px}
}
.uitemc_umi p{
	position: relative;
	width: 18px;
	min-width: 18px;
	height: 18px;
	display: 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;
}


.uitemc_umidl{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.uitemc_umidc{
	position: absolute;
	top: 50px;
	right: calc(50% - 60px);
	width: 300px;
	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%);
	z-index: 3;
	opacity: 0;
	visibility: hidden;
}
.uitemc_umid_act .uitemc_umidc{
	opacity: 1;
	visibility: visible;
}
.uitemc_umidc::after{
	content: '';
	position: absolute;
	top: -8px;
	right: 40px;
	border-radius: 5px;
	width: 20px;
	height: 20px;
	transform: rotate(45deg);
	background: var(--wh);
	-webkit-box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
	box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
}

.uitemc_umidcs{
	position: relative;
	width: 100%;
	z-index: 10;
	background: var(--wh);
	border-radius: 18px;
	overflow: hidden;
}

.uitemc_umidc .uitemc_umi{
	position: relative;
	width: 100%;
	max-width: 100%;
	min-height: 54px;
	padding: 0 30px;
	border-bottom: 1px solid var(--gr1);
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.uitemc_umidc .uitemc_umi:first-child {
	height: calc(54px + 10px);
	padding-top: 5px;
}
.uitemc_umidc .uitemc_umi:last-child {
	height: calc(54px + 10px);
	padding-bottom: 5px;
	border-bottom: 0;
}
.uitemc_umidc .uitemc_umi:hover{
	background: var(--cm1);
	color: var(--bl);
}
.uitemc_umidc .uitemc_umi div{
	position: relative;
	width: 34px;
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
}
@media(max-width:500px){.uitemc_umidc .uitemc_umi div{margin-right:15px}}

.uitemc_umidc .uitemc_umi span{
	position: relative;
	width: calc(100% - 34px - 15px);
	font-size: 16px;
	font-weight: 400;
}




















/*  */
.uhwa_bc{display:none}
@media (max-width: 500px) {
   .uhwa_bc{
      position: fixed;
      z-index: 9999;
      bottom: -70px;
      width: 100%;
      height: 219px;
      transform: translateY(70px);
      transition: var(--tm);
      -webkit-overflow-scrolling: touch;
      margin-top: 0;
      left: 0;
      padding: 0 15px;
      padding-bottom: 140px;
		display: flex;
		justify-content: center;
		align-items: center;
   }
   .uhwa_bc::after{
      content: '';
      position: absolute;
      top: -30px;
      left: 0;
      width: 100%;
      height: 150px;
      background: linear-gradient(180deg, var(--wh0) 0%, var(--bag) 30%);
   }
}

.uhwa_bcm{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 12;
}
.uhwa_bcm .btn{
	width: calc(50% - 7.5px);
}



.uhwa_bca{
	position: fixed;
	z-index: 99998;
	bottom: 140px;
	left: 0;
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	transition: var(--tm);
	visibility: hidden;
}
.uhwa_bca_act{visibility:visible}

.uhwa_bca_a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--bag);
	transition: var(--tm);
	opacity: 0;
}
.uhwa_bca_act .uhwa_bca_a{opacity:.8}

.uhwa_bcac{
	position: relative;
	width: 100%;
	padding: 45px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	z-index: 2;
	transform: translateY(200%);
	transition: var(--tm);
	background: var(--wh);
	-webkit-box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
	box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
}
.uhwa_bca_act .uhwa_bcac{transform:translateY(0)}

.uhwa_bcacs{
	position: relative;
	width: 100%;
	margin-bottom: 40px;
}
.uhwa_bcaci{
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}
.uhwa_bcaci:last-child{margin-bottom:0}

.uhwa_bcach{
	position: relative;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
}
.uhwa_bcacc{
	position: relative;
	width: 100%;
	margin-top: 10px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.uhwa_bcacci{
   position: relative;
   display: inline-flex;
   width: auto;
   margin-right: 15px;
	margin-bottom: 10px;
   font-size: 14px;
	padding: 12px 16px;
	border-radius: 100px;
	background: var(--cm1);
}
.uhwa_bcacci:last-child{margin-bottom:0}
.uhwa_bcacci_act{
	background: var(--cm);
	color: var(--wh);
}


.uhwa_bcac .btn{
	width: 100%;
}











/*  */
.uc_list_name{
	position: relative;
	width: 100%;
	margin-bottom: 15px;
}









/*  */
.uitem_t1{
	position: relative;
	width: 100%;
	padding-top: 100px;
	margin-bottom: 40px;
}
.uitem_t1_c{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.uitem_t1_ic{
	position: relative;
	width: 64px;
	height: 64px;
	padding: 5px;
	border-radius: 16px;
	background: var(--wh);
	-webkit-box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
	box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
}
.uitem_t1_ic div{
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 13px;
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.uitem_t1_if{
	position: relative;
	width: calc(100% - 64px - 15px);
	padding-top: 5px;
}
.uitem_t1_if1{
	position: relative;
	width: 100%;
	font-size: 20px;
	line-height: 24px;
	min-height: 24px;
	max-height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 600;
	color: var(--bl);
	text-transform: uppercase;
}

.uitem_t1_if2{
	position: relative;
	width: 100%;
	margin-top: 5px;
	font-size: 16px;
	font-weight: 500;
	color: var(--bl5);
}






/* Форма стильдері */
.uacc{
   position: relative;
   width: 100%;
}
.uac1 .head_c{padding-top:0}
@media(max-width:768px){.uac1 .uacc{display:none}}


.uacc_c{
   position: relative;
   width: 100%;
   padding-top: 40px;
}
.uacc_i{
   position: relative;
   width: 100%;
   margin-bottom: 40px;

   display: flex;
   justify-content: space-between;
   align-items: center;
}
.uacc_in{
   position: relative;
   width: 30%;
   font-size: 14px;
   color: var(--bl7);
}

.uacc_ic{
   position: relative;
   width: calc(70% - 15px);
}
.uacc_ic .form_im_txt{
   padding: 0 15px;
   border: 0;
   border-bottom: 1px solid var(--gr5);
   border-radius: 0;
}
.uacc_ic .form_im_txt:hover, .uacc_ic .form_im_txt:focus{
   background: var(--tr);
   border-bottom-color: var(--cm);
}
.uacc_ic .form_im_txt:focus + .form_icon_sel, .uacc_ic .form_im_txt:hover + .form_icon_sel{color:var(--cm)}



.upl_logo{
   position: relative;
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.upl_logo_img{
   position: relative;
   width: 74px;
   height: 74px;
   border-radius: 50%;
   background-color: var(--wh);
   -webkit-box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
	box-shadow: 4px 10px 84px rgb(0 0 0 / 5%);
   background-size: 100% auto;
   background-position: center center;
   background-repeat: no-repeat;
}
.upl_logo_img2{background-size:75% auto}
.upl_logo input{
	visibility: hidden;
	height: 0;
	width: 0;
	display: none;
}

.upl_logo_c{
   position: relative;
   width: calc(100% - 74px - 30px);
   font-size: 14px;
   color: var(--cl);
   font-weight: 500;
   text-decoration: underline;
	cursor: pointer;
}




/*  */
.uacc_b{
   position: relative;
   width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
@media (max-width: 500px) {.uacc_b .btn{width:100%}}

















/* item */
.uc_list{
   position: relative;
   width: 100%;
}
.cours_ls{
	position: relative;
	width: 100%;
	overflow: hidden;
	border: 1px solid var(--bag_sec);
	border-radius: 16px;
	margin-bottom: 30px;
}
.cours_ls .head_c{
	position: relative;
	width: 100%;
	padding: 45px 45px 30px 45px;
}
@media (max-width: 500px) {
	.cours_ls{
		border-radius: 0;
	}
	.cours_ls .head_c{
		padding: 30px 20px 20px 20px;
	}
}


.coursls_c{
	position: relative;
	width: 100%;
	border-bottom: 1px solid var(--bag_sec);
}
.coursls_c:last-child{
	border-bottom: 0;
}

.coursls_i{
	position: relative;
	width: 100%;
	min-height: 74px;
	padding: 15px 30px;
	border-bottom: 1px solid var(--gr2);
	transition: .3s;
   display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	overflow: hidden;
}
.coursls_i:hover{background:var(--cm1)}
.coursls_i:first-child{border-top:0}
.coursls_i:last-child{border-bottom:0}
@media (max-width: 390px) {
	.coursls_i{
		padding: 15px 20px;
	}
}


.coursls_ic{
	position: relative;
	width: calc(100% - 44px - 15px);
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}
.coursls_in{
	position: relative;
	width: 100%;
   min-height: 22px;
   max-height: 44px;
   font-size: 16px;
   line-height: 22px;
   font-weight: 500;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   white-space: break-spaces;
   transition: var(--tm);
   overflow: hidden;
}
.coursls_ip{
   position: relative;
   width: 100%;
   margin-top: 10px;
   display: flex;
   justify-content: flex-start;
   align-items: center;
}
.coursls_ipi{
   position: relative;
   display: inline-block;
   font-weight: 400;
   font-size: 12px;
   padding-right: 30px;
}
.coursls_ipi i{font-size:11px;margin-right:3px}
.coursls_ipi:last-child{padding-right:0}
.coursls_ipi::after{
   content: '';
   position: absolute;
   right: 14px;
   top: 0;
   bottom: 0;
   margin: auto;
   width: 2px;
   height: 2px;
   background: var(--bl);
   border-radius: 50%;
}
.coursls_ipi:last-child::after{display:none}


.coursls_il{
	position: relative;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--cm1);
   padding-left: 2px;
	transition: .3s;
	display: flex;
	justify-content: center;
	align-items: center;
}
.coursls_il_lock{padding-left:0}
.coursls_il:hover{
	background: var(--cm);
	color: var(--wh);
}






/*  */
.coursls_i_rg{
	position: relative;
	width: calc(100% - 60px);
	margin: 30px auto;
	display: flex;
	justify-content: center;
	align-items: center;
}







































































/*  */
.ds_nr{
	position: relative;
	width: 100%;
	height: 220px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.ds_nr i{
	font-size: 36px;
	margin-bottom: 30px;
	color: var(--gr);
}
.ds_nr p{
	font-size: 20px;
	font-weight: 600;
}




























/*  */
.ublock{
	position: relative;
	width: 100%;
}
.ublock_c{
	position: relative;
	width: 100%;
}
.ublock_l{
	position: relative;
	width: 50%;
	transition: .3s;
}
@media (max-width: 1440px) {
	.ublock_l{width:100%}
}



/*  */
.ublock_s{
	position: relative;
	width: 100%;
	margin-top: 30px;
}
@media(max-width:500px){
	.ublock_s{
      width: calc(100% + 40px);
      margin: 0 -20px;
		margin-top: 40px;
	}
}

.ublock_tn{
	position: relative;
	width: 100%;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 10px;
	padding-left: 20px;
}


/*  */
.ublock_cn{
	position: relative;
	border-radius: 16px;
	border: 1px solid var(--gr3);
	overflow: hidden;
}
@media (max-width: 500px) {
	.ublock_cn{
		border-radius: 0;
		border: 0;
	}
}

.ublock_i{
	position: relative;
	width: 100%;
	min-height: 84px;
	padding: 15px 20px;
	transition: .3s;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	border-bottom: 1px solid var(--gr2);
}
.uhwa_i_de{
	opacity: .7;
	cursor: auto;
}
.ublock_i:last-child{border:0}
.ublock_i:hover{background:var(--cm1)}
@media(max-width:500px){
	.ublock_i:first-child{border-top: 1px solid var(--gr3)}
	.ublock_i:last-child{border-bottom: 1px solid var(--gr3)}
}

.ublock_im{
	position: relative;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: var(--cm1);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
}

/*  */
.ublock_ic{
   position: relative;
   width: calc(100% - 54px - 15px);
   height: 54px;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.ublock_ict{
	position: relative;
	width: 100%;
   height: 22px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ublock_ictn{
	position: relative;
	min-height: 22px;
	max-height: 22px;
	line-height: 22px;
	font-size: 16px;
	font-weight: 500;
   overflow: hidden;
   text-overflow: ellipsis;
   transition: .3s;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.ublock_inxt .ublock_ictn{
	width: calc(100% - 44px - 15px);
	max-height: 44px;
	-webkit-line-clamp: 2;
}

.ublock_ictn span{font-size:12px}

.ublock_ictp{
	position: relative;
   font-size: 12px;
   line-height: 22px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.ublock_ictp div{
	position: relative;
	display: inline-block;
	padding: 0 10px;
}
.ublock_ictp div:first-child{padding-left:0}
.ublock_ictp div:last-child{padding-right:0}
.ublock_ictp div::after{
	content: '';
	position: absolute;
	right: -1px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background: var(--gr);
}


/*  */
.ublock_icw{
	position: relative;
	width: 100%;
	margin-top: 5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ublock_icwc{
   position: relative;
	width: 100%;
   max-height: 20px;
	font-size: 13.4px;
	line-height: 20px;
   overflow: hidden;
   text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
   transition: .3s;
}
.ublock_icp{
	position: relative;
	width: 22px;
	min-width: 22px;
	height: 22px;
	margin-left: 15px;
	padding-top: 2px;
	font-size: 11px;
	border-radius: 50%;
	background: var(--cm);
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--wh);
}


.ublock_inxt::after{
	content: "\f105";
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 44px;
	height: 44px;
	border-radius: 14px;
	border: 1px solid var(--gr2);
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	font-size: 16px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	transition: .3s;
}
.ublock_inxt:hover::after{background:var(--cm4)}















/*  */
.ucours_t{
   position: relative;
	width: 100%;
	margin-bottom: 20px;
   display: flex;
   justify-content: space-between;
   align-items: center;
	z-index: 11;
}
.ucours_tl{
	position: relative;
	margin-right: 20px;
   display: flex;
   justify-content: flex-start;
   align-items: center;
}
@media (max-width: 500px) {
	.ucours_tl{width:auto}
}

.ucours_tm{
   position: relative;
	margin-right: 10px;
	cursor: pointer;
}
@media (max-width: 500px) {
	.ucours_tm{display:none}
}

.ucours_tmi{
   position: relative;
   width: auto;
	height: 54px;
	min-width: 44px;
   min-height: 44px;
	padding: 0 32px;
	border-radius: 14px;
   font-size: 14px;
	background: var(--tr);
	border: 1px solid var(--gr2);
	transition: .3s;
   display: inline-flex;
	justify-content: flex-start;
	align-items: center;
}
.ucours_tmi:hover{}
.ucours_tm:last-child, .ucours_tmb{margin-right:0}
.ucours_tmb{margin-left:5px}
.ucours_tm_act{
	background: var(--cm1);
}


.ucours_tmic{
	font-size: 12px;
	margin: 0 10px 0 -5px;
}
.ucours_tmi span{}

.ucours_tma{
	top: 64px;
	right: -50px;
}
.ucours_tm_act .ucours_tma{
	visibility: visible;
	opacity: 1;
	right: 0;
}

.ucours_tm_btn{}
@media (max-width: 500px) {
	.ucours_tm_btn{
		position: fixed;
		width: 100%;
		bottom: 0;
		left: 0;
		height: 74px;
		z-index: 812;
		padding: 0 20px;
		display: flex !important;
		align-items: center;
	}
	.ucours_tm_btn .btn{
		width: 100%;
		border-radius: 54px;
	}
}



/*  */
.ucours_to{
	position: relative;
	width: 100%;
	min-height: 44px;
	justify-content: space-between;
	align-items: center;
	display: none;
}
@media (max-width: 500px) {
	.ucours_to{display:flex}
}

.ucours_tol, .ucours_tor{
	position: relative;
	max-width: 50%;
	overflow: hidden;
	font-size: 14px;
}
.ucours_tor{
	text-decoration: underline;
}




/*  */
.ucours_tr{
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
@media (max-width: 500px) {
	.ucours_tr{display:none}
}

.ucours_trn{
	position: relative;
	font-size: 12px;
	margin-right: 20px;
}
.ucours_trnc{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ucours_trnci{
	position: relative;
	width: 100%;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	border: 1px solid var(--gr2);
	margin-right: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	padding-right: 2px;
	background: var(--tr);
	transition: .3s;
	cursor: pointer;
}
.ucours_trnci:last-child{
	margin-right: 0;
	padding-right: 0;
}
.ucours_trnci:hover{background:var(--cm);color:var(--wh)}
.ucours_trnci_ds{opacity:.5;cursor:text}
.ucours_trnci_ds:hover{background:var(--tr);color:var(--bl)}














/*  */
.uc_p{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 30px;
}
.uc_pb{display:none}
@media(max-width:500px){
	.uc_p{display:none}
	.uc_pb{
		display: flex;
		justify-content: flex-start;
	}
}

.uc_pi{
	position: relative;
	width: 54px;
	min-height: 54px;
	padding: 0 15px;
	margin-right: 10px;
	border-radius: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .3s;
	border: 1px solid var(--gr2);
	font-size: 14px;
	overflow: hidden;
}
.uc_pi:last-child{margin-right:0}
.uc_pi_disp{border:0}
.uc_pi:hover{
	background: var(--cm);
	color: var(--wh);
	border-color: var(--tr)
}
.uc_pi_disp:hover{
	background: var(--tr);
	color: var(--bl);
}
.uc_pi_act{
	border: 0;
	background: var(--cm1);
}
.uc_pi i{font-size:14px}












/*  */
.prs_block{
	position: relative;
	width: 100%;
	height: 34px;
	min-height: 34px;
	margin-bottom: 20px;
	transition: .3s;
	overflow: hidden;
}
.prs_block:last-child{margin-bottom:0}
.prs_block_act{
	overflow: unset;
}

.prs_blockc{
	position: relative;
	width: 100%;
	opacity: 0;
	transition: .3s;
}
.prs_block_act .prs_blockc{opacity:1}