@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {
	--white:#ffffff;
	--white80:rgba(244, 244, 244, 1);
	--gold:rgba(147, 131, 90, 1);
	--gold50:rgba(189, 175, 140, 1);
	--brown:rgba(107, 67, 52, 1);
	--brown80:rgba(135, 94, 79, 1);
	--brown50:rgba(176, 142, 129, 1);
	--brown40:rgba(195, 174, 166, 1);
	--brown30:rgba(207, 188, 181, 1);
	--brown20:rgba(219, 203, 197, 1);
	--brown10:rgba(233, 220, 215, 1);
	--green:rgba(105, 115, 93, 1);
	--green80:rgba(114, 124, 101, 1);
	--green70:rgba(147, 158, 133, 1);
	--green50:rgba(200, 213, 186, 0.5);
	--green40:rgba(158, 169, 144, 1);
	--green20:rgba(200, 213, 186, 1);
	--green10:rgba(213, 225, 197, 1);
	--grey:rgba(55, 55, 55, 1);
	--grey90:rgba(70, 70, 70, 1);
	--grey80:rgba(98, 98, 98, 1);
	--grey70:rgba(123, 123, 123, 1);
	--grey50:rgba(173, 173, 173, 1);
	--grey40:rgba(197, 195, 195, 1);
	--grey30:rgba(215, 215, 215, 1);
	--grey20:rgba(234, 234, 234, 1);
	--light-green:#6CA849;
	--yellow:#FACC15;
	--red:#ff0000;


	--bignum:600 50px/100% "Golos Text", serif;
	--p1: 400 18px/120% "Golos Text", serif;
	--p2: 400 14px/120% "Golos Text", serif;
	--p3: 400 12px/120% "Golos Text", serif;
	--p4: 400 10px/120% "Golos Text", serif;
	--h1: 400 50px/105% "Playfair Display", serif;
	--h2: 400 40px/100% "Playfair Display", serif;
	--h3pd: 400 32px/100% "Playfair Display", serif;
	--h3: 400 28px/120% "Golos Text", serif;
	--h4: 400 24px/100% "Playfair Display", serif;
	--h6: 400 18px/100% "Playfair Display", serif;
}


body, html
{
	padding: 0;
	margin: 0;
	min-height: 100vh;
	background: var(--white80);
	font:var(--p2);
	color: var(--grey);
}

a 
{
	transition: all 0.3s ease;
}
a,div,p,span,img,label,input,header,footer,form
{
	position: relative;
	box-sizing: border-box;
}
input,button { border:none;}
a{ color:var(--grey); text-decoration: none;}
img { max-width: 100%; max-height: 100%; }
h1,.h1 { margin:0; padding:0; font:var(--h1); text-transform: uppercase; font-variant-numeric: lining-nums;}
h2,.h2 { margin:0; padding:0; font:var(--h2); text-transform: uppercase; font-variant-numeric: lining-nums;}
h3,.h3 { margin:0; padding:0; font:var(--h3); letter-spacing: -4%}
h4,.h4 { margin:0; padding:0; font:var(--h4); }
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h6,.h6
{
	font-variant-numeric:lining-nums;
}

.shadow, .popup-menu
{
	display: none;
}
body,.allcontent
{
	min-height: 100vh;
}
.allcontent
{
	display: flex;
	flex-direction: column;
	padding:0 10px 10px 10px;
}
header
{
	display: grid;
	grid-template-columns: 1fr 14.64rem 1fr;
	padding:12px 14px;
}
.logo-svg
{
	width: 14.64rem;
	height: 3.5rem;
}
header .logo-svg path
{
	fill:var(--brown);
}
.test-page header .logo-svg path, .cabinet-all .top-menu-div .logo-svg path
{
	fill:#434840;
}
footer .logo
{
	background-color: var(--white);
	padding:10px;
}
footer .logof-svg path
{
	fill: var(--gold);
}
.image-with-top-galka,.image-with-bottom-galka
{
	padding-top:54%;
	width: 100%;
	background-position: center;
	background-repeat:no-repeat;
	background-size: cover;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.image-with-bottom-galka .galka
{
	display: flex;
	position: absolute;
	width: 100%;
	z-index: 2;
	bottom: 60px;
	left: 0;
	justify-content: space-between;
}
.image-with-bottom-galka .galka:before,.image-with-bottom-galka .galka:after
{
	display: block;
	width: 40px;
	height: 40px;
	background: url('/images/corner.svg') center center no-repeat;
	background-size: 100%;
	z-index: 2;
	content: '';
}
.image-with-bottom-galka .gradient
{
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom:0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(358deg, rgba(52, 37, 31, 0.00) 53.47%, rgba(52, 37, 31, 0.70) 99.42%);
}

.image-with-bottom-galka .text-on-image, .goal .fon-full-block .gdesc
{
	width: 100%;
	color: var(--white);
	max-width: 44.3rem;
	font:var(--p1);
	padding:40px 70px;
}
.image-with-bottom-galka .galka:before
{
	left:0;
}
.image-with-bottom-galka .galka:after
{
	right:0;
	transform: rotate(-90deg);
	transform-origin: center;
}
.image-with-bottom-galka
{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1px;

}
.image-with-top-galka:before,.image-with-top-galka:after
{
	display: block;
	width: 50%;
	position: absolute;
	height: 40px;
	top:0;
	background-color: var(--green);
	content:'';
}
.image-with-top-galka:before
{
	left:0;
	border-bottom-right-radius: 40px;
}
.image-with-top-galka:after
{
	right:0;
	border-bottom-left-radius: 40px;
}
.image-with-bottom-galka:before,.image-with-bottom-galka:after
{
	display: block;
	width: 50%;
	position: absolute;
	height: 60px;
	bottom:0;
	background-color: var(--white80);
	content:'';
}
.image-with-bottom-galka:before
{
	left:0;
	border-top-right-radius: 60px;
}
.image-with-bottom-galka:after
{
	right:0;
	border-top-left-radius: 60px;
}
.menu
{
	display: flex;
	align-items: center;
	gap:20px;
	margin:auto 0;
}
header .menu a 
{
	display: inline-flex;
	align-items: center;
	gap:5px;
	font:var(--p4);
	text-transform: uppercase;
}
.menu a>i.icon-menu2
{
	font-size: 5px;
}
.enter-and-lang,
.enter,
.lang
{
	display: flex;
	align-items: center;
	text-transform: uppercase;
}
.enter-and-lang
{
	justify-content: flex-end;
	text-transform: uppercase;
	gap:16px;
}

.enter, button, .button
{
	display: flex;
	height: 40px;
	border-radius: 24px;
	color: var(--white);
	background-color: var(--brown80);
	padding:8px 40px;
	text-transform: uppercase;
	gap:6px;
	font: var(--p3);
	align-items: center;
	justify-content: center;
}

.black.button.to-prev
{
	width: 9rem;
}
.enter:hover, button:hover, .button:hover
{
	background-color: var(--brown40);
}
.enter>i
{
	font-size: 18px;
}
.lang
{
	gap:6px;
	font: var(--p4);
}
.lang a 
{
	color: var(--grey50);
}
.main-fp
{
	width:100%;
	background-color: var(--green);
}
.central-div h1, .central-div .h1
{
	display: block;
	margin-bottom: 24px;
	text-align: center;
} 
.central-div .desc
{
	text-align: center;
}

.desc a, .info a
{
	color: var(--white);
	text-decoration: underline;
}
.main-fp .line
{
	display: flex;
	justify-content: space-between;
	margin-top:60px;
	padding-bottom:20px;
	border-bottom: 1px solid var(--green80);
	width: 100%;
	gap:14px;
}
.main-fp .line>div
{
	display: flex;
	align-items: center;
	gap:16px;
	background-color: var(--green80);
	padding:16px 16px 16px 24px;
	width: 17.5rem;
}
.main-fp .line>div>img
{
	width: 36px;
}
.main-fp .line>div:nth-child(2)
{
	background-color: var(--green40);
}
.block, .partners 
{
	padding:0 70px;
}
.blocks,.page404, .enter-bg
{
	flex:1;
}
.blocks>.block
{
	width: 100%;
}
.block.news, .inner-main-fp
{
	width: 100%;
}
.recall-div,
.main-fp .info,
footer,
.education,  
.about-center .info,
.inner-main-fp .info,
.brown.block, .contacts.inner-main-fp,
.page404,
.olimpiada11
{
	width: 100%;
	border-radius: 20px;	
	padding:80px 70px;
	color: var(--white);
}
.page404 .center
{
	text-align: center;
	max-width: 45rem;
}
.page404.central-div
{
	background-color: var(--grey);
	justify-content: space-between;
}
.page404 .button
{
	width: 100%;
	font-weight: 400;
}
.page404 h1
{
	color: var(--grey70);
	margin-bottom: 0;
}
.page404 .center a
{
	color: var(--white);
	border-bottom: 1px solid var(--white);
	line-height: 100%;
}
.main-fp,.about-center.block, .inner-main-fp
{
	border-radius: 20px;
	padding:0;	
}
.recall-div input,
.main-fp .line>div, 
.events-list .item, 
.news-list .item, 
.full-new-info img,
.forum13-nums>img,
.ed-inner .image,
footer .logo,
.partners-list>a,
.inner-main-fp .tags>div, 
.brown .tags>div,
.article-full
{
	border-radius: 10px;
}
.main-fp .info,.central-div, .inner-main-fp .info
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}
.goal
{
	width: 100%;
}
.goal .fon-full-block
{
	width: 100%;
	background-size: cover;
	/*padding-top:49.15%;*/
	height: 580px;
	margin-top: 40px;
}
.goal .fon-full-block .full
{
	display: block;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.recall-div
{
	background: url('/images/recall.jpg') center center no-repeat;
	background-size: cover;
}
.recall-div.request {
	background: url('/images/request.png') left center no-repeat;
	background-size: cover;
	margin-bottom: 10px;
}
.request .button.white
{
	margin-top: 52px;
	width: 308px;
}
.blocks 
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap:120px;
	width: 100%;
}
.padding-b-b
{
	padding-bottom: 120px;
}
.recall-div form
{
	margin-top:52px;
	width: 100%;
	display: flex;
	align-items: flex-end;
	gap:10px;
}
.recall-div form button
{
	margin-left:6px;
}
.recall-div form>div
{
	flex:1;
}
.recall-div form>div>span
{
	display: block;
	padding-left:16px;
	padding-bottom: 8px;
	text-transform: uppercase;
	font-weight: 500;
}
.recall-div input 
{
	padding:12px 24px;
	height: 42px;
	font:var(--p2);
	width: 100%;
}

.test-question-div input 
{
	padding:12px 24px;
	height: 42px;
	font:var(--p2);
	width: 100%;
	border-radius: 10px;
	border: 1px solid var(--green);
}

footer
{
	padding:60px 70px 60px 40px;
	display: flex;
	justify-content: space-between;
	background-color: var(--grey);
	color: var(--grey80);
	margin-top:10px;
}
footer a 
{
	color:var(--white);
}
footer .menu
{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap:30px;
}
footer .menu>div
{
	display: flex;
	flex-direction: column;
	gap:16px;
	font: var(--p3);
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 9.43rem;
}
footer .menu>div>span 
{
	text-transform: uppercase;
	font:var(--p4);
}
footer .contacts, footer .about
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}
footer .contacts .social
{
	display: flex;
	gap:0.43rem;
	font-size: 1.643rem;
}
footer .contacts .social a
{
	color: var(--gold50);
}
footer .contacts .social a:hover
{
	color: var(--gold);
}
footer .contacts>div:first-child, .popup-menu.cabinet-menu .contacts>div:first-child
{
	display: flex;
	flex-direction: column;
	gap:10px;
	font: var(--h6);
}
footer .about
{
	font:var(--p4);
	color: var(--white);
}
footer .about .copy 
{
	display: block;
	margin-top: 12px;
	color: var(--grey80);
}
.why
{

}
.title-wnb
{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap:100px;
	padding-bottom:16px;
	border-bottom: 1px solid var(--grey30);
	color: var(--grey);
	margin-bottom: 60px;
}
.title-wnb .num
{
	font:var(--h6);
	font-style: italic;
}
.block .desc
{
	text-indent: 86px;
	font:var(--h3);
	margin-bottom: 40px;
}
.education
{
	background-color: var(--brown);
}
.about-center
{
	background-color: var(--gold);
}
.education .title-wnb, .about-center .title-wnb
{
	color: var(--white);
	border-color: var(--brown50);
}
.about-center .title-wnb
{
	border-color: var(--gold50);
}
.events-list
{
	display:  grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap:20px;
}
.teachers-list
{
	display:  grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap:45px;
}
.teachers-list .item
{
	display: grid;
	grid-template-columns:1fr;
	grid-template-rows: max-content 1fr;
	background-color: var(--white);
} 
.teachers-list .item .text
{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap:12px;
	padding: 44px 32px;
}
.teachers-list .item .text>span
{
	max-width: 17rem;
}
.teachers-list .item .text>span:nth-child(2)
{
	color: var(--grey50);
}
.teachers-list .item .image
{
	padding-top:64%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}

