@import url('../css/fonts/stylesheet.css');


html,body {
	min-height:calc(var(--vh, 1vh) * 100);
	height:auto;
	padding:0px;
        width:100%;
        margin:0 auto;
        font-size:16px;
        font-family: 'Montserrat2', sans-serif;

}

* {
	box-sizing:border-box;
        -webkit-tap-highlight-color: transparent;

}

body {

        position:relative;
        padding:1px 0px 0px 0px;
        margin:-1px 0px 0px 0px;

}

[header] {
	height:70px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0px 22px 0px 22px;
	z-index:10;
	background-color:white;
}                             


[content] {
	min-height: calc((var(--vh, 1vh) * 100) - 248px - 70px);
	padding:1px 0px 80px 0px;
}




footer {
	height:248px;
}




[h-logo] {
        display:block;
	width:108px;
	height:50px;

}

[h-logo] > img {
	width:100%;
	height:100%;
	object-fit:contain;
}

[h-menu] {
	flex:1;
	padding:0px 0px 0px 0px;
        display:flex;
	justify-content:center;
	align-items:center;
	column-gap:32px;

}



[h-menu] li {
  list-style: none;
  display:block;
  margin:0px 0px 0px 0px;
  font-size:16px;
  font-weight:500;
  color:rgba(18, 18, 18, 1);
  background-image:url(../images/arrow.svg);
  background-repeat:no-repeat;
  background-position:100% 50%;
  padding:0px 18px 0px 0px;

}


[h-menu] li a {
	font-size:16px;
	font-weight:500;
	color:rgba(18, 18, 18, 1);
	text-decoration:none;
}





@media screen and (max-width: 1500px) {



[header] {

	padding:0px calc( (100vw - 1000px)/(1500 - 1000) * (22 - 8) + 8px) 0px calc( (100vw - 1000px)/(1500 - 1000) * (22 - 8) + 8px);
}


[h-menu] {
	column-gap:calc( (100vw - 1000px)/(1500 - 1000) * (32 - 16) + 16px);
}


[h-menu] li {
  font-size:calc( (100vw - 1000px)/(1500 - 1000) * (16 - 13) + 13px);
}

[h-menu] li a {
	font-size:calc( (100vw - 1000px)/(1500 - 1000) * (16 - 13) + 13px);
}

}

@media screen and (max-width: 1000px) {

[h-menu] {
	display:none;
}

[header] {
	width:calc(100% - 20px);
	margin:0px auto 0px auto;
	border-radius:14px;
	padding:0px 14px 0px 14px;
        position:fixed;
	position:absolute;
	left:10px;
	top:10px;
}




[content] {
        min-height: calc((var(--vh, 1vh) * 100) - calc( (100vw - 375px)/(1000 - 375) * (248 - 520) + 520px));
        padding:80px 0px 0px 0px;

}


[header][pc] ~ [content] {
	padding:0px 0px 0px 0px;
}



[header][pc="1"][lesson] {
	background-color:rgba(51,153,204,0.1);
}

[header][pc="2"][lesson] {
	background-color:rgba(204,238,102,0.1);
}

[header][pc="3"][lesson] {
	background-color:rgba(255,204,0,0.1);
}

[header][pc="4"][lesson] {
	background-color:rgba(255,102,0,0.1);
}




}








[h-menu-opener] {
	display:block;
	position:relative;
	width:40px;
	height:40px;
	display:none;

}

@media screen and (max-width: 1000px) {

[h-menu] {
	display:none;
}

[h-menu-opener] {
	display:block;

}

}



[cb1-line] {
        position:absolute;
	width:32px;
	height:3px;
        background-color:rgba(18, 18, 18, 1);
        left:0px;
        left:calc((100% - 32px)/2);
        top:calc((100% - 3px)/2);
        transition:transform 0.25s ease-in-out;

}

[cb1-line]:after, [cb1-line]:before {
	content:"";
	position:absolute;
	left:0px;
        width:100%;
	height:3px;
        background-color:rgba(18, 18, 18, 1);

        transition:top 0.25s 0.25s ease-in-out, transform 0.25s ease-in-out;
}




[cb1-line]:after {
        top:8px;
	transform:rotate(0deg);
}

[cb1-line]:before {
        top:-8px;
	transform:rotate(0deg);
}





[h-menu-opener-check] {
	display:none;
}

[h-menu-opener-check]:checked ~ [h-menu-opener] [cb1-line] {

	transform:rotate(45deg);
        transition:transform 0.25s 0.25s ease-in-out;
}

[h-menu-opener-check]:checked ~ [h-menu-opener] [cb1-line]:after {
        top:0px;
	transform: rotate(0deg);
        transition:top 0.25s ease-in-out, transform 0.25s 0.25s ease-in-out;
}

[h-menu-opener-check]:checked ~ [h-menu-opener] [cb1-line]:before {
        top:0px;
	transform:rotate(-90deg);
        transition:top 0.25s ease-in-out, transform 0.25s 0.25s ease-in-out;
}


[menu-mobile] {
	display:block;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:calc(var(--vh, 1vh) * 100);
	background-color:white;
        transform:translate3d(-100%,0px,0px);
        transition:transform 0.5s ease-in-out;
}


[h-menu-opener-check]:checked ~ [menu-mobile] {
	transform:translate3d(0%,0px,0px);
}






[h-right] {
}

[h-button] {
	width:87px;
	height:38px;
	border-radius:8px;
        background-color:rgba(18, 18, 18, 1);
        display:flex;
	justify-content:center;
	align-items:center;
	font-size:14px;
	font-weight:600;
	color:rgba(255, 255, 255, 1);
	cursor:pointer;
	transition:background-color 0.2s ease-in-out;
}

[h-button][move] {
	background-color:rgba(133, 181, 69, 1) !important;
	
}





@media screen and (max-width: 1000px) {

[header] {

	height:calc( (100vw - 375px)/(1000 - 375) * (70 - 62) + 62px);
}

[h-logo] {
	width:calc( (100vw - 375px)/(1000 - 375) * (108 - 87) + 87px);
}

[h-button] {

    width: calc( (100vw - 375px)/(1000 - 375) * (87 - 65) + 65px);
    height: calc( (100vw - 375px)/(1000 - 375) * (38 - 28) + 28px);
    border-radius: calc( (100vw - 375px)/(1000 - 375) * (8 - 6) + 6px);
    font-size: calc( (100vw - 375px)/(1000 - 375) * (14 - 11) + 11px);
}

[cb1-line] {
	width:calc( (100vw - 375px)/(1000 - 375) * (32 - 18) + 18px);
	height:2px;

        left:0px;
        /*left:calc((100% - calc( (100vw - 375px)/(1000 - 375) * (32 - 18) + 18px))/2);*/
        top:calc((100% - calc( (100vw - 375px)/(1000 - 375) * (3 - 2) + 2px))/2);
}


[cb1-line]:after, [cb1-line]:before {
	height:2px;
}

[cb1-line]:after {
        top:5px;
}

[cb1-line]:before {
        top:-5px;
}



}


@media screen and (max-width: 375px) {

[header] {

	height:62px;
}

[h-logo] {
	width:87px;
}

[h-button] {

    width: 65px;
    height: 28px;
    border-radius: 6px;
    font-size: 11px;
}

[cb1-line] {
	width:18px;
}


[cb1-line]:after, [cb1-line]:before {
	height:2px;
}

[cb1-line]:after {
        top:5px;
}

[cb1-line]:before {
        top:-5px;
}


}


[site-shadow] {
	position:fixed;
	display:block;
	width:100%;
        height:calc(var(--vh, 1vh) * 100);
	left:0px;
	top:0px;
	opacity:0;
	background-color:#000000;
	transition:opacity 0.5s ease-in-out;
	z-index:11;
}

[site-shadow][move] {
	opacity:0.45;
	
}


[win-wrapper] {
	display:block;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:20;
        display:flex;
	justify-content:center;
	align-items:center;
}

[login-form] {
        position:relative;
	display:block;
	width:345px;
	background-color:white;
	border-radius:30px;
	opacity:0;
        transition:opacity 0.5s ease-in-out;
        padding:0px 30px 0px 30px;
}

[login-form][move] {
	opacity:1;
}


@media screen and (max-width: 375px) {

[login-form] {
        width:calc( (100vw - 320px)/(375 - 320) * (345 - 304) + 304px);
        padding:0px calc( (100vw - 320px)/(375 - 320) * (30 - 8) + 8px) 0px calc( (100vw - 320px)/(375 - 320) * (30 - 8) + 8px);
}


}


[lf-igroup] {
	position:relative;
}

[lf-ig-input] {
    position:relative;
    width: 100%;
    height:52px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    border: none;
    outline: none;
    padding: 20px 0px 0px 10px;
    border:1px solid #f1f3f8;
    margin:0px 0px 8px 0px;
}

[lf-ig-label] {
    font-size: 14px;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    position: absolute;
    pointer-events: none;
    left: 10px;
    top: calc((52px - 24px)/2);
    transition: 0.5s ease-in-out all;
    -moz-transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    color:rgba(18, 18, 18, 1);
}


[lf-ig-input]:focus ~ label, [lf-ig-input]:valid ~ label {
	top: 4px;
	left:11px;
	font-size:11px;
	color:rgba(112, 112, 112, 1);

}


[lf-close] {
	position:absolute;
	display:block;
	width:32px;
	height:32px;
	background-image:url(../images/close.svg);
	top:12px;
	right:12px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	cursor:pointer;

}

[lf-1] {
	margin:50px 0px 30px 0px;
	font-weight:700;
	font-size:20px;
	line-height:100%;
	text-align:center;
}


[lf-button] {
	display:flex;
	justify-content:center;
	align-items:center;		
	height:49px;
	font-size:13px;
	font-weight:600;
	border-radius:8px;
	margin:0px 0px 8px 0px;
	cursor:pointer;
        color:rgba(18, 18, 18, 1);
}



[lf-button][orange] {
	background-color:rgba(255, 102, 0, 1);
        color:rgba(255, 255, 255, 1);
}

[lf-button][gray] {
	background-color:rgba(241, 243, 248, 1);
	color:rgba(18, 18, 18, 1);
}

[lf-6] {
	display:flex;
	justify-content:space-between;
	align-items:center;			
}

[lf-6] > [lf-auto] {
	flex:0 0 calc((100% - 8px)/2);
        background-color:rgba(241, 243, 248, 1);
        border-radius:8px;
	margin:0px 0px 8px 0px;
	height:49px;
        background-position:50% 50%;
	background-repeat:no-repeat;
	cursor:pointer;

}


[lf-auto][vk] {
	background-image:url(../images/auto-vk.svg);
}

[lf-auto][ya] {
	background-image:url(../images/auto-ya.svg);
}



[mm-header] {
        position:relative;
	background-color:white;
	width:100%;
	height:62px;
	background-image:url(../images/logo.svg);
	background-position:50% 50%;
	background-size:98px 42px;
	background-repeat:no-repeat;
	border-bottom:1px solid #f3f3f3;
}


[mm-header-close] {
	position:absolute;
	width:40px;
	height:40px;
	top:calc((62px - 40px)/2);
	right:10px;
        background-image:url(../images/close_black.svg);
	background-position:50% 50%;
	background-repeat:no-repeat;

}

[mm-nav] {
	padding:0px 24px 0px 24px;
}


[mm-nav] li {
	list-style: none;
	display:block;
	margin:0px 0px 0px 0px;
	font-size:14px;
	font-weight:500;
	color:rgba(18, 18, 18, 1);
	padding:0px 18px 0px 0px;
	height:48px;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}

[mm-nav] li[ar] {
	background-image:url(../images/arrow.svg);
	background-repeat:no-repeat;
	background-position:100% 50%;
}

[mm-nav] li:not([mm-nav] li:last-child) {
	border-bottom:1px solid #f3f3f3;
}


[pf-b1] {
        display:block;
        position:relative;
	margin:80px 0px 0px 0px;

}

[pf-b1-1] {
	width:1000px;
	margin:0px auto 0px auto;
	text-align:center;
}





[pf-b1-1] h1 {
	font-size:48px;
	font-weight:800;
	line-height:122%;
	margin:0px 0px 0px 0px;
}

[pf-b1-1] h1 span {
	color:#ff6600;	
}

[pf-b1-2] {
	font-size:18px;
	font-weight:400;
	line-height:142%;
	letter-spacing:1px;
	text-align:center;
	margin:20px 0px 0px 0px;
}


[pf-b1-3] {
	margin:40px 0px 0px 0px;
        

}

[pf-b1-3] a {
	width:298px;
	height:51px;
	border-radius:40px;
	background-color:rgba(255, 102, 0, 1);
	font-size:16px;
	font-weight:600;
        display:flex;
	justify-content:center;
	align-items:center;
	color:white;
        margin:0px auto 0px auto;
        cursor:pointer;
        text-decoration:none;
}


[pf-b1-4] {
	position:relative;
	width:920px;
	height:480px;
        margin:30px auto 0px auto;
        border-radius:30px;
        overflow:hidden;
}







[pf-b1-4-gray] {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	top:40px;
	border-radius:30px;
	background-color:#f2f2f2;
}

[pf-b1-4-img] {
	position:absolute;
	bottom:0px;
	left:0px;
        width:100%;
        height:100%;
        background-image:url(../images/pf-b1-img2.png);
        background-position:0px 100%;
        background-size:auto 100%;
	
}

[pf-b1-4-butt] {
	position:absolute;
	bottom:12px;
	left:12px;
	width:calc(100% - 24px);
	height:47px;
	border-radius:30px;
	background-color:white;
        display:flex;
	justify-content:center;
	align-items:center;
	font-size:16px;
	font-weight:400;
        color: rgba(18, 18, 18, 1);

}

@media screen and (max-width: 1020px) {

[pf-b1] {
	margin:calc( (100vw - 375px)/(1000 - 375) * (80 - 22) + 22px) 0px 0px 0px;
}


[pf-b1-1] {
	width:100%;
}


[pf-b1-4] {
	width:calc( (100vw - 375px)/(1000 - 375) * (920 - 335) + 335px);
        height:calc( (100vw - 375px)/(1000 - 375) * (480 - 360) + 360px);
}


[pf-b1-1] h1 {
	font-size:calc( (100vw - 375px)/(1000 - 375) * (48 - 28) + 28px);
}

[pf-b1-2] {
	font-size:18px;
        font-size:calc( (100vw - 375px)/(1000 - 375) * (18 - 13) + 13px);
	margin:20px 0px 0px 0px;
}


[pf-b1-3] {
	margin:calc( (100vw - 375px)/(1000 - 375) * (40 - 24) + 24px) 0px 0px 0px;
        

}


[pf-b1-3] a {
	width:calc( (100vw - 375px)/(1000 - 375) * (298 - 266) + 266px);
	height:50px;
	font-size:calc( (100vw - 375px)/(1000 - 375) * (16 - 14) + 14px);
}


[pf-b1-4-butt] {
	left:calc( (100vw - 375px)/(1000 - 375) * (12 - 40) + 40px);
	width:calc(100% - 2*calc( (100vw - 375px)/(1000 - 375) * (12 - 40) + 40px));
	height:calc( (100vw - 375px)/(1000 - 375) * (47 - 41) + 41px);
	font-size:calc( (100vw - 375px)/(1000 - 375) * (16 - 13) + 13px);
}


[pf-b1-4-img] {
	background-position:calc( (100vw - 375px)/(1000 - 375) * (0 + 146)  - 146px) 100%;		

}

	
}




@media screen and (max-width: 375px) {

[pf-b1] {
	margin:22px 0px 0px 0px;
}


[pf-b1-4] {
	width:calc( (100vw - 375px)/(1000 - 375) * (920 - 335) + 335px);
        height:calc( (100vw - 375px)/(1000 - 375) * (480 - 360) + 360px);
}


[pf-b1-1] h1 {
	font-size:calc( (100vw - 375px)/(1000 - 375) * (48 - 28) + 28px);
}

[pf-b1-2] {
	font-size:18px;
        font-size:13px;
}


[pf-b1-3] {
	margin:24px 0px 0px 0px;
        

}


[pf-b1-3] a {
	width:266px;
	font-size:14px;
}


[pf-b1-4-butt] {
	left:20px;
	width:calc(100% - 2*20px);
	height:41px;
	font-size:13px;
}


[pf-b1-4-img] {
	background-position:calc( (100vw - 320px)/(375 - 320) * (-146 + 166)  - 166px) 100%;		

}

	
}