.news-list /*.full*/
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap:32px;
}
.news-list /*.full*/ .item
{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 240px 1fr;
	background-color: var(--white);
}

.news-list .item .text .icon-link-arrow
{
	top: -228px;
	right: 12px;
	background-color: var(--white);
	color: var(--grey);
}

.news-list.main-list .item .text .icon-link-arrow
{
	top: 12px;
	background-color: var(--grey);
	color: var(--white);
}

.events-list .item
{
	display: flex;
	flex-direction: column;
	background-color: var(--white);
}
.events-list .item .image
{
	padding-top:48%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.news-list .item .image
{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}


.events-list .item .image:after,
.icon-link-arrow, .modules-list>div:after, .stage .text>a:after, .material-item:after, .ic-item:after, .your-courses .event-item:after
{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	/*top: 12px;
	right:12px;*/
	width: 42px;
	height: 42px;
	content: "\e904";
  	font-family: 'icomoon';
  	font-size: 42px;
  	border-radius: 50%;
  	background-color: var(--white80);
  	transition: all 0.3s ease;
}

.news-list .item.hover .icon-link-arrow, .events-list .item:hover .image:after, .your-courses .event-item:hover:after
{
	transform: rotate(45deg);
}

.events-list .item .image:after
{
	top: 12px;
	right:12px;
}

.stage .text>a:after
{
	top:50%;
	margin-top:-21px;
	color: var(--grey);
	right: 0
}
.events-list .item .text, .news-list .text
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding:32px;
	gap:1.143rem;
	flex:1;
}

.news-list .text
{
	padding: 32px;
}

.news-list.main-list .text
{
	padding:24px 12px 12px 32px;
}
.events-list .item .title
{
	font: var(--h4);
	color: var(--grey90);
}
.events-list .item .anons
{
	color: var(--grey50);
}
.news-list .text .date
{
	font:var(--p4);
	text-transform: uppercase;
	color: var(--grey50);
}
.news-list .text .title
{
	font:var(--h4);	
	padding-right: 60px;
}
.news-list .text .anons
{
	padding-right: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 1.22rem;
	color: var(--grey80);
}

.news-list.main-list .text .anons
{
	color: var(--grey);
}

.news-list .text .tags
{
	display: flex;
	gap:6px;
	justify-content: flex-start;
	width: 100%;
}


.news-list.main-list .text .tags
{
	justify-content: flex-end;
}

.news-list .text .tags a
{
	text-transform: uppercase;
	color: var(--grey);
	background-color: var(--white80);
	padding: 8px 10px;
	border-radius: 100px;
	backdrop-filter: blur(20px);
	font:var(--p4);
}
.team-block .arrows a, .news-list .text .icon-link-arrow, 
.teachers-list .icon-link-arrow, .mission .arrows .icon-link-arrow
{
	background-color: var(--grey);
	color: var(--white);
}
.info-in-nums
{
	display: grid;
	grid-column-gap: 20px;
	grid-row-gap: 60px;
	grid-template-columns: 2fr 3fr 2fr 5fr;
	grid-template-areas: "image number lang salary"
	"image workers countries speakers";
}
.info-in-nums>img,
.education .image
{
	width: 156px;
}
.info-in-nums>img { grid-area:image; }
.info-in-nums>#number { grid-area:number; }
.info-in-nums>#lang { grid-area:lang; }
.info-in-nums>#salary { grid-area:salary; }
.info-in-nums>#workers { grid-area:workers; }
.info-in-nums>#countries { grid-area:countries; }
.info-in-nums>#speakers { grid-area:speakers; }

.numb
{
	display: block;
	margin-bottom:10px;
	font: var(--bignum);
	color: var(--gold);
}
.info-in-nums .title 
{
	display: block;
	max-width: 13.57rem;
}
.ed-inner
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-areas: "desc courses" "image courses";
	grid-gap: 20px;
}
.ed-inner .desc { grid-area: desc; font:var(--p1);padding-right: 60px}
.ed-inner .image { grid-area: image; }
.courses-list
{
	display: flex;
	flex-direction: column;
	gap:40px;
}
.ed-inner .courses-list
{
	grid-area: courses;
}
.courses-list a:hover i, .events-list a:hover i:after
{
	transform: rotate(45deg);
	transform-origin: center;
}
.courses-list>a .name
{
	font: var(--h3pd);
	display: block;
	margin-bottom: 16px;
}
.courses-list>a .desc
{
	font: var(--p2);
} 
.courses-list>a 
{
	display: flex;
	gap:20px;
	align-items: center;
	justify-content: space-between;
	padding-bottom:40px;
	border-bottom: 1px solid var(--brown50);
	color: var(--white);
}
.courses-list .icon-link-arrow
{
	color: var(--grey);
	position: relative;
}
.partners 
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content:flex-start;
	gap:40px;
}
.partners .pdesc 
{
	text-align: center;
	font:var(--p1);
	max-width: 43rem;
}
.partners-list
{
	/*display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 20px;*/
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}
.partners-list>a 
{
	display: flex;
	align-items: center;
	justify-content: center;
	padding:14px 20px;
	background-color: var(--white);

	flex:none;
	width: 20vw;
}
.block.brown
	{
		background-color: var(--brown);
	}
	.block.green, .green-bg
	{
		background-color: var(--green);
		color:var(--white);
	}
	.inner-main-fp .tags, .brown .tags
	{
		display: flex;
		align-items: center;
		justify-content: center;
		gap:24px;
	}
	.inner-main-fp .tags>div, .brown .tags>div
	{
		padding:16px;
	}
	.inner-main-fp .tags
	{
		margin-bottom: 24px;
	}
	.inner-main-fp.image-with-bottom-galka .info
	{
		padding-bottom: 100px;
	}
	.courses.inner-main-fp
	{
		margin-bottom: -60px;
	}
	.green .tags>div
	{
		background-color: var(--green40);
	}
	.brown .tags>div
	{
		background-color: rgba(255, 255, 255, 0.3);
	}
	.courses .desc
	{
		display: block;
		margin:0 auto;
		max-width: 606px;
	}
	.inner-main-fp .button
	{
		display: flex;
		width: 100%;
	}
	.button.white
	{
		height: 48px;
		font-weight: 600;
		color: var(--grey);
		background-color: var(--white);
	}
	.button.white:hover, .materials .tabs a:hover
	{
		color: var(--white);
		background-color: var(--grey40);
	}
	.line-info
	{
		display: flex;
		align-items: center;
		justify-content: center;
		gap:20px;
		padding:20px 10px;
		border-top:1px solid var(--green40);
		border-bottom:1px solid var(--green40);
		margin:37px auto 48px;
		text-align: center;
	}
	.courses .line-info>div 
	{
		text-align: center;
	}
	.line-info .icon-bull, .running-line .icon-bull 
	{
		width: 8px;
		height: 8px;
		border-radius: 50%;
	}
	.green .icon-bull 
	{
		background-color: var(--green40);
	}
	.brown .icon-bull 
	{
		background-color: var(--brown50);
	}
	.brown .line-info
	{
		border-color: var(--brown50);
	}
	.photo-text-block
	{
		display: grid;
		grid-template-columns: 520px 1fr;
		background-color: var(--white);
	}
	.photo-text-block>img, .photo-text-block>.image
	{
		border-top-left-radius:20px;
		border-bottom-left-radius:20px;
	}
	.bigradius
	{
		border-radius: 20px;
	}
	.photo-text-block .ninfo
	{
		padding:50px 2.86rem;
	}
	.for-who .ninfo
	{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap:40px;
	}
	.for-who .ninfo>div
	{
		max-width: 30rem;
	}
	.for-who .ninfo>div .title 
	{
		display: block;
		max-width: 22rem;
	}
	.training-proceed-list, .give-list
	{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 20px;
		font:var(--p1);
	}

	.give-list span
	{
		width: 100%;
	}

	.mutkort2 .give-list
	{
		min-height: 220px;
	}
	.training-proceed-list.values
	{
		grid-template-columns: repeat(3, 1fr);	
	}
	.training-proceed-list>div, .give-list>div
	{
		background-color: var(--white);
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		border-radius: 20px;
		gap:28px;
	}
	.training-proceed-list>div
	{
		padding:40px 32px;
	}
	.give-list>div
	{
		padding: 24px;
		align-items: flex-end;
	}
	.training-proceed-list.values>div 
	{
		gap:106px;
	}
	.how-start .training-proceed-list>div
	{
		padding:24px;
		height: 220px;
	}
	.training-proceed-list .line
	{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font:var(--p1);
	}
	.training-proceed-list>div>span:last-child
	{
		font: var(--p2);
	}
	.training-proceed-list .line .num
	{
		flex:none;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		color: var(--white);
		font: var(--h3pd);
		line-height: 100%;
		padding-bottom: 10px;
		font-style: italic;
		background-color: var(--brown50);
	}
	.wa-list
	{
		margin-top: 40px;
		width: 100%;
		text-align: center;
	}
	.wa-list>div
	{
		text-align: center;
		padding:24px calc((100% - 880px) / 2);
		display: grid;
		grid-template-columns: 300px 540px;
		grid-gap: 40px;
		border-top:1px solid var(--brown80);
	}
	.wa-list>div>span 
	{
		text-align: left;
	}
	.wa-list>div>span.h4 
	{
		text-align: center;
	}
	.space-between
	{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.modules-list
	{
		width: 100%;
		margin-top: 36px;
	}
	.modules-list>div
	{
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
		border-top:1px solid var(--brown80);
		padding:24px 200px 24px 0;
		min-height: 90px;
	}
	.modules-list>div:after
	{
		top:50%;
		margin-top:-21px;
		right:0;
		transform:rotate(135deg);	
		transform-origin: center;
		color: var(--grey);
	}
	.modules-list>div.open:after
	{
		transform:rotate(-45deg);
		transform-origin: center;
	}
	.modules-list>div .h4
	{
		display: block;
	}
	.modules-list>div span.text
	{
		display: none;
		opacity: 0;
		margin-top: 24px;
	}
	.modules-list>div.open span.text
	{
		display: block;
		opacity: 1;
	}
	.program.block.brown
	{
		padding-bottom: 60px;
	}
	.teachers .desc 
	{
		padding-right:15rem;
	}
	#ctli1 { width:7.7rem;}
	#ctli2 { width:12rem;}
	#ctli3 { width:9.1rem;}
	#ctli4 { width:14rem;}
	.teachers-list .arrows
	{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		position: absolute;
		top:-80px;
		right: 0;
	}
	.mutkort .desc,.forum .desc 
	{
		width:25rem;
	}
	.mutkort .line-info
	{
		width: 28rem;
		margin:110px 0;
	}
	.mutkort .button,.olimpiada .button  
	{
		font-weight: 400;
		color: var(--brown);
	}
	.mutkort .button 
	{
		width: 43rem;
	}
	.olimpiada h1
	{
		max-width: 57.6rem;
	}
	.olimpiada line-info
	{
		width: 27.3rem;
		margin:83px 0;
	}
	.olimpiada .button 
	{
		max-width: 1040px;
	}
	.forum .buttons-line
	{
		margin-top: 70px;
		display: flex;
		align-items: center;
		gap:15px;
	}
	.forum .buttons-line a
	{
		width: 512px;
	}
	.head-line
	{
		display: flex;
		align-items: center;
		gap:40px;
		justify-content: center;
	}
	.about-line
	{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		padding:24px 0;
		border-top: 1px solid var(--green70);
	}
	.about-line>div, .wwg-bottom>div 
	{
		display: flex;
		gap:16px;
		flex-direction: column;
	}
	.about-line>div{width: 43.4%;}
	.about-line>div>img, .wwg-bottom>div>img 
	{
		width: 2.57rem;
	}
	.about_fp
	{
		height: 616px;
	}
	.about_fp .info
	{	
		height: 100%;	
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.about_fp .head-line span 
	{
		width: 17rem;
	}
	.about_fp .head-line h1
	{
		margin-bottom: 0.8rem;
	}
	.center
	{
		text-align: center;
	}
	.running-line
	{
		width: 100%;
		overflow: hidden;
	}
	.goal .running-line{
		margin-bottom: 40px;
	}
	.goal .running-line, .goal .white-blocks-list>div
	{
		height: 211px;
	}
	.goal .white-blocks-list
	{
		display: flex;
		gap:20px;
	}
	.goal .white-blocks-list>div
	{
		flex:1;
		flex:none;
		width: 17.15rem;
		padding:24px;
		background-color: var(--white);
	}
	.wwg-top, .wwg-bottom
	{
		/*display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 80px;*/
		display: flex;
		justify-content: space-between;
		gap: 80px;

	}
	.what-will-get .running-line
	{
		width:calc(100% + 140px);
		padding:24px;
		margin:80px -70px 40px;
		border-top: 1px solid var(--white80);
		border-bottom: 1px solid var(--white80);
	}
	.running-line i 
	{
		flex: none;
	}
	.running-line .h2
	{
		white-space: nowrap;
	}
	.running-line>div 
	{
		display: flex;
		gap:40px;
		align-items: center;
	}
	.wwg-top .first-div 
	{
		display: flex;
		flex-direction: column;
		text-align: center;
		justify-content: space-between;
		align-items: center;
		gap:20px;
	}
	.what-will-get .desc, .wwg-bottom 
	{
		text-indent: 0;
		font: var(--p1);
	}
	.mission-list
	{
		width: calc(100% + 140px);
		overflow: hidden;
		margin: 0 -70px;
		padding: 0 70px;
	}
	.mission-list>div 
	{
		display: flex;
		gap: 20px;
		flex-wrap: initial;
	}
	.mission-list .photo-text-block
	{
		width: 50rem;
		grid-template-columns: 280px 1fr;
		height: 24.3rem;
		flex: none;
	}
	.mission-list .photo-text-block .minfo
	{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap:20px;
		padding:40px 32px;
	}
	.mission-list .photo-text-block .minfo .bottom>span
	{
		display: block;
		padding:16px 0;
		border-bottom: 1px solid var(--grey20);
	}
	.mission-list .photo-text-block .minfo .bottom>span:last-child
	{
		padding-bottom:0;
		border-bottom: none;
	}
	.mission-list .photo-text-block>.image
	{
		background-position: left center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.arrows
	{
		display: flex;
		position:relative;
		gap:10px;
		width: 100%;
		align-items: center;
		justify-content: center;
	}
	.mission .arrows
	{
		width: 100%;
		margin-top:36px;
	}
	.mission .arrows .icon-link-arrow
	{
		position:initial;
	}
	/*.arrows .left
	{
		transform: rotate(-135deg);
	}
	.arrows .right,  */.stage .text>a:hover:after
	{
		transform: rotate(45deg);
	}
	/*.arrows a:hover .icon-link-arrow, .team-block .arrows a:hover 
	{
		background-color: var(--white);
		color: var(--grey);
	}*/
	.contacts.inner-main-fp
	{
		color: var(--grey);
		background-color: var(--white);
	}
	.contacts-line
	{
		width: 100%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		margin-top: 36px;
	}
	.contacts-line>div
	{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		padding:10px 24px;
		gap:80px;
	}
	.contacts-line>div:nth-child(2)
	{
		border-left:1px solid var(--grey30);
		border-right:1px solid var(--grey30);
	}
	.contacts-line>div>i 
	{
		width: 40px;
		height: 40px;
		background-color: var(--brown50);
		color: var(--white);
		border-radius: 50%;
		font-size: 28px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.map
	{
		background-position: center;
		background-size: cover;
		background-repeat:no-repeat;
		height: 520px;
	}
	.article-full
	{
		background-color: var(--grey20);
		margin:0 10px;
	}
	.article-full .back, .article-full .main-fp
	{
		margin:0 -10px;
	}
	.article-full .back
	{
		display: flex;
		align-items: center;
		padding:20px 20px;
		gap:8px;
		opacity: 0.4;
	}
	.article-full .back:hover 
	{
		opacity: 1;
	}
	.article-full  .main-fp
	{
		width: calc(100% + 20px);
	}
	.article-full .main-fp .info
	{
		padding-bottom:20px;
	}
	.article-full .main-fp .info .desc 
	{
		color: var(--green10);
	}
	.article-full .main-fp .image-with-top-galka
	{
		padding-top:initial;
		height: 560px;
	}
	.full-new-info
	{
		padding:60px;
		display: flex;
		flex-direction: column;
		gap:60px;
	}
	.full-new-info .title-wnb
	{
		margin-bottom: 0;
		color: var(--brown80);
	}
	.full-new-info p 
	{
		padding:0;
		margin:1rem 0;
		max-width: 800px;
		font:var(--p1);
	}
	.quote
	{
		font: var(--h3);
		max-width: 956px;
		padding-left:31px;
	}
	.quote:before
	{
		content:'';
		position: absolute;
		top:12px;
		bottom:12px;
		left:0px;
		width: 2px;
		background-color: #000;

	}
	.share
	{

	}
	.social
	{
		margin-top:20px;
		display: flex;
		gap:15px;
	}
	.social a
	{
		color: var(--brown40);
		font-size: 30px;
	}
	.social a:hover 
	{
		color: var(--brown);
	}
	.article-slider
	{
		display: flex;
		align-items: center;
		gap: 36px;
	}
	.arrow 
	{
		display: block;
		height: 42px;
		width: 42px;
		font-size: 42px;
		background-color: var(--white);
		color:var(--grey);
		border-radius: 50%;
		transition: all 0.3s ease;
	}
	.arrow:hover
	{
		transform: scale(1.1);
	}
	.arrow.black/*, .arrow:hover*/
	{
		background-color: var(--grey);
		color:var(--white);
	}

	/*.arrow.black:hover
	{
		background-color: var(--white);
		color:var(--grey);	
	}*/
	.article-slider .image
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap:30px;
	}

	.article-slider .image img
	{
		display: none;
	}

	.article-slider .image img.visible
	{
		display: block;
	}
	.article-slider .points
	{
		display: flex;
		align-items: center;
		gap:7px;
	}
	.article-slider .points>a
	{
		background-color: var(--brown40);
		width: 7px;
		height: 7px;
		border-radius: 50%;
	}
	.article-slider .points>a:hover
	{
		background-color: var(--brown80);
	}
	.article-slider .points>a.selected
	{
		background-color: var(--brown);
	}
	.video
	{
		padding-top:56.25%;
	}
	.video .icon-play-border
	{
		position: absolute;
		top:50%;
		left:50%;
		margin-left:-39px;
		margin-top:-39px;
		width: 78px;
		height: 78px;
		font-size: 78px;
		color:var(--white);
	}
	.full-new-info
	{

	}
	.qualities
	{
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		grid-template-areas: "q1 q1 q2 q2 q3 q3"
		"q4 q4 q4 q5 q5 q5";
		grid-gap: 20px;
	}
	.qualities>div:nth-child(1) {grid-area:q1;}
	.qualities>div:nth-child(2) {grid-area:q2;}
	.qualities>div:nth-child(3) {grid-area:q3;}
	.qualities>div:nth-child(4) {grid-area:q5;}
	.qualities>div:nth-child(5) {grid-area:q4;}
	/*.qualities>div:nth-child(6) {grid-area:q5;}*/
	.qualities>div 
	{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding:24px;
		align-items: flex-end;
		height: 190px;
		background-color: var(--green);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		color: var(--white);
		border-radius: 20px;
	}
	.qualities>div>span
	{
		width: 100%;
	}
	.video-plus-title
	{
		display: block;
		padding: 40px;
		font: var(--h2);
		height: 444px;
		width: 100%;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		color: var(--white);
	}
	.video-plus-title>img
	{
		transition: all 0.3s ease;
	}
	.video-plus-title:hover>img
	{
		transform: scale(1.1);
	}
	.video-plus-title>span
	{
		max-width: 26.65rem;
	}
	.video-plus-title>img 
	{
		position: absolute;
		top:50%;
		left:50%;
		margin-top: -50px;
		margin-left: -50px;
		width: 100px;
		height: 100px;
	}
	.internship
	{
		display: flex;
		/*justify-content: flex-end;*/
		justify-content: space-between;
		flex-direction: column;
		height: 290px;
		padding:30px;
		width: 100%;
		color: var(--white);
		margin-top: 20px;
	}
	.internship>span 
	{
		width: 100%;
	}
	.internship>span:nth-child(2)
	{
		text-align: right;
	}
	.stages-list
	{
		width:100%;
		margin-top: 40px;
	}
	.stages-list>div.stage
	{
		padding:24px 0;
		border-top:1px solid var(--brown80);
		display: grid;
		grid-template-columns: 6fr 260px 5fr;
		grid-gap: 30px;
	}
	.stage .name
	{
		font:var(--h4);
	}
	.stage .date
	{
		text-align: center;
	}
	.stage .date>span
	{
		font: var(--p4);
		text-transform: uppercase;
		padding:6px 10px;
		border-radius: 100px;
		background-color: var(--brown80);
		white-space: nowrap;
	}
	.stage .text>div, .stage .text>a 
	{
		display: block;
		color: var(--white);
		padding-right: 73px;
	}
	.stage .text>a>span 
	{
		text-decoration: underline;
	}
	.team-block
	{
		display: grid;
		grid-template-columns: 2fr 1fr;
		gap:20px;
	}
	.team-block .tdesc
	{
		margin-top: 10px;
	}
	.team-block .tinfo
	{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding:40px 32px;
		gap:100px;
	}
	.team-block .tinfo .name
	{
		display: block;
		font: var(--h4);
		margin-bottom: 12px;
	}
	.team-block .tinfo .profession
	{
		color: var(--grey50);
	}
	.team-block .arrows 
	{
		position: absolute;
		right: -114px;
		width: 94px;
		bottom:0;
		z-index: 3;
	}
	.team-block .photo-text-block 
	{
		grid-template-columns: 3fr 5fr;
	}
	.participation-div
	{
		background-color: var(--white);
	}
	.participation-div .title-div
	{
		display: flex;
		gap:0;
		align-items: center;
	}
	.participation-div .title-div .image
	{
		flex: none;
		width: 550px;
		height: 190px;
		background-image: url('/images/participation.png');
		background-position: left top;
		background-size: cover;
		background-repeat: no-repeat;
		border-top-left-radius: 20px;
		margin-right:-140px;
	}
	.participation-div .title-div>div
	{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap:32px;
		padding-top:40px;
		padding-right: 40px;
	}
	.participation-div .title-div>div .title 
	{
		font:var(--h3);
		text-align: right;
	}
	.flags-line
	{
		display: flex;
		gap:0;
	}
	.flags-line>img
	{
		margin-left: -2px;
	}
	.participation-div .list
	{
		padding: 40px;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	} 
	.participation-div .list>div
	{
		display: flex;
		align-items: flex-end;
		border-left:1px solid var(--brown20);
		padding:10px 24px;
		min-height: 160px;
	}
	.participation-div .list>div:nth-child(1)
	{
		border-left:none;
	}
	.mutkort4 .button 
	{
		margin-top:20px;
		width: 100%;
	}
	.olimpiada11
	{
		margin-top: -70px;
	}
	.olimpiada11 .o_info
	{
		display: grid;
		grid-template-columns: 3fr 3fr 3fr 4fr;
		grid-template-rows: 1fr 292px;
		grid-row-gap: 49px;
		grid-column-gap: 20px;
		grid-template-areas: "text text text oiid4"
		"oiid1 oiid2 oiid3 oiid4";
	}
	.o-info-image-div
	{
		display: flex;
		align-items: flex-end;
		gap:20px;
		justify-content: space-between;
		border-radius: 20px;
		padding:24px;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.o_info .text {grid-area: text;}
	.o_info #oiid1 {grid-area: oiid1;}
	.o_info #oiid2 {grid-area: oiid2;}
	.o_info #oiid3 {grid-area: oiid3;}
	.o_info #oiid4 {grid-area: oiid4;}
	.olimpiada2 .ninfo
	{
		display: grid;
		grid-template-columns: 2fr 3fr;
		grid-column-gap: 80px;
		grid-row-gap: 40px;
		padding-top:30px;
		padding-bottom:30px;
	}
	.numb.grey
	{
		color: var(--grey30);
	}
	.forum1-themes
	{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		width: 100%;
		margin: -50px 0;
	}
	.forum1-themes .image, .team-block .image, .photo-info-in-nums .image 
	{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
	}
	.forum1-themes .info
	{
		padding:70px 100px 70px 20px;
	}
	.forum1-themes .info .name
	{
		margin-bottom: 20px;
		font: var(--h3pd);
	}
	.forum1-themes .info ul 
	{
		padding-left:20px;
	}
	.forum1-themes .gradient
	{
		display: block;
		position: absolute;
		top:0;
		left: 0;
		right: 0;
		bottom:0;
		background: linear-gradient(90deg, rgba(105, 115, 93, 0.00) 35.69%, #69735D 97.11%)
	}
	.forum13-nums
	{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap:100px;
	}
	.forum13-nums>div 
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-end;
	}
	.forum13-nums .numb
	{
		color: var(--grey);
	}
	.half-divs
	{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 0;
	}
	.half-divs .ninfo
	{
		display: flex;
		flex-direction: column;
		gap:40px;
	}
	.half-divs .ninfo>div, .half-divs .ninfo>span 
	{
		max-width: 31.5rem;
	}
	.half-divs .ninfo a.button 
	{
		width:16.5rem;
	}
	.feedback-block .numb
	{
		margin-bottom: 0;
	}
	.feedback-block
	{
		margin-top: 80px;
	}
	.forum4 .itogs
	{
		padding:30px 70px;
		color: var(--white);
		height:290px;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.forum4 .itogs span 
	{
		display: block;
		max-width: 41.3rem;
	}
	.title-wnb .num 
	{
		flex:none;
	}
	.enter-bg
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background: url('/images/enter_bg.png') center center no-repeat;
		background-size: cover;
		width: 100%;
		padding:50px 16px;
		color: var(--white);
	}
	.test-page .enter-bg
	{
		background: url('/images/test_bg.png') center center no-repeat;
	}
	.enter-bg .central-div
	{
		gap:40px;
	}
	.enter-bg .central-div.form-div
	{
		gap:0;
		padding: 1.79rem 3.57rem 3.57rem;
	}
	.block.map
	{
		padding: 0
	}
	.profile-div
	{
		padding:48px 3.43rem;
		width: 56.86rem;
	}
	.profile-div button 
	{
		width: 20.2rem;
	}
	.profile-div .headline 
	{
		width: 100%;
		text-align: left;
		font:var(--p1);
		font-weight: 600;
	}
	.profile-div .input-line
	{
		width: 100%;
		display: flex;
		gap:16px;
	}
	.photo-div, .photo-line
	{
		width: 100%;
	}
	.photo-line
	{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.photo-line .photo-desc
	{
		padding-left: 30px;
	}
	.photo-line .photo-desc ol 
	{
		margin:16px 0 0;
		padding-left:1.6rem;
	}
	.photo-download-line
	{
		display: flex;
		align-items: center;
	}
	.photo-download-line>div
	{
		width: 100%;
		display: flex;
		align-items: center;
		gap:24px;
		border-right: 1px solid var(--grey30);
	}
	.photo-download-line .face-image
	{
		width: 4.3rem;
		height: 4.3rem;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.photo-download-buttons
	{
		width: 13.6rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		height: 4.3rem;
	}
	.photo-download-buttons .button.white 
	{
		font-weight: 400;
		border:1px solid var(--grey40);
	}
	.photo-download-buttons .delete-a 
	{
		text-decoration: underline;
		font: var(--p4);
	}
	.photo-line .photo-desc .b 
	{
		font-weight: 500;
	}
	.profile-div .input-line>div 
	{
		flex:none;
		flex: 1;
	}
	.profile-div .user-info
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap:24px;
		width: 100%;
	}
	.user-info label 
	{
		font:var(--p4);
	}
	.form-div
	{
		background-color: var(--white);
		margin:0 auto;
		color: var(--grey);
	}
	.enter-reg-div
	{
		width: 40rem;
		padding:40px 6.07rem;
	}
	.enter-reg-div h1 
	{
		margin:0 -60px 16px;
	}
	.enter-reg-div .desc 
	{
		color: var(--grey50);
		margin-bottom: 32px;
	}

	.enter-bg form, .profile-form
	{
		display: flex;
		flex-direction: column;
		gap:16px;
		align-items: center;
		width: 100%;
	}
	.enter-bg form button.button, .test-div .button, .test-question-div .button, .profile-div button
	{
		flex: none;
		background-color: var(--grey);
		height: 48px;
	}
	.enter-bg form button:hover, .profile-div button:hover /* .test-div .button:hover,  .test-question-div .button:hover, */.black.button:hover 
	{
		background-color: var(--grey80);
	}
	.enter-bg form.enter-form button.button
	{
		width:155px;
	}
	.input-div
	{
		display: flex;
		flex-direction: column;
		gap:8px;
		width: 100%;
	}
	.input-div input, .input-div .niceselect-div, .input-div textarea
	{
		display: flex;
		align-items: center;
		padding:6px 24px;
		height: 48px;
		border:1px solid var(--grey30);
		background-color: var(--white80);
		border-radius: 10px;
		color: var(--grey50);
		font: var(--p3);
	}

	.input-div .niceselect-div
	{
		height: auto;
		min-height: 48px;
	}

	.input-div input.error
	{
		border-color: var(--red);
	}

	.input-div .niceselect-div 
	{
		position: relative;
		justify-content: space-between;
	}

	.input-div .niceselect-div:after
	{
		font-family: "icomoon";
		content: "\e917";
		transform: rotate(90deg);
		font-size: 1.5em;
	}

	.input-div .niceselect-div select
	{
		position: absolute;
		opacity: 0;
		-webkit-appearance:none;
		box-sizing: border-box;
		width: 100%;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
	}


	.form-help
	{
		margin-top: 40px;
		display: flex;
		flex-direction: column;
		gap:16px;
		align-items: center;
		text-align: center;
	}
	.form-help a 
	{
		text-decoration: underline;
		/*color: var(--brown);*/
	}
	.form-help a:hover
	{
		text-decoration: none;
	}
	.ymaps-2-1-79-ground-pane
	{
		filter: grayscale(1.0);
	}
	.checkbox-div, label
	{
		display: flex;
		align-items: center;
		gap:8px;
	}

	label.error
	{
		color: var(--red);
	}

	input[type=checkbox]
	{
		display: none;
	}
	input[type="checkbox"]+label::before
	{
		display: flex;
		align-items: center;
		justify-content: center;
		/*position: absolute;
		top: 0px;
		left: 0;*/
		border: 1px solid var(--grey);
		width: 14px;
		height: 14px;
		content: "";
	}
	input[type="checkbox"]:checked+label::before
	{
	  content: "\e90e";
	  font-family: 'icomoon';
	  text-align: center;
	  color: var(--grey);
	  font-size: 14px;
	}
	.pager
	{
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: space-between;
		gap:6px;
		margin-top:20px;
	}
	.arrow-plus-text
	{
		display: flex;
		align-items: center;
		gap:8px;
		transition: all 0.3s ease;
	}
	.arrow-plus-text:hover 
	{
		transform: scale(1.1);
	}
	.page-nums
	{
		display: flex;
		align-items: center;
		gap:2px;
	}
	.page-nums>span, .page-nums>a
	{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		border-radius: 8px;
		color: var(--grey);
	}
	.page-nums .selected, .page-nums .current 
	{
		color: var(--white);
		background-color: var(--gold);
		pointer-events: none;
	}
	.page-nums>a:hover 
	{
		color: var(--gold);
	}
.cabinet-all
{
	display: grid;
	width: 100%;
	padding:10px 0 0;
	grid-template-columns: 12.86rem 1fr;
	gap:10px;
	flex:1;
	margin-bottom: 40px;
}
.left-menu
{
	background-color: var(--green);
	color: var(--green40);
}
.left-menu>div
{
	position: sticky;
	top:0px;
	padding:1.5rem;
	display: flex;
	flex-direction: column;
	gap:32px;
	font:var(--p4);
}
.left-menu a
{
	color: var(--white);
}
.menu-group
{

}
.menu-group .title
{
	display: block;
	text-transform: uppercase;
	margin-bottom: 12px;
}
.menu-list
{
	display: flex;
	flex-direction: column;
	gap:16px;
}
.menu-list a
{
	display: flex;
	align-items: center;
	gap:4px;
	font-size: 0.86rem;
}
.right-content
{

}
.top-menu-div
{
	border-radius: 8px;
	background-color: var(--white);
	height: 5.14rem;
}
.top-menu-div .logo
{
	display: none;
}
.person-div, .left-menu
{
	border-radius: 10px;
}
.right-content .blocks
{
	padding:80px 40px 110px;
}
.cabinet-all .logo-svg 
{
	width: 9.46rem;
	height: auto;
}
.cabinet-all .logo-svg path
{
	fill:var(--white);
}
.cabinet-all .blocks .title-wnb h2
{
	font: var(--h3pd);
	font-variant-numeric: lining-nums;
}
.cabinet-all .block
{
	padding:0;
}
.person-div
{
	display: flex;
	padding:30px 24px;
	gap:24px;
	align-items: center;
	color: var(--white);
	width: 100%;
	background-color: var(--grey);
	background-image: url('/images/shapes.png');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 10px;
}
.person-div .user-info
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.person-div .user-info>span:nth-child(1)
{
	color: var(--grey80);
}
.person-div .user-info .status
{
	margin-top: 15px;
	background-color: var(--gold50);
	border-radius: 100px;
	padding: 0.57rem 0.74rem;
	font:var(--p4);
	text-transform: uppercase;
	flex: none;
	display: inline-flex;
}
.person-div .user_photo
{
	width: 5.6rem;
	height: 5.6rem;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.top-menu-div
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:16px 24px;
}
.top-menu-div form.search
{
	border: 1px solid var(--grey30);
	border-radius: 10px;
	height: 2.86rem;
	width: 22.86rem;
	display: flex;
	align-items: center;
	gap:8px;
	padding:0 1.43rem;
}
.top-menu-div form.search i, .top-menu-list>a i 
{
	font-size: 0.86rem;
}
.top-menu-div form.search input 
{
	border:none;
	font: var(--p3);
	outline: none;
	flex: 1;
}
.top-menu-list
{
	display: flex;
	align-items: center;
	gap:1.7rem;
}
.top-menu-list>a
{
	display: flex;
	align-items: center;
	gap:4px;
	text-transform: uppercase;
	font: var(--p4);
}
.separate-line
{
	display: block;
	width: 1px;
	height: 2.35rem;
	background-color: var(--grey20);
}
.cabinet-all .p-list
{
	display: flex;
	gap:24px;
}
.your-events .p-list
{
	flex-direction: column;
}
.your-events .item
{
	background-color: var(--white);
	display: grid;
	grid-template-columns: 14.43rem 23.57rem 1fr;
	grid-gap: 0;
	height:13.93rem;
}
.your-events .item .image 
{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.info-div, .status-div
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding:1.71rem;
}
.info-div>div:nth-child(1)
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap:0.86rem;
	flex:1;
}
.item .info-div:after
{
	display: block;
	content: '';
	position: absolute;
	right: 0;
	width: 1px;
	background-color: var(--grey20);
	top:0.86rem;
	bottom:0.86rem;
}
.item .info-div .idesc
{
	color: var(--grey50);
	font:var(--p3);
}
.item .prize
{
	flex:1;
	display: flex;
	align-items: flex-end;
}
.item .prize img
{
	width: 1rem;
	height: 1rem;
}
.stage-line-div
{
	/*display: grid;
	gap:1.14rem;
	grid-template-columns: 1fr max-content;*/
	display: flex;
	align-items: center;
	width: 100%;
	gap:1.14rem;
}
.progress-line
{
	width: 100%;
	height: 10px;
	border-radius: 5px;
	background-color: var(--green10);
	flex:1;
}
.progress-line>div
{
	height: 10px;
	border-radius: 5px;
	background-color: var(--light-green);
}
.stage-line-div .comment
{
	font: var(--p4);
	text-transform: uppercase;
}
.color-green20
{
	color: var(--green20);
}
.color-grey50
{
	color: var(--grey50);
}
.status-div.stages>div:nth-child(2)
{
	display: flex;
	align-items: center;
	flex-direction: column;
	gap:1.14rem;
	align-items: flex-start;
}
.status-div .icon-done 
{
	color: var(--light-green);
}
.status-div .status
{
	display: flex;
	align-items: center;
	gap:0.3rem;
	font: var(--p4);
	text-transform: uppercase;
}
.status-div .status>i
{
	font-size: 0.86rem;
}
.event-item
{
	display: flex;
	flex-direction: column;
	gap:0;
	background-color: var(--white);
}
.your-courses .event-item
{
	flex:none;
	width: 22.86rem;
}
.take-part .event-item
{
	flex:none;
	width: 27.36rem;
	height: 30rem;
}
.take-part  .info-div>div:nth-child(1)
{
	flex:initial;
}
.event-item .image
{
	display: block;
	width: 100%;
	height: 11.43rem;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-top-right-radius:20px;
	border-top-left-radius:20px;
}
.event-item .info-div
{
	display: flex;
	flex-direction: column;
	gap:2.29rem;
	padding: 1.71rem;
	justify-content: space-between;
	flex: 1;
}

.two-col
{
	display: grid;
	grid-gap: 40px;
	grid-template-columns: repeat(2, 1fr);
}

.tag-info, /*.event-item .tags-line */.tag
{
	font: var(--p4);
	background-color: var(--gold50);
	padding:0.2rem 0.71rem;
	gap:0.43rem;
	height: 1.71rem;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	color: var(--brown);
	border-radius: 2rem;
}
.tag.time
{
	font: var(--p1);
	color:var(--green80);
	background-color: var(--green20);
	width: 6.8rem;
	padding:0.6rem 1.43rem;
	height: initial;
	text-align: center;
	justify-content: center;
}
.tag-info:before
{
	content: '';
	display: block;
	width:0.71rem;
	height: 0.71rem;
	border-radius: 10px;
	background-color: var(--yellow);
}
.event-item .info-div>div:nth-child(1)
{
	align-items: flex-start;
	gap:0;
}
.event-item .info-div .h4
{
	display: block;
	margin:1.14rem 0 0.71rem;
}
.event-item .info-div .idesc
{
	color: var(--grey50);
	font:var(--p3);
}
.event-item .stage-line-div
{
	flex-direction: column;
	align-items: flex-start;
	gap:0.57rem;
}
.slide-line-list
{
	display: block;
	overflow: auto;
	margin-right: -50px;
	width: calc(100vw - 266px);
}
.slide-line-list .list 
{
	display: flex;
	align-items: flex-start;
	gap: 1.71rem;
}
.tabs
{
	display: flex;
	align-items: center;
	gap:0.71rem;
	margin-bottom:1.14rem;
}
.tabs span.selected, .tabs a  
{
	padding:0.2rem 1.14rem;
	height: 2.14rem;
	border-radius: 2rem;
	color: var(--grey70);
	display: flex;
	align-items: center;
}
.tabs a:hover
{
	color: var(--grey);
}
.tabs span.selected, .tabs a.selected 
{
	background-color: var(--grey);
	color: var(--white);
}
.event-item .tags-line, .test-div .tags-line
{
	display: flex;
	align-items: center;
	gap:0.29rem;
} 
.test-div .tags-line
{
	justify-content: center;
}
.event-item .tags-line .tag, .team-item .tag, .test-div .tags-line .tag
{
	background-color: var(--brown10);
	color: var(--brown50);
}
.test-div .desc, .test-div .tags-line, .test-div .form-help, .test-div h1
{
	margin:0;
}
.enter-bg .central-div.form-div.test-div
{
	gap:55px;
}
.test-div>div 
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.test-div>div:first-child
{
	gap:24px;
}
.test-div>div:last-child
{
	gap:30px
}
/*.test-div .desc
{
	margin-bottom: 24px;
}
.test-div .tags-line
{
	margin-bottom: 55px;
}
.test-div .form-help
{
	margin-top: 30px;
}*/
.event-item .buttons-line
{
	display: flex;
	align-items: center;
	gap:0.71rem;
	width: 100%;
}	
.event-item .buttons-line .white.button 
{
	font-weight: normal;
	border: 1px solid var(--grey40);
}
.event-item .buttons-line .white.button, .event-item .buttons-line .button
{
	height: 2.86rem;
	flex:1;
	padding: 0.4rem 2rem;
} 
.event-full-info
{
	display: grid;
	grid-template-columns: 1fr 30rem;
	grid-gap: 1.43rem;
}
.efi-list
{
 	display: flex;
 	flex-direction: column;
	grid-gap: 1.43rem;
	height: 100%;
}
.efi-item
{
	display: flex;
	align-items: center;
	gap:1.14rem;
	padding:2.57rem 1.71rem;
	background-color: var(--white);
}
.efi-item .t-info
{
	display: flex;
	flex-direction: column;
	gap:0.8rem;
}
.efi-item .t-info .title
{
	font: var(--p1);
	font-weight: 500;
}
.efi-item .t-info .color-grey50
{
	font: var(--p3);
}
.efi-item .tag-info
{
	position: absolute;
	top:0.57rem;
	right:0.57rem;
}
.your-team .color-grey50
{
	font: var(--p4);
}
.your-team
{
	background-color: var(--white);
	padding:1.71rem;
}
.your-team .title
{
	font:var(--p1);
}
.team-list
{
	display: flex;
	flex-direction: column;
}
.team-list .team-item
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:1.14rem 0;
	border-bottom: 1px solid var(--grey20);
}
.team-list .team-item>div:nth-child(1)
{
	display: flex;
	align-items: center;
	gap:0.57rem;
}
.team-list .team-item>div:nth-child(2)
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap:2.14rem;
}
.team-list .team-item:last-child
{
	border-bottom: none;
	padding-bottom: 0;
}
.team-item .image
{
	width: 2.86rem;
	height: 2.86rem;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 100px;
	flex:none;
}
.team-item .socials>a
{
	font-size: 1.64rem;
	color: var(--brown50);
}
.team-item .socials>a:hover
{
	color: var(--brown);
}
.tag-info.green
{
	background-color: #DCFCE7;
}
.tag-info.green:before
{
	background-color: #22C55E;
}

.tag-info.red
{
	background-color: rgba(255, 0, 0, 0.3);
	color: rgba(255, 0, 0, 1.0);
}
.tag-info.red:before
{
	background-color: rgba(255, 0, 0, 1.0);
}

.bread-crumbs
{
	margin-bottom: 1.71rem;
	display: flex;
	align-items: center;
	gap:0.14rem;
	font: var(--p4);
}
.bread-crumbs>a,.bread-crumbs>span
{
	color: var(--grey80);
}
.bread-crumbs>a:hover
{
	color: var(--grey);
}
.bread-crumbs>i 
{
	font-size: 0.86rem;
	color: var(--grey);
}
.desc-near-title
{
	width: 50%;
}
.materials .tabs
{
	text-transform: uppercase;
	font: var(--p4);
	flex-wrap: wrap;
}
.materials .tabs a
{
	flex:none;
	border:1px solid var(--grey40);
	color: var(--grey);
}
.materials .tabs .selected
{
	color: var(--white80);
}
.materials-list>div
{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 1.43rem;
}
.materials-list>div>a
{
	background-color: var(--white);
	padding: 1.71rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	min-height: 16rem;
	gap:1.71rem;
}
.materials-list>div>a:nth-child(n+1),.materials-list>div>a:nth-child(n+2),.materials-list>div>a:nth-child(n+3)
{
	grid-column: span 2;
}
.materials-list>div>a:nth-child(n+4),.materials-list>div>a:nth-child(n+5)
{
	grid-column: span 3;
}
.material-item .color-grey50
{
	font: var(--p3);
	display: block;
	margin-top: 1.14rem;
}
.material-item:after, .ic-list .ic-item:after 
{
	bottom:1.71rem;
	right: 1.71rem;
}
.your-courses .event-item:after
{
	top:0.86rem;
	right: 0.86rem;
}
.material-item:after
{
	background-color: var(--brown80);
	color: var(--white);
}
 .ic-list .ic-item:after 
 {
 	color: var(--grey);
 }

.material-item:hover:after, .ic-list .ic-item:hover:after  
{
	transform: rotate(45deg);
}
.material-item .tags-line .tag
{
	background-color: var(--white80);
}
.color-brown10
{
	color: var(--brown10);
}
.ic-list
{
	display: flex;
	gap:1.71rem;
}
.ic-list .ic-item
{
	padding: 1.71rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	min-height: 20rem;
	width: 32.4rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: var(--white);
}
.ic-list .ic-item .ic-desc
{
	display: block;
	margin:1.14rem 0 1.71rem;
}
.ic-list .ic-item .stage-line-div
{
	flex-direction: column;
	align-items: flex-end;
	gap:0.57rem;
}
.test-question-div.enter-reg-div 
{
	width: 72.86rem;
}
.test-question-div>div
{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.test-question-div>div.progress-and-time
{
	gap:1.07rem;
}
.test-question-div>div.progress-and-time .stage-line-div
{
	flex: 1;
}
.test-question-div>.question-and-aswers
{
	gap:5rem;
	margin:68px 0 82px;
}

.test-question-div>.question-and-aswers .answer_options, .test-question-div .black.button
{
	flex:none;
	width: 25.71rem;
}
.test-question-div h2
{
	text-transform: initial;
}
.test-question-div .stage-line-div
{
	flex-direction: column;
	gap:9px;
	align-items: flex-start;
}
.test-question-div .button
{
	gap:0;
}
.test-question-div .button>i
{
	font-size: 2.6rem;
}
.test-question-div>div:last-child
{
	align-items: flex-end;
}
.test-question-div .form-help
{
	margin-top:0;
}
.answer_options
{
	display: flex;
	align-items: center;
	flex-direction: column;
	gap:0.43rem;
}
.answer_options>div 
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex:1;
	width: 100%;
	background-color: var(--white80);
	border-radius: 10px;
	height: 64px;
	font-size: 1.43rem;
}
.answer_options label
{
	flex-direction: row-reverse;
	gap:1rem;
	padding:1rem 1.71rem;
	width: 100%;
	height: 100%;
}
input[type=radio]
{
	display: none;
}
input[type="radio"]+label::before
{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid var(--green);
	width: 26px;
	height: 26px;
	border-radius: 50%;
	content: "";
}
input[type="radio"]:checked+label::after
{
  content: "";
  text-align: center;
  background-color: var(--green);
  width: 16px;
	height: 16px;
	border-radius: 50%;
	position: absolute;
	right: calc(1.71rem + 7px);
}
.enter-page a.enter
{
	display: none;
}
.enter-page.test-page a.enter
{	
	display: flex;
	align-items: center;
	justify-content: center;
	/*width: 48px;
	height: 48px;
	padding:8px;
	border-radius: 50%;*/
	background-color: var(--green);
}
.enter-page.test-page a.enter>i
{
	font-size: 24px;
}
.test-page .mobmenu-a, .top-menu-div .mobmenu-a
{
	background-color: var(--green);
}

.photo-download-buttons input
{
	position: absolute;
	-webkit-appearance:none;
	opacity: 0;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	padding: 0;
	margin: 0;
}

header .submenu
{
	position: absolute;
	left: 0;
	top: 0.9em;
	padding-top: 0.7em;
	z-index: 2;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease;
}

header .hassub:hover>.submenu
{
	opacity: 1;
	pointer-events: initial;
}

header .hassub .submenu a
{
	white-space: nowrap;
}

header .hassub .submenu a:hover
{
	text-decoration: underline;
	color: var(--brown80);
}

header .submenu>div
{
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	background-color: var(--white);
	padding: 16px;
	border-radius: 4px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 16px;
}

.popup-menu .submenu
{
	position: relative;
	opacity: 1;
	pointer-events: initial;
	display: none;
	padding: 16px;

}

.popup-menu .submenu>div
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 16px;
}

.arabic-q
{
	display: block;
	text-align: right;
}

.small-q
{
	font-size: 0.75em;
}

.underline-q
{
	text-decoration: underline;
}

.input-div-radio input[type=radio]+label:before, .input-div-radio input[type=radio]+label:after
{
	display: none;
}

.input-div-radio input[type=radio]+label
{
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	padding: 10px;
	border: 2px solid var(--grey50);
	font: var(--p2);
}

.input-div-radio input[type=radio]:checked+label
{
	background-color: var(--brown80);
	border-color: var(--brown80);
	color: var(--white);
}

@media all and (min-width: 1200px)
{
	header .mobmenu-a, .top-menu-div .mobmenu-a
	{
		display: none;
	}
	.main-fp .info h1 
	{
		max-width: 800px;
	}
	.wwg-top>div, .wwg-bottom>div 
	{
		width: 36.43rem;
	}
	.news-list.main-list
	{
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.news-list.main-list .item
	{
		display: grid;
		grid-template-columns: 228px 1fr;
		grid-template-rows: initial;
	}

	.news-list.main-list .item .image
	{
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		border-top-right-radius: 0px;
	}
}

@media all and (max-width: 1199px)
{
	:root 
	{
		--p1: 400 14px/120% "Golos Text", serif;
		--p2: 400 12px/120% "Golos Text", serif;
		--p3: 400 12px/120% "Golos Text", serif;
		--p4: 400 10px/120% "Golos Text", serif;

		--h3: 400 18px/120% "Golos Text", serif;
	}
	header .menu, header .enter-and-lang
	{
		display: none;
	}
	header
	{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.mobmenu-a
	{
		width: 40px;
		height: 40px;
		font-size: 40px;
		border-radius: 50%;
		background-color: var(--brown80);
		color: var(--white);
	}
	.main-fp .line>div
	{
		font-size: 12px;
		width:initial;
		max-width: 22rem;
		padding: 16px 12px 16px 20px;
	}
	.photo-text-block
	{
		grid-template-columns: 330px 1fr;
	}
	.wa-list>div 
	{
		grid-template-columns: 300px 1fr;
	}
	/*.mobmenu-a .icon-menu:before
	{
		font-family: 'icomoon';
		content:'e905';
	}
	.mobmenu-a.close .icon-menu:before
	{
		content:'e906';
	}*/
	.block
	{
		width: 100%;
		padding:0px 6px;
	}
	.recall-div
	{
		padding:60px 24px;
	}
	.main-fp .info,.education.block,.about-center .info 
	{
		padding: 80px 24px;
	}
	.main-fp .info
	{
		padding-bottom:60px;
	}
	.about-center .info { padding-bottom:12px; }
	.main-fp .info h1 
	{
		max-width: 668px;
	}
	footer
	{
		padding:60px 40px;
	}
	.info-in-nums
	{
		grid-column-gap: 20px;
		grid-row-gap: 48px;
		grid-template-columns: 1fr 1fr 2fr 2fr;
		grid-template-areas: 
		"lang countries number speakers"
		"lang salary salary workers"
	}

	/*.info-in-nums>img { grid-area:image; }
	.info-in-nums>#number { grid-area:number; }
	.info-in-nums>#lang { grid-area:lang; }
	.info-in-nums>#salary { grid-area:salary; }
	.info-in-nums>#workers { grid-area:workers; }
	.info-in-nums>#countries { grid-area:countries; }
	.info-in-nums>#speakers { grid-area:speakers; }
	*/
	.info-in-nums>img
	{
		display: none;
	}
	.title-wnb
	{
		margin-bottom: 32px;
	}
	.ed-inner {
	display: grid;
	grid-template-columns: 122px 1fr;
	grid-template-areas: "desc desc" "image courses";
	grid-column-gap: 49px;
	padding-top: 20px;
	}
	.partners
	{
		/*margin-top:-80px;*/
		padding:0 66px;
	}
	.partners-list
	{
		/*grid-template-columns: repeat(6, 1fr);
		grid-template-areas: "p1 p1 p2 p2 p3 p3"
		"p4 p4 p4 p5 p5 p5";*/
	}
	.partners-list>a 
	{
		height: 90px;
	}
	.partners-list>a:nth-child(1) { grid-area:p1; }
	.partners-list>a:nth-child(2) { grid-area:p2; }
	.partners-list>a:nth-child(3) { grid-area:p3; }
	.partners-list>a:nth-child(4) { grid-area:p4; }
	.partners-list>a:nth-child(5) { grid-area:p5; }
	
	.news-list .item 
	{
		display: grid;
		grid-template-columns: 140px 1fr;
	}
	.recall-div form
	{
		margin-top:40px;
	}
	footer
	{
		display: grid;
		grid-gap: 40px;
		grid-template-columns: 1fr 190px;
		grid-template-areas: "menu menu" "contacts about";
	}
	footer .menu {grid-area: menu; justify-content: space-between;}
	footer .contacts {grid-area: contacts;}
	footer .about {grid-area: about;}
	footer .about .logo
	{
		margin-bottom: 24px;
	}
	footer .menu>div
	{
		max-width: 190px;
		gap:14px;
	}
	footer .menu>div>span
	{
		margin-bottom: 2px;
	}
	header
	{
		padding:12px 6px;
	}
	header .logo-svg
	{
		width: 205px;
		height: 49px;
	}
	.title-wnb
	{
		gap:20px;
	}
	.block .desc
	{
		text-indent: 32px;
	}
	.about_fp .info
	{
		padding:80px 40px;
	}
	.image-with-bottom-galka .text-on-image, .goal .fon-full-block .gdesc 
	{
		padding:28px 24px;
	}
	.goal .white-blocks-list
	{
		gap:10px;
	}
	.goal .white-blocks-list>div
	{
		flex:none;
		width:220px;
	}
	.goal .running-line, .goal .white-blocks-list>div
	{
		height:180px;
	}
	.goal .fon-full-block
	{
		height: 465px;
	}
	.image-with-bottom-galka .text-on-image, .goal .fon-full-block .gdesc
	{
		width:432px;
	}
	.block.brown
	{
		padding:80px 24px;
	}
	.wwg-top
	{
		flex-direction: column;
	}
	.block .desc
	{
		margin-bottom: 24px;
	}
	.wwg-top
	{
		gap:40px;
	}
	.wwg-bottom
	{
		gap:53px;
	}
	.training-proceed-list.values>div 
	{
		padding:24px;
		height: 280px;
		gap:20px;
	}
	.about-line>div
	{
		width: initial;
	}
	.contacts.inner-main-fp
	{
		padding:80px 0;	
	}
	.contacts-line
	{
		margin-top: 16px;
	}
	.mutkort .line-info
	{
		margin:48px 0;
	}
	.olimpiada .line-info 
	{
		margin:26px 0 48px;
	}
	.video-plus-title
	{
		padding:32px;
		height: 360px;
	}
	.team-block
	{
		grid-template-columns: repeat(1, 1fr);
		grid-template-areas: "tdesc" "tlist";
		grid-gap: 40px;
	}
	.team-block .team-list
	{
		grid-area: tlist;
	}
	.team-block .tdesc 
	{
		grid-area: tdesc;
	}
	.team-list .photo-text-block
	{
		grid-template-columns: 260px 1fr;
	}
	.team-block .arrows
	{
		position: relative;
		bottom:initial;
		right: initial;
	}
	.team-block .tinfo
	{
		padding:32px;
	}
	.training-proceed-list, .give-list {
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
	}
	.mutkort3 .desc 
	{
		margin-bottom: 40px;
	}
	.stages-list>div.stage {
		grid-template-columns: 1fr 186px 1fr;
		grid-gap: 24px;
	}
	.stage .text>div
	{
		padding-right: 0;
	}
	.participation-div .title-div .image
	{
		height: 154px;
		margin-right: -200px;
	}
	.participation-div .title-div>div
	{
		padding-top:20px;
		gap:20px;
	}
	.participation-div .list 
	{
		padding:40px 8px;
	}
	.participation-div .list>div 
	{
		padding:10px 16px;
		min-height: 150px;
	}
	.video-plus-title>img 
	{
		margin-top: -41px;
		margin-left: -41px;
		width: 82px;
		height: 82px;
	}
	.olimpiada11 
	{
		padding:40px 24px;
	}
	.olimpiada11 .o_info {
		/*display: grid;
		grid-template-columns: 3fr 3fr 3fr 4fr;
		grid-template-rows: 1fr 214px;
		grid-gap: 10px;
		grid-template-areas: "text text text oiid4"
		"oiid1 oiid2 oiid3 oiid4";*/
	}

	.article-full
	{
		background-color: transparent;
		margin:0;
	}
	.article-full .main-fp {
	width:initial;
	}
	.article-full .back, .article-full .main-fp {
		margin:0;
	}
	.article-full .main-fp .image-with-top-galka
	{
		height: 421px;
	}
	.article-full .back
	{
		padding:10px 12px 20px;
	}
	.full-new-info
	{
		padding:60px 0;
		gap:35px;
	}
	.full-new-info img, .full-new-info .video.bigradius
	{
		border-radius: 10px;
	}
	.article-slider {
		gap: 26px;
	}
	.article-slider .arrow 
	{
		width: 30px;
		height: 30px;
		font-size: 30px;
	}
	.article-slider .image
	{
		gap: 21px;
	}
	.article-slider .points
	{
		gap:5px;
	}
	.article-slider .points>a
	{
		font-size: 5px;
	}
	.video .icon-play-border
	{
		margin-left: -27px;
		margin-top: -27px;
		width: 54px;
		height: 54px;
		font-size: 54px;
	}
	.quote {
		margin:12px 0 25px;
	}
	.quote:before
	{
		top:4px;
		bottom:4px;
	}
	.training-proceed-list>div {
		height:264px;
		gap: 28px;
	}
	.test-question-div.enter-reg-div
	{
		width: 100%;
	}
	.cabinet-all
	{
		display: block;
	}
	.cabinet-all .left-menu
	{
		display: none;
	}
	.top-menu-div
	{
		flex-direction: row-reverse;
		gap:8px;
	}
	.top-menu-div form.search
	{
		width: 168px;
		margin-left: 20px;
	}
	.top-menu-div .separate-line, .top-menu-div .lang
	{
		display: none;
	}
	.your-events .item 
	{
		grid-template-columns: 120px 290px 1fr;
	}
	.right-content .blocks
	{
		padding:80px 6px 110px;
	}
	.your-courses .event-item
	{
		width: 320px;
	}
	.take-part .event-item
	{
		width: 380px;
	}
}

@media all and (max-width: 768px)
{
	:root 
	{
	--bignum:600 32px/100% "Golos Text", serif;
	--p1: 400 14px/120% "Golos Text", serif;
	--p2: 400 12px/120% "Golos Text", serif;
	--p3: 400 12px/120% "Golos Text", serif;
	--p4: 400 10px/120% "Golos Text", serif;

	--h1: 400 26px/100% "Playfair Display", serif;
	--h2: 400 22px/100% "Playfair Display", serif;
	--h3pd: 400 20px/100% "Playfair Display", serif;
	--h3b: 400 20px/120% "Golos Text", serif;
	--h3: 400 14px/120% "Golos Text", serif;
	--h4: 400 20px/100% "Playfair Display", serif;
	}

	.shadow, .popup-menu
	{
		display:block;
		position: fixed;
		top:0;
		right: 0;
		left:0;
		bottom:0;
		z-index: 10;
		transform: translateX(100vw);
		transition: all 0.3s ease;
	}

	.shadow.visible, .popup-menu.visible
	{
		transform: translateX(0);
	}

	.popup-menu .menu
	{
		margin:initial;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		text-transform: uppercase;
	}
	.popup-menu .lang
	{
		align-items: flex-start;
	}
	.popup-menu .lang a, .popup-menu .lang span 
	{
		font: var(--p2);
	}
	.popup-menu>div 
	{
		/*height: 100%;*/
	}
	.shadow
	{
		background: rgba(0, 0, 0, 0.50);
	}	
	.popup-menu
	{
		z-index: 11;
	}
	.flex-line
	{
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
	.popup-menu
	{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		left:60px;
		background-color: var(--white);
		padding: 20px 16px;
		flex-wrap: wrap;
		flex-direction: column;
		gap: 2rem;
	}
	/*.popup-menu>div:nth-child(1)
	{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}*/
	.mob-contacts
	{
		flex: 1;
		padding-top: 1rem;
		width: 100%;
	}

	.mob-contacts .contacts
	{
		padding: 1rem 0;
		border-top: 1px solid var(--grey20);
		border-bottom: 1px solid var(--grey20);
	}

	.mob-contacts .contacts>div:nth-child(1)
	{
		display: flex;
		flex-direction: column;
		gap: 1rem;

	}

	.mob-contacts .contacts>div:nth-child(1) a
	{
		font: var(--h4);
	}

	.allcontent
	{
		padding:6px;
	}
	.main-fp .line
	{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 240px;
		margin-top: 32px;
	}
	.main-fp .line>div { width: 220px; }
	.main-fp .line>div:nth-child(2) { width: 240px; }
	.info-in-nums
	{
		grid-column-gap: 48px;
		grid-row-gap: 32px;
		grid-template-columns: 1fr 2fr;
		grid-template-areas: 
		"image number"
		"lang speakers"
		"countries workers"
		"salary salary"
	}
	.info-in-nums>img
	{
		display: block;
	}
	.partners 
	{
		/*margin-top: -60px;*/
		padding: 0 16px;
	}
	.partners-list
	{
		display: flex;
		align-items: center;
		justify-content: center;
		gap:6px;
		flex-wrap: wrap;/*-reverse*/
	}
	.partners-list>a 
	{
		flex:none;
		width:135px;
		height: 60px;
	}

	.padding-b-b {
	padding-bottom: 90px;
	}
	recall-div, .main-fp .info, footer, .education, .about-center .info {
	border-radius: 16px;
	}
	.blocks
	{
		gap:90px;
	}
	/*.main-fp .info
	{
		padding: 60px 4px;
	}*/
	recall-div,footer
	{
		padding:60px 24px;
	}
	.main-fp .info,.education.block,.about-center .info, .block.brown, .about_fp .info, .contacts.inner-main-fp
	{
		padding: 60px 16px;
	}
	.contacts-line
	{
		margin-top: 8px;
		grid-template-columns: repeat(1, 1fr);
	}
	.contacts-line>div {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		padding: 24px 0;
		gap: 32px;
	}
	.contacts-line>div:last-child
	{
		padding-bottom:0;
	}
	.contacts-line>div:nth-child(2)
	{
		border-left:0;
		border-right:0;
		border-bottom: 1px solid var(--grey30);
		border-top:1px solid var(--grey30);
	}
	.about_fp 
	{
		height: auto;
	}
	.main-fp .info
	{
		padding-bottom:17px;
	}
	.about-center .info { padding-bottom:0px; }
	.news-list, .events-list
	{
		margin:0 12px;
	}
	.events-list
	{
		display: flex;
		flex-direction: column;
	}
	header
	{
		padding:10px 8px;
	}
	header .logo-svg
	{
		width: 152px;
		height: 37px;
	}
	.ed-inner {
		display: flex;
		flex-direction: column;
		gap:32px;
		margin:0;
		padding:0;
	}
	.ed-inner .desc
	{
		margin:0;
		padding:0;
		text-indent: 24px;
	}
	.courses-list
	{
		gap:24px;
		padding-top:24px;
		border-top: 1px solid var(--brown50);
	}
	.courses-list>a 
	{
		padding-bottom:24px;
	}
	.info-in-nums>img, .education .image
	{
		width: 70px;
		border-radius: 6px;
	}
	.ed-inner .courses-list>a .desc
	{
		color: var(--brown50);
	}
	/*.central-div .desc
	{
		color: var(--green20);
	}*/
	.events-list .item .text
	{
		padding:32px 24px;
	}
	.image-with-bottom-galka:before, .image-with-bottom-galka:after, .image-with-top-galka:before, .image-with-top-galka:after
	{
		height: 46px;
	}
	.image-with-bottom-galka:before {
	border-top-right-radius: 46px;
	}
	.image-with-bottom-galka:after {
	border-top-left-radius: 46px;
	}
	.image-with-top-galka:before {
	border-bottom-right-radius: 46px;
	}
	.image-with-top-galka:after {
	border-bottom-left-radius: 46px;
	}
	.image-with-top-galka {
	padding-top: 100%;
	}
	.about-center .image-with-bottom-galka {
		padding-top: 133%;
	}
	.news-list.main-list
	{
		width: 100vw;
		overflow: auto;
		margin-left: -10px;
		padding:0 10px;
		flex-direction: row;
		gap:16px;
	}
	.news-list
	{
		width: 100%;
		overflow: initial;
		margin: 0;
		padding:0;
		display: flex;
		flex-direction: column;
		gap:12px;
	}
	.news-list.main-list .item
	{
		width: 276px;
		grid-template-rows: 140px 1fr;
	}
	.news-list .item 
	{
		/*display: flex;
		flex:none;
		flex-direction:column;
		display: grid;*/
		display: grid;
		flex:none;
		grid-template-columns: 1fr;
		grid-template-rows: 50vw 1fr;
		width: 100%;
	}
	.news-list .item .image
	{
		width: 100%;
		/*height: 140px;*/
	}
	.title-wnb
	{
		padding-bottom: 8px;
	}
	.news-list .item .image 
	{
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 0px;
	}
	.news-list .item .text .icon-link-arrow 
	{
		display: block;
		position:absolute;
		top:calc(8px - 50vw);
		right: 8px;
		background-color: var(--white);
		color: var(--grey);
	}

	.news-list.main-list .item .text .icon-link-arrow 
	{
		top:-132px;
		background-color: var(--white);
		color: var(--grey);
	}
	.news-list .text .title, .news-list .text .anons
	{
		padding:0
	}
	.news-list .text .anons
	{
		height: 44px;
	}
	.news-list.full .text .anons
	{
		color: var(--grey50);
		height: 28px;
		text-overflow:ellipsis;
		margin-bottom:12px;
	}
	/*.news-list.main-list .text .tags 
	{
		position: absolute;
		right: 8px;
		bottom:8px;
	}*/
	.news-list.full .text .tags 
	{
		left:24px;
		bottom:24px;
		justify-content: flex-start;
	}
	.news-list .text
	{
		padding:24px 24px 24px 24px;
		gap:16px;
	}
	.recall-div form
	{
		flex-direction: column;
		gap:16px;
	}
	.recall-div form>div, .recall-div form>button
	{
		width: 100%;
	}
	.recall-div form input 
	{
		height: 48px;
	}
	.recall-div form>div>span
	{
		padding-left: 0px;
		letter-spacing: -0.2px;
	}
	footer
	{
		display: grid;
		grid-template-columns: 1fr;
		grid-template-areas: "contacts" "menu" "about";
	}
	footer .menu
	{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 24px;
		grid-row-gap:32px;
		padding:40px 0;
		border-top:1px solid var(--grey90);
		border-bottom:1px solid var(--grey90);
	}
	footer .about
	{
		align-items:center;
		text-align: center;
	}
	footer .contacts
	{
		gap:24px;
	}
	footer .about .logo {
	margin-bottom: 16px;
	}
	.wwg-bottom
	{
		flex-direction: column;
	}
	.image-with-bottom-galka .text-on-image, .goal .fon-full-block .gdesc
	{
		width:100%;
	}
	.image-with-bottom-galka .galka:before, .image-with-bottom-galka .galka:after
	{
		width: 32px;
		height: 32px;
	}
	.image-with-bottom-galka .galka
	{
		bottom:46px;
	}
	.head-line
	{
		gap:16px;
		flex-direction: column;
		text-align: center;
	}
	.head-line h1 
	{
		margin-bottom: 0;
	}
	.about-line
	{
		border-top: none;
		flex-direction: column;
		margin-top:62px;
	}
	.about-line>div:nth-child(1)
	{
		padding-bottom:24px;
		border-bottom:1px solid var(--green50);
	}
	.about-line>div:nth-child(2)
	{
		padding-top:24px;
	}
	.about-line>div>img, .wwg-bottom>div>img
	{
		width: 36px;
	}
	.goal .white-blocks-list>div
	{
		width: 160px;
		padding:16px;
	}
	.what-will-get .running-line
	{
		margin:60px -16px 40px;
	}
	.training-proceed-list.values
	{
		grid-template-columns: repeat(1, 1fr);
	}
	.training-proceed-list.values>div
	{
		height: 200px;
	}
	.partners
	{
		gap:24px;
	}
	.mutkort.inner-main-fp .info, .olimpiada.inner-main-fp .info
	{
		padding:60px 24px 80px;
	}
	.mutkort .line-info
	{
		margin:40px 0 206px;
		width:initial;
	}
	.courses .info
	{
		padding:20px 20px 80px;
	}
	.olimpiada .line-info
	{
		margin:0 0 170px;
	}
	.mutkort .button 
	{
		width: initial;
	}
	.qualities, .give-list
	{
		display: flex;
		flex-direction: column;
		gap:10px;
	}
	.qualities>div, .give-list>div
	{
		height: 140px;
		padding:16px;
	}
	.give-list>div
	{
		flex-direction: column-reverse;
	}
	.video-plus-title {
		padding: 24px;
		height: 490px;
	}
	.internship
	{
		margin-top:10px;
		padding:24px;
		height:420px;
		justify-content: flex-start;
	}
	.internship img 
	{
		width: 26px;
	}
	.stages-list>div.stage
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap:16px;
	}
	.participation-div .title-div .image
	{
		background-image: url('/images/participation_mob.png');
		margin: 0;
		width: 100%;
		background-size: cover;
		border-radius: 16px;
	}
	.title-div
	{
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.participation-div .title-div>div {
		padding: 8px 16px;
		gap: 8px;
	}
	.participation-div .title-div>div .title
	{
		text-align: left;
	}
	.participation-div .list {
		padding: 32px 0px;
		grid-template-columns: repeat(1, 1fr);
	}
	.participation-div .list>div {
		padding: 76px 16px 24px;
		border:none;
		min-height: 100px;
		border-top:1px solid var(--brown20);
	}
	.olimpiada11
	{
		padding:32px 16px;
	}
	.olimpiada11 .o_info 
	{
		display: flex;
		flex-direction: column;
		gap:10px;
	}
	.olimpiada11 .o_info .text
	{ margin-bottom:22px; }
	.o-info-image-div
	{
		border-radius: 16px;
		padding:16px;
		height: 160px;
	}
	.olimpiada2-info-in-nums
	{
		display: flex;
		flex-direction: column-reverse;	
	}
	.olimpiada2 .ninfo 
	{
		padding:32px 16px;
	}
	.photo-text-block>img, .photo-text-block>.image, .your-events .item .image {
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	}
	.olimpiada2 .photo-text-block>img
	{
		border-top-left-radius: 0;
		border-bottom-right-radius: 16px;
	}
	.forum.inner-main-fp .info
	{
		padding:24px 30px 80px;
	}
	.forum .buttons-line {
		margin-top: 40px;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 12px;
		width: 100%;
	}
	.forum .buttons-line>a 
	{
		width: initial;
		padding:8px 20px;
		width: 100%;
	}
	.mutkort .desc, .forum .desc
	{
		width: initial;
	}
	.forum1-themes {
	display: flex;
	flex-direction: column;
	margin: -70px 0 -60px;
	}
	.forum1-themes .info {
		margin-top:-20px;
	padding: 0 40px 50px 20px;
	}
	.forum1-themes .image
	{
		width:100%;
		height: 306px;
		border-radius: 16px;
	}
	.forum1-themes .image .gradient
	{
		background: linear-gradient(180deg, rgba(105, 115, 93, 0.00) 53.99%, #69735D 86.78%);
	}
	.forum13-nums
	{
		display: flex;
		flex-direction: column;
		gap:14px;
	}
	.forum13-nums>div
	{
		max-width: 196px;
	}
	.half-divs
	{
		display: block;
		flex-direction: column;
	}
	.for-who .photo-text-block 
	{
		display: flex;
		flex-direction: column;
	}
	.for-who .photo-text-block .image
	{
		height: 190px;
	}
	.half-divs>img, .for-who .photo-text-block .image
	{
		width:100%;
		border-bottom-left-radius: 0;
		border-top-left-radius:16px;
		border-top-right-radius:16px;
	}
	.for-who .ninfo
	{
		padding:20px 12px;
		gap:40px;
	}
	.half-divs .ninfo
	{
		padding:18px 12px;
		gap:16px;
	}
	.forum4 .itogs {
		padding: 28px 24px;
		height: initial;
		min-height: 240px;
	}
	.mission .arrows/*, .team-block .arrows*/
	{
		display: none;
	}
	.mission-list
	{
		padding:0 6px;
		margin:0 -6px;
		overflow: auto;
		width: 100%;
	}
	.mission-list>div 
	{
		gap:10px;
	}
	.mission-list .photo-text-block, .team-list .photo-text-block 
	{
		flex: none;
		width: 276px;
		height: 420px;
		display: flex;
		flex-direction: column-reverse;
	}

	.team-list .photo-text-block 
	{
		height: auto;
	}

	.mission-list .photo-text-block .image
	{
		flex:none;
		width: 100%;
		height: 140px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
		background-position: top center;
	}
	.mission-list .photo-text-block .minfo, .team-list .photo-text-block .tinfo
	{
		padding:24px;
	}
	.mutkort2 .tdesc
	{
		margin-top:0;
	}
	.team-list .photo-text-block 
	{
		flex-direction: column;
	}
	.team-list .photo-text-block .image
	{
		flex:none;
		width: 100%;
		height: 140px;
		background-position: top center;
		border-top-left-radius: 16px;
		border-bottom-left-radius: 0;
		border-top-right-radius: 16px;
	}
	.team-list .photo-text-block .tinfo 
	{
		gap:20px;
		justify-content: space-between;
	}
	.stage .name
	{
		text-align: center;
	}
	.bigradius
	{
		border-radius: 16px;
	}
	/*.article-full
	{
		background-color: transparent;
		margin:0;
	}
	.article-full .main-fp {
	width:initial;
	}
	.article-full .back, .article-full .main-fp {
		margin:0;
	}*/
	.article-full .main-fp .image-with-top-galka
	{
		height: 387px;
	}
	.full-new-info
	{
		padding:36px 0;
		gap:24px;
	}
	.full-new-info img, .full-new-info .video.bigradius
	{
		border-radius: 8px;
	}
	.article-slider {
		gap: 7px;
	}
	.article-slider .arrow 
	{
		width: 22px;
		height: 22px;
		font-size: 22px;
	}
	.article-slider .image
	{
		gap: 9px;
	}
	.article-slider .points
	{
		gap:4px;
	}
	.article-slider .points>a
	{
		font-size: 4px;
	}
	.quote {
		font: var(--h3b);
		margin:12px 0;
	}
	.share>span 
	{
		width: 216px;
	}
	.inner-main-fp .tags, .brown .tags
	{
		gap:15px;
	}
	.inner-main-fp .tags>div, .brown .tags>div
	{
		padding:9px;
	}
	.courses .line-info
	{
		flex-direction: column;
		gap:20px;
	}
	.wa-list>div
	{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap:20px;
		padding:30px 0;
	}
	.wa-list>div span 
	{
		text-align: center;
	}
	.what-awaits.block.brown 
	{
		padding:30px 16px 10px;
	}
	.wa-list
	{
		margin-top: 20px;
	}
	.training-proceed-list
	{
		grid-template-columns: repeat(1, 1fr);
	}
	.training-proceed-list>div
	{
		height: 170px;
		justify-content: space-around;
		gap:10px;
	}
	.training-proceed-list>div, .give-list>div, .recall-div, .main-fp .info, footer, .education, .about-center .info, .inner-main-fp .info, .brown.block, .contacts.inner-main-fp, .page404, .olimpiada11
	{
		border-radius: 16px;
	}

	.what-will-get .running-line
	{
		width: 100%;
	}
	.teachers .desc {
	padding-right: 0;
	}
	.teachers-list .arrows
	{
		position: relative;
		top:initial;
		right: initial;
		justify-content: center;
	}
	.teachers-list
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap:12px;
	}
	.teachers-list>.item
	{
		width: 100%;
	}
	.teachers-list .item .image
	{
		flex: none;
		padding-top: initial;
		background-position: top center;
		display: block;
		padding-top: 100%;
	}
	.teachers-list .item .text
	{
		padding:16px 25px;
		gap:10px;
	}
	.program .space-between
	{
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column-reverse;
		gap:14px;
	}
	.program.block.brown {
	padding: 24px 16px 10px;
	}
	.modules-list>div {
	padding: 20px 60px 20px 0;
	min-height: 72px;
	}
	.modules-list>div.open span.text
	{
		margin-top:20px;
	}
	.modules-list>div:after
	{
		width: 34px;
		height: 34px;
		font-size: 34px;
	}
	.how-start .training-proceed-list>div
	{
		padding:20px 16px;
		height: 110px;
	}
	.training-proceed-list .line .num {
	width: 34px;
	height: 34px;
	padding-bottom: 8px;
	}
	.enter-bg .central-div {
	gap: 0px;
	}
	.enter-reg-div {
	width: 100%;
	padding: 60px 24px;
	}
	 .profile-div {
	width: 100%;
	padding: 32px 24px;
	}
	.enter-reg-div .desc {
	margin-bottom: 32px;
	}
	.enter-reg-div h1 {
	margin: 0 0 16px;
	}
	.form-help {
	margin-top: 24px;
	gap: 8px;
	}
	.photo-div, .photo-line
	{
		display: flex;
		flex-direction: column;
		gap:24px;
	}
	.photo-div
	{
		padding-bottom: 24px;
		margin-bottom: 8px;
		border-bottom:1px solid #DDE1E6;
	}
	.photo-line .photo-desc
	{
		padding-left:0;
	}
	.profile-div
	{
		margin-top:32px;
	} 
	.profile-div .input-line
	{
		flex-direction: column;
	}
	.profile-form .button
	{
		width: initial;
	}
	.enter-bg .central-div h1.h2 
	{
		margin-bottom: 16px;
	}
	.profile-div .headline
	{
		/*font: var(--h3pd);*/
	}
	.photo-download-line>div {
	gap: 16px;
	border-right: none;
	}
	.photo-download-buttons
	{
		width: initial;
		height: 100%;
		gap:4px;
	}
	.photo-download-buttons .button.white
	{
		height: 40px;
	}
	.photo-line .photo-desc ol
	{
		margin-top: 8px;
	}
	.photo-download-line .face-image
	{
		width: 60px;
		height: 60px;
	}
	.page-nums .phide
	{
		display: none;
	}
	.pager .arrow
	{
		width: 32px;
		height: 32px;
		font-size: 32px;
	}
	.page-nums>span, .page-nums>a
	{
		width: 27px;
		height: 27px;
	}
	.test-question-div.enter-reg-div>div:nth-child(n+2)
	{
		flex-direction: column;
		gap:20px;
	}
	.test-question-div.enter-reg-div>div:last-child
	{
		flex-direction: column-reverse;
		align-items: center;
		justify-content: center;
	}
	.test-question-div>.question-and-aswers .answer_options, .test-question-div .black.button
	{
		width: 100%;
	}
	.enter-bg .central-div.form-div
	{
		padding:20px 24px 30px;
		gap:0px;
	}
	.test-question-div>.question-and-aswers
	{
		margin:45px 0 30px;
	}
	.enter-reg-div.test-div .desc, .enter-reg-div.test-div h1 
	{
		margin:0;
	}
	.test-div>div:first-child {
		gap: 16px;
	}
	.test-div>div:last-child {
		gap: 24px;
	}
	.enter-bg .central-div.form-div.test-div {
		gap: 32px;
	}
	.top-menu-div .logo, .top-menu-div .mobmenu-a
	{
		display: flex;
	}
	.top-menu-div .top-menu-list, .top-menu-div form.search
	{
		display: none; 
	}
	.top-menu-div .logo-svg {
	width: 153px;
	height: 37px;
	}
	.top-menu-div
	{
		flex-direction: row;
	}
	.person-div
	{
		padding:16px;
		gap: 16px;
	}
	.cabinet-all 
	{
		padding: 0;
	}
	.your-events .item
	{
		grid-template-columns: 100px 1fr;
		grid-template-areas: "image info-div" "status-div status-div";
		gap:0;
		height: initial;
	}
	.your-events .item .image 
	{
		grid-area: image;
	}
	.your-events .item .info-div
	{
		grid-area: info-div;
		background-color: var(--green);
		color: var(--white);
		border-top-right-radius: 16px;
		border-bottom-right-radius: 16px;
		padding:24px 16px;
		gap:24px;
	}
	.item .info-div .idesc
	{
		color: var(--green20);
	}
	.your-events .item .status-div
	{
		grid-area: status-div;
		padding:24px;
		gap:24px;
	}
	.cabinet-all .event-item .info-div, .ic-list .ic-item
	{
		padding:24px;
	}
	.your-events .item .status-div .button
	{
		width: 100%;
	}
	.slide-line-list
	{
		width: 100%;
		margin:0;
	}
	.cabinet-all .slide-line-list .list, .introductory-courses .ic-list
	{
		width: 100%;
		flex-direction: column;
	}
	.cabinet-all .slide-line-list .list>div, .cabinet-all .slide-line-list .list>a, .ic-list .ic-item 
	{
		width: 100%;
	}
	.event-full-info
	{
		display: flex;
		flex-direction: column;
		gap:24px;
	}
	.title-wnb.with-desc-near-title
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap:0;
		border:none;
		padding:0;
	}
	.title-wnb.with-desc-near-title h2
	{
		padding-bottom:8px;
		border-bottom: 1px solid var(--grey30);
		margin-bottom: 24px;
		width: 100%;
	}
	.title-wnb.with-desc-near-title .desc-near-title
	{
		width: 100%;
	}
	.materials-list
	{
		display: block;
		overflow: auto;
		margin-right: -16px;
		width: calc(100% + 16px);
	}
	.materials-list>div
	{
		display: flex;
		align-items: flex-start;
		gap: 10;
	}
	.materials-list>div>a
	{
		flex:none;
		width: 280px;
	}
	.popup-menu.cabinet-menu
	{
		display: flex;
		flex-direction: column;
		gap:40px;
		padding: 16px 16px 24px;
	}
	.popup-menu>div:nth-child(1).logo-and-close
	{
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		align-items: center;
		height: 41px;
		width: 100%;
	}
	.cabinet-menu .mobmenu-a
	{
		background-color: var(--grey80);
	}
	.cabinet-menu-main
	{
		display: flex;
		flex-direction: column;
		gap:40px;
		font:var(--p3);
	}
	.cabinet-menu-main>div:nth-child(1)
	{
		display: flex;
		flex-direction: column;
		gap:20px;
	}
	.cabinet-menu .menu-group .title
	{	
		margin-bottom: 16px;
		color: var(--grey40);
	}
	.popup-menu.cabinet-menu>div
	{
		height: initial;
	}
	.cabinet-menu .contacts
	{
		width: 100%;
		height: initial;
		padding:32px 0;
		border-top:1px solid var(--grey20);
		border-bottom:1px solid var(--grey20);
	}
	.cabinet-menu .lang-and-exit
	{
		flex:1;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-end;
		width: 100%;
		gap:11px;
	}
	.cabinet-menu .lang-and-exit .lang 
	{
		margin-bottom:13px;
	}
	.cabinet-menu .lang-and-exit .enter
	{
		background-color: var(--green);
		flex:1;
	}
	.popup-menu.cabinet-menu .social
	{
		margin-top:24px;
	}
	.popup-menu.cabinet-menu .social>a 
	{
		color: var(--gold);
	}
}

@media all and (min-width: 1360px)
{
	:root 
	{
	--bignum:600 52px/100% "Golos Text", serif;
	--p1: 400 20px/120% "Golos Text", serif;
	--p2: 400 16px/120% "Golos Text", serif;
	--p3: 400 14px/120% "Golos Text", serif;
	--p4: 400 12px/120% "Golos Text", serif;
; 
	--h1: 400 52px/105% "Playfair Display", serif;
	--h2: 400 42px/100% "Playfair Display", serif;
	--h3pd: 400 34px/100% "Playfair Display", serif;
	--h3: 400 30px/120% "Golos Text", serif;
	--h4: 400 26px/100% "Playfair Display", serif;
	--h6: 400 20px/100% "Playfair Display", serif;
	}
}
@media all and (min-width: 1540px)
{
	:root 
	{
	--bignum:600 54px/100% "Golos Text", serif;
	--p1: 400 22px/120% "Golos Text", serif;
	--p2: 400 18px/120% "Golos Text", serif;
	--p3: 400 16px/120% "Golos Text", serif;
	--p4: 400 14px/120% "Golos Text", serif;

	--h1: 400 54px/105% "Playfair Display", serif;
	--h2: 400 44px/100% "Playfair Display", serif;
	--h3pd: 400 36px/100% "Playfair Display", serif;
	--h3: 400 32px/120% "Golos Text", serif;
	--h4: 400 28px/100% "Playfair Display", serif;
	--h6: 400 22px/100% "Playfair Display", serif;
	}
	.image-with-top-galka,.image-with-bottom-galka
	{
		background-size: cover;
	}
}
@media all and (min-width: 1800px)
{
	:root 
	{
	--bignum:600 56px/100% "Golos Text", serif;
	--p1: 400 24px/120% "Golos Text", serif;
	--p2: 400 20px/120% "Golos Text", serif;
	--p3: 400 18px/120% "Golos Text", serif;
	--p4: 400 16px/120% "Golos Text", serif;

	--h1: 400 56px/105% "Playfair Display", serif;
	--h2: 400 46px/100% "Playfair Display", serif;
	--h3pd: 400 38px/100% "Playfair Display", serif;
	--h3: 400 34px/120% "Golos Text", serif;
	--h4: 400 30px/100% "Playfair Display", serif;
	--h6: 400 24px/100% "Playfair Display", serif;
	}
}

#tinymce .article-slider
{
	padding: 30px;
	background-color: #71a9f1;
	display: block;
}

#tinymce .article-slider img
{
	max-width: 150px;
}

.test-result .group-selector>span
{
	display: none;
}

.test-result .group-selector.loading>span
{
	display: block;
}

.test-result .group-selector.loading>select, .test-result .group-selector.loading>a
{
	display: none;
}