[mb] {
	display:none;
}
@media screen and (max-width: 620px) {
[mb] {
	display:inline;
}
}


[pf-ban1] {
        display:block;
        position:relative;
	width:920px;
	height:528px;
	margin:60px auto 0px auto; 
	border-radius:50px;
	background-color:rgba(255, 134, 54, 1);

}


.pf-ban1-swiper .swiper-slide {
	position:relative;
}

[pf-ban1] .swiper-wrapper {
	z-index:3;
}

[ban1-content] {
        position:absolute;
	
	height:203px;
	left:10px;
        width:calc(100% - 20px);
	bottom:10px;
	border-radius:40px;
        background: rgba(234, 112, 31, 1);
        display:flex;
	justify-content:center;
	align-items:center;
        align-content:center;
	flex-wrap:wrap;
}


[ban1-content] > div {
	flex:0 0 100%;
	text-align:center;
}

[ban1-text1] {
        font-size:20px;
        font-weight:700;
	color:rgba(255, 255, 255, 1);	
	line-height:140%;
	margin:10px 0px 0px 0px;
}


@media screen and (max-width: 1020px) {

[pf-ban1] {
	width:calc( (100vw - 375px)/(1000 - 375) * (920 - 335) + 335px);
        height:calc( (100vw - 375px)/(1000 - 375) * (528 - 522) + 522px);
        border-radius:calc( (100vw - 375px)/(1000 - 375) * (60 - 30) + 30px);
        margin:calc( (100vw - 375px)/(1000 - 375) * (60 - 20) + 20px) auto 0px auto; 
}

}


.pf-ban1-swiper .swiper-pagination {
	top:auto !important;	
	bottom:24px  !important;
}

.pf-ban1-swiper .swiper-pagination-bullet {
        position:relative;
	border-radius:0px;
	width:29px;
	height:3px;
}

.pf-ban1-swiper .swiper-pagination-bullet-active {
	background-color:rgba(211, 99, 24, 1);
	position:relative !important;
}



.pf-ban1-swiper .swiper-pagination-bullet-active[move] {
}

[bul-move] {
	position:absolute;
	width:0%;
	height:100%;
	left:0px;
	top:0px;
	background-color:white;
	transition:width 2.5s linear;
}

.pf-ban1-swiper .swiper-pagination-bullet-active[move] > [bul-move] {
	width:100%;
}


[pf-ban1-main] {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:calc(100% - 203px - 10px);


        display:flex;
        flex-direction:column;
	justify-content:space-evenly;
	align-items:center;
        align-content:center;
	flex-wrap:wrap;
	z-index:3;
	
}

[pf-ban1-main] h2 {
	font-size:40px;
	font-weight:700;
	line-height:136%;
        color:rgba(255, 255, 255, 1);
        text-align:center;
        padding:0px 50px 0px 50px;
        z-index:2;
        margin:0px 0px 0px 0px;
}

[pf-ban1-main] h2 > span {
	display:inline-block;
	border-radius:38px;
	background-color:rgba(234, 112, 31, 1);
	padding:0px 16px 0px 16px;
}

[b1v] {
	z-index:2;
	margin:0px 0px 0px 0px !important;
}



[ban1-video] {
	display:block;
	width:229px;
	height:50px;
	border-radius:40px;
	font-size:16px;
	font-weight:500;
	color:rgba(255, 102, 0, 1);
        background: rgba(255, 255, 255, 1);
        display:flex;
	justify-content:center;
	align-items:center;
        align-content:center;
        margin:0px 0px 0px 0px;
}

[ban1-video] > span {
	display:block;
	width:14px;
	height:14px;
        background-image:url(../images/video_arr.svg);
        background-position:0px 50%;
        background-repeat:no-repeat;
        margin:0px 6px 0px 0px;
}


[ban1-pazz1] {
        position:absolute;
	width:283px;
	height:274px;
        background-image:url(../images/ban1_pazz1_m.png);
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size:contain;
        top:14px;
        right:45px;
        z-index:1;
}

[ban1-pazz2] {
        position:absolute;
	width:111px;
	height:135px;
        background-image:url(../images/ban1_pazz2_m.png);
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size:contain;
        top:210px;
        left:60px;
        z-index:1;
}


@media screen and (max-width: 1020px) {

[b1v] {
	margin:calc( (100vw - 375px)/(1000 - 375) * (0 - 10) + 10px) 0px 0px 0px;
}



[pf-ban1-main] h2  {
        font-size:calc( (100vw - 375px)/(1000 - 375) * (40 - 22) + 22px); 
        padding:0px calc( (100vw - 375px)/(1000 - 375) * (50 - 24) + 24px) 0px calc( (100vw - 375px)/(1000 - 375) * (50 - 24) + 24px);
}

[ban1-text1] {
        font-size:calc( (100vw - 375px)/(1000 - 375) * (20 - 14) + 14px); 
        padding:0px 40px 20px 40px;

}

[ban1-content] {


	height:203px;
        height:calc( (100vw - 375px)/(1000 - 375) * (203 - 233) + 233px);
        

}

[pf-ban1-main] {
	height:calc(100% - calc( (100vw - 375px)/(1000 - 375) * (203 - 233) + 233px) - 10px);
}

[ban1-pazz1] {
	width:calc( (100vw - 375px)/(1000 - 375) * (283 - 191) + 191px);
	height:calc( (100vw - 375px)/(1000 - 375) * (274 - 186) + 186px);
	right:calc( (100vw - 375px)/(1000 - 375) * (45 + 24) - 24px);
        top:calc( (100vw - 375px)/(1000 - 375) * (14 + 5) - 5px);


}

[ban1-pazz2] {
	width:111px;
	height:135px;

        width:calc( (100vw - 375px)/(1000 - 375) * (111 - 85) + 85px);
	height:calc( (100vw - 375px)/(1000 - 375) * (135 - 85) + 85px);
	left:calc( (100vw - 375px)/(1000 - 375) * (60 - 6) + 6px);
        top:calc( (100vw - 375px)/(1000 - 375) * (210 - 203) + 203px);
}
}


@media screen and (max-width: 1020px) {
[ban1-pazz1] {
        background-image:url(../images/ban1_pazz1_m.png);
}	

[ban1-pazz2] {
        background-image:url(../images/ban1_pazz2_m.png);
}	

}

@media screen and (max-width: 375px) {

[pf-ban1-main] h2  {
        font-size:calc( (100vw - 320px)/(375 - 320) * (22 - 20) + 20px); 
}
}



[pf-razd] {
	position:relative;
	width:920px;
	margin:60px auto 0px auto;
	display:flex;
        flex-wrap:wrap;
        justify-content:flex-start;
        align-items:flex-start;
        column-gap:10px;
	
}

[pf-razd] h2 {
	flex:0 0 100%;
	font-size:40px;
	font-weight:700;
	line-height:100%;
	margin:0px 0px 0px 0px;
}


[pf-razd] > a {
        position:relative;
	display:block;
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        align-items:flex-end;
        margin:40px 0px 0px 0px;
        flex:0 0 165px;
        line-height:100%;
        height:224px;
        font-size:16px;
        font-weight:500;
        cursor:pointer;
}

[pf-razd] > a:before {
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:194px;
	border-radius:34px;
	border:1px solid #e4e4e4;
}

[pf-razd] > a:after {
	content:"";
	position:absolute;
	left:5px;
	top:5px;
	width:calc(100% - 10px);
	height:calc(194px - 10px);
	border-radius:30px;
	border:1px solid #e4e4e4;
	background-position:50% 50%;
	background-repeat:no-repeat;
}

[r1]:after {
	background-color:#deeff7;
	background-image:url(../images/r1.svg);
	background-size:48px 48px;
}

[r2]:after {
	background-color:#e4f7de;
        background-image:url(../images/r2.svg);
        background-size:45px 48px;
}

[r3]:after {
	background-color:#f7f7de;
        background-image:url(../images/r3.svg);
        background-size:52px 44px;
}

[r4]:after {
	background-color:#f7e8de;
        background-image:url(../images/r4.svg);
        background-size:54px 45px;
}


[r3] > span {
	display:block;
	width:165px;
	text-align:center;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
}


@media screen and (max-width: 1000px) {

[pf-razd] {
	width:calc( (100vw - 375px)/(1000 - 375) * (920 - 335) + 335px);
        margin:calc( (100vw - 375px)/(1000 - 375) * (60 - 40) + 40px) auto 0px auto; 

}

[pf-razd] h2 {
        font-size:calc( (100vw - 375px)/(1000 - 375) * (40 - 20) + 20px);
}



[pf-razd] > a {
        align-items:flex-end;
        margin:calc( (100vw - 375px)/(1000 - 375) * (40 - 16) + 16px) 0px 0px 0px;
        flex:0 0 calc( (100vw - 375px)/(1000 - 375) * (165 - 70) + 70px);
        height:calc( (100vw - 375px)/(1000 - 375) * (224 - 88) + 88px);
        font-size:calc( (100vw - 375px)/(1000 - 375) * (16 - 11) + 11px);
}


[pf-razd] > a:before {
	height:calc( (100vw - 375px)/(1000 - 375) * (194 - 70) + 70px);
}

[pf-razd] > a:after {
	left:5px;
	top:5px;
	width:calc(100% - 10px);
	height:calc(calc( (100vw - 375px)/(1000 - 375) * (194 - 70) + 70px) - 10px);
}



[r1]:after {
        background-size:calc( (100vw - 375px)/(1000 - 375) * (48 - 30) + 30px);
}

[r2]:after {
        background-size:calc( (100vw - 375px)/(1000 - 375) * (45 - 24) + 24px);
}

[r3]:after {
        background-size:calc( (100vw - 375px)/(1000 - 375) * (52 - 31) + 31px);
        

}

[r3] > span {
	width:calc( (100vw - 375px)/(1000 - 375) * (165 - 70) + 70px);
}



[r4]:after {
        background-size:calc( (100vw - 375px)/(1000 - 375) * (54 - 31) + 31px);
}



}





[cu-razd] {
	position:relative;
	width:1110px;
	margin:60px auto 0px auto;
	border-radius:40px;
	background-color:rgba(241, 243, 248, 1);
	padding:60px 95px 60px 95px;
}





[cu-razd-h2] {
	position:relative;
}

[cu-razd-h2] h2 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:100%;
	font-weight:700;
	font-size:40px;
	color:rgba(18, 18, 18, 1);
}

[cu-razd-h2] [cu-razd-quest] {
	position:absolute;
	right:0px;
	bottom:0px;
	font-size:16px;
	font-weight:500;
	line-height:100%;
        color: rgba(56, 140, 234, 1);

}


[cu-razd][no-top-margin] [cu-razd-h2] {
	display:none;
}


[cu-item] {
        position:fixed;
        left:-5000px;
        display:flex;
        justify-content:flex-start;
        align-items:flex-start;
        flex-wrap:wrap;
        margin:0px 0px 0px 0px;
        background-color:white;
        border-radius:18px;
        padding:0px 10px 0px 10px;
        opacity:0;

height:0px;
overflow:hidden;

        transition:height 0.5s ease-in-out, padding 0.5s ease-in-out, padding 0.5s ease-in-out, opacity 0.5s ease-in-out;

}

[cu-item][move] {
        position:relative;
        left:auto;
        opacity:1;
        height:auto;
	display:flex;
        padding:10px 10px 10px 10px;
        margin:0px 0px 20px 0px;
}

[cu-content] {
	margin:40px 0px 0px 0px;
}

[cu-item-img] {
	flex: 0 0 104px;
	height:104px;
	background-color:rgba(245, 247, 251, 1);
	border-radius:16px;

}




[cu-item-img] img {
	width:100%;
	height:100%;
	object-fit:cover;
        border-radius:16px;
}



[cu-item-right] {
	flex:0 0 calc(100% - 104px);
	width:calc(100% - 104px);
	padding:16px 0px 8px 16px;
}


[cu-razd][lesson] [cu-item-img] {
	flex:0 0 180px;
}




[cu-razd][lesson] [cu-item-img] img {
	object-fit:contain;
}

[cu-razd][lesson] [cu-item-right] {
	flex:0 0 calc(100% - 180px);
	width:calc(100% - 180px);
}




[cu-item-title] {
	font-size:18px;
	font-weight:700;
	line-eheight:130%;
	margin:0px 0px 0px 0px;
}

[cu-item-title-img] {
	display:none;
}

[cu-item-for] {
	font-size:14px;
	font-weight:500;
	line-eheight:100%;
	margin:16px 0px 0px 0px;
        color:rgba(117, 117, 117, 1);
}

[cu-item-short] {
	font-size:14px;
	font-weight:500;
	line-height:150%;
	margin:16px 0px 0px 0px;
        color:rgba(38, 38, 38, 1);
        width:100%;


/*display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;*/


        
}

[cu-item-content] {
	
	font-size:14px;
	font-weight:500;
	line-height:200%;
	margin:8px 0px 0px 0px;
        color:rgba(18, 18, 18, 1);
        display:flex;
        flex-wrap:wrap;
        justify-content:flex-start;
        align-items:center;
        column-gap:24px;

}



[cu-item-content] > span {
	display:block;
	padding:0px 0px 0px 28px;
	background-repeat:no-repeat;
	background-position:0px 50%;
	background-size:22px 20px;
	
}


[cu-item-content] [i1] {
	background-image:url(../images/curs_icon_lesson2.svg);
}

[cu-item-content] [i2] {
	background-image:url(../images/curs_icon_book.svg);
}

[cu-item-content] [i3] {
	background-image:url(../images/curs_icon_kalendar.svg);
}

[cu-item-content] [i4] {
	background-image:url(../images/curs_icon_video.svg);
}

[cu-item-content] [i5] {
	background-image:url(../images/curs_icon_game.svg);
}

[cu-item-content] [i6] {
	background-image:url(../images/curs_icon_blocks.svg);
}

[cu-item-content] [i7] {
	background-image:url(../images/curs_icon_posobie.svg);
}


[cu-item-butt] {
	width:calc(100%);	
	height:46px;
	margin:20px auto 0px auto;
	background-color:rgba(241, 243, 248, 1);
	border-radius:8px;
        
        
        color:rgba(18, 18, 18, 1);
        font-size:14px;
        font-weight:500;
        cursor:pointer;
}

[cu-item-butt] a {
	color:rgba(18, 18, 18, 1);
        font-size:14px;
        font-weight:500;	
        text-decoration:none;
        width:100%;
        height:100%;
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        align-items:center;
        border-radius:8px;

}

[cu-item-butt]:active {
	background-color:rgba(231, 233, 236, 1);
}


[cu-content-add] {
	width:calc(100%);	
	height:46px;
	margin:40px auto 0px auto;
	background-color:white;
	border-radius:8px;
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        align-items:center;
        color:rgba(166, 197, 73, 1);
        font-size:14px;
        font-weight:500;
        cursor:pointer;
        transition:color 0.2s ease-in-out, background-color 0.2s ease-in-out, height 0.5s ease-in-out, margin 0.5s ease-in-out;

overflow:hidden;

}

[cu-content-add][move] {
	height:0px;
	margin:0px 0px 0px 0px;
}


[cu-content-add]:active {
	color:#709c35;
	background-color:#ebeef5;
}


[cu-razd-clone][move] {
	position:fixed;
	z-index:1000;
	left:-5000px;
	top:0px;
}



@media screen and (max-width: 1160px) {

[cu-razd] {
	width:100%;
        padding:calc( (100vw - 375px)/(1160 - 375) * (60 - 30) + 30px) 
                calc( (100vw - 1000px)/(1160 - 1000) * (120 - 40) + 40px) 
                calc( (100vw - 375px)/(1160 - 375) * (60 - 20) + 20px) 
                calc( (100vw - 1000px)/(1160 - 1000) * (120 - 40) + 40px);


        

        border-radius:0px;
        
}


[cu-razd][no-top-margin] {
	margin-top:0px !important;
}

[cu-razd][no-top-margin] [cu-content] {
	margin-top:0px !important;
}







[cu-content] {
	margin:calc( (100vw - 375px)/(1160 - 375) * (60 - 30) + 30px) 0px 0px 0px;
}

}




@media screen and (max-width: 1000px) {

[cu-razd] {
	/*/width:calc( (100vw - 375px)/(1000 - 375) * (920 - 335) + 335px);*/
        margin:calc( (100vw - 375px)/(1000 - 375) * (60 - 40) + 40px) auto 0px auto; 
        padding:calc( (100vw - 375px)/(1160 - 375) * (60 - 30) + 30px) calc( (100vw - 375px)/(1160 - 375) * (40 - 20) + 20px) calc( (100vw - 375px)/(1160 - 375) * (60 - 20) + 20px) calc( (100vw - 375px)/(1160 - 375) * (40 - 20) + 20px);



}





[cu-razd] h2 {
        font-size:calc( (100vw - 375px)/(1000 - 375) * (40 - 20) + 20px);
}


[cu-razd-h2] [cu-razd-quest] {
	font-size:calc( (100vw - 375px)/(1000 - 375) * (12 - 12) + 12px);
}


[cu-item-title] {
	font-size:calc( (100vw - 375px)/(1000 - 375) * (18 - 13) + 13px);
}

[cu-item-for] {
	font-size:calc( (100vw - 375px)/(1000 - 375) * (14 - 12) + 12px);
	margin:8px 0px 8px 0px;
}

[cu-item-short] {
	font-size:calc( (100vw - 375px)/(1000 - 375) * (14 - 12) + 12px);
	color:rgba(38, 38, 38, 1);

}

[cu-item-content] {
	font-size:calc( (100vw - 375px)/(1000 - 375) * (14 - 12) + 12px);
}


[cu-item-right] {
	display:flex;
	flex-wrap:wrap;
}

[cu-item-right] > div {
	flex:0 0 100%;
}

[cu-item-right] > div:nth-of-type(4) {
	order:3;
}

[cu-item-right] > div:nth-of-type(3) {
	order:4;
}

[cu-item-right] > div:nth-of-type(5) {
	order:5;
}

[cu-item-content] > span {
	height:28px;
	background-color:rgba(241, 243, 248, 1);
        display:flex;
        justify-content:center;
        align-items:center;
        padding:0px 10px 0px 38px;
        background-position:10px 50%;
        border-radius:6px;
        margin:0px 0px 8px 0px;

	
}


[cu-item-butt] {
	height:calc( (100vw - 375px)/(1000 - 375) * (46 - 48) + 48px);
	margin:calc( (100vw - 375px)/(1000 - 375) * (20 - 10) + 10px) auto 0px auto;
        font-size:calc( (100vw - 375px)/(1000 - 375) * (14 - 12) + 12px);
}

[cu-item-butt] a {
        font-size:calc( (100vw - 375px)/(1000 - 375) * (14 - 12) + 12px);
}


}

@media screen and (max-width: 800px) {

[cu-item-img] {
	display:none;
}

[cu-item-title] {
	min-height:30px;

        display:flex;
        flex-wrap:no-wrap;
        justify-content:flex-start;
        align-items:center;



}

[cu-item-title-img] {
	display:block;
	flex:0 0 30px;
	height:30px;
        display:flex;
        justify-content:center;
        align-items:center;
        border-radius:8px;
        background-color:rgba(241, 243, 248, 1);
        margin:0px 8px 0px 0px;
}

[cu-item-title-img] img {
	width:100%;
	height:100%;
	object-fit:contain;
}

[cu-item-right] {
	flex:0 0 calc(100%);
	width:calc(100%);
	padding:0px 0px 0px 0px;
	
}












[cu-razd][lesson] [cu-item-right] {
	flex:0 0 calc(100%);
	width:calc(100%);
	padding:0px 0px 0px 0px;
        
}

[cu-razd][lesson] [cu-item-title] {
	position:relative;
	display:block;
}

[cu-razd][lesson] [cu-item-title] > span:nth-of-type(1) {
	display:block;
	margin:6px 0px 6px 0px;
}

[cu-razd][lesson] [cu-item-title] > span:nth-of-type(2) {
	font-weight:500;
	font-size:calc( (100vw - 320px)/(800 - 320) * (14 - 12) + 12px);

}



[cu-razd][lesson] [cu-item-title-img] {
	flex:0 0 120px;
	
	display:inline-block;
	float:left;
	border-radius:8px;
	overflow:hidden;
	margin:0px 20px 16px 0px;
        margin:0px calc( (100vw - 320px)/(800 - 320) * (20 - 8) + 8px) calc( (100vw - 320px)/(800 - 320) * (16 - 0) + 0px) 0px;

        height:100px;
        height:calc( (100vw - 320px)/(800 - 320) * (100 - 60) + 60px);
}

[cu-razd][lesson] [cu-item-short] {
	display:none;
}

[cu-razd][lesson] [cu-item] {
	padding:20px 20px 20px 20px;
        padding:calc( (100vw - 320px)/(800 - 320) * (20 - 8) + 8px);
}

	
}










[game-razd] {
	position:relative;
	width:920px;
	height:640px;
        background-image:url(../images/kid2_playing.png),
                         url(../images/kid_playing2.png),
                         url(../images/kid_playing3.png),
                         linear-gradient(165.22deg, #C2E45B 0%, #A9CC3F 51.04%, #759123 100%);

        background-repeat:no-repeat,
                          no-repeat,
                          no-repeat,
                          no-repeat;

        background-size:696px 537px,
                        218px 208px,
                        261px 318px,
                        100% 100%;

        background-position:112px 262px,
                            575px 303px,
                            195px 239px, 
                            100% 100%;


        margin:60px auto 0px auto;
        border-radius:30px;


}

[header][pc="1"] ~ [content] [game-razd] {
	background-image:url(../images/kid2_playing.png),
                         url(../images/kid_playing2.png),
                         url(../images/kid_playing3.png),
                         linear-gradient(165.22deg, #82D1F8 0%, #55B6E7 51.04%, #3A98C7 100%);

}

[header][pc="3"] ~ [content] [game-razd] {

	background-image:url(../images/kid2_playing.png),
                         url(../images/kid_playing2.png),
                         url(../images/kid_playing3.png),
                         linear-gradient(165deg, rgba(255, 204, 0, 1) 0%, rgba(227, 182, 4, 1) 98%);

}

[header][pc="4"] ~ [content] [game-razd] {

	background-image:url(../images/kid2_playing.png),
                         url(../images/kid_playing2.png),
                         url(../images/kid_playing3.png),
                         linear-gradient(165deg, rgba(255, 102, 0, 1) 0%, rgba(228, 94, 4, 1) 98%);

}

[game-razd] > div {
}

[gr1] {
	position:absolute;
	width:100%;
	height:17px;

	left:0px;
	top:30px;
	color:rgba(228, 255, 145, 1);
	text-align:center;
	font-size:14px;
	font-weight:600;
	line-height:150%;
}

[gr2] {
	position:absolute;
	width:100%;
	height:100px;

	left:0px;
	top:96px;
	color:white;
	text-align:center;
	font-size:56px;
	font-weight:700;
	line-height:100%;
}

[gr3] {
	position:absolute;
	width:520px;

	left:200px;
	top:173px;
	color:rgba(244, 255, 229, 1);
	color:white;
	text-align:center;
	font-size:16px;
	font-weight:400;
	line-height:160%;
}

[gr4] {
	position:absolute;
	width:calc(100% - 28px);
	height:46px;
	background-color:white;

	left:14px;
	bottom:14px;
	border-radius:38px;

	color:rgba(166, 197, 73, 1);
	color:#92b232;
	color:#819d2b;
	text-align:center;
	font-size:16px;
	font-weight:600;
	line-height:160%;
	display:flex;
        justify-content:center;
        align-items:center;
        cursor:ponter;
        user-select:none;
}

[gr4]:active {
	color:#709c35;
	background-color:#ebeef5;
}

[header][pc="1"] ~ [content] [game-razd] [gr4] {
	color:#3399cc;
}


[header][pc="3"] ~ [content] [game-razd] [gr4] {
	color:#d8ae05;
}

[header][pc="4"] ~ [content] [game-razd] [gr4] {
	color:#ff6600;
}



@media screen and (max-width: 1020px) {

[game-razd] {
	width:100%;
	border-radius:0px;
        height:calc( (100vw - 375px)/(1000 - 375) * (640 - 730) + 730px);
        //border-radius:calc( (100vw - 375px)/(1000 - 375) * (60 - 30) + 30px);
        margin:calc( (100vw - 375px)/(1000 - 375) * (60 - 20) + 20px) auto 0px auto; 
}


[gr1] {
	font-size:calc( (100vw - 375px)/(1000 - 375) * (14 - 12) + 12px);
}

[gr2] {
	font-size:calc( (100vw - 375px)/(1000 - 375) * (56 - 34) + 34px);
        top:calc( (100vw - 375px)/(1000 - 375) * (96 - 100) + 100px);
}


[gr3] {
	width:calc( (100vw - 375px)/(1000 - 375) * (520 - 275) + 275px);	
	font-size:calc( (100vw - 375px)/(1000 - 375) * (16 - 14) + 14px);
	left:calc( (100vw - 375px)/(1000 - 375) * (200 - 50) + 50px);
	top:calc( (100vw - 375px)/(1000 - 375) * (173 - 160) + 160px);
}


[gr4] {
	border-radius:calc( (100vw - 375px)/(1000 - 375) * (38 - 8) + 8px);	
        font-size:calc( (100vw - 375px)/(1000 - 375) * (16 - 14) + 14px);
}

[game-razd] {


        background-size:calc( (100vw - 375px)/(1000 - 375) * (696 - 477) + 477px) calc( (100vw - 375px)/(1000 - 375) * (537 - 372) + 372px),
                        218px 208px,
                        261px 318px,
                        100% 100%;

        background-position:calc( (100vw - 375px)/(1000 - 375) * (112 + 90) - 90px) calc( (100vw - 375px)/(1000 - 375) * (262 - 398) + 398px),
                            calc( (100vw - 375px)/(1000 - 375) * (575 - 145) + 145px) calc( (100vw - 375px)/(1000 - 375) * (303 - 332) + 332px),
                            calc( (100vw - 375px)/(1000 - 375) * (195 + 10) - 10px) calc( (100vw - 375px)/(1000 - 375) * (239 - 270) + 270px),

                            100% 100%;

}

[gr4] {
	width:calc(100% - calc( (100vw - 375px)/(1000 - 375) * (28 - 60) + 60px));
	left:calc( (100vw - 375px)/(1000 - 375) * (14 - 30) + 30px);
	bottom:calc( (100vw - 375px)/(1000 - 375) * (14 - 30) + 30px);
}


}

@media screen and (max-width: 375px) {

[game-razd] {
        height:730px;
        margin:20px auto 0px auto; 
}


[gr1] {
	font-size:12px;
}

[gr2] {
	font-size:34px;
        top:100px;
}


[gr3] {
	width:275px;	
	font-size:14px;
	top:160px;

	left:calc( (100vw - 320px)/(375 - 320) * (50 - 23) + 23px);
}



[gr4] {
	width:calc(100% - 60px);
	left:30px;
	bottom:30px;
	border-radius:8px;
}




[game-razd] {


        background-size:477px 372px,
                        218px 208px,
                        261px 318px,
                        100% 100%;

        background-position:-90px 398px,

                            calc( (100vw - 320px)/(375 - 320) * (145 - 112) + 112px) 332px,
                            -10px 270px,
                            100% 100%;

}


}




[otz-razd] {
	width:100%;
	margin:60px 0px 0px 0px;
	background-color:rgba(241, 243, 248, 1);
	padding:60px 0px 60px 0px;


}

[otz-razd] h2 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 40px 0px;
	font-size:42px;
	font-weight:700;
	line-height:120%;
	text-align:center;
}


[otz1-swiper] {
	position:relative;
	width:920px;
	margin:0px auto 0px auto;
	height:70px;
}



[otz1-swiper] .swiper-slide {
	position:relative;
	width:285px;
	height:70px;
	border-radius:20px;
        background-color:rgba(231, 234, 242, 1);
        cursor:pointer;

}

[otz1-swiper] .swiper-slide-active {
	background-color:white;
}


[otz2-swiper] {
	position:relative;
	width:920px;
	margin:10px auto 0px auto;
	height:200px;
	border-radius:20px;
}






[otz2-swiper] .swiper-slide {
	position:relative;
	width:100%;
	height:100%;
        border-radius:20px;
        background-color:white;
}


[otz-tab] {
	display:flex !important;
	justify-content:flex-start;
	align-items:center;
	padding:0px 14px 0px 14px;
}

[otz-tab-avatar] {
	flex:0 0 42px;
	height:42px;
	border-radius:42px;
	background-size:contain;
	background-position:50% 50%;
	background-repeat:no-repeat;
	
}

[otz-tab-name] {
	
	
        flex:0 0 calc(100% - 36px - 42px);
        width:calc(100% - 36px - 42px);

}

[otz-tab-name] > span {
        display:block;
	flex:0 0 100%;
	width:100%;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        padding:0px 6px 0px 10px;

}

[otz-tab-name] > span:nth-of-type(1) {
	font-size:16px;
	font-weight:600;
	line-height:140%;
}

[otz-tab-name] > span:nth-of-type(2) {
	font-size:13px;
	font-weight:500;
	line-height:140%;
}

[otz-ball] {
	flex:0 0 36px;
	height:22px;
	border-radius:30px;
	background-color:rgba(249, 204, 24, 1);
	background-image:url(../images/ball_star.svg);
	background-repeat:no-repeat;
	background-position:8px 50%;
	font-size:13px;
	font-weight:600;
	padding:0px 0px 0px 22px;
	color:white;
        display:flex;
	justify-content:flex-start;
	align-items:center;

}

[otz-text] {
	padding:20px 30px 20px 30px;
}


[otz-text-content] {
	width:100%;
	height:100%;
	overflow:auto;
	font-size:16px;
	font-weight:400;
	line-height:170%;
}

[otz-br1] {
	display:none;
}


@media screen and (max-width: 1000px) {

[otz-br1] {
	display:inline;
}


[otz-razd] {
	margin: calc( (100vw - 375px)/(1000 - 375) * (60 - 20) + 20px) 0px 0px 0px;
	padding:calc( (100vw - 375px)/(1000 - 375) * (60 - 20) + 20px) 0px calc( (100vw - 375px)/(1000 - 375) * (60 - 20) + 20px) 0px;
}


[otz-razd] h2 {
	margin:0px 0px  calc( (100vw - 375px)/(1000 - 375) * (40 - 20) + 20px) 0px;
	font-size:calc( (100vw - 375px)/(1000 - 375) * (42 - 22) + 22px);
}


[otz1-swiper] {
	width:calc(100% - calc( (100vw - 375px)/(1000 - 375) * (40 - 20) + 20px) );

        padding:60px 0px 60px 0px;
        margin:0px 0px 0px 40px;
        margin-left:calc( (100vw - 375px)/(1000 - 375) * (40 - 20) + 20px) !important;
        margin-right:0px !important;
        height:calc( (100vw - 375px)/(1000 - 375) * (70 - 52) + 52px);
}

[otz2-swiper] {
	width:calc(100% - 2*calc( (100vw - 375px)/(1000 - 375) * (40 - 20) + 20px));
}


[otz-text] {
	padding:20px calc( (100vw - 375px)/(1000 - 375) * (30 - 22) + 22px) 20px calc( (100vw - 375px)/(1000 - 375) * (30 - 22) + 22px);
}

[otz-text-content] {
	font-size:calc( (100vw - 375px)/(1000 - 375) * (16 - 12) + 12px);
}


[otz-tab] {
	padding:0px calc( (100vw - 375px)/(1000 - 375) * (14 - 6) + 6px) 0px calc( (100vw - 375px)/(1000 - 375) * (14 - 6) + 6px);
}


[otz-tab-name] {
	
	
        flex:0 0 calc(100% - calc( (100vw - 375px)/(1000 - 375) * (36 - 30) + 30px) - calc( (100vw - 375px)/(1000 - 375) * (42 - 32) + 32px));
        width:calc(100% - calc( (100vw - 375px)/(1000 - 375) * (36 - 30) + 30px) - calc( (100vw - 375px)/(1000 - 375) * (42 - 32) + 32px));

}


[otz-tab-name] > span:nth-of-type(1) {
        font-size:calc( (100vw - 375px)/(1000 - 375) * (16 - 12) + 12px);
}

[otz-tab-name] > span:nth-of-type(2) {
        font-size:calc( (100vw - 375px)/(1000 - 375) * (13 - 10) + 10px);
}


[otz-ball] {
	flex:0 0 calc( (100vw - 375px)/(1000 - 375) * (36 - 30) + 30px);
	height:calc( (100vw - 375px)/(1000 - 375) * (22 - 18) + 18px);
	background-position:calc( (100vw - 375px)/(1000 - 375) * (8 - 6) + 6px) calc(50% - 1px);
	background-size:calc( (100vw - 375px)/(1000 - 375) * (12 - 8) + 8px);
	font-size:13px;
	padding:0px 0px 0px calc( (100vw - 375px)/(1000 - 375) * (22 - 18) + 18px);
}



[otz-tab-avatar] {
	flex:0 0 calc( (100vw - 375px)/(1000 - 375) * (42 - 32) + 32px);
	height:calc( (100vw - 375px)/(1000 - 375) * (42 - 32) + 32px);
	border-radius:calc( (100vw - 375px)/(1000 - 375) * (42 - 32) + 32px);
}

[otz1-swiper] .swiper-slide {
	width:calc( (100vw - 375px)/(1000 - 375) * (285 - 227) + 227px);
	height:calc( (100vw - 375px)/(1000 - 375) * (70 - 52) + 52px);
	border-radius:calc( (100vw - 375px)/(1000 - 375) * (20 - 14) + 14px);

}


}



@media screen and (max-width: 375px) {

[otz-razd] {
	margin: 20px 0px 0px 0px;
	padding:20px 0px 20px 0px;
}


[otz-razd] h2 {
	margin:0px 0px 20px 0px;
	font-size:22px;
}

[otz1-swiper] {
	width:calc(100% - 20px);
        padding:60px 0px 60px 0px;
        margin:0px 0px 0px 40px;
        margin-left:20px !important;
        margin-right:0px !important;
        height:52px;
}

[otz2-swiper] {
	width:calc(100% - 2*20px);
}


[otz-text] {
	padding:20px 22px 20px 22px;
}

[otz-text-content] {
	font-size:12px;
}


[otz-tab] {
	padding:0px 6px 0px 6px;
}


[otz-tab-name] {
	
	
        flex:0 0 calc(100% - 30px - 32px);
        width:calc(100% - 30px - 32px);

}


[otz-tab-name] > span:nth-of-type(1) {
        font-size:12px;
}

[otz-tab-name] > span:nth-of-type(2) {
        font-size:10px;
}


[otz-ball] {
	flex:0 0 30px;
	height:18px;
	background-position:6px calc(50% - 1px);
	background-size:8px;
	font-size:12px;
	padding:0px 0px 0px 18px;
}



[otz-tab-avatar] {
	flex:0 0 32px;
	height:32px;
	border-radius:32px;
}

[otz1-swiper] .swiper-slide {
	width:227px;
	height:52px;
	border-radius:14px;

}


}






[books-razd] {
	width:920px;
	margin:60px auto 0px auto;
}


[books-razd] h2 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:40px;
	font-weight:700;
	line-height:100%;
	margin:0px 0px 18px 0px;
}

[book-menu] {
	width:100%;
	height:40px;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	column-gap:16px;
        margin:0px 0px 30px 0px;

}

[book-menu] > a {
	display:block;
	height:100%;
        display:flex;
	justify-content:center;
	align-items:center;
	color:rgba(203, 203, 203, 1);
	font-size:16px;
	font-weight:600;
	line-height:100%;
}

[book-swiper] {
	height:323px;
}


[book-swiper] .swiper-slide {
	width:165px;
	height:323px;
	transition:opacity 0.5s ease-in-out;
}

[book-swiper] .swiper-slide[hide] {
	opacity:0;
}

[book-link] {
        position:relative;
        display:block;
        width:100%;
	height:324px;
}

[book-status] {
	position:absolute;
        left:4px;
	top:4px;
	height:20px;
	border-radius:26px;
	padding:0px 6px 0px 6px;
        display:flex;
	justify-content:center;
	align-items:center;
	background-color:rgba(133, 181, 69, 1);
	font-size:11px;
	font-weight:600;
	color:white;
	letter-spacing:1px;
	

}


[book-pic] {
        display:block;
	width:100%;
	height:230px;
	margin:0px 0px 12px 0px;
	border-radius:16px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}


[book-name] {
        display:block;
	font-size:16px;
	font-weight:600;
	line-height:130%;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        margin:0px 0px 4px 0px;
}


[book-model] {
        display:block;
	font-size:13px;
	font-weight:500;
	line-height:130%;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        margin:0px 0px 12px 0px;
        
}

[book-level] {
	display:inline-block;
	border-radius:20px;
	width:81px;
	height:22px;
	font-size:12px;
	font-weight:600;
	line-height:130%;
        display:flex;
	justify-content:center;
	align-items:center;

}

[book-level][l1]{
	background-color:rgba(230, 255, 227, 1);
	color:rgba(106, 203, 90, 1);
}

[book-level][l2]{
	background-color:rgba(241, 227, 255, 1);
	color:rgba(170, 110, 231, 1);
}

[book-level][l3]{
	background-color:rgba(255, 241, 227, 1);
	color:rgba(205, 121, 74, 1);
}


[book-butt] {
	display:flex;
	justify-content:center;
	align-items:center;	
	width:100%;
	height:50px;
	background-color:rgba(241, 243, 248, 1);
	border-radius:8px;
	color:rgba(18, 18, 18, 1);
	font-weight:500;
	font-size:14px;
	margin:40px 0px 0px 0px;
	text-decoration:none;
	user-select:none;
	cursor:pointer;
	transition:background-color 0.5s ease-in-out;


}

[book-butt]:active {
	background-color:#e0e4ee;
}



[book-menu] {
	width:100%;
}

[book-menu] .swiper-slide {
	display:inline-block !important;
	width:auto !important;
	padding:0px 14px 0px 14px;
        display:flex !important;
	justify-content:center;
	align-items:center;
	font-size:16px;
	font-weight:600;
	color:rgba(203, 203, 203, 1);
	transition:color 0.5s ease-in-out;
        
}

[book-menu] .swiper-slide[move] {
	color:rgba(18, 18, 18, 1);	
}

[book-menu] .swiper-slide:nth-of-type(1) {
	padding:0px 14px 0px 0px;
}


@media screen and (max-width: 1000px) {

[books-razd] {
	width:calc(100% - calc( (100vw - 375px)/(1000 - 375) * (40 - 20) + 20px));
        margin:60px 0px 0px auto;

}


[books-razd] h2 {
	font-size:calc( (100vw - 375px)/(1000 - 375) * (40 - 20) + 20px);
	margin:0px 0px 0px 0px;
}

[book-menu] {
	height:40px;
	column-gap:16px;
        margin:0px 0px calc( (100vw - 375px)/(1000 - 375) * (30 - 10) + 10px) 0px;

}

[book-menu] .swiper-slide {
	padding:0px calc( (100vw - 375px)/(1000 - 375) * (14 - 8) + 8px) 0px calc( (100vw - 375px)/(1000 - 375) * (14 - 8) + 8px);
        font-size:calc( (100vw - 375px)/(1000 - 375) * (16 - 13) + 13px);
}


	
}















[faq-razd] {
	position:relative;
	width:920px;
	margin:60px auto 0px auto;
}

[faq-razd] h2 {
	margin:0px 0px 40px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	font-size:42px;
	font-weight:700;
	line-height:120%;
}


[faq-br1] {
	display:none;
}


[faq-razd-cont] {
	position:relative;
	width:100%;
}

[faq-item] {
	background-color:rgba(241, 243, 248, 1);
	border-radius:14px;
	padding:28px 28px 28px 28px;
	margin:0px 0px 10px 0px;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-wrap:wrap;
}


[faq-question] {
	position:relative;
	flex:1;
	font-size:18px;
	font-weight:500;
	line-height:140%;
	margin:0px 16px 0px 0px;


        display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;

height:auto;
transition:height 0.5s ease-in-out;

}

[faq-opener] {
	position:relative;
	flex:0 0 32px;
	height:32px;
	background-color:white;
	background-image:url(../images/icon_plus.svg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	border-radius:8px;
	transition:background-color 0.5s ease-in-out;
	cursor:pointer;
}

[faq-opener]:active {
	background-color:#ebeef5;
}

[faq-answer] {
	position:relative;
	width:100%;
	font-size:16px;
	font-weight:500;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-top:1px solid transparent;
	line-height:160%;
	color:rgba(62, 62, 62, 1);
	height:0px;
	overflow:hidden;
	transition:height 0.5s ease-in-out, padding 0.5s ease-in-out, margin 0.5s ease-in-out, border-top 0.5s ease-in-out;
}





@media screen and (max-width: 1000px) {

[faq-razd] {
	width:calc(100% - 2*calc( (100vw - 375px)/(1000 - 375) * (40 - 20) + 20px));
        margin:calc( (100vw - 375px)/(1000 - 375) * (60 - 20) + 20px) auto 0px auto;

}

[faq-razd] h2 {
	margin:0px 0px calc( (100vw - 375px)/(1000 - 375) * (40 - 20) + 20px) 0px;
	font-size:calc( (100vw - 375px)/(1000 - 375) * (42 - 22) + 22px);
}


[faq-item] {
	padding:calc( (100vw - 375px)/(1000 - 375) * (28 - 16) + 16px);
	margin:0px 0px 10px 0px;
}


[faq-question] {
	font-size:calc( (100vw - 375px)/(1000 - 375) * (18 - 12) + 12px);
	margin:0px 16px 0px 0px;
        -webkit-line-clamp: 3;

}



[faq-answer] {
	font-size:calc( (100vw - 375px)/(1000 - 375) * (16 - 11) + 12px);
}


}

@media screen and (max-width: 700px) {
[faq-br1] {
	display:inline;
}
}


@media screen and (max-width: 375px) {

[faq-razd] {
	width:calc(100% - 2*20px);
        margin:20px auto 0px auto;

}

[faq-razd] h2 {
	margin:0px 0px 20px 0px;
	font-size:22px;
}


[faq-item] {
	padding:16px;
	margin:0px 0px 10px 0px;
}


[faq-question] {
	font-size:12px;
}


[faq-answer] {
	font-size:12px;
}


}


[faq-razd-clone] {
	position:fixed;
	left:-5000px;
	top:0px;
}


[faq-razd] [faq-question][move] {
	transition:height 0.45s ease-in-out;	
}


[faq-razd] [faq-question][move2] {
	-webkit-line-clamp:unset;
	
}


[faq-razd-clone] [faq-question][move] {
	-webkit-line-clamp:unset;
	
}


[faq-razd-clone] [faq-answer][move] {
	height:auto !important;
}

[faq-razd] [faq-answer][move] {
	height:auto;
        padding:15px 0px 0px 0px;
	margin:15px 0px 0px 0px;
        border-top:1px solid #e7eaf1;
}





footer {
	width:100%;
	position:relative;
	height:248px;
	background-color:rgba(241, 243, 248, 1);
	/*margin:80px 0px 0px 0px;*/

	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	column-gap:170px;
	background-color:#ff6600;

}

footer > * {
	color:white;
}


footer > div {
        flex:0;
        white-space:nowrap;
        position:relative;
}

[foot-1] {
	display:flex;
	flex-wrap:wrap;
	
}

[foot-1] > span {
	flex:0 0 100%;
}




[foot-1] [f1-text] {
	font-size:14px;
	font-weight:500;
	line-height:140%;
	margin:0px 0px 2px 0px;
}



[foot-1] [f1-link] {
	font-size:16px;
	font-weight:600;
	line-height:140%;
	
}

[foot-1] [f1-link] a {
	color:rgba(56, 140, 234, 1);
	color:white;
	text-decoration:none;
}


[foot-2] {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

[foot-2] > span {
	flex:0 0 100%;

}

[foot-2] > span:nth-of-type(1) {
	font-size:14px;
	font-weight:500;
	line-height:140%;
	margin:0px 0px 2px 0px;
}

[foot-2] > span:nth-of-type(2) {
	font-size:14px;
	font-weight:500;
	line-height:140%;
	text-align:center;
	
}

[foot-2] > span:nth-of-type(1) a {
	color:blck;
	text-decoration:none;
}


[foot-3] {
	display:flex;
	justify-content:center;
	column-gap:6px;
}



[foot-1], [foot-2], [foot-3] {
	border:1px solid red;
}



[foot-3] > span {
	display:flex;
        justify-content:center;
        align-items:center;
	height:38px;
	border-radius:10px;
	font-size:13px;
	font-weight:500;
	color:white;
	background-position:14px 50%;
	background-repeat:no-repeat;
	background-size:17px;
	padding:0px 14px 0px 40px;
}


[tlg] {
	background-color:rgba(98, 176, 234, 1);
	background-image:url(../images/icon_tlg.svg);
}

[vk] {
       background-color:rgba(40, 126, 255, 1);
       background-image:url(../images/icon_vk.svg);
}

[rtb] {
	background-color:#100943;
        background-image:url(../images/icon_rutube.svg);
        background-position:14px calc(50% - 2px) !important;
}


@media screen and (max-width: 1190px) {

footer {
	/*height:248px;*/
	/*column-gap:calc( (100vw - 900px)/(1190 - 900) * (170 - 40) + 40px);*/

}


}



@media screen and (max-width: 1000px) {

[foot-1] [f1-text], [foot-1] [f1-link], [foot-2] > span:nth-of-type(1), [foot-2] > span:nth-of-type(2) {
	font-size:calc( (100vw - 375px)/(1000 - 375) * (14 - 12) + 12px);

	//font-size:12px;
}


footer {
	/*height:520px;
        height:calc( (100vw - 375px)/(1000 - 375) * (248 - 520) + 520px);*/
        justify-content:space-between;
        column-gap:unset;
        padding:0px calc( (100vw - 375px)/(1000 - 375) * (40 - 20) + 20px) 0px calc( (100vw - 375px)/(1000 - 375) * (40 - 20) + 20px);
}


}


@media screen and (max-width: 800px) {

footer {
	justify-content:space-evenly;
	align-content:space-evenly;
}

footer [foot-3] {
	flex:0 0 100%;
}


}

@media screen and (max-width: 800px) {
footer [foot-1], footer [foot-2] {
	flex:0 0 100%;
	text-align:center;
}

[foot-1] [f1-link] {
	font-size:calc( (100vw - 375px)/(800 - 375) * (12 - 16) + 16px);
}


footer [foot-2] {
	order:3;
}

footer [foot-3] {
	order:2;
        margin:0px 0px calc( (100vw - 375px)/(800 - 375) * (0 - 26) + 26px) 0px;
}


[foot-3] > span {
	height:calc( (100vw - 375px)/(800 - 375) * (30 - 38) + 38px);


}

}



[foot-bgr] {
	width:920px;
	height:100%;
	position:absolute;
	top:0px;
	left:calc((100% - 920px)/2);

	background-image:url(../images/pazz1_m.png), url(../images/pazz2_m.png);
	background-repeat:no-repeat, no-repeat;
	background-position:50px 0px, 596px 8px;
	//background-size:90px 88px, 92px 92px;

}


@media screen and (max-width: 1190px) {

[foot-bgr] {
        background-position:180px 8px, 596px 8px;
        background-position:50px 0px, 596px 8px;
	/*background-position:calc( (100vw - 1000px)/(1190 - 1000) * (50 - 50) + 50px) 0px, calc( (100vw - 1000px)/(1190 - 1000) * (596 - 536) + 536px) 8px;*/
}


}

@media screen and (max-width: 1000px) {

[foot-bgr] {
        background-image:url(../images/pazz1_m_mob.png), url(../images/pazz2_mob.png);

        left:0px;
        width:100%;
        background-position:180px 12px, 500px 12px;
	background-position:calc( (100vw - 800px)/(1000 - 800) * (230 - 180) + 180px) calc( (100vw - 800px)/(1000 - 800) * (8 - 24) + 24px), calc( (100vw - 800px)/(1000 - 800) * (546 - 500) + 500px) calc( (100vw - 800px)/(1000 - 800) * (8 - 24) + 24px);

        background-position:50px 0px, 596px 8px;
        background-position:50px 0px, calc( (100vw - 800px)/(1000 - 800) * (596 - 496) + 496px) 8px;


}


}

@media screen and (max-width: 760px) {

[foot-bgr] {
        
        background-position:50px 0px, 496px 250px;
        background-size:220px 220px, 220px 220px;


        background-position:calc( (100vw - 320px)/(760 - 320) * (50 - 5) + 5px) 0px, calc( (100vw - 320px)/(760 - 320) * (496 - 100) + 100px) 250px;
        background-size:calc( (100vw - 320px)/(760 - 320) * (220 - 100) + 100px) calc( (100vw - 320px)/(760 - 320) * (220 - 100) + 100px), calc( (100vw - 320px)/(760 - 320) * (220 - 200) + 200px) calc( (100vw - 320px)/(760 - 320) * (220 - 200) + 200px);
        



}


}



[page-bread] {

        position:absolute;
	width:100%;
	text-align:center;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	align-items:center;
	column-gap:10px;
	top:170px;
	z-index:1;
	padding:0px 16px 0px 16px;
}


[page-bread][lesson] {
	top:90px;
}


[page-bread] > span, [page-bread] > a {
	font-size:13px;
	color:rgba(76, 76, 76, 1);
	font-weight:500;
	line-height:160%;
	text-decoration:none;
	white-space:nowrap;

}

[page-bread][lesson] > span, [page-bread][lesson] > a {
	color:rgba(76, 76, 76, 1) !important;
}


[header][pc] ~ [content] [page-bread] > span, [header][pc] ~ [content] [page-bread] > a {
	color:white;
}


[bread-delim] {
        display:block;
        width:11px;
        height:11px;
	background-image:url(../images/bread_arrow.svg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
}

[header][pc] ~ [content] [bread-delim] {
	background-image:url(../images/bread_arrow_white.svg);
}


[page-bread] > span, [page-bread] > a {
	font-size:13px;
	color:rgba(76, 76, 76, 1);
	font-weight:500;
	line-height:160%;
	text-decoration:none;
	white-space:nowrap;

}

[page-bread][lesson] > span, [page-bread][lesson] > a {
	color:rgba(76, 76, 76, 1) !important;
}


[page-bread][lesson] [bread-delim] {
	background-image:url(../images/bread_arrow.svg) !important;
}



@media screen and (max-width: 1000px) {

[page-bread] {
	column-gap:10px;
	column-gap:calc( (100vw - 375px)/(1000 - 375) * (10 - 6) + 6px);

}

[page-bread] > * {
}

[page-bread] > span, [page-bread] > a {
        font-size:calc( (100vw - 375px)/(1000 - 375) * (13 - 10) + 10px);
}

[bread-delim] {
        width:calc( (100vw - 375px)/(1000 - 375) * (11 - 10) + 10px);
        height:calc( (100vw - 375px)/(1000 - 375) * (11 - 10) + 10px);
}

}


[pc="1"]:not([header][pc]) {
	background-color:rgba(65, 160, 208, 1) !important;		
}

/*[pc="2"]:not([header][pc]) {
	background-color:rgba(145, 208, 63, 1) !important;		
}

[pc="3"]:not([header][pc]) {
	background-color:rgba(145, 208, 63, 1) !important;		
        background-color:rgba(65, 160, 208, 1) !important;		
}

[pc="4"]:not([header][pc]) {
	background-color:rgba(145, 208, 63, 1) !important;		
}

[pc="5"]:not([header][pc]) {
	background-color:rgba(255, 102, 0, 1) !important;		
}

[pc="6"]:not([header][pc]) {
	background-color:rgba(255, 102, 0, 1) !important;		
}

[pc="7"]:not([header][pc]) {
	background-color:rgba(255, 102, 0, 1) !important;		
        background-color:rgba(65, 160, 208, 1) !important;		
}

[pc="8"]:not([header][pc]) {
	background-color:rgba(255, 102, 0, 1) !important;		
        background-color:rgba(65, 160, 208, 1) !important;		
}

[pc="9"]:not([header][pc]) {
	background-color:rgba(255, 102, 0, 1) !important;		
        background-color:rgba(65, 160, 208, 1) !important;		
}*/



[page-top-top] {
	width:100%;
	padding:0px 0px 0px 0px;
	background-color:#f1f3f8;

}

[header][pc] ~ [content] [page-top-top] {
	background-color:white;
}






[page-top] {
        position:relative;
	margin:0px auto 0px auto;


	width:1110px;
	
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	align-content:flex-start;

	padding:0px 0px 12px 0px;

}

[page-top][banner] {
	/*height:834px;	*/
        border-radius:50px;
        margin:60px auto 0px auto;
        background-image:url(../images/top_banner_fig.png);
	background-position:218px -10px;
	background-repeat:no-repeat;
        padding:0px 0px 12px 0px;
        border-radius:50px;

}

[page-top][banner][no-bottom-radius] {
        border-radius:50px 50px 0px 0px;
}


[page-top]:not([page-top][banner]) {
        padding:0px 0px 60px 0px;
}


[page-top-text] {
}


[cb-h1] {
	padding:0px 0px 0px 0px;
        margin:140px 0px 0px 0px;
        text-align:center;
        flex:0 0 100%;
        font-size:48px;
        font-weight:800;
        line-height:122%;
        color:rgba(18, 18, 18, 1);

}

[page-top][banner] [cb-h1]{
	color:white;
        margin:80px 0px 0px 0px;
}


[cb-t1] {
	flex:0 0 100%;
	text-align:center;
	text-transform:uppercase;
	font-size:16px;
	font-weight:500;
	line-height:142%;
        color:rgba(18, 18, 18, 1);
        margin:12px 0px 0px 0px;
}

[page-top][banner] [cb-t1]{
	color:white;
}

[cb-t2] {
	flex:0 0 800px;
	text-align:center;
	font-size:18px;
	font-weight:400;
	line-height:160%;
        margin:26px 0px 0px 0px;
        padding:0px 40px 0px 40px;
}

[page-top][banner] [cb-t2]{
	color:white;
}


[cb-img] {
        position:relative;

	width:calc(100% - 2*12px);
	height:480px;
	/*bottom:12px;
	left:12px;*/
	border-radius:42px;

	background-repeat:no-repeat;
        background-size:1086px 582px;
        background-position:0px 0px;
        margin:40px auto 0px auto;
        z-index:2;


}

[cb-img="1"] {
	background-image:url(../images/cours_ban_bgr20.png);
}

[cb-img="2"] {
	background-image:url(../images/cours_ban_bgr2.png);
}

[cb-img="3"] {
	background-image:url(../images/cours_ban_bgr3.png);
}

[cb-img="4"] {
	background-image:url(../images/cours_ban_bgr4.png);
}

[cb-img="5"] {
	background-image:url(../images/cours_ban_bgr5.png);
}

[cb-img="6"] {
	background-image:url(../images/cours_ban_bgr6.png);
}

[cb-img="7"] {
	background-image:url(../images/cours_ban_bgr7.png);
}

[cb-img="8"] {
	background-image:url(../images/cours_ban_bgr8.png);
}

[cb-img="9"] {
	background-image:url(../images/cours_ban_bgr9.png);
}


[cb-cu] {
	width:100%;
	margin:16px 0px 0px 0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	column-gap:calc((100% - (var(--cu_cont)*100px))/(var(--cu_cont) + 1));
}


[cb-cu] > span {
        display:block;
	border-radius:8px;
	background-position:0px 50%;
	background-repeat:no-repeat;
	background-size:24px;
	padding:8px 8px 8px 36px;
	font-size:16px;
	font-weight:500;
	color:rgba(0,0,0,1);
	filter:invert(100);
	/*flex:0 0 124px;*/
        margin:8px 0px 0px 0px;
        //border:1px solid red;
}

[cb-cu] > span[delim] {
	padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
	height:0px;
	display:none;
}


[cb-cu] [i1] {
	background-image:url(../images/curs_icon_lesson2.svg);
}

[cb-cu] [i2] {
	background-image:url(../images/curs_icon_book.svg);
}

[cb-cu] [i3] {
	background-image:url(../images/curs_icon_kalendar.svg);
}

[cb-cu] [i4] {
	background-image:url(../images/curs_icon_video.svg);
}

[cb-cu] [i5] {
	background-image:url(../images/curs_icon_game.svg);
}

[cb-cu] [i6] {
	background-image:url(../images/curs_icon_blocks.svg);
}

[cb-cu] [i7] {
	background-image:url(../images/curs_icon_posobie.svg);
}


@media screen and (max-width: 1190px) {


[cb-cu] {
}


[cb-cu] > span {
	background-size:24px;
	padding:8px 8px 8px 36px;
	font-size:16px;
        margin:8px 0px 0px 0px;

        font-size:calc( (100vw - 320px)/(1190 - 320) * (16 - 11) + 11px);
        background-size:calc( (100vw - 320px)/(1190 - 320) * (24 - 20) + 20px);
        padding:8px 0px 8px calc( (100vw - 320px)/(1190 - 320) * (36 - 24) + 24px);

}



}


@media screen and (max-width: 750px) {

[cb-cu] {
	column-gap:150px;
        column-gap:50px;
        column-gap:calc( (100vw - 320px)/(750 - 320) * (110 - 50) + 50px);

        column-gap:calc((100% - (3*calc( (100vw - 320px)/(750 - 320) * (124 - 96) + 96px)))/4);

        margin:calc( (100vw - 320px)/(750 - 320) * (16 - 4) + 4px) 0px 0px 0px;


}

[cb-cu] > span {
        
	flex:0 0 96px;
        flex:0 0 120px;

        flex:0 0 calc( (100vw - 320px)/(750 - 320) * (124 - 96) + 96px);





}

[cb-cu] > span[delim] {
	display:block;

}


}


@media screen and (max-width: 650px) {

[cb-cu] {

    padding:0px 0px 0px 20px;
}


}





[cb-shadow] {
	position:absolute;
        width:calc(100% - 2*12px);
	height:440px;
	border-radius:42px;
        background-color:rgba(231, 233, 236, 1);
	bottom:12px;
	z-index:1;
}

/*[cb-shadow="1"] {
	background-color:#2d8bb9;
}

[cb-shadow="2"] {
	background-color:#a9db67;
}

[cb-shadow="3"] {
	background-color:#2d8bb9;
}

[cb-shadow="4"] {
	background-color:#a9db67;
}

[cb-shadow="5"] {
	background-color:#a9db67;
}

[cb-shadow="6"] {
	background-color:#ff6600;
}

[cb-shadow="7"] {
	background-color:#ff6600;
        background-color:#2d8bb9;
}

[cb-shadow="8"] {
	background-color:#ff6600;
        background-color:#2d8bb9;
}

[cb-shadow="9"] {
	background-color:#ff6600;
        background-color:#2d8bb9;
}*/





@media screen and (max-width: 1190px) {


[cb-img] {
}


[page-top] {
        margin:0px auto 0px auto;
	width:calc(100% - 2*40px);
        
}


[page-top][banner] {
        margin:calc( (100vw - 1000px)/(1190 - 1000) * (60 - 30) + 30px) auto 0px auto;
        background-position:calc( (100vw - 1000px)/(1190 - 1000) * (218 - 123) + 123px) -10px;
}

[page-bread] {
	top:calc( (100vw - 1000px)/(1190 - 1000) * (170 - 140) + 140px);
}

[cb-h1]:not([page-top][banner] [cb-h1]) {
        margin:calc( (100vw - 1000px)/(1190 - 1000) * (140 - 110) + 110px) 0px 0px 0px;
}


}

@media screen and (max-width: 1000px) {


[cb-img] {
	width:calc(100% - 2*calc( (100vw - 375px)/(1000 - 375) * (12 - 20) + 20px));
        height:410px;
        height:calc( (100vw - 375px)/(1000 - 375) * (410 - 365) + 365px);

	border-radius:calc( (100vw - 375px)/(1000 - 375) * (42 - 30) + 30px);

        background-size:calc( (100vw - 375px)/(1000 - 375) * (975 - 681) + 681px) calc( (100vw - 375px)/(1000 - 375) * (522 - 365) + 365px);

        background-position:calc( (100vw - 375px)/(1000 - 375) * (0 + 63) - 63px) 0px;


        margin:calc( (100vw - 375px)/(1000 - 375) * (40 - 20) + 20px) auto 0px auto;

}







[cb-shadow] {
	width:calc(100% - 2*calc( (100vw - 375px)/(1000 - 375) * (12 - 20) + 20px));	
	left:calc( (100vw - 375px)/(1000 - 375) * (12 - 20) + 20px);
	bottom:calc( (100vw - 375px)/(1000 - 375) * (12 - 20) + 20px);
	height:calc( (100vw - 375px)/(1000 - 375) * (440 - 320) + 320px);
}


[page-top] {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:60px 0px calc( (100vw - 375px)/(1000 - 375) * (60 - 30) + 30px) 0px;
}


[page-top][banner] {
	border-radius:0px;


	/*height:834px;	
        height:calc( (100vw - 375px)/(1000 - 375) * (834 - 720) + 720px);	*/
        margin:0px auto 0px auto;
        background-position:calc( (100vw - 1000px)/(1190 - 1000) * (218 - 123) + 123px) -10px;
        background-position:-111px 105px;
        background-position:calc( (100vw - 375px)/(1000 - 375) * (123 + 111) - 111px) calc( (100vw - 375px)/(1000 - 375) * (100 - 105) + 105px);
        padding:0px 0px calc( (100vw - 375px)/(1000 - 375) * (12 - 20) + 20px) 0px;

}

[page-top]:not([page-top][banner]) {
	padding: 60px 0px calc( (100vw - 375px)/(1000 - 375) * (60 - 30) + 30px) 0px;
}



[page-bread] {
	top:120px;
	top:calc( (100vw - 375px)/(1000 - 375) * (120 - 90) + 90px);
}

[cb-h1] {
        margin:96px 0px 0px 0px;
        margin:calc( (100vw - 375px)/(1000 - 375) * (96 - 56) + 56px) 0px 0px 0px;
        font-size:48px;
        font-size:calc( (100vw - 375px)/(1000 - 375) * (48 - 34) + 34px);
        font-weight:700;
        padding:0px calc( (100vw - 375px)/(1000 - 375) * (60 - 20) + 20px) 0px calc( (100vw - 375px)/(1000 - 375) * (60 - 20) + 20px);

}

[cb-h1]:not([page-top][banner] [cb-h1]) {
	margin:calc( (100vw - 375px)/(1000 - 375) * (110 - 60) + 60px) 0px 0px 0px;
}

[page-top][banner] [cb-h1] {
	margin:155px 0px 0px 0px;
        margin:calc( (100vw - 375px)/(1000 - 375) * (155 - 136) + 136px) 0px 0px 0px;

}


[cb-t1] {
        margin:28px 0px 0px 0px;
        margin:calc( (100vw - 375px)/(1000 - 375) * (28 - 10) + 10px) 0px 0px 0px;
        font-size:calc( (100vw - 375px)/(1000 - 375) * (16 - 10) + 10px);
}


[cb-t2] {
        margin:32px 0px 0px 0px;
        margin:calc( (100vw - 375px)/(1000 - 375) * (32 - 16) + 16px) 0px 0px 0px;

        font-size:calc( (100vw - 375px)/(1000 - 375) * (18 - 12) + 12px);
        flex:0 0 100%;

}

}



@media screen and (max-width: 375px) {


[cb-img] {
	width:calc(100% - 40px);
        height:365px;

	border-radius:30px;

        background-size:681px 365px;

        background-position:calc( (100vw - 320px)/(375 - 320) * (0 - 73 + 100) - 100px) 0px;
}


[page-top] {
	padding:60px 0px 30px 0px;
}


[page-top][banner] {
        background-position: -111px 105px;
        padding:0px 0px 20px 0px;

}

[page-bread] {
	top:90px;
}

[cb-h1] {
        margin:56px 0px 0px 0px;
        font-size:34px;
        padding:0px calc( (100vw - 320px)/(375 - 320) * (20 - 8) + 8px) 0px calc( (100vw - 320px)/(375 - 320) * (20 - 8) + 8px);

}

[cb-h1]:not([page-top][banner] [cb-h1]) {
	margin:60px 0px 0px 0px;
}

[page-top][banner] [cb-h1] {
        margin:136px 0px 0px 0px;

}


[cb-t1] {
        margin:10px 0px 0px 0px;
        font-size:10px;
}


[cb-t2] {
        margin:16px 0px 0px 0px;

        font-size:12px;

        padding:0px calc( (100vw - 320px)/(375 - 320) * (40 - 8) + 8px) 0px calc( (100vw - 320px)/(375 - 320) * (40 - 8) + 8px);

}

}



[bzz] {
	border:5px solid red;
	margin:100px 0px 0px 0px;
}



[ci-wrp] {
	width:1110px;
	margin:0px auto 0px auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	padding:0px 0px 20px 0px;
	

}



[header][pc] ~ [content] [ci-wrp] [ci-lines] > span {
	background-color:white;
}


[header][pc="1"] ~ [content] [ci-wrp][bgr-col] {
	background-color:rgba(51,153,204,0.1);
}

[header][pc="2"] ~ [content] [ci-wrp][bgr-col] {
	background-color:rgba(204,238,102,0.1);
}

[header][pc="3"] ~ [content] [ci-wrp][bgr-col] {
	background-color:rgba(255,204,0,0.1);
}

[header][pc="4"] ~ [content] [ci-wrp][bgr-col] {
	background-color:rgba(255,102,0,0.1);
}


[header][pc="1"] ~ [content] [ci-wrp]:not([ci-wrp][bgr-col]) [ci-lines] > span {
	background-color:rgba(51,153,204,0.1);
}

[header][pc="2"] ~ [content] [ci-wrp]:not([ci-wrp][bgr-col]) [ci-lines] > span {
	background-color:rgba(204,238,102,0.1);
}

[header][pc="3"] ~ [content] [ci-wrp]:not([ci-wrp][bgr-col]) [ci-lines] > span {
	background-color:rgba(255,204,0,0.1);
}

[header][pc="4"] ~ [content] [ci-wrp]:not([ci-wrp][bgr-col]) [ci-lines] > span {
	background-color:rgba(255,102,0,0.1);
}




[ci-wrp] > [ci-icon] {
	flex:0 0 150px;
	height:150px;
        margin:40px 0px 0px 0px;

}

[ci-icon] img {
	width:100%;
	height:100%;
}

[ci-wrp] > [ci-title] {
	flex:0 0 100%;
	text-align:center;

	text-align: center;
	font-size: 42px;
	font-weight: 700;
	line-height: 130%;
        padding:0px 0px 0px 0px;
        margin:40px 0px 0px 0px;

}


[ci-wrp] > [ci-text] {
	flex:0 0 100%;
        font-size: 18px;
    font-weight: 400;
    line-height: 160%;
    text-align: center;
    margin: 40px 0px 0px 0px;
    padding: 0px 120px 0px 120px;

}

[ci-lines] {
	flex:0 0 calc(100% - 240px);
	display:flex;
	flex-wrap:wrap;
	margin:40px 0px 0px 0px;

}

[ci-lines] > span {
	flex:0 0 100%;
	min-height:80px;
	font-size:16px;
	line-height:160%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin:0px 0px 10px 0px;
	border-radius:12px;
	padding:16px 40px 16px 40px;

}



@media screen and (max-width: 1190px) {
[ci-wrp] {
    width: calc(100% - 2*40px);
}
}

@media screen and (max-width: 1000px) {
[ci-wrp] {
    width: 100%;
}

[page-top][banner][no-bottom-radius] {
        border-radius:0px 0px 0px 0px;
}

[ci-wrp] > [ci-icon] {
        flex:0 0 calc( (100vw - 375px)/(1000 - 375) * (150 - 40) + 40px);
	height:calc( (100vw - 375px)/(1000 - 375) * (150 - 40) + 40px);
        margin:calc( (100vw - 375px)/(1000 - 375) * (40 - 20) + 20px) 0px 0px 0px;
}


[ci-wrp] > [ci-title] {
        font-size: calc( (100vw - 375px)/(1000 - 375) * (42 - 20) + 20px);
        margin:calc( (100vw - 375px)/(1000 - 375) * (40 - 20) + 20px) 0px 0px 0px;
}


[ci-wrp] > [ci-text] {
    font-size: calc( (100vw - 375px)/(1000 - 375) * (18 - 12) + 12px);
    padding: 0px calc( (100vw - 375px)/(1000 - 375) * (120 - 32) + 32px) 0px calc( (100vw - 375px)/(1000 - 375) * (120 - 32) + 32px);
    margin:calc( (100vw - 375px)/(1000 - 375) * (40 - 20) + 20px) 0px 0px 0px;

}

[ci-lines] {
        flex:0 0 calc(100% - calc( (100vw - 375px)/(1000 - 375) * (240 - 40) + 40px));
	margin:calc( (100vw - 375px)/(1000 - 375) * (40 - 20) + 20px) 0px 0px 0px;

}


[ci-lines] > span {
        min-height:calc( (100vw - 375px)/(1000 - 375) * (80 - 56) + 56px);
	font-size:calc( (100vw - 375px)/(1000 - 375) * (16 - 12) + 12px);
	margin:0px 0px calc( (100vw - 375px)/(1000 - 375) * (10 - 5) + 5px) 0px;
        padding:calc( (100vw - 375px)/(1000 - 375) * (16 - 12) + 12px) calc( (100vw - 375px)/(1000 - 375) * (40 - 12) + 12px) calc( (100vw - 375px)/(1000 - 375) * (16 - 12) + 12px) calc( (100vw - 375px)/(1000 - 375) * (40 - 12) + 12px);

}




}

@media screen and (max-width: 375px) {

[ci-wrp] > [ci-icon] {
        flex:0 0 40px;
	height:40px;
        margin:20px 0px 0px 0px;
}


[ci-wrp] > [ci-title] {
        font-size: 20px;
        margin:20px 0px 0px 0px;
}


[ci-wrp] > [ci-text] {
    font-size: 12px;
    padding: 0px 32px 0px 32px;
    margin:20px 0px 0px 0px;

}

[ci-lines] {
        flex:0 0 calc(100% - 40px);
	margin:20px 0px 0px 0px;

}


[ci-lines] > span {
        min-height:56px;
	font-size:12px;
	margin:0px 0px 5px 0px;
        padding:12px 12px 12px 12px;

}




}



[cost-wrp] {
	position:relative;
	width:100%;
	margin:40px auto 0px auto;
	padding:1px 0px 0px 0px;


}


[header][pc="1"] ~ [content] [cost-wrp] {
	background-image:linear-gradient(165.22deg, #82D1F8 0%, #55B6E7 51.04%, #3A98C7 100%);

}

[header][pc="2"] ~ [content] [cost-wrp] {
	background-image:linear-gradient(165deg, rgba(204, 238, 102, 1) 0%, rgba(186, 217, 93, 1) 98%);

}


[header][pc="3"] ~ [content] [cost-wrp] {

	background-image:linear-gradient(165deg, rgba(255, 204, 0, 1) 0%, rgba(227, 182, 4, 1) 98%);

}

[header][pc="4"] ~ [content] [cost-wrp] {

	background-image:linear-gradient(165deg, rgba(255, 102, 0, 1) 0%, rgba(228, 94, 4, 1) 98%);

}

[cw1] {
	width:100%;
	margin:60px 0px 0px 0px;
	font-size:48px;
	color:white;
	font-weight:700;
	line-height:100%;
	text-align:center;
}

[cw2] {
	width:920px;
	margin:40px auto 0px auto;
	font-size:18px;
	color:white;
	font-weight:500;
	line-height:150%;
	text-align:center;	
	padding:0px 55px 0px 55px;
}


[cw3] {
	position:relative;
	width:920px;
	height:auto;
	margin:40px auto 0px auto;
	background-color:white;
	border-radius:30px 30px 0px 0px;
	padding:1px 0px 100px 0px;
	/*background-image:url(../images/venok.svg);*/
	background-repeat:no-repeat;
	background-position:50% calc(50% - 20px);
	background-size:572px 292px;
}



[cw3-1] {
        position:relative;
	width:100%;
	margin:60px 0px 0px 0px;
	line-height:150%;
	font-size:68px;
	font-weight:700;
	color:rgba(17, 17, 17, 1);
	text-align:center;
}



[cw3-1] > span {
        position:relative;
	display:inline-block;
	line-height:100%;
}


[cw3-1] > span[price-line]:after {
	content:"";
	position:absolute;
	left:0px;
	top:calc((100% - 2px)/2);
	width:100%;
	height:2px;
	background-color:red;
	transform:rotate(calc(-1*var(--pl_deg)));

}


[cw3-1-2] {
	border:1px solid red;
	margin:20px 0px 0px 0px;
	text-align:center;
	font-size:12px;

}



[cw3-2] {
	width:600px;
	margin:30px auto 0px auto;
	font-size:18px;
	color:black;
	font-weight:500;
	line-height:150%;
	text-align:center;
}

[cw3-3] {
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:50px;
	background-color:rgba(234, 238, 247, 1);
	font-size:28px;
	text-transform:uppercase;
        font-weight:700;
}

[cw3-3] > div > span  {
        width:100%;
	font-weight:700;
	color:rgba(186, 191, 204, 1);
	line-height:50px;
}


[cw3-4] {
	width:100%;
	margin:40px 0px 0px 0px;
	display:flex;
	justify-content:center;
}


[kup-butt] {
	flex:0 0 calc(100% - 64px);
        display:flex;
	justify-content:center;
	align-items:center;
	text-transform:uppercase;
	font-size:16px;
	font-weight:600;
	height:50px;
	border-radius:20px;
	color:white;
	cursor:pointer;
	user-select:none;

}

[kup-butt]:active {
	transform:translate3d(1px,1px,0px);
}

[header][pc="1"] ~ [content] [kup-butt] {
	background-color:#3399cc;
}

[header][pc="2"] ~ [content] [kup-butt] {
	background-color:#ccee66;
}

[header][pc="3"] ~ [content] [kup-butt] {
	background-color:#ffcc00;
	color:#202020;

}

[header][pc="4"] ~ [content] [kup-butt] {
	background-color:#ff6600;
}

@media screen and (max-width: 1000px) {

[kup-butt] {
	flex:0 0 calc(100% - calc( (100vw - 320px)/(1000 - 320) * (64 - 16) + 16px));
	font-size:calc( (100vw - 320px)/(1000 - 320) * (16 - 14) + 14px);
	height:calc( (100vw - 320px)/(1000 - 320) * (50 - 42) + 42px);
	border-radius:calc( (100vw - 320px)/(1000 - 320) * (20 - 8) + 8px);

}


}




@media screen and (max-width: 1170px) {

[cw2] {
	width:calc(100% - 250px);
}

[cw3] {
	width:calc(100% - 250px);
}

}


@media screen and (max-width: 1000px) {

[cw1] {
	margin:calc( (100vw - 375px)/(1000 - 375) * (60 - 40) + 40px) 0px 0px 0px;
	font-size:calc( (100vw - 375px)/(1000 - 375) * (48 - 22) + 22px);
}



[cw2] {
        width:calc( (100vw - 375px)/(1000 - 375) * (750 - 304) + 304px);
        margin:calc( (100vw - 375px)/(1000 - 375) * (40 - 20) + 20px) auto 0px auto;
	font-size:calc( (100vw - 375px)/(1000 - 375) * (18 - 13) + 13px);
	padding:0px calc( (100vw - 375px)/(1000 - 375) * (55 - 0) + 0px) 0px calc( (100vw - 375px)/(1000 - 375) * (55 - 0) + 0px);
}


[cw3] {
        width:calc( (100vw - 375px)/(1000 - 375) * (750 - 304) + 304px);
	/*height:calc( (100vw - 375px)/(1000 - 375) * (380 - 180) + 180px);*/
        margin:calc( (100vw - 375px)/(1000 - 375) * (40 - 30) + 30px) auto 0px auto;

        background-size:572px 292px;
        background-position:50% calc(50% - 20px);

        background-size:calc( (100vw - 375px)/(1000 - 375) * (572 - 220) + 220px);
        background-position:50% calc(50% - calc( (100vw - 375px)/(1000 - 375) * (20 - 10) + 10px));

        padding:1px 0px calc( (100vw - 375px)/(1000 - 375) * (100 - 60) + 60px) 0px;

}


[cw3-1] {
	margin:calc( (100vw - 375px)/(1000 - 375) * (60 - 24) + 24px) 0px 0px 0px;
	font-size:calc( (100vw - 375px)/(1000 - 375) * (68 - 26) + 26px);
}



[cw3-2] {
	width:100%;
	padding:0px calc( (100vw - 375px)/(1000 - 375) * (96 - 30) + 30px) 0px calc( (100vw - 375px)/(1000 - 375) * (96 - 30) + 30px);
        font-size:calc( (100vw - 375px)/(1000 - 375) * (18 - 12) + 12px);
        margin:calc( (100vw - 375px)/(1000 - 375) * (30 - 8) + 8px) auto 0px auto;
}

[cw3-3] {
	height:calc( (100vw - 375px)/(1000 - 375) * (50 - 26) + 26px);
	font-size:calc( (100vw - 375px)/(1000 - 375) * (28 - 10) + 10px);


}

[cw3-3] > div > span  {
	line-height:calc( (100vw - 375px)/(1000 - 375) * (50 - 26) + 26px);
}






}

@media screen and (max-width: 375px) {

[cw1] {
	margin:40px 0px 0px 0px;
	font-size:22px;
}



[cw2] {
        width:304px;
        margin:20px auto 0px auto;
	font-size:13px;
	padding:0px 8px 0px 8px;
}


[cw3] {
        width:304px;
	/*height:180px;*/
        margin:30px auto 0px auto;

        background-size:220px;
        background-position:50% calc(50% - 10px);
}


[cw3-1] {
	margin:24px 0px 0px 0px;
	font-size:26px;
}



[cw3-2] {
	width:100%;
	padding:0px 30px 0px 30px;
        font-size:12px;
        margin:8px auto 0px auto;
}

[cw3-3] {
	height:26px;
	font-size:12px;


}

[cw3-3] > div > span  {
	line-height:26px;
}

}


[za-wrp] {
	position:sticky;
	bottom:0px;
	width:100%;
	margin:0px auto 0px auto;
	background-color:white;
	z-index:9;
	height:100px;
	height:auto;
	box-shadow:0px 0px 5px 5px rgba(0,0,0,0.2);
        background-color: rgba(241, 243, 248, 1);
        //transform:scale(1,5);
        transform:translate3d(0px,120%,0px) scale(1,1);      
        transition:transform 0.5s ease-in-out;
        padding:8px 0px 0px 0px;
	
}


[za-wrp][step1] {
	transform:translate3d(0px,-120%,0px) scale(1,4);
}

[za-wrp][step2] {
	transform:translate3d(0px,1px,0px) scale(1,1);
}

[za-wrp][no-shadow] {
	box-shadow:none;
}

[za-cont] {
	position:relative;
	width:1110px;
	height:100%;
	margin:0px auto 0px auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}

[za-cont] > div {
	//border:1px solid red;
}

[za-cont1] img {
	width:108px;
	height:50px;
}

[za-cont2] {
	flex:0 0 500px;
	font-size:16px;
	text-align:center;
	font-weight:500;
	line-height:150%;
}

[za-cont3] {
	display:flex;
        justify-content:center;
	align-items:center;
	white-space:nowrap;
	background-color:#ff6600;
	color:white;
	font-size:16px;
	font-weight:600;
	height:51px;
	padding:0px 24px 0px 24px;
	border-radius:8px;
	cursor:pointer;
	user-select:none;
}

[za-cont3]:active {
	transform:translate3d(1px,1px,0px);
}

[za-cont4] {
	display:none;
}

[za-cont5] {
	display:none;
}


[header][pc="1"] ~ [za-wrp] [za-cont3] {
	background-color:#3399cc;
}

[header][pc="2"] ~ [za-wrp] [za-cont3] {
	background-color:#ccee66;
	color:#474747;
}

[header][pc="3"] ~ [za-wrp] [za-cont3] {
	background-color:#ffcc00;
	color:#474747;
}

[header][pc="4"] ~ [za-wrp] [za-cont3] {
	background-color:#ff6600;
}


[za-cont6] {
        position:relative;
	flex:0 0 100%;
	width:100%;
	line-height:100%;
	padding:4px 0px 4px 0px;
	margin:8px 0px 0px 0px;
	font-size:12px;
	font-weight:500;
        
	

}

[za-cont6-3] {
        position:relative;
	width:auto;
	z-index:2;
}

[za-cont6-2] {
	white-space:nowrap;
	width:max-content;
}

[za-cont6-4] {
	position:absolute;
	width:100px;
	height:100%;
	top:0px;
	left:calc((-1)*(100vw - 100% - var(--scrlvh))/2);
	width:calc(100vw - var(--scrlvh));
	z-index:1;
}

[header] ~ [za-wrp] [za-cont6-4] {
	background-color:#ff6600;
}

[header] ~ [za-wrp] [za-cont6-2] {
	color:white;
}


[header][pc="1"] ~ [za-wrp] [za-cont6-4] {
	background-color:#3399cc;
	color:white;
}

[header][pc="1"] ~ [za-wrp] [za-cont6-2] {
	color:white;
}

[header][pc="2"] ~ [za-wrp] [za-cont6-4] {
	background-color:#ccee66;
	color:#474747;
}

[header][pc="3"] ~ [za-wrp] [za-cont6-4] {
	background-color:#ffcc00;
	color:#474747;
}

[header][pc="3"] ~ [za-wrp] [za-cont6-2],
[header][pc="2"] ~ [za-wrp] [za-cont6-2] {
	color:black;
}


[header][pc="4"] ~ [za-wrp] [za-cont6-4] {
	background-color:#ff6600;
}





@media screen and (max-width: 1190px) {

[za-wrp] {
	height:calc( (100vw - 750px)/(1190 - 750) * (100 - 70) + 70px);
	height:auto;
}


[za-cont] {
	width:100%;
	padding:0px calc( (100vw - 750px)/(1190 - 750) * (40 - 8) + 8px) 0px calc( (100vw - 750px)/(1190 - 750) * (40 - 8) + 8px);
}


[za-cont2] {
        flex:0 0 calc( (100vw - 750px)/(1190 - 750) * (500 - 400) + 400px);
	font-size:calc( (100vw - 750px)/(1190 - 750) * (16 - 14) + 14px);
}

[za-cont1] img {
	width:calc( (100vw - 750px)/(1190 - 750) * (108 - 93) + 93px)
}

[za-cont3] {
	font-size:calc( (100vw - 750px)/(1190 - 750) * (16 - 14) + 14px);
        padding:0px calc( (100vw - 750px)/(1190 - 750) * (24 - 12) + 12px) 0px calc( (100vw - 750px)/(1190 - 750) * (24 - 12) + 12px);
        height:calc( (100vw - 750px)/(1190 - 750) * (50 - 38) + 38px);

}

}


@media screen and (max-width: 750px) {

[za-wrp] {
	height:70px;
	height:auto;
}


[za-cont] {
	padding:0px 8px 0px 8px;
}

[za-cont1] img {
	width:93px;	
}

[za-cont2] {
	font-size:12px;
        display:none;

}

[za-cont3] {
	padding:0px 12px 0px 12px;
        font-size:12px;
        height:38px;
        


}

[za-cont4] {
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	font-size:16px;
	flex:0 0 calc( (100vw - 550px)/(750 - 550) * (350 - 250) + 250px);
        line-height:150%;
        font-weight:500;
}


}


@media screen and (max-width: 550px) {

[za-cont4] {
        flex:0 0 calc( (100vw - 400px)/(550 - 400) * (250 - 190) + 190px);
	font-size:calc( (100vw - 400px)/(550 - 400) * (16 - 12) + 12px);
	font-weight:600;
}


[za-cont1] img {
	width:73px;	
}




}

@media screen and (max-width: 400px) {

[za-cont] {
	column-gap:8px;
}

[za-cont4] {
	display:none;
}

[za-cont5] {
        display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	font-size:calc( (100vw - 320px)/(400 - 320) * (14 - 13) + 13px);
	font-weight:500;
	line-height:150%;

}


}



[st-close] {
	position:absolute;
	display:block;
	width:32px;
	height:32px;
	background-image:url(../images/close.svg);
	top:12px;
	right:12px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	cursor:pointer;

}

[start-form] {
        position:relative;
	display:block;
	width:700px;
	min-height:200px;
	background-color:white;
	border-radius:30px;
	opacity:0;
        transition:opacity 0.5s ease-in-out;
        background-image:url(../images/page_logo.svg);
        background-repeat:no-repeat;
        background-position:16px 4px;
        padding:80px 30px 30px 30px;

        max-height:calc(100vh - 200px);


}

[start-form][move] {
	opacity:1;
}


[st-text-title] {
	font-size:16px;
	font-weight:600;
	line-height:150%;
	margin:0px 0px 10px 0px;
}

[st-text] {
	font-size:14px;
	font-weight:500;
	line-height:160%;
	margin:0px 0px 10px 0px;
}


[st-text] span[list] {
	padding:0px 0px 0px 20px;
}



[st-igroup] {
	position:relative;
}

[st-ig-input] {
    position:relative;
    width: 100%;
    height:52px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    border: none;
    outline: none;
    padding: 20px 0px 0px 10px;
    border:1px solid #f1f3f8;
    margin:0px 0px 8px 0px;
}

[st-ig-label] {
    font-size: 14px;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    position: absolute;
    pointer-events: none;
    left: 10px;
    top: calc((52px - 24px)/2);
    transition: 0.5s ease-in-out all;
    -moz-transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    color:rgba(18, 18, 18, 1);
}


[st-ig-input]:focus ~ label, [st-ig-input]:valid ~ label {
	top: 4px;
	left:11px;
	font-size:11px;
	color:rgba(112, 112, 112, 1);

}


[st-close] {
	position:absolute;
	display:block;
	width:32px;
	height:32px;
	background-image:url(../images/close.svg);
	top:12px;
	right:12px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	cursor:pointer;

}

[st-1] {
	margin:50px 0px 30px 0px;
	font-weight:700;
	font-size:20px;
	line-height:100%;
	text-align:center;
}


[st-button] {
	display:flex;
	justify-content:center;
	align-items:center;		
	height:49px;
	font-size:13px;
	font-weight:600;
	border-radius:8px;
	margin:0px 0px 30px 0px;
	cursor:pointer;
        color:rgba(18, 18, 18, 1);
}



[st-button][orange] {
	background-color:rgba(255, 102, 0, 1);
        color:rgba(255, 255, 255, 1);
}

[st-button][gray] {
	background-color:rgba(241, 243, 248, 1);
	color:rgba(18, 18, 18, 1);
}

[st-6] {
	display:flex;
	justify-content:space-between;
	align-items:center;			
}

[st-6] > [st-auto] {
	flex:0 0 calc((100% - 8px)/2);
        background-color:rgba(241, 243, 248, 1);
        border-radius:8px;
	margin:0px 0px 8px 0px;
	height:49px;
        background-position:50% 50%;
	background-repeat:no-repeat;
	cursor:pointer;

}


[st-auto][vk] {
	background-image:url(../images/auto-vk.svg);
}

[st-auto][ya] {
	background-image:url(../images/auto-ya.svg);
}


[st-form] {
	width:304px;
	margin:20px 0px 0px 0px;
}


[header][pc="1"] ~ [win-wrapper] [start-form] [st-button] {
	background-color:#3399cc;
	color:white;
}

[header][pc="2"] ~ [win-wrapper] [start-form] [st-button] {
	background-color:#ccee66;
	color:#474747;
}

[header][pc="3"] ~ [win-wrapper] [start-form] [st-button] {
	background-color:#ffcc00;
	color:#474747;
}

[header][pc="4"] ~ [win-wrapper] [start-form] [st-button] {
	background-color:#ff6600;
}



textarea[st-ig-input] {
	height:80px;
}


[st-content] {
	width:100%;
	height:calc(100vh - 340px);
	overflow:auto;
	margin:0px 0px 0px 0px;
	opacity:1;
	transition:opacity 0.5s ease-in-out;
}

[st-content][hide] {
	opacity:0;
}


@media screen and (max-width: 780px) {

[start-form] {
	width:100%;
	border-radius:0px;
        padding:80px 30px 0px 30px;
        padding:70px 8px 0px 8px;


        max-height:none;
        height:calc(var(--vh, 1vh) * 100);
        min-height:calc(var(--vh, 1vh) * 100);
}

[st-content] {
	height:calc(calc(var(--vh, 1vh) * 100) - 100px);
	margin:0px 0px 0px 0px;
}


[st-text-title] {
	font-size:16px;
        font-size:calc( (100vw - 320px)/(780 - 320) * (16 - 14) + 14px);

	margin:0px 0px 10px 0px;
}

[st-text] {
	font-size:14px;
        font-size:calc( (100vw - 320px)/(780 - 320) * (14 - 12) + 12px);

	margin:0px 0px 10px 0px;
}


[st-text] span[list] {
	padding:0px 0px 0px 20px;
        padding:0px 0px 0px calc( (100vw - 320px)/(780 - 320) * (20 - 8) + 8px);
}




}

[ftype="st_phone"] {
	transition:background-color 0.5s ease-in-out;
}

[ftype="st_phone"][err] {
	background-color:#fddede;

}


[st-content2] {
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	align-content:center;
	flex-wrap:wrap;
	opacity:0;
	transition:opacity 0.5s ease-in-out;
}

[st-content2][show] {
	opacity:1;
}

[st-content2] > div {
	flex:0 0 100%;
	text-align:center;

}


[st-content2] > div:nth-of-type(1) {
	font-size:58px;
	font-weight:600;
	margin:0px 0px 40px 0px;
        color:#ff6600;
}

[st-content2] > div:nth-of-type(2) {
	font-size:14px;
	font-weight:600;
}



[header][pc="1"] ~ [win-wrapper] [start-form] [st-content2] > div:nth-of-type(1) {
	color:#3399cc;
}

[header][pc="2"] ~ [win-wrapper] [start-form] [st-content2] > div:nth-of-type(1) {
	color:#ccee66;
}

[header][pc="3"] ~ [win-wrapper] [start-form] [st-content2] > div:nth-of-type(1) {
	color:#ffcc00;
}

[header][pc="4"] ~ [win-wrapper] [start-form] [st-content2] > div:nth-of-type(1) {
	color:#ff6600;
}



[pl_price] {
	width:100%;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	column-gap:80px; 
	margin:40px 0px 0px 0px;
	padding:0px 0px 20px 0px;


}

[pl_price_cell] {
	flex:0 0 30%;
}


[pl_price_cell] > span {
	display:block;
	text-align:center;
	flex:0 0 30%;
}

[pl_price_cell] > span:nth-of-type(1) {
	font-size:42px;
	font-weight:700;
	line-height:150%;
}


[pl_price_cell] > span:nth-of-type(2) {
	font-size:14px;
	font-weight:500;
        line-height:150%;
}


@media screen and (max-width: 1000px) {

[pl_price] {
        margin:calc( (100vw - 375px)/(1000 - 375) * (40 - 20) + 20px) 0px 0px 0px;
        column-gap:calc( (100vw - 375px)/(1000 - 375) * (80 - 40) + 40px); 
}



[pl_price_cell] > span:nth-of-type(1) {
	font-size:calc( (100vw - 375px)/(1000 - 375) * (42 - 18) + 18px);	
}

[pl_price_cell] > span:nth-of-type(2) {
	font-size:calc( (100vw - 375px)/(1000 - 375) * (14 - 11) + 11px);	
}


}

@media screen and (max-width: 375px) {

[pl_price] {
        margin:20px 0px 0px 0px;
        column-gap:40px; 
}



[pl_price_cell] > span:nth-of-type(1) {
	font-size:18px;	
}

[pl_price_cell] > span:nth-of-type(2) {
	font-size:11px;	
}


}





footer {
	column-gap:0px;
	align-items:center;
	align-content:center;
	justify-content:space-between;
	flex-direction:column;

}

footer > div {
	//border:1px solid red;
}

[foot2-1], [foot2-2] {
	flex:0;	
	width:calc(920px/2);
	display:flex;
	flex-wrap:wrap;
	margin:20px 0px 0px 0px;
	flex-direction:row;
	align-items:flex-start;
	
}

[foot2-1] > span, [foot2-2] > span {
	flex: 0 0 100%;
}

[foot2-1] > span[f2-title], [foot2-2] > span[f2-title] {
	text-align:center;
	font-size:12px;
	text-transform:uppercase;
	font-weight:600;
        line-height:150%;
        margin:0px 0px 16px 0px;
}

[foot2-1] > span[f2-text-title], [foot2-2] > span[f2-text-title], [foot2-2] > span[f2-text-title] a {
	text-align:center;
	font-size:16px;
	font-weight:600;
	line-height:150%;
	color:white;
	text-decoration:none;
	margin:0px 0px 10px 0px;
}



[header][pc="3"] ~ footer [foot2-1] > span[f2-text-title],
[header][pc="3"] ~ footer [foot2-2] > span[f2-text-title],
[header][pc="3"] ~ footer [foot2-2] > span[f2-text-title] a,
[header][pc="2"] ~ footer [foot2-1] > span[f2-text-title],
[header][pc="2"] ~ footer [foot2-2] > span[f2-text-title],
[header][pc="2"] ~ footer [foot2-2] > span[f2-text-title] a {
	color:#202020;
}


[f2-text][type1] a {
	color:white;
	text-decoration:none;
	font-size:12px !important;

}


[header][pc="3"] ~ footer [foot2-1] > span[f2-text],
[header][pc="3"] ~ footer [foot2-2] > span[f2-text],
[header][pc="3"] ~ footer [foot2-2] > span[f2-text] a,
[header][pc="3"] ~ footer span[f2-text][type1] a,
[header][pc="2"] ~ footer [foot2-1] > span[f2-text],
[header][pc="2"] ~ footer [foot2-2] > span[f2-text],
[header][pc="2"] ~ footer [foot2-2] > span[f2-text] a,
[header][pc="2"] ~ footer span[f2-text][type1] a {
	color:#202020 !important;
}

[header][pc="3"] ~ footer [foot2-1] > span[f2-title],
[header][pc="3"] ~ footer [foot2-2] > span[f2-title],
[header][pc="2"] ~ footer [foot2-1] > span[f2-title],
[header][pc="2"] ~ footer [foot2-2] > span[f2-title] {
	color:#202020;
}

[f2-text][type1] {
	margin:30px 0px 0px 0px !important;

}





[foot2-1] > span[f2-text], [foot2-1] > span[f2-text] a, [foot2-2] > span[f2-text], [foot2-2] > span[f2-text] a {
	text-align:center;
	font-size:16px;
	font-weight:500;
        line-height:150%;
        margin:0px 0px 0px 0px;

}

[f2-text][korr] {
	font-size:14px !important;
	font-weight:600 !important;
}







[foot2-3] {
	flex:0 0 20px;
	margin:0px 0px 10px 0px;
	width:calc(920px/2);
	align-self:flex-end;
        display:flex;
        justify-content:space-between;
}


[foot2-3] [f2-text], [foot2-3] [f2-text] a {
	font-size:12px;
	color:white;
	font-weight:400;
	text-decoration:none;
}

[header][pc="3"] ~ footer [foot2-3] > span[f2-text],
[header][pc="3"] ~ footer [foot2-3] > span[f2-text] a,
[header][pc="2"] ~ footer [foot2-3] > span[f2-text],
[header][pc="2"] ~ footer [foot2-3] > span[f2-text] a {
	color:#202020;
}

[f2-butt] {
		
	display:block;
        flex:0 0 180px !important;
        margin:0px auto 16px auto;
        height:38px;
        border-radius:10px;
        display:flex;
        align-items:center;
        justify-content:center;
}       

[f2-butt-delim] {
        display:block;
        height:0px;
	flex:0 0 100%;

}

[f2-butt] > span {
    background-repeat: no-repeat;
    background-size: 17px;
    line-height:22px;
    padding:0px 0px 0px 20px;
    font-size:14px;
    font-weight:500;
    color:white;
    text-decoration:none;
    
}

[f2-butt] {
    text-decoration:none;
    
}

[f2-butt][hide] {
	opacity:0.3;
}

[f2-rtb] {
	background-color: #100943;
}

[f2-tlg] {
	background-color: rgba(98, 176, 234, 1);
}

[f2-vk] {
	background-color: rgba(40, 126, 255, 1);
}

[f2-rtb] > span {
    
    background-image: url(../images/icon_rutube.svg);
    background-position: 0px calc(50% - 2px);
}

[f2-tlg] > span {
    
    background-image: url(../images/icon_tlg.svg);
    background-position: 0px calc(50% - 2px);
}

[f2-vk] > span {
    
    background-image: url(../images/icon_vk.svg);
    background-position: 0px calc(50% - 2px);
}


@media screen and (max-width: 960px) {

footer {
	padding:0px 0px 0px 0px;
}

[foot2-3] [f2-text] {
	padding:0px 8px 0px 8px;
}

[foot2-1], [foot2-2] {
	width:calc(100%/2);
	
}

[foot2-3] {
	width:calc(100%/2);
} 




[foot2-1] > span[f2-title], [foot2-2] > span[f2-title] {
	font-size:calc( (100vw - 320px)/(960 - 320) * (12 - 11) + 11px);
        
}



[foot2-1] > span[f2-text-title], [foot2-2] > span[f2-text-title], [foot2-2] > span[f2-text-title] a {
        font-size:calc( (100vw - 320px)/(960 - 320) * (16 - 14) + 14px);
}

[foot2-1] > span[f2-text],[foot2-1] > span[f2-text] a, [foot2-2] > span[f2-text] {
	font-size:calc( (100vw - 320px)/(960 - 320) * (16 - 14) + 14px);
        margin:0px 0px 0px 0px;
}



}


@media screen and (max-width: 760px) {


footer {
	column-gap:0px;
	align-items:flex-start;
	align-content:flex-start;
	justify-content:center;
	flex-direction:row;
	height:520px;

}


[foot2-1] {
	flex:0 0 100%;	
	margin:20px 0px 0px 0px;
}

[foot2-2] {
	flex:0 0 100%;	
	margin:24px 0px 0px 0px;
}

[foot2-3] {
	flex:0 0 100%;	
	margin:40px 0px 0px 0px;
}



}


@media screen and (max-width: 420px) {

[foot2-3] {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	margin:20px 0px 0px 0px;
}

[foot2-3] > span {
	flex:0 0 100%;
	margin:10px 0px 0px 0px;
	text-align:center;
}



}




[video-wrp] {
        position:relative;
	width:920px;
	margin:0px auto 0px auto;
	padding:30px 0px 30px 0px;

}






[video-div] {
	position:relative;
	width:100%;
	padding-top:56.25%;
}


[video-wrp-bgr] {
	
	position:absolute;

	height:100%;

	top:0px;

	left:calc((100vw - 100% - var(--scrlvh))/(-2));

	width:calc(100vw - var(--scrlvh));
	z-index:-1;
}

[header][pc="1"] ~ [content] [video-wrp-bgr] {
	background-color:rgba(51,153,204,0.1);
}

[header][pc="2"] ~ [content] [video-wrp-bgr] {
	background-color:rgba(204,238,102,0.1);
}

[header][pc="3"] ~ [content] [video-wrp-bgr] {
	background-color:rgba(255,204,0,0.1);
}

[header][pc="4"] ~ [content] [video-wrp-bgr] {
	background-color:rgba(255,102,0,0.1);
}

[video-wrp-title] {
	text-align:center;
	font-size:16px;
	font-weight:500;
	line-height:160%;
	margin:0px 0px 30px 0px;
	padding:0px 16px 0px 16px;
}

[video-wrp-text] {
	text-align:left;
	font-size:14px;
	font-weight:400;
	line-height:160%;
	margin:20px 0px 0px 0px;
	padding:0px 16px 0px 16px;
}

[video-wrp][wrp-bgr] ~ [video-wrp][wrp-bgr] {
	margin:0px auto 0px auto;
}


@media screen and (max-width: 1020px) {

[video-wrp] {
	width:calc(100% - calc( (100vw - 320px)/(1120 - 320) * (100 - 16) + 16px));
        padding:calc( (100vw - 320px)/(1120 - 320) * (30 - 8) + 8px) 0px calc( (100vw - 320px)/(1120 - 320) * (30 - 8) + 8px) 0px;
}


[video-wrp-title] {
	font-size:calc( (100vw - 320px)/(1120 - 320) * (16 - 12) + 12px);
        margin:0px 0px calc( (100vw - 320px)/(1120 - 320) * (30 - 8) + 8px) 0px;
	padding:0px calc( (100vw - 320px)/(1120 - 320) * (16 - 0) + 0px) 0px calc( (100vw - 320px)/(1120 - 320) * (16 - 0) + 0px);
}


[video-wrp-text] {
	font-size:14px;
	margin:20px 0px 20px 0px;
        

        font-size:12px;
	margin:calc( (100vw - 320px)/(1120 - 320) * (20 - 8) + 8px) 0px 0px 0px;

        padding:0px calc( (100vw - 320px)/(1120 - 320) * (16 - 0) + 0px) 0px calc( (100vw - 320px)/(1120 - 320) * (16 - 0) + 0px);
}

	
}



[les-h1] {
	display:block;
	margin:80px 0px 0px 0px;
	text-align:center;
	font-size:48px;
	line-height:140%;
	font-weight:800;
        padding:0px 20% 0px 20%;
	

}

@media screen and (max-width: 1000px) {
[les-h1] {
    font-size: calc( (100vw - 320px)/(1000 - 320) * (48 - 28) + 28px);

    margin:calc( (100vw - 320px)/(1000 - 320) * (160 - 160) + 160px) 0px 0px 0px;
    padding:0px calc( (100vw - 320px)/(1000 - 320) * (200 - 8) + 8px) 0px calc( (100vw - 320px)/(1000 - 320) * (200 - 8) + 8px);

}
}





[lesson-block] {
	position:relative;
	margin:60px auto 0px auto;
	padding:0px 0px 60px 0px;

}

[lesson-block][type="1"] {
	width:1110px;
        border-radius: 40px;
        background-color: rgba(241, 243, 248, 1);
        padding: 60px 0px 60px 0px;

}


[lesson-block][type="2"] {
        padding: 40px 0px 40px 0px;

}

[header][pc="1"] ~ [content] [lesson-block][type="1"],
[header][pc="1"] ~ [content] [lesson-block][type="2"] {
	background-color:rgba(51,153,204,0.1);
}

[header][pc="2"] ~ [content] [lesson-block][type="1"],
[header][pc="2"] ~ [content] [lesson-block][type="2"] {
	background-color:rgba(204,238,102,0.1);
}

[header][pc="3"] ~ [content] [lesson-block][type="1"],
[header][pc="3"] ~ [content] [lesson-block][type="2"] {
	background-color:rgba(255,204,0,0.1);
}

[header][pc="4"] ~ [content] [lesson-block][type="1"],
[header][pc="4"] ~ [content] [lesson-block][type="2"] {
	background-color:rgba(255,102,0,0.1);
}




[lesson-wrp] {
	width:920px;
	height:100%;
	margin:0px auto 0px auto;

	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	row-gap:40px;
}


[tp-title] {
	font-size:18px;
	font-weight:700;
	line-height:150%;
	text-align:center;
	width:600px;

}

[tp-top-text], [tp-bottom-text] {
	font-size:16px;
	font-weight:500;
	line-height:150%;
	text-align:center;
	width:100%;

}


[lesson-task] {
        position:relative;
	display:block;
	width:100%;
}



@media screen and (max-width: 1160px) {


[lesson-block] {
	margin:calc( (100vw - 320px)/(1160 - 320) * (60 - 30) + 30px) auto 0px auto;
}

[lesson-block][type="1"] {
	width:100%;
        padding:calc( (100vw - 320px)/(1160 - 320) * (60 - 16) + 16px) 
                calc( (100vw - 320px)/(1160 - 320) * (0 - 8) + 8px) 
                calc( (100vw - 320px)/(1160 - 320) * (60 - 16) + 16px) 
                calc( (100vw - 320px)/(1160 - 320) * (0 - 8) + 8px);

        border-radius:0px;
        
}


[lesson-block] [lesson-wrp] {
	width:calc( (100vw - 320px)/(1160 - 320) * (920 - 304) + 304px);
}




[lesson-wrp] {
	row-gap:calc( (100vw - 320px)/(1160 - 320) * (40 - 16) + 16px);
}


[tp-title] {
	width:calc( (100vw - 320px)/(1160 - 320) * (600 - 320) + 320px);
	font-size:calc( (100vw - 320px)/(1160 - 320) * (18 - 14) + 14px);
}

[tp-top-text], [tp-bottom-text] {
	font-size:16px;
        font-size:calc( (100vw - 320px)/(1160 - 320) * (16 - 12) + 12px);
}


}












[posob-a] {
        position:relative;
	display:block;
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        align-items:flex-end;
        margin:0px 0px 0px 0px;
        flex:0 0 165px;
        line-height:100%;
        height:224px;
        font-size:16px;
        font-weight:500;
        cursor:pointer;
}

[posob-a]:before {
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:194px;
	border-radius:34px;
	border:1px solid #e4e4e4;
}

[posob-a]:after {
	content:"";
	position:absolute;
	left:5px;
	top:5px;
	width:calc(100% - 10px);
	height:calc(194px - 10px);
	border-radius:30px;
	border:1px solid #e4e4e4;
	background-position:50% 50%;
	background-repeat:no-repeat;
}

[p1]:after {
	background-color:#deeff7;
	background-image:url(../images/posob1.png);
}

[p2]:after {
	background-color:#f7f7de;
        background-image:url(../images/posob2.png);
}

[p4]:after {
        background-color:#e4f7de;
        background-image:url(../images/posob4.png);
}

[p5]:after {
	background-color:#f7e8de;
        background-image:url(../images/posob5.png);
}


[lesson-task][posob] {
	//border:1px solid red;
	//background-color:white;
	display:flex;
	flex-wrap:wrap;
	column-gap:calc((100% - (165px*5))/4);
	row-gap:40px;
	padding:0px 0px 0px 0px;
	
}


[posob-title] {
	flex:0 0 100%;
	margin:60px 0px 0px 0px;
	font-size:40px;
	font-weight:700;
	line-height:100%;

}


@media screen and (max-width: 1100px) {

[lesson-task][posob] {
	column-gap:calc((100% - (165px*4))/3);
	row-gap:40px;	
}


[posob-a] {
        font-size:calc( (100vw - 320px)/(1160 - 320) * (14 - 12) + 12px);
        
}

[posob-title] {
	font-size:calc( (100vw - 320px)/(1160 - 320) * (40 - 20) + 20px);
        margin:calc( (100vw - 320px)/(1160 - 320) * (60 - 20) + 20px) 0px 0px 0px;
}


}

@media screen and (max-width: 870px) {

[lesson-task][posob] {
	column-gap:calc((100% - (165px*3))/2);
	row-gap:40px;	
}

@media screen and (max-width: 620px) {


[lesson-task][posob] {                                           
	column-gap:calc( (100vw - 320px)/(620 - 320) * (20 - 0) + 0px);
	justify-content:space-evenly;
	row-gap:40px;	
}

[posob-title] {
	text-align:center;
}


}

@media screen and (max-width: 400px) {

[lesson-task][posob] {                                           
	justify-content:space-between;
}




[posob-a] {
        flex:0 0 calc( (100vw - 320px)/(400 - 320) * (165 - 148) + 148px);
}


[posob-a]:after {
	background-size:calc( (100vw - 320px)/(400 - 320) * (142 - 120) + 120px) auto;
}


}


}


[posob-all] {

    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    background-color: rgba(241, 243, 248, 1);
    border-radius: 8px;
    color: rgba(18, 18, 18, 1);
    font-weight: 500;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    user-select: none;
    cursor: pointer;
    transition: background-color 0.5s ease-in-out;
}


[posob-all]:active {
	transform:translate3d(1px,1px,0px);
}

@media screen and (max-width: 1160px) {
	
[posob-all] {

    font-size: calc( (100vw - 320px)/(1160 - 320) * (14 - 12) + 12px);

}


}


	
[lesson-block] [tp-bottom-text] {
	font-weight:400;
}


[test-memory] {
	position:fixed;
	width:920px;
	left:0px;
	top:0px;
	border:2px solid red;
}

[lesson-task][memory] {
	overflow:hidden;
}

.remix_cnt img {
	display:none;
}

.remix_cnt {
	margin:0px auto 0px auto !important;
	overflow:hidden !important;
	border-radius:10px;
	transition:height 1ms ease-in-out;
}


[program-butt] {
	display:flex;
	justify-content:center;
	align-items:center;	
	width:1110px;
	height:50px;
	background-color:rgba(241, 243, 248, 1);
	border-radius:8px;
	color:rgba(18, 18, 18, 1);
	font-weight:500;
	font-size:14px;
	margin:40px auto 0px auto;
	text-decoration:none;
	user-select:none;
	cursor:pointer;
	transition:background-color 0.5s ease-in-out;


}

@media screen and (max-width: 1160px) {
[program-butt] {	
	width:calc( (100vw - 320px)/(1160 - 320) * (1110 - 304) + 304px);
        font-size: calc( (100vw - 320px)/(1160 - 320) * (14 - 12) + 12px);
	
}
}


[program-butt]:active {
	background-color:#e0e4ee;
}

[header][pc="1"] ~ [content] [program-butt] {
	background-color:rgba(51,153,204,0.1);
}

[header][pc="2"] ~ [content] [program-butt] {
	background-color:rgba(204,238,102,0.1);
}

[header][pc="3"] ~ [content] [program-butt] {
	background-color:rgba(255,204,0,0.1);
}

[header][pc="4"] ~ [content] [program-butt] {
	background-color:rgba(255,102,0,0.1);
}


[fake-input] {
	display:block;
	position:fixed;
	left:0px;
	top:100px;
	height:0px;
	width:5px;
	opacity:0;
}

[fake-input][hide] {
	display:none;
}