@charset "utf-8";

*, ::after, ::before {
	box-sizing: border-box;
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
}

.top-ab,
.main-ab,
.ab {
	position: relative;
}

.top-ab img {
	margin: 0 auto;
}

.ab img {
	max-width: 100%;
}

.top-ab::after,
.main-ab::after,
.ab::after {
	content: 'Реклама';
	display: block;
	position: absolute;
	z-index: 100;
	bottom: 0;
	left: 0;
	padding: 2px;
	font-size: 11px;
	opacity: 0.6;
	background: red;
	color: #fff;

}

.online-marker {
	display: inline-block;
	padding: 0 8px;
	background: #21c615;
	color: #fff;
	border-radius: 20px;
	line-height: 1.4;
	font-size: 11px;
	margin-left: 8px;
	position: relative;
	z-index: 2;
}


.filter-404 {
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px 40px 40px;
	background: #fafafa;
}

.filter-404.active {
	display: flex;
}

.filter-404__inner {
	width: 562px;
	max-width: 100%;
	margin-left: 80px;
}

.filter-404__title {
	font-family: 'Onest-CapsHeavy', sans-serif;
	font-size: 32px;
	line-height: 1.1;
	max-width: 348px;
	margin-bottom: 10px;
	font-display: swap;
}

.filter-404__text {
	margin-bottom: 20px;
}

.modal-overlay--start.modal-overlay--active .modal-overlay__inner {
	display: flex;
	padding-left: 260px;
	max-width: 720px;
}

.modal-overlay__img {
	position: absolute;
	left: 0;
	bottom: 0;
}

.modal-overlay--start .modal-overlay__title {
	margin-bottom: 7px;
}

.raiting-row .name {
	line-height: 1.8;
}

.modal-overlay {
	font-family: Onest, sans-serif;
	font-display: swap;
}

.content__article-link {
	z-index: 1;
}

.smart-desc1 h3 {
	margin: 0 20px 0 0;
	font-family: 'Onest-CapsHeavy', sans-serif;
	position: static;
	padding: 0;
	font-size: 16px;
	line-height: 27px;
	width: 150px;
	min-width: 150px;
	font-display: swap;
}

@media (max-width: 425px) {
	.smart-desc1 h3 {
		min-width: 120px;
		width: 120px;
	}
}

.exams-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}



.exams-list li {
	margin-right: 10px;
	margin-bottom: 4px;
}

.faq__nav {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 21px 21px 0;
	padding: 0 0 30px;
}

.faq__nav--fixed {
	position: fixed;
	z-index: 101;
	top: 0;
	left: 0;
	right: 0;
	padding: 30px;
	box-shadow: 0 3px 8px 0px rgba(66, 31, 37, .47);
	background-color: white;
	width: 89%;
	margin: 0;
}

.faq__nav a {
	display: inline-block;
	text-decoration: none;
	padding: 6px 20px;
	background: #fff;
	font-size: 14px;
	border-radius: 20px;
	border: 1px solid #ccc;
	transition: all .3s ease;
	margin-right: 10px;
	margin-bottom: 4px;
}

.faq__nav a:hover {
	background: #e41b2e;
	color: #f8f8f8;
	border: 1px solid #e41b2e;
	transition: all .3s ease;
}

.faq__nav--fixed a {
	background: #e41b2e;
	color: white;
	border-color: #e41b2e;
}

.faq__nav--fixed a:hover {
	background: #fff;
	color: #2c263e;
	border-color: #ccc;
}

.exams-list a {
	white-space: nowrap;
}

.p-attention {
	position: relative;
	border-left: 1px solid #000;
	padding-top: 5px;
	padding-left: 11px;
	margin-left: 27px;
}

.p-attention::before {
	content: '!';
	display: block;
	position: absolute;
	left: -20px;
	top: calc(50% - 21px);
	font-family: 'Onest-CapsHeavy', sans-serif;
	font-size: 42px;
	line-height: 1;
	color: #e41b2e;
	font-display: swap;
}

@media (max-width: 1366px) {
	.faq__nav {
		justify-content: flex-start;
	}

	.faq__nav--fixed {
		justify-content: space-around;
	}
}

@media (max-width: 1280px) and (min-width: 768px) {
	.faq__nav--fixed {
		width: calc(100% - 140px);
	}
}

@media (max-width: 1100px) {
	.faq__nav--fixed {
		justify-content: flex-start;
		padding: 15px;
	}

	.faq__nav--fixed a {
		padding: 6px 9px;
	}
}

@media (max-width: 780px) {
	.faq__nav--fixed {
		padding: 10px;
	}

	.faq__nav--fixed a {
		font-size: 13px;
		padding: 5px 9px;
	}
}

@media (max-width: 767px) {
	.faq__nav--fixed {
		width: 100%;
	}
}

@media (max-width: 605px) {
	.faq__nav--fixed a {
		font-size: 12px;
	}
}

@media (max-width: 550px) {
	.faq__nav {
		padding: 0 0 30px 15px;
		margin: 0 15px 21px 0;
	}

	.faq__nav--fixed {
		padding: 10px;
		margin: 0;
	}

	.modal-overlay--start.modal-overlay--active .modal-overlay__inner {
		padding-left: 40px;
	}

	.modal-overlay--start .modal-overlay__img {
		display: none;
	}
}

.smart-desc1 {
	display: flex;
	align-items: center;
	margin: 14px 0;
}

@media (max-width: 550px) {
	.smart-desc1 {
		margin: 14px;
	}
}

.special-block {
	padding: 47px 0 47px 79px;
}

.tab-form-send {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.checkbox~.checkbox__label {
	width: 75%;
	text-align: left;
}

.title--fw {
	max-width: none;
}

.no-selectbox {
	padding: 6px 20px;
	font-size: 13px;
	width: 100%;
	color: #0d132c;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.vertical-title .vertical-title__text {
	text-align: right;
	transform: rotate(-90deg) translateX(-336px);
}


.school-card__award {
	width: 132px;
}

.btn--registry,
.btn--registry-red {
	text-align: center;
}

.course-general-info__logo-wrapper,
.course-general-info__logo-wrapper--small {
	margin-right: 6%;
}

.school-card__student-rating .raiting-stars {
	margin-bottom: 10px;
}

.article--inner {
	margin-right: 6%;
}

.tooltip p {
	color: #fff;
}

.content-ab {
	width: 100%;
	text-align: center;
	margin-top: 0;
	padding-bottom: 40px;
}

.main-ab img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.sidebar-nav .ab img {
	max-width: 100%;
}

.sidebar-nav .ab {
	margin-bottom: 15px;
}

.main-ab.card-h-banner {
	margin-bottom: 40px;
	margin-right: 6%;
}

.block-left.reviews-block-left {
	margin-bottom: 60px;
}

.main-ab {
	margin-bottom: 20px;
}

.main-ab a {
	display: block;
}

.main-ab a[href*="https://www.divelang.ru/"] {
	background: #8dccff;
}

.main-ab a[href*="bid=857"] {
	background-image: linear-gradient(to right, #c4c6c9, #d5d6d8);
}

.main-ab a[href*="www.ef.ru/englishfirst/landing/ru/bts17"] {
	background-image: linear-gradient(to right, #72c1d2 50%, #b3bdc1 50%);
}

.main-ab a[href*="bid=838"] {
	background-image: linear-gradient(to right, #ffffff 30%, #5cc2eb 30%);
}

.main-ab a[href*="bid=860"] {
	background: #ffffff;
}

.main-ab a[href*="bid=891"] {
	background-image: linear-gradient(to right, #f7faec 30%, #ffffff 30%);
}

.main-ab a[href*="bid=981"] {
	background-image: linear-gradient(to right, #5093e8 30%, #6a60d3 30%);
	height: auto;
}

.main-ab a[href*="bid=934"] {
	background: #f2f1ef;
}

.main-ab a[href*="bid=940"] {
	background-image: linear-gradient(to bottom, #3272b0, #578cc0);
}

.main-ab a[href*="bid=944"] {
	background: #ebedfa;
}

.school-card__buttons {
	margin: 46px 8px 0 7%;
}

.site-link {
	color: #c20f1b;
}

.sidebar-nav .ab:first-of-type {
	margin-top: 120px;
}

.metro-lines-box .metro-lines-block {
	width: 100%;
	margin: 0 auto;
}

.media-files__item iframe {
	width: 100%;
}

.subs-metro-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.subs-metro-left {
	width: 75%;
	overflow: hidden;
	height: 787px;
}

.subs-metro-right {
	width: 25%;
	padding-left: 10px;
	padding-right: 10px;
	color: #2c263e;
	font-family: 'Onest', sans-serif;
	font-display: swap;
}

.subs-metro-right h3 {
	margin-top: 0;
}

.subs-metro-block .search-list {
	height: 100%;
	max-height: 721px;
	overflow-y: auto;

	scrollbar-face-color: #c10f1a;
	scrollbar-track-color: #d4d4d4;
	scrollbar-arrow-color: #d4d4d4;
}

.subs-metro-block .search-list::-webkit-scrollbar {
	width: 0.4em;
	background-color: #d4d4d4;
}

.subs-metro-block .search-list::-webkit-scrollbar-thumb {
	background-color: #c10f1a;
}

.subs-metro-block .search-list ul.metro-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.subs-metro-block .search-list ul.metro-list>li {
	margin-bottom: 10px;
}

.subs-metro-block .search-list ul.metro-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.subs-metro-block .search-list ul.metro-list a {
	text-decoration: none;
}

.subs-metro-block .search-list ul.metro-list a:hover {
	color: #e41b2e;
}

.subs-metro-block .filials-list {
	padding: 0;
	margin: 0;
	list-style: none;
}

.subs-metro-block .filials-list ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.box2 .content2 .subs-block ul.filials-list .title {
	font-weight: 700;
}

.subs-block h2 {
	margin-top: 0;
}

.subs-block .tabs-block ul.ui-tabs-nav.ui-widget-header {
	background: none;
	border: 0;
	padding: 0;
}

.subs-block .tabs-block ul.ui-tabs-nav.ui-widget-header li {
	border: none;
	margin: 0;
}

.subs-block .tabs-block ul.ui-tabs-nav.ui-widget-header li:focus, .subs-block .tabs-block ul.ui-tabs-nav.ui-widget-header li a:focus {
	outline: none;
}

.subs-block .tabs-block ul.ui-tabs-nav.ui-widget-header li.ui-tabs-active, .subs-block .tabs-block ul.ui-tabs-nav.ui-widget-header li.ui-state-default {
	background: none;
}

.subs-block .tabs-block ul.ui-tabs-nav.ui-widget-header li a {
	padding: 6px 22px 7px 15px;
	color: #060a1e;
	background-color: #f9f9f9;
	border: 1px solid #dddddd;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 35px;
}

.subs-block .tabs-block ul.ui-tabs-nav.ui-widget-header li a svg {
	fill: #212f52;
	margin-right: 11px;
}

.subs-block .tabs-block ul.ui-tabs-nav.ui-widget-header li.ui-tabs-active a svg {
	fill: white;
}

.subs-block .tabs-block ul.ui-tabs-nav.ui-widget-header li:first-child a {
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
}

.subs-block .tabs-block ul.ui-tabs-nav.ui-widget-header li:last-child a {
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
}

.subs-block .tabs-block ul.ui-tabs-nav.ui-widget-header li.ui-tabs-active a {
	background-color: #c20f1b;
	color: #ffffff;
	cursor: default;
}

.subs-block .tabs-block .links-box {
	position: relative;
	bottom: 20px;
}

.subs-block .tabs-block #tabs-2, .subs-block .tabs-block #tabs-1 {
	padding: 0;
}


.main-ab a[href*="www.dschool.ru"] {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff4f1;
}

.main-ab a>div {
	margin: 0 auto;
}

.main-ab a[href*="bid=867"],
.main-ab a[href*="bid=869"] {
	background: #fff;
}

.main-ab a[href*="bid=865"] {
	background-image: linear-gradient(to right, #dedfe3 30%, #e1e2e6 30%);
}

.course-general-info__price .btn--registry-red {
	min-width: 153px;
	padding: 10px 21px;
}

.course-general-info__price .btn--registry-red:hover {
	padding: 9px 20px;
}

.course-general-info__price .btn--registry-red+.btn--registry {
	min-width: 153px;
}

.content__section:only-child {
	min-height: calc(100vh - 605px);
}

.compare-message__title {
	font-size: 21px;
	line-height: 0.85;
	margin: 0 0 62px;
	text-transform: uppercase;
	color: #1f2233;
	font-family: 'Onest-CapsHeavy', sans-serif;
	font-display: swap;
}

.compare-message__img img {
	max-width: 100%;
}

.modal-result,
.loader {
	display: none;
}

.modal-overlay .modal-result,
.modal-overlay .loader {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 94px;
	top: 0;
	left: 0;
	background: #fff;

}

.modal-overlay .loader {
	z-index: 10;
}

.modal-overlay .modal-result {
	z-index: 11;
}

.modal-overlay .modal-overlay-close {
	z-index: 20;
}

.modal-overlay__inner .modal-title {
	margin-bottom: 20px;
	font-family: 'Onest-CapsHeavy', sans-serif;
	font-size: 24px;
	color: #000;
	font-display: swap;
}


.event-subscribe {
	height: 488px;
}

.event-subscribe .modal-result,
.event-subscribe .loader {
	font-family: 'Onest-CapsHeavy', sans-serif;
	color: #f8f8f8;
	font-size: 30px;
	font-display: swap;
}

.modal-result--active,
.loader--active {
	display: block;
}

.flex-wrapper .courses-list .courses-list__item {
	padding: 60px 7% 59px 9%;
}

.title .breadcrumbs {
	font-size: 11px;
	color: #f8f8f8;
	opacity: 0.5;
	font-family: 'Onest', sans-serif;
	text-transform: initial;
	font-weight: 400;
}

.title .breadcrumbs__list-item {
	font-size: 11px;
	color: #f8f8f8;
	font-family: 'Onest', sans-serif;
	text-transform: initial;
	font-weight: 400;
	font-display: swap;
}

div.title--bg {
	padding: 20px 0 0 4.5%;
}

.to-top {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 10px;
	width: 40px;
	height: 40px;
	background: #2c3a5c;
	cursor: pointer;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	z-index: 200;
}

.to-top:hover {
	background: #1a2746;
}

.to-top::after {
	content: '';
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 15px;
	left: 12px;
	border-left: 4px solid #fff;
	border-top: 4px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sr-popup--call .input--text {
	margin-bottom: 13px;
}

.sr-popup--call .sr-popup__flex {
	margin-top: 30px;
}

.sr-popup--call form input[type="submit"] {
	margin-top: 20px;
}

.sr-popup__phone-number,
.sr-popup--call .modal-result,
.sr-popup--call .loader {
	padding: 30px 9%;
}

.sr-popup--call .modal-title {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	color: #000;
	font-weight: 700;
	margin-bottom: 20px;
}

.review-text .short {
	max-height: none;
}

.review-text .short p {
	display: none;
}

.review-text .short p:first-child,
li.open .review-text .short p {
	display: block;
}


@media (max-width: 1023px) {
	.special-block {
		padding: 47px 0 20px 4%;
	}
}

@media (max-width: 767px) {
	.special-block {
		padding: 35px 0 0 0;
	}

	.special-block .smart-desc1 {
		flex-direction: column;
	}

	.special-block .smart-desc1 h3 {
		width: auto;
		margin: 0 auto 10px;
	}

	.special-block .exams-list {
		width: 100%;
	}
}

@media (max-width: 550px) {
	.special-block {
		padding: 15px 7px 15px 15px;
	}
}

.reviews-tabs--mobile .school-reviews-list .school-reviews-list__item--white {
	flex-direction: row;
}

.reviews-tabs--mobile .school-reviews-list .review-flex {
	align-items: flex-end;
}

.reviews-tabs--mobile .school-reviews-list .school-reviews-list__item--white .name-courses {
	text-align: center;
}

.content__article--padding .content__article-link {
	margin: 0 0 5px 0;
}

.content__article--video {
	margin-bottom: 47px;
}

.content__article-cols {
	display: flex;
	flex-direction: row;
}

.content__article--video .content__article-text {
	margin-bottom: 27px;
}

.content__article-col:first-child {
	margin-right: 6%;
}

.content__article-col {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 47%;
}

.content__article-col h3 {
	margin-top: 0;
}

.content__article--video .btn {
	text-transform: none;
}

.notice {
	border-top: 1px solid #ddd;
	padding-top: 20px;
	width: 100%;
}

.notice p {
	margin-bottom: 5px;
	color: #aaa;
}

.school-card__stats {
	flex-wrap: wrap;
	align-content: center;
	padding: 20px 5% 20px 4%;
}

.school-card__phone {
	width: 100%;
	margin-top: -25px;
	margin-bottom: 25px;
	font-size: 13px;
	line-height: 1.38;
	font-weight: 300;
}

.school-card__phone-wrap>a {
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	font-size: 32px;
	font-family: 'Onest-CapsHeavy', sans-serif;
	font-weight: 400;
	color: #151d2d;
	letter-spacing: -1px;
	font-display: swap;
}

@media (max-width: 1020px) {
	.school-card__phone-wrap>a {
		letter-spacing: 0;
		font-size: 24px;
	}
}

@keyframes bounce-in {

	0%, 60%, 75%, 90%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}

	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

.modal-overlay--test.modal-overlay--active {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
}

.modal-overlay--test .modal-overlay__inner {
	top: auto;
	left: auto;
	transform: none;
	-webkit-animation: bounce-in;
	animation: bounce-in;
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
}

.modal-overlay--test .btn {
	width: 49%;
	text-align: center;
	padding: 18px 20px;
}

.modal-overlay--test .input--text {
	margin-right: 0;
	border-radius: 25px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	width: calc(100% - 135px);
}

.modal-overlay--test input[type="submit"] {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	width: 135px;
}

.modal-overlay--test .modal-overlay__inner form {
	display: flex;
}

.modal-overlay .modal-overlay__inner {
	max-width: 685px;
}

.modal-overlay--city .modal-overlay__inner {
	max-width: 800px;
}

.modal-overlay .modal-overlay__inner p, .modal-overlay .modal-overlay__inner span, .modal-overlay .modal-overlay__inner .btn {
	backface-visibility: visible;
}

.modal-overlay__title+p {
	font-size: 14px;
}

.btn--red {
	text-transform: none;
}

.btn--grey {
	background-color: #858585;
	color: white;
}

.btn--grey:hover {
	background-color: #9fa2a3;
	color: white;
}

.btn+span {
	font-size: 12px;
}

.flex-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto 25px;
	width: 100%;
	max-width: 500px;
	flex-wrap: wrap;
}

.modal-overlay__hidden {
	display: none;
	margin: 25px auto;
}

.modal-overlay__hidden.show {
	display: block;
	transition: all ease .5s
}

.modal-overlay__hidden p {
	font-size: 14px;
}

@media(max-width: 650px) {
	.modal-overlay .modal-overlay__inner {
		padding: 65px 60px 50px;
	}
}

.school-card .school-card__buttons.has-phone .btn--registry-red {
	color: #151d2d;
	border: 1px solid #d4d4d4;
	padding: 9px 15px;
	background-color: #fff;
}

.school-card .school-card__buttons.has-phone .btn--registry-red:hover {
	color: #f8f8f8;
	border: none;
	padding: 10px 16px;
	background-color: #c20f1b;
}

.school-card .school-card__buttons.has-phone .btn--registry {
	color: #f8f8f8;
	border: none;
	padding: 10px 16px;
	background-color: #c20f1b;
}

.school-card .school-card__buttons.has-phone .btn--registry:hover {
	color: #151d2d;
	border: 1px solid #d4d4d4;
	padding: 9px 15px;
	background-color: #fff;
}

@media(max-width: 550px) {
	.btn+span {
		max-width: 150px;
		text-align: right;
	}

	.school-card__phone {
		text-align: center;
		color: white;
		padding: 15px 0;
		background: #e41b2e;
		text-transform: uppercase;
		font-size: 15px;
		font-weight: 500;
		margin-bottom: 0;
		margin-top: 0;
	}

	.school-card__phone-wrap>a {
		font-size: 28px;
		color: white;
	}

	.school-card .school-card__buttons.has-phone .btn--registry-red {
		width: auto;
		height: auto;
		text-transform: inherit;
		font-weight: 500;
		color: #151d2d;
		background-color: #fff;
		border: 1px solid #d4d4d4;
		padding: 8px 16px;
		font-size: 12.5px;
		border-radius: 25px;
		margin: 0 auto 30px;
	}

	.school-card .school-card__buttons.has-phone {
		flex-direction: row;
		flex-wrap: wrap-reverse;
		margin: 25px 0 0;
	}
}

@media(max-width: 500px) {
	.modal-overlay .modal-overlay-close {
		width: 45px;
		height: 45px;
	}

	.modal-overlay .modal-overlay-close button::after, .modal-overlay .modal-overlay-close button::before {
		left: 33%;
	}
}

@media(max-width: 470px) {
	.modal-overlay .modal-overlay__inner {
		padding: 43px 30px 35px;
	}

	.modal-overlay--test .btn {
		width: 100%;
		margin-bottom: 10px;
	}

	.modal-overlay--test input[type="submit"] {
		margin-bottom: 0;
	}
}

@media(max-width: 400px) {
	.flex-box {
		flex-direction: column-reverse;
	}

	.btn+span {
		max-width: 100%;
		padding: 0 0 15px;
	}
}

@media (min-width: 1024px) {
	.content__section-container--top {
		margin: 0 0 40px 79px;
	}

	.content__article--padding h2.title {
		padding: 0 0 32px 79px;
	}

	.content__article--padding .content__article-link {
		margin: 0 0 5px 79px;
	}

	.school-card+.content__article {
		padding: 60px 6.6%;
	}
}

.reviews-tabs--mobile .school-reviews-list .review-text .short {
	max-height: 170px;
}

.index .review-text .short {
	max-height: 73px;
}

@media (min-width: 1220px) {
	.content__section-container--top {
		margin: -67px 36px 22px auto;
		flex-direction: column;
		align-items: flex-end;
	}

	.content__section-container--top .selectbox--long {
		margin-right: 0;
	}
}

@media (min-width: 768px) and (max-width: 1280px) {
	.wrapper .wrapper__main {
		width: calc(100% - 140px);
	}
}

@media (max-width: 978px) {
	.inner-wrapper__container .main-ab img {
		width: 100%;
	}
}


@media (max-width: 1023px) {

	.content--gray-list>.content__section-container,
	.inner>.content__section-container {
		flex-direction: column;
	}
}

@media (max-width: 900px) {
	.title--bg {
		border-top: none;
	}

	.inner-wrapper__container--votation .content-wrapper {
		width: 100%;
	}
}

@media (max-width: 550px) {
	.other-block {
		padding: 0 5%;
	}

	.comment-answer {
		margin-right: 5px;
	}

	.modal-overlay--test .input--text {
		margin-bottom: 0;
	}
}

@media (max-width: 1024px) {
	.subs-block .tabs-block .links-box {
		display: none;
	}

	.content__article-cols {
		flex-direction: column;
	}

	.content__article-col:first-child {
		margin-bottom: 27px;
	}

	.content__article-col {
		width: 100%;
	}
}

@media (max-width: 1024px) {
	.subs-block .tabs-block #tabs-1 .subs-metro-block {
		display: none;
	}
}

@media (max-width: 900px) {
	.inner {
		flex-direction: column;
	}

	.sidebar {
		padding-top: 0;
	}
}


@media (max-width: 900px) {
	.main-ab.card-h-banner {
		margin-right: 0;
	}

	.location--mobile {
		margin-bottom: 24px;
	}


}

@media (max-width: 767px) {
	#leadia_science_widget {
		display: none
	}
}

@media (max-width: 949px) {
	.compare-message__title {
		margin: 115px 0 20px;
	}
}

@media (max-width: 550px) {
	.compare-message__title {
		font-size: 16px;
		line-height: 1.2;
	}
}

/*
@media (min-width: 1310px) {

.main-ab a {
	display: block;
	width: 100%;
	height: 100%;
}
}

@media (min-width: 1350px) { 


.main-ab img {
  position: absolute;
	width: auto;
	max-width: none;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
}
}

*/

@media (min-width: 1120px) {

	.main-ab {
		height: 122px;
		overflow: hidden;
		margin-bottom: 20px;
		position: relative;
	}

	.main-ab a {
		display: block;
		width: 100%;
		height: 100%;
	}

	.main-ab img {
		position: absolute;
		width: auto;
		max-width: none;
		height: 100%;
		left: 50%;
		transform: translateX(-50%);
	}
}

@media (min-width: 1309px) and (max-width: 1455px) {
	.main-ab.card-h-banner {
		margin-right: 0;
	}
}

.main-ab a.banner-fluid img {
	max-width: 100%;
}

.course-general-info__approved--mob {
	display: none;
}

@media (max-width: 700px) {
	.course-general-info__approved--mob {
		display: flex;
	}
}

.full-comparison+.btn--full-comparison {
	margin: 40px auto 0;
	width: 260px;
}

#Ymap {
	width: 100%;
	height: 100%;
}

article.content__section--previously_viewed {
	display: none;
}

.youtube_link {
	overflow: hidden;
	/*margin-bottom: 42px;*/
	text-align: center;
}

.youtube_link a img {
	max-width: 500px;
	width: 100%;
}

.stickers-gallery__row+.stickers-gallery__row {
	margin-top: 100px;
}

.stickers-gallery__row {
	display: flex;
}

.stickers-gallery__row .img-wrapper {
	width: 25%;
	min-width: 25%;
	margin-right: 5%;
}

.stickers-gallery__info {
	display: flex;
	justify-content: space-between;
	width: 75%;
}

.stickers-gallery__pack {
	width: 30%;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.stickers-gallery__pack .btn {
	margin-bottom: 20px;
}

.stickers-gallery__pack textarea {
	color: #373738;
	background: #fff;
	width: 200px;
	font-size: 12px;
}

.img-wrapper img {
	display: block;
	max-width: 100%;
}

.content--about.content--stickers {
	margin: 60px 0;
}

@media (max-width: 1600px) {
	.stickers-gallery__pack textarea {
		width: 170px;
		padding: 5%;
	}
}

@media (max-width: 1370px) {
	.stickers-gallery__pack textarea {
		width: 125px;
		padding: 5px;
	}
}

@media (max-width: 1024px) {
	.stickers-gallery__row {
		flex-wrap: wrap;
	}

	.stickers-gallery__row .img-wrapper {
		width: 100%;
		margin-bottom: 25px;
		margin-right: 0;
	}

	.stickers-gallery__row .img-wrapper img {
		margin: 0 auto;
	}

	.stickers-gallery__info {
		width: 100%;
	}
}


@media (min-width: 768px) and (max-width: 880px) {
	.stickers-gallery__pack {
		width: 100%;
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #c5d3e4;
		;
	}

	.stickers-gallery__info {
		flex-wrap: wrap;
	}
}

@media (max-width: 470px) {
	.stickers-gallery__pack {
		width: 100%;
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #c5d3e4;
		;
	}

	.stickers-gallery__info {
		flex-wrap: wrap;
	}
}

.stickers-gallery__copy-code {
	position: relative;
	width: auto;
}

.btn.btn--copy {
	background-color: #c20f1b;
	border: none;
	text-align: center;
	width: 25px;
	height: 25px;
	padding: 0;
	border-radius: 0;
	position: absolute;
	bottom: 4px;
	margin: 0;
	right: 0;
}

.btn.btn--copy:hover {
	background-color: lightgrey;
}

.btn-pagination .btn--next,
.btn-pagination .btn--back {
	min-width: auto;
	text-align: center;
	margin: 0;
}

.btn--next {
	position: relative;
	max-width: 230px;
	height: 46px;
	padding: 0 40px 0 20px;
	font-size: 12px;
	font-weight: 900;
	color: #08090d;
	line-height: 45px;
	border: 2px solid #06070b;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.btn--back {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.btn--next::before,
.btn--next::after {
	position: absolute;
	width: 2px;
	height: 12px;
	right: 23px;
	background: #06070b;
	content: '';
}

.btn--next::before {
	top: 12px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.btn--next::after {
	top: 19px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn--next:hover {
	color: #f8f8f8;
	background-color: #c20f1b;
	border-color: #c20f1b;
}

.btn--next:hover::before,
.btn--next:hover::after {
	background: #fff;
}

.article__box .btn--back, .school-opinion .btn--back {
	margin-top: 20px;
}

.school-card+.content__article {
	padding: 60px 65px 0 6.6%;
}

@media (max-width: 650px) {
	.school-card+.content__article .content__section-container {
		flex-wrap: wrap;
	}
}

@media (max-width: 768px) {
	.article__box .article--bottom+.content__section-container {
		flex-wrap: wrap;
	}
}

.services-table__list .article--inner {
	margin: 60px 6% 30px 0;
}

@media (max-width: 550px) {
	.services-table__list .article--inner {
		margin: 30px 6% 30px 2%;
	}

	.services-table__list .article--inner+.more-link__wrapper {
		margin-left: 2%;
	}
}

.more-link__wrapper.no {
	display: none;
}

//.services-table__list .article--inner {
//  max-height: 160px;
//  overflow-y: hidden;
//}

//.services-table__list .article--inner.open {
//  max-height: 100%;
//}

.services-table__list .article--inner+.more-link__wrapper {
	//margin-bottom: 25px;
	display: none;
}

//.services-table__list .article--inner + .more-link__wrapper .more:last-of-type {
//  display: none;
//}

//.services-table__list .article--inner.open + .more-link__wrapper .more:last-of-type {
//  display: block;
//}

//.services-table__list .article--inner.open + .more-link__wrapper .more:first-of-type {
//  display: none;
//}

.more-link__wrapper .more {
	font-size: 13px;
	font-weight: 300;
	line-height: 1.38;
	color: #ff1e33;
	text-decoration: underline;
	cursor: pointer;
}

.sidebar .sidebar-nav:only-child {
	position: -webkit-sticky;
	position: sticky;
}

.sidebar .sidebar-nav:nth-child(2) {
	margin-top: 60px;
	position: -webkit-sticky;
	position: sticky;
}

#leadia_science_widget #leadia-widget {
	right: 170px !important;
}

@media (min-width: 1366px) {
	.another-school__box {
		max-width: 100%;
	}

	.another-school--small {
		width: 30%;
		min-width: 230px;
	}
}

@media (max-width: 1024px) {
	.another-school--small {
		width: 30%;
		min-width: 250px;
	}
}

@media (max-width: 600px) {
	.another-school--small {
		min-width: 220px;
	}
}

@media (max-width: 550px) {
	.another-school {
		min-width: 300px;
		width: 304px;
	}
}

#about .article--inner {
	max-height: 175px;
	overflow-y: hidden;
}

#about .article--inner.open {
	max-height: 100%;
}

#about .article--inner+.more-link__wrapper {
	margin-bottom: 25px;
}

#about .article--inner+.more-link__wrapper .more:last-of-type {
	display: none;
}

#about .article--inner.open+.more-link__wrapper .more:last-of-type {
	display: block;
}

#about .article--inner.open+.more-link__wrapper .more:first-of-type {
	display: none;
}

.expert-span {
	position: relative;
	margin-left: -8px;
}

.expert-span .tooltip {
	width: 160px;
	top: 24px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

.expert-span .tooltip::before {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	bottom: -12px;
	top: -7px;
	left: 50%;
	border-style: solid;
	border-width: 0 10px 8px;
	border-color: transparent transparent rgba(34, 43, 77, .9);
	-webkit-transform: none;
	transform: none;
}

.expert-span:hover .tooltip {
	display: block;
}

@media (max-width: 550px) {
	#about .article--inner+.more-link__wrapper {
		margin: 0 0 25px 28px;
	}
}

.content--stickers h1 {
	max-width: none;
}

.mark {
	display: block;
	padding: 5px 10px;
	margin: 25px auto;
	text-transform: uppercase;
	color: #000000;
	max-width: 200px;
	font-weight: 900;
	text-align: center;
}

.mark--white {
	background-color: #ffffff;
}

.article p.center {
	text-align: center;
	font-size: 16px;

	font-size: 14px;
}

.article img {
	max-width: 100%;
	height: auto;
}

.article--bottom p,
.article--bottom ol li,
.article--bottom ul li {
	font-size: 16px;
	line-height: 1.6;
}

.content--auxiliary.content--about {
	position: relative;
	margin: 60px 0;
	max-width: 400px;
	padding: 1px 25px 50px;

	max-width: 300px;
	padding: 1px 15px 50px;
}

.content--auxiliary h2 {
	text-align: center;
	margin: 55px 0 23px;
	font-size: 18px;
}

.inner--dark {
	min-height: 100%;
}


@media (max-width: 900px) {
	.content--auxiliary.content--about {
		max-width: 100%;
	}

	.sidebar.sidebar--inner {
		padding-right: 5%;
	}
}

.raiting-stars span:last-child {
	margin-right: 0;
}

.video-list-inner {
	width: 100%;
}

.video-list-inner .gallery {
	display: block;
}

.video-list-inner .gallery .gallery__item {
	height: 200px;
	margin-right: 0;
	min-width: 270px;
	max-width: 317px;
	width: 100%;
	display: block;
	margin-bottom: 0;
	margin: 0 auto 5px;
}

.video-list-inner .gallery__item.content__red {
	color: #222b4d;
}

.video-list-inner .gallery__item .gallery__screen {
	height: auto;
	max-height: 100%;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.video-list-inner .gallery__item:hover .gallery__screen::after {
	background: url(../img/video-link-icon.png) center center no-repeat rgba(0, 0, 0, .2);
	transition: all .4s ease 0s;
}

@media (max-width: 1024px) {
	.interview:nth-of-type(2n+1) {
		margin-right: 0;
	}

	.interview:nth-child(2n+1) {
		margin-right: 40px;
	}

	.video-list-inner .gallery .gallery__item {
		width: calc(50% - 20px);
		margin-right: 36px;
		display: inline-block;
	}

	.video-list-inner .gallery .gallery__item:nth-of-type(2n) {
		margin-right: 0;
	}
}

@media (max-width: 898px) {
	.user-quiz__box .interview {
		width: 100%;
		margin: 0 0 40px;
	}

	.video-list-inner .gallery .gallery__item {
		width: 100%;
		margin: 0 0 40px;
	}

	.video-list-inner .gallery__screen {
		height: 270px;
	}

	.video-list-inner .gallery .gallery__item {
		height: 305px;
	}
}

.course-general-info__price-wrapper--inner+.course-general-info__price-wrapper--inner {
	margin: -10px 0 20px;
}

@media (max-width: 700px) {
	.course-general-info__price .course-general-info__price-wrapper--inner {
		margin-left: 0;
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		align-self: center;
	}
}

@media (max-width: 700px) {
	.course-general-info__approved a {
		margin: 0 auto;
	}
}


.main-tab__large .courses-content {
	padding: 30px 4% 35px 4%;
}

.main-tab__large .raiting-header div.col1,
.tab-content1 .raiting-header div.col1,
.ui-tabs .tab-content1.ui-tabs-panel .raiting-header div.col1,
.main-tab__large .raiting-row div.col1,
.tab-content1 .raiting-row div.col1,
.ui-tabs .tab-content1.ui-tabs-panel .raiting-row div.col1 {
	-webkit-flex-basis: 460px;
	-ms-flex-preferred-size: 460px;
	flex-basis: 460px;
	align-items: baseline;
}

.tab-content1 .raiting-header div.col1,
.tab-content1 .raiting-row div.col1 {
	padding-right: 10px;
}

.main-tab__large .raiting-row,
.main-tab__large .raiting-header {
	padding-right: 20px;
}

@media (max-width: 1200px) {
	.main-tab__large .courses-content {
		padding-right: 3%;
		padding-left: 3.5%;
	}
}

@media (max-width: 1100px) {
	.main-tab__large .courses-content {
		padding-left: 2%;
	}
}

@media (min-width: 1024px) and (max-width: 1700px) {
	.content--gray-list .content--medium+.content__list {
		margin-left: 15px;
		margin-right: -15px;
	}
}

.gallery_wrapper h2 {
	max-width: 100%;
	text-align: center;
	font-size: 26px;
}

@media (min-width: 701px) {
	.course-general-info__parameter {
		max-width: 97px;
	}

	.course-general-info__details-wrapper .course-general-info__details {
		padding: 0 8px;
	}
}

@media (max-width: 1100px) {
	.promotion-list__item {
		flex-basis: calc(50% - 20px);
	}
}

@media (max-width: 650px) {
	.promotion-list__item {
		flex-basis: 100%;
		margin: 0;
	}
}

@media (max-width: 550px) {
	.content__article--gray.content__article--promotion {
		padding: 40px 32px 30px 35px;
	}
}

.top-review__review-link {
	display: -ms-flexbox;
}

.award {
	width: 255px;
}

@media (max-width: 1800px) {
	.award:nth-of-type(3n) {
		margin-right: 0;
	}
}

@media (max-width: 1648px) {
	.award {
		margin-right: 22px;
	}
}

@media (max-width: 1539px) {
	.award {
		margin-right: 44px;
	}

	.award:nth-of-type(3n) {
		margin-right: 44px;
	}
}

@media (max-width: 1056px) {
	.award {
		margin-right: 22px;
	}

	.award:nth-of-type(3n) {
		margin-right: 22px;
	}
}

@media (max-width: 1012px) {
	.award:nth-of-type(2n) {
		margin-right: 0;
	}
}

@media (max-width: 550px) {
	.awards .award {
		width: 240px;
		margin: 0 15px 15px 0;
	}

	.award:nth-of-type(2n) {
		margin-right: 0;
	}
}

@media (max-width: 514px) {
	.awards {
		justify-content: center;
	}

	.awards .award {
		margin: 0 15px 15px;
	}

	.award:nth-of-type(2n) {
		margin: 0 15px 15px;
	}
}

.school-card__school-logo {
	max-width: 400px;
}

.metro-lines-filter {
	padding-left: 4.5%;
	margin-top: -50px;
}

.metro-lines-filter li a.tab {
	background: #151d2d;
	color: #fdfdfd;
}

.metro-lines-filter .tab.lines {
	background: #FFFFFF url(/images/right-arrow.png) no-repeat 174px center;
	padding-right: 45px;
	padding-left: 24px;
}

.metro-lines-filter li.ui-state-default .metro-lines-text {
	z-index: -1;
}

.metro-lines-filter li.ui-state-default.ui-state-active .metro-lines-text {
	z-index: 1;
}

.metro-lines-filter .tab.lines {
	transform: translateX(-210px);
	position: relative;
	z-index: -1;
	transition: all .3s ease;
	opacity: 0;
}

.metro-lines-filter .tab.first {
	z-index: 2;
	position: relative;
}

.metro-lines-filter .tab.second-map a, .metro-lines-filter .tab.first a {
	text-decoration: none;
}

.metro-lines-filter.ui-tabs-nav {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 4.5%;
	margin-top: -50px;
}

.metro-lines-filter.ui-tabs-nav li {
	font-size: 100%;
}

.metro-lines-filter.ui-tabs-nav li:focus {
	outline: none;
}

.metro-lines-filter.ui-tabs-nav a:focus {
	outline: none;
}

.search-tabs__map {
	padding: 30px 33px 113px 3%;
	background-color: #e7e7e7;
}

.metro-lines-filter li.ui-state-active .tab.lines {
	transform: translateX(0);
	z-index: 1;
	transition: all .3s ease;
	opacity: 1;
	background: #FFFFFF url(/images/right-arrow.png) no-repeat 174px center;
	padding-right: 45px;
	padding-left: 24px;
}

.metro-lines-filter.ui-tabs-nav li+li.ui-state-default {
	transform: translateX(0);
	transition: all .3s ease;
}

.metro-lines-filter.ui-tabs-nav li+li.ui-state-active {
	transform: translateX(-185px);
	transition: all .3s ease;
}

.metro-lines-filter li.ui-state-active a {
	background: #fdfdfd;
	color: #151d2d;
}

.metro-lines-filter li a {
	background: #151d2d;
	color: #fdfdfd;
}

@media (max-width: 840px) {
	.metro-lines-filter.ui-tabs-nav li {
		font-size: 13px;
	}

	.metro-lines-filter.ui-tabs-nav .tab:not(.metro-lines-text) {
		height: 40px;
		line-height: 40px;
		padding: 0 20px;
	}

	.metro-lines-filter li.ui-state-active .tab.lines {
		padding-left: 20px;
		background: #FFFFFF url(/images/right-arrow.png) no-repeat 144px center;
		padding-right: 30px;
	}

	.metro-lines-filter.ui-tabs-nav li+li.ui-state-active {
		transform: translateX(-167px);
	}
}

@media (max-width: 585px) {
	.metro-lines-filter.ui-tabs-nav {
		flex-direction: column;
	}

	.metro-lines-filter.ui-tabs-nav li+li.ui-state-active {
		transform: translateX(0);
	}
}

@media (max-width: 345px) {
	.metro-lines-filter li.ui-state-active .tab.lines {
		margin-right: 0;
		padding-left: 11px;
		padding-right: 23px;
		background: #FFFFFF url(/images/right-arrow.png) no-repeat 130px center;
	}

	.metro-lines-filter.ui-tabs-nav .tab:not(.metro-lines-text) {
		padding: 0 14px;
	}
}

@media (max-width: 767px) {
	.search-tabs__map {
		padding: 30px 3% 113px;
	}

	.filter-404 {
		flex-direction: column-reverse;
		text-align: center;
	}

	.filter-404__inner {
		margin-bottom: 40px;
		margin-left: 0;
	}

	.filter-404__inner * {
		text-align: center;
		max-width: none;
	}

	.filter-404__img {
		margin-left: -28px;
	}
}


.course-general-info__text-wrapper a h3 {
	display: inline-block;
}

@media (min-width: 701px) {
	.course-general-info__text-wrapper a+.article__author {
		display: block;
	}
}

.main-tab__text .review-trigger {
	margin-top: 15px;
	font-weight: 500;
	color: #151d2d;
	background-color: #fff;
	border: 1px solid #d4d4d4;
}

.main-tab__text .review-trigger:hover {
	background-color: #c20f1b;
	border: none;
	color: #f8f8f8;
}

@media (max-width: 1024px) {
	.main-tab__text .btn-wrapper {
		display: flex;
		flex-direction: column;
	}
}

.courses-content .btn--red {
	border: none;
	padding: 9px 15px;
	align-self: flex-end;
	margin-top: auto;
	margin-bottom: 15px;
}

@media (max-width: 1024px) {
	.courses-content .btn--red {
		margin-top: 30px;
		margin-bottom: 0;
		align-self: center;
	}
}

.courses-content {
	display: -ms-flex;
	display: flex;
	flex-direction: column;
}

.sidebar--outside .sidebar__item {
	padding: 33px 20px;
}

.sidebar--outside .sidebar__item--main {
	padding: 14px 15px 40px 27%;
}

.sidebar a {
	display: flex;
	align-items: center;
}

.sidebar .sidebar__item--main a {
	display: block;
}

.sidebar--outside .sidebar__item .sidebar__item-name {
	margin-top: 0;
	margin-left: 15px;
}

.sidebar--outside .sidebar__item--main .sidebar__item-name {
	margin-top: 14px;
	margin-left: 0;
}

.sidebar--outside .sidebar__item svg {
	min-width: 25px;
}

@media (max-height: 818px) {
	.sidebar--outside .sidebar__item--main {
		padding: 33px 18px;
	}

	.sidebar--outside .sidebar__item {
		padding: 33px 18px;
	}

	.sidebar .sidebar__item--main a {
		display: flex;
	}

	.sidebar--outside .sidebar__item--main .sidebar__item-name {
		margin-top: 0;
		margin-left: 13px;
	}

	.sidebar--outside .sidebar__item .sidebar__item-name {
		margin-left: 14px;
	}

	.sidebar--outside .sidebar__item svg {
		min-width: 21px;
	}

	.sidebar--outside {
		padding: 17px 0;
	}
}

.review-school a .name {
	display: block;
}

@media (max-height: 760px) {
	#leadia_science_widget #leadia-widget {
		transform: translateX(-40px);
	}

	.to-top {
		bottom: 80px;
		right: 140px;
	}
}

@media (max-width: 767px) {
	.to-top {
		bottom: 95px;
		right: 20px;
	}
}

@media(max-width: 500px) {
	.to-top {
		bottom: 145px;
	}
}

.metro-lines-filter li.ui-state-active>a, .metro-lines-filter li.ui-state-active>a.tab.first {
	background: #263d77;
	color: #fdfdfd;
}

.ui-menu.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	border: 1px solid #c5c5c5;
	z-index: 1001;
	position: fixed;
	color: #0d132c;
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
	background: white;
}

.ui-menu.ui-autocomplete li {
	padding: 6px 20px;
	cursor: pointer;
	font-family: Onest, sans-serif;
	font-display: swap;
}

.ui-menu.ui-autocomplete li:hover {
	background: #c5c5c5;
}

.table-form .reviews-filter::after {
	pointer-events: none;
	right: 8px;
	border-top-color: black;
}

@media (max-width: 550px) {
	.table-form .reviews-filter .input {
		margin: 0;
	}
}

@media (min-width: 551px) and (max-width: 610px) {
	.school-card__phone-wrap>a {
		display: block;
	}
}

@media (max-width: 550px) {
	.school-card__stats {
		padding: 20px 5% 5px 4%;
	}
}

.top-review__slider {
	flex-wrap: wrap;
}

.school-closed img {
	max-width: 100%;
}

@media (max-width: 550px) {
	.school-closed {
		background-color: #fff;
		margin-left: -20px;
		padding-top: 1px;
		padding-bottom: 1px;
	}

	.school-closed+hr {
		border: none;
	}
}

.smart-desc ul li {
	font-weight: 300;
	font-size: 13px;
}

.smart-desc ol li {
	line-height: 1.6;
}

.smart-desc ol {
	padding-left: 15px;
}

@media (max-width: 550px) {
	.school-card .school-card__buttons .btn--registry+.school-card__phone {
		margin-bottom: 27px;
	}
}

.inner--end .content__section-container--white {
	margin-left: auto;
}

@media (max-width: 1023px) {
	.inner--end .content__section-container--white {
		flex-direction: column;
	}
}

.services-table__slider .slick-arrow, .reviews-tabs--mobile .school-reviews-list .slick-arrow {
	padding: 0;
}

.services-table__category-item:focus {
	outline: none;
}

.content__section-container--white {
	width: 100%;
}

.school-card__stats .school-card__phone {
	margin-top: 20px;
	margin-bottom: 0;
}

@media (max-width: 550px) {
	.school-card__stats .school-card__phone {
		margin-top: 20px;
	}
}

.school-reviews-list--faq h2 {
	text-align: center;
	max-width: 100%;
	margin: 30px auto;
}

.school-reviews-list--faq .school-reviews-list__content {
	padding: 15px 28px 15px;
}

.school-reviews-list--faq .school-reviews-list__text {
	font-weight: 700;
	font-size: 18px;
	margin: 0;
}

.school-reviews-list--faq .school-reviews-list__content--answer .school-reviews-list__text {
	font-weight: 300;
	font-size: 13px;
}

@media (max-width: 500px) {
	.advantage-tabs>div {
		padding: 0;
	}

	.advantage-tabs__list {
		flex-wrap: wrap;
	}

	.advantage-tabs__list li {
		flex-grow: 1;
		text-align: center;
		border-bottom: 2px solid transparent;
	}

	.advantage-tabs__list li.ui-state-active {
		border-bottom: 2px solid #dadada;
	}

	.advantage-tabs__card {
		width: 100%;
	}

	.advantage-tabs .content__section-container {
		flex-wrap: wrap;
	}
}

.compare-fixed {
	width: 100%;
	text-align: center;
	background: #c20f1b;
	color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 101;
	box-shadow: 0 3px 6px 0px rgba(66, 31, 37, .47);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	padding: 15px;
	text-decoration: none;
}

.compare-fixed+.top-ab,
.compare-fixed+.header {
	margin-top: 57px;
}

.compare-fixed svg {
	fill: #fff;
	margin-left: 12px;
}

@media (min-width: 768px) {
	.compare-fixed {
		display: none;
	}

	.compare-fixed+.top-ab,
	.compare-fixed+.header {
		margin-top: 0;
	}
}

.mt--10px {
	margin-top: -10px;
}

.featured-links__content {
	width: 85%;
}

.featured-links__wrapper {
	width: 254px;
	max-width: 254px;
}

@media (max-width: 805px) {
	.featured-links__card {
		flex-wrap: wrap;
	}

	.featured-links__wrapper {
		width: 100%;
		max-width: 100%;
		text-align: center;
	}

	.featured-links__content {
		width: 100%;
	}

	.featured-links__content p, .featured-links__preview {
		width: 100%;
	}
}

@media (max-width: 600px) {
	.title .breadcrumbs__list-item {
		font-size: 12px;
	}

	.course-general-info__parameter {
		font-size: 14px;
	}

	.course-general-info__rating {
		font-size: 11px;
	}

	.course-general-info__time {
		font-size: 13px;
	}

	.course-general-info__price-wrapper+.btn {
		margin-bottom: 20px;
	}

	.nearest-metro-ul li {
		margin-bottom: 10px;
	}

	.breadcrumbs+.title {
		padding-right: 20px;
	}
}

.gallery .gallery__item {
	height: auto;
}

.video-list-inner .gallery .gallery__item {
	height: auto;
}

.gallery__label {
	margin-bottom: 20px;
}


.content__list {
	max-width: 250px;
}

.type-links__item {
	width: 30px;
	height: auto;
	display: block;
	position: relative;
}

.type-links__item.current::before {
	content: '';
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	left: -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #ffffff;
}

.type-links__item:first-child {
	z-index: 10;
}

.type-links__item:nth-child(2) {
	z-index: 9;
}

.type-links__item:nth-child(3) {
	z-index: 8;
}

.type-links__item:hover {
	z-index: 12;
}

.type-links__item.current {
	z-index: 11;
}

.school-card {
	position: relative;
	margin-right: 30px;
	min-height: 547px;
}

.type-links {
	position: absolute;
	right: -30px;
}

@media (max-width: 600px) {
	.type-links__item {
		height: auto;
	}
}

.content__section_mh-auto {
	min-height: auto;
}

@media only screen and (max-width: 425px) {
	.top-ab {
		margin: 0px -20px !important;
		width: auto !important;
	}
}

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

	.slider-header__slide-title,
	.slider-header__slide-link {
		text-shadow: 0 0 10px rgba(0, 0, 0, 0.7)
	}
}




.relatedcourses {
	background-color: #fff;
	padding: 30px;
	color: #151D2D;
	order: 1000;
}

.relatedcourses__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin: 0px -13px;
	margin-top: -26px;
}

.relatedcourses__col {
	width: 50%;
	padding: 0px 13px;
	margin-top: 26px;
}

.relatedcourses-item {
	background-color: #F8F8F8;
	border-radius: 10px;
	padding-bottom: 20px;
}

.relatedcourses-item__title {
	padding: 20px 30px 20px 127px;
	min-height: 132px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: relative;
	font-size: 22px;
	line-height: 1.23;
	font-family: 'Onest-Bold', sans-serif;
	text-decoration: none;
}

.relatedcourses-item__title:hover {
	text-decoration: none;
}

.relatedcourses-item__img {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 20px;
	width: 95px;
	text-align: center;
}

.relatedcourses-item__img img {
	max-width: 100%;
	height: auto;
	max-height: 95px;
}

.relatedcourses-item ul {
	margin-bottom: 25px;
	padding-left: 0;
}

.relatedcourses-item ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #F2F2F2;
	padding: 15px 20px;
}

.relatedcourses-item ul li:nth-child(2n) {
	background-color: #F8F8F8;
}

.relatedcourses-item ul li>span {
	font-size: 15px;
	color: rgba(21, 29, 45, 0.7);
}

.relatedcourses-item ul li b {
	font-size: 18px;
	font-family: 'Onest-Bold', sans-serif;
	font-weight: 400;
}

.relatedcourses-item ul li b span {
	font-family: 'Onest-Regular', sans-serif;
}

.new-btn1 {
	display: block;
	max-width: 235px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	font-family: 'Onest-Regular', sans-serif;
	color: #000;
	border: 2px solid #E41B2E;
	border-radius: 300px;
	padding: 11px 10px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.new-btn1:hover {
	background-color: #E41B2E;
	color: #fff;
}

.main-title1 {
	font-size: 32px;
	font-family: 'Onest-Black', sans-serif;
	margin-bottom: 35px;
	text-transform: uppercase;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.main-title1 .new-btn1 {
	margin: 0;
	text-transform: none;
}

.articles1 {
	padding: 30px;
	background: #fff url("../img/content-article-top-bg.png") top right no-repeat;
}

.articles1 img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

.articles1 .new-btn1 {
	margin-top: 55px;
}

.articles1__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.articles1-item {
	display: block;
	text-decoration: none;
}

.articles1__slider {
	padding-bottom: 40px;
}

.articles1__slider .slick-track {
	margin: 0;
}

.articles1__slider .articles1-item {
	width: 100%;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.articles1__slider .slick-slide {
	margin-right: 26px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.articles1__slider .articles1-item .articles1-item__link {
	margin-top: auto;
}

.articles1-item:hover .articles1-item__img-text {
	opacity: 1;
}

.articles1-item:hover .articles1-item__link svg {
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}

.articles1-item__img-wrap {
	display: block;
	position: relative;
	margin-bottom: 23px;
}

.articles1-item__img1 {
	display: block;
}

.articles1-item__img1 img {
	border-radius: 10px;
	width: 100%;
}

.articles1-item__img-text {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(228, 27, 46, 0.8);
	padding: 10px 140px 10px 20px;
	color: #fff;
	border-radius: 10px;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.articles1-item__title1 {
	display: block;
	font-size: 16px;
	font-family: 'Onest-Bold', sans-serif;
	margin-bottom: 7px;
}

.articles1-item__text1 {
	display: block;
	font-size: 14px;
	line-height: 1.4;
}

.articles1-item__img2 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 132px;
}

.articles1-item__title2 {
	display: block;
	font-size: 18px;
	font-family: 'Onest-Bold', sans-serif;
	color: #000;
	text-decoration: none;
	margin-bottom: 13px;
}

.articles1-item__text2 {
	display: block;
	font-size: 16px;
	line-height: 1.3;
	color: rgba(0, 0, 0, 0.7);
	margin-bottom: 23px;
}

.articles1-item__link {
	display: inline-block;
	font-size: 14px;
	color: #E41B2E;
	text-decoration: none;
}

.articles1-item__link svg {
	display: inline-block;
	margin-left: 6px;
	vertical-align: middle;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.coursehistory {
	padding: 30px;
	background: #fff url("../img/content-article-top-bg.png") top right no-repeat;
	overflow: hidden;
	order: 1001;
	margin-bottom: 50px;
}

.coursehistory__slider {
	padding-bottom: 40px;
}

.coursehistory__slider .slick-slide {
	margin-right: 26px;
}

.arrow-style .slick-slide:last-child {
	margin-right: 0;
}

.arrow-style .slick-list {
	padding: 13px;
	margin: -13px;
}

.arrow-style .slick-arrow {
	font-size: 0;
	width: 9px;
	height: 14px;
	background: url("../img/arrow1.svg") center no-repeat;
	position: absolute;
	bottom: 0;
	padding: 0;
	border: none;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.arrow-style .slick-prev {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	left: 0;
}

.arrow-style .slick-next {
	left: 48px;
}

.arrow-style .slick-disabled {
	opacity: 0.5;
	pointer-events: none;
}

.coursehistory-item {
	padding: 25px 20px;
	background-color: #fff;
	-webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.07);
	border-radius: 10px;
	text-decoration: none;
	transition: box-shadow 0.3s;
}

.coursehistory-item:hover {
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.07);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.07);
}

.coursehistory-item img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

.coursehistory-item__logo {
	margin-bottom: 23px;
	height: 75px;
	max-width: 170px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.coursehistory-item__logo img {
	max-height: 100%;
	max-width: 100%;
}

.coursehistory-item__text1 {
	font-size: 24px;
	font-family: 'Onest-Bold', sans-serif;
}

.coursehistory-item__text2 {
	font-size: 15px;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.7);
	margin-bottom: 17px;
}

.coursehistory-item__text3 {
	text-transform: uppercase;
	font-size: 15px;
	color: rgba(0, 0, 0, 0.7);
}

.star-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
	padding-left: 0;
	margin-bottom: 3px;
}

.star-list li {
	margin-right: 2px;
	list-style: none;
}

.star-list li:last-child {
	margin-right: 0;
}

.toprating1 {
	padding: 30px 0;
}

.toprating1 .main-title1 {
	font-size: 22px;
}

.toprating1__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin: 0px -10px;
	margin-top: -30px;
}

.toprating1__col {
	width: 25%;
	padding: 0px 10px;
	margin-top: 30px;
}

.toprating1-item__title {
	color: #E41B2E;
	font-size: 18px;
	margin-bottom: 8px;
}

.toprating1-item ul {
	padding-left: 0;
	margin: 0;
	display: block;
}

.toprating1-item ul li svg {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.toprating1-item ul li {
	min-height: 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	list-style: none;
}

.toprating1-item ul li a {
	display: inline-block;
	text-decoration: none;
	padding-left: 25px;
	position: relative;
	font-size: 14px;
	color: #393939;
}

.toprating1-item ul li a:hover {
	text-decoration: underline;
}

.reviews1 {
	background-color: #fff;
	border-radius: 10px;
	padding: 30px;
}

.reviews1__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin: 0px -10px;
	margin-top: -30px;
	margin-bottom: 30px;
}

.reviews1__col {
	width: 33.3333%;
	padding: 0px 10px;
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.reviews1-item {
	width: 100%;
	display: block;
	background-color: #F8F8F8;
	padding: 20px;
	border-radius: 10px;
	text-decoration: none;
}

.reviews1-item__title {
	display: block;
	font-size: 18px;
	color: #393939;
	font-family: 'Onest-Black', sans-serif;
	margin-bottom: 12px;
}

.reviews1-item__text-wrap {
	font-size: 16px;
	line-height: 1.4;
	color: rgba(0, 0, 0, 0.7);
	display: block;
	margin-bottom: 23px;
}

.reviews1-item__text-wrap p {
	margin-bottom: 17px;
}

.reviews1-item__text-wrap p:last-child {
	margin-bottom: 0;
}

.reviews1-item__link {
	display: inline-block;
	font-size: 14px;
	color: #E41B2E;
}

.reviews1-item__link svg {
	display: inline-block;
	margin-left: 6px;
	vertical-align: middle;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.reviews1-item__text1 {
	font-size: 14px;
	color: #000;
	display: block;
	margin-bottom: 13px;
}

.reviews1-item:hover .reviews1-item__link svg {
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}

@media only screen and (max-width: 1150px) {
	.articles1__col {
		width: 50%;
	}
}

@media only screen and (max-width: 950px) {
	.main-title1 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.main-title1 .new-btn1 {
		margin-top: 15px;
	}

	.toprating1__col {
		width: 33.3333%;
	}

	.reviews1__col {
		width: 50%;
	}
}

@media only screen and (max-width: 900px) {
	.main-title1 {
		font-size: 26px;
		margin-bottom: 25px;
	}

	.relatedcourses-item__title {
		font-size: 18px;
	}

	.relatedcourses__col {
		width: 100%;
	}

	.articles1-item__title2 {
		font-size: 16px;
	}

	.articles1-item__text2 {
		font-size: 14px;
	}

	.reviews1-item {
		padding: 15px 10px;
	}
}

@media only screen and (max-width: 600px) {
	.main-title1 {
		font-size: 22px;
	}

	.articles1__col {
		width: 100%;
	}

	.relatedcourses,
	.articles1,
	.coursehistory {
		padding: 30px 10px;
	}

	.toprating1,
	.reviews1 {
		display: none;
	}
}

.thanks1 {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	padding: 50px 0;
}

.thanks1__icon {
	display: block;
	width: 30px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

div.slick-track {
	margin-left: 0;
	margin-right: 0;
}

.articles1__list-wrap {
	margin: 30px 0;
	padding: 3%;
}

.articles1__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 -10px;
	margin-top: -20px;
	margin-bottom: 30px;
}

.articles1__col {
	width: 33.333%;
	padding: 0px 10px;
	margin-top: 20px;
	display: flex;
}

.soc-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 53px;
}

.school-opinion .soc-list {
	margin: 0;
	justify-content: center;
	padding: 0px 10px;
}

.header--mobile .logo--header {
	padding-left: 0;
	margin-top: -4px;
}

.header.header--mobile .soc-list {
	margin: 0;
	margin-left: auto;
	margin-top: -19px;
}

.header.header--mobile .sr-popup__phone-number .soc-list {
	margin-top: 10px;
}

.header.header--mobile .soc-item {
	margin-right: 6px;
}

.header.header--mobile .soc-list+.header__call {
	margin-left: 0;
}

.soc-item {
	width: 34px;
	height: 34px;
	background-color: #f8f8f8;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-right: 12px;
	transition: background-color 0.3s;
}

.soc-item:last-child {
	margin-right: 0;
}

.soc-item img {
	width: 18px;
	filter: invert(1);
}

.school-card__phone-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.school-card__phone-wrap .soc-list {
	margin-left: 15px;
	margin-top: 0;
	margin-bottom: 0;
}

.sr-popup--call .soc-list {
	margin-bottom: 0;
}

.phone__wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.phone__wrap .phone {
	margin-bottom: 10px;
}

.phone__wrap .soc-list {
	margin-bottom: 10px;
	margin-top: 0;
	margin-left: 10px;
}

.wrapper__aside-left .soc-item,
.header .soc-item,
.soc-item--wa {
	background-color: #25d366;
}

.wrapper__aside-left .soc-item:nth-child(2),
.header .soc-item:nth-child(2),
.soc-item--tg {
	background-color: #24a2df;
}

.soc-item:hover {
	background-color: #e41b2e !important;
}

@media (max-width: 550px) {
	.school-card__phone-wrap {
		flex-direction: column;
	}

	.school-card__phone-wrap .soc-list {
		margin-left: 0;
	}
}

.metro-btn1 {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #E41B2E;
	border-radius: 300px;
	color: #fff;
	font-family: "Onest-Bold", sans-serif;
	font-size: 14px;
	padding: 15.5px 10px;
	cursor: pointer;
	margin-bottom: 80px;
	transition: background-color 0.3s;
}

.metro-btn1__icon {
	margin-left: 10px;
}

.body-overflow {
	overflow: hidden;
}

.popupmetro {
	display: none;
	font-family: "Onest-Regular", sans-serif;
	color: #000;
	font-size: 16px;
	line-height: 1.4;
	position: fixed;
	z-index: 100000000000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	padding: 25px 25px 85px 25px;
	background-color: #fff;
}

.popupmetro__header {
	margin-bottom: 24px;
}

.popupmetro__header-wrap1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}

.popupmetro__close-wrap {
	max-width: 64px;
	width: 100%;
}

.popupmetro__close {
	width: 24px;
	height: 24px;
	background: url(/img/arrow3.svg?1) center / contain no-repeat;
	cursor: pointer;
	opacity: 0.5;
	transition: opacity 0.3s;
}

.popupmetro__title {
	font-family: "Onest-SemiBold", sans-serif;
	font-size: 14px;
}

.popupmetro__reset {
	cursor: pointer;
	font-size: 14px;
	color: #808080;
	transition: color 0.3s;
}

.popupmetro__header-wrap2 {
	margin-bottom: 8px;
}

.label2 {
	position: relative;
	display: block;
	cursor: pointer;
}

.label2--icon .input2 {
	padding-right: 30px;
}

.label2__icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	left: 8px;
	display: flex;
}

.label2__del {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 8px;
	width: 16px;
	height: 16px;
	background: url(/img/close1.svg?1) center / cover no-repeat;
	opacity: 0.5;
	transition: opacity 0.3s;
}

.input2 {
	display: block;
	width: 100%;
	padding: 10.5px 10px;
	padding-left: 36px;
	border: none;
	background-color: #f4f4f4;
	font-size: 14px;
	border-radius: 4px;
}

.input2::placeholder {
	color: #7A7A7A;
}

.popupmetro__tabs-list {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin: 0;
	padding: 2px;
	border-radius: 4px;
	background-color: #f4f4f4;
}

.popupmetro__tabs-list::after {
	content: '';
	position: absolute;
	z-index: -1;
	top: 2px;
	bottom: 2px;
	left: 2px;
	width: calc(50% - 4px);
	background-color: #fff;
	border-radius: 4px;
	transition: left 0.3s;
}

.popupmetro__tabs-list.active::after {
	left: calc(50% + 2px);
}

.popupmetro__tabs-list li {
	width: 50%;
	list-style: none;
}

.popupmetro__tabs-list li a {
	display: block;
	text-align: center;
	color: #7A7A7A;
	text-decoration: none;
	font-size: 14px;
	font-family: "Onest-SemiBold", sans-serif;
	padding: 10px 10px;
	transition: color 0.3s;
}

.popupmetro__tabs-list li a.active {
	color: #000;
}

.popupmetro__tab {
	display: none;
}

.popupmetro__tab:nth-child(1) {
	display: block;
}

.popupmetro-item1 {
	line-height: 0;
	margin-bottom: 16px;
}

.popupmetro-item1:last-child {
	margin-bottom: 0;
}

.label-checkbox1 {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	line-height: 1.4;
	padding-left: 32px;
}

.label-checkbox1 input:checked~.label-checkbox1__icon:after {
	opacity: 1;
}

.label-checkbox1 input:checked~.label-checkbox1__icon {
	background-color: #E41B2E;
}

.label-checkbox1__icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-color: #f4f4f4;
	border-radius: 4px;
	transition: background-color 0.3s;
}

.label-checkbox1__icon:after {
	content: '';
	position: absolute;
	bottom: 7px;
	left: 5px;
	width: 8px;
	height: 6px;
	background: url(/img/check1.svg) center / contain no-repeat;
	opacity: 0;
	transition: opacity 0.3s;
}

.label-checkbox1__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin-right: 8px;
}

.label-checkbox1__item {
	width: 6px;
	height: 6px;
	background-color: #ffcc14;
	border-radius: 50%;
	margin-right: 4px;
}

.label-checkbox1__item:last-child {
	margin-right: 0;
}

.label-checkbox1__text {
	display: block;
	font-size: 14px;
	transition: color 0.3s;
}

.label-checkbox1__text b {
	font-weight: 400;
	color: #808080;
	transition: color 0.3s;
}

.popupmetro__btn1 {
	position: fixed;
	bottom: 15px;
	left: 25px;
	right: 25px;
	z-index: 100000000;
	text-align: center;
	font-family: "Onest-Bold", sans-serif;
	font-size: 14px;
	color: #fff;
	background-color: #E41B2E;
	border-radius: 300px;
	padding: 14px 10px;
	transition: all 0.3s;
}

.popupmetro__btn1 b {
	font-weight: 400;
}

.popupmetro__btn1.disabled {
	color: #959595;
	background-color: #c3c3c3;
	pointer-events: none;
}

.popupmetro-item2 {
	margin-bottom: 20px;
}

.popupmetro-item2:last-child {
	margin-bottom: 0;
}

.popupmetro-item2__title {
	position: relative;
	font-size: 14px;
	cursor: pointer;
	padding-left: 30px;
	transition: color 0.3s;
}

.popupmetro-item2__title b {
	color: #808080;
	font-weight: 400;
	transition: color 0.3s;
}

.popupmetro-item2__title-icon1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	background: url(/img/arrow4.svg) center / contain no-repeat;
	opacity: 0.5;
	transition: all 0.3s;
}

.popupmetro-item2__title-icon2 {
	position: absolute;
	top: 9px;
	right: 0;
	width: 14px;
	height: 2px;
	background-color: #0076b8;
}

.popupmetro-item2__title.active .popupmetro-item2__title-icon1 {
	transform: rotate(90deg);
	opacity: 1;
}

.popupmetro-item2__content {
	padding-top: 16px;
	display: none;
}

.metro-title1 {
	max-width: none;
	width: 100%;
	font-family: "Onest-Black", sans-serif;
	font-size: 24px;
	line-height: 1.3;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #000;
	margin: 0;
	margin-bottom: 16px;
}

@media (min-width: 900px) {
	.popupmetro-item2__title:hover {
		color: #c01727;
	}

	.popupmetro-item2__title:hover b {
		color: #c01727;
	}

	.popupmetro__btn1:hover {
		background-color: #c01727;
	}

	.label-checkbox1:hover .label-checkbox1__text {
		color: #c01727;
	}

	.label-checkbox1:hover .label-checkbox1__text b {
		color: #c01727;
	}

	.metro-btn1:hover {
		background-color: #c01727;
	}

	.popupmetro__close:hover {
		opacity: 1;
	}

	.popupmetro__reset:hover {
		color: #000;
	}

	.label2__del:hover {
		opacity: 1;
	}

	.popupmetro__tabs-list li a:hover {
		color: #000;
	}
}

@media (max-width: 420px) {
	.logo .logo__text--white, .logo .logo__text--red {
		font-size: 25px !important;
	}

	.header--mobile .logo--header {
		margin-top: 0;
	}
}

@media (max-width: 374px) {
	.logo .logo__text--white, .logo .logo__text--red {
		font-size: 23px !important;
	}
}

.tooltip1 {
	position: absolute;
	z-index: 1;
	top: 5px;
	right: 5px;
}

.tooltip1__btn {
	position: relative;
	z-index: 1;
	width: 26px;
	cursor: pointer;
}

body .tooltip1__btn img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	min-width: initial;
}

.tooltip1__text-wrap {
	position: absolute;
	top: 0;
	right: 0;
	width: 160px;
	padding-top: 30px;
	visibility: visible;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s;
}

.tooltip1__text {
	padding: 6px 6px;
	background-color: rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	text-align: left;
	border-radius: 8px;
	line-height: 1.4;
	font-size: 12px;
	color: #e3e3e3;
}

.tooltip1.active .tooltip1__text-wrap {
	visibility: visible;
	opacity: 1;
	pointer-events: initial;
}

@media (min-width: 1000px) {
	.tooltip1:hover .tooltip1__text-wrap {
		visibility: visible;
		opacity: 1;
		pointer-events: initial;
	}
}

@media (max-width: 600px) {
	.tooltip1__btn {
		width: 19px;
	}

	.tooltip1 {
		top: 0;
	}

	.tooltip1__text-wrap {
		padding-top: 23px;
	}
}

.featured-links__video video {
	display: block;
	width: 100%;
}

.featured__video-desc {
	font-family: 'Onest-Bold', sans-serif;
	font-size: 20px;
	line-height: 1.4;
	margin-top: 10px;
}

@media (max-width: 600px) {
	.featured__video-desc {
		font-size: 16px;
	}
}

.popup-button-container {
	text-align: center;
}
.popup-button-container .popup-help-choosing {
	display: inline-block;
	position: relative;
	padding: 16px 16px;
	vertical-align: middle;
	width: 214px;
	height: 57px;
	max-width: 247px;
	background-color: #e41b2e;
	border: 4px solid #e41b2e;
	border-radius: 25px;
	cursor: pointer;
	font-size: 14px;
	font-family: 'Onest-Bold', sans-serif;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #ffffff;;
	transition: background-color 0.3s, color 0.3s;
}
.popup-button-container .popup-help-choosing:hover {
	background-color: #fff;
	color: #151d2d;
}
@media (max-width: 765px) {
	.popup-button-container .popup-help-choosing {
		border-radius: 50px;
	}
}
@media (max-width: 550px) {
	.popup-button-container .popup-help-choosing {
		width: 100%;
		max-width: 100%;
		height: 76px;
		border-radius: 0;
		font-weight: 500;
	}
}
/* Шрифт сети schoolrate - Onest (Google Fonts, лицензия SIL OFL).

   История, чтобы никто не воскрешал старое. Изначально сеть верстали
   на другом шрифте, плюс местами стояли ещё два чужих семейства. В августе
   2026 их заменили на Onest, но заменили слоем совместимости: старые имена
   семейств остались в правилах, а объявления переопределили так, чтобы
   они указывали на файлы Onest. Отрисовывался при этом Onest, но
   в инструментах разработчика по-прежнему значилось старое имя семейства,
   и всякий проверяющий делал вывод, что шрифт на сайте не тот.

   01.09.2026 имена переименованы окончательно: в правилах остались только
   семейства Onest-*, слой совместимости и объявления старых имён удалены.
   Переименование было поведенчески нейтральным - у каждой пары «старое имя»
   и Onest-X совпадали и вес, и все четыре файла подмножеств; капитальное начертание
   указывало на тот же файл, что Onest-CapsHeavy. Единственное отступление:
   обычное и полужирное начертание третьего семейства в старом слое вели на ОДИН файл, то есть
   полужирный полужирным не был, и переведены на Onest-Regular и Onest-Bold.

   Скрипт переименования и копии файлов до правки -
   Полезное/perenos-verstka/pereimenovat-shrifty-v-onest.py */
/* Onest - cyrillic-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmS-HY6EQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Onest - cyrillic */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmb-HY6EQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Onest - latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmR-HY6EQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Onest - latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmf-HY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Onest-Thin - cyrillic-ext */
@font-face {
  font-family: 'Onest-Thin';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmS-HY6EQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Onest-Thin - cyrillic */
@font-face {
  font-family: 'Onest-Thin';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmb-HY6EQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Onest-Thin - latin-ext */
@font-face {
  font-family: 'Onest-Thin';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmR-HY6EQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Onest-Thin - latin */
@font-face {
  font-family: 'Onest-Thin';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmf-HY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Onest-UltraLight - cyrillic-ext */
@font-face {
  font-family: 'Onest-UltraLight';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmS-HY6EQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Onest-UltraLight - cyrillic */
@font-face {
  font-family: 'Onest-UltraLight';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmb-HY6EQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Onest-UltraLight - latin-ext */
@font-face {
  font-family: 'Onest-UltraLight';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmR-HY6EQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Onest-UltraLight - latin */
@font-face {
  font-family: 'Onest-UltraLight';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmf-HY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Onest-Light - cyrillic-ext */
@font-face {
  font-family: 'Onest-Light';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmS-HY6EQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Onest-Light - cyrillic */
@font-face {
  font-family: 'Onest-Light';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmb-HY6EQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Onest-Light - latin-ext */
@font-face {
  font-family: 'Onest-Light';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmR-HY6EQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Onest-Light - latin */
@font-face {
  font-family: 'Onest-Light';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmf-HY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Onest-Regular - cyrillic-ext */
@font-face {
  font-family: 'Onest-Regular';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmS-HY6EQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Onest-Regular - cyrillic */
@font-face {
  font-family: 'Onest-Regular';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmb-HY6EQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Onest-Regular - latin-ext */
@font-face {
  font-family: 'Onest-Regular';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmR-HY6EQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Onest-Regular - latin */
@font-face {
  font-family: 'Onest-Regular';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmf-HY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Onest-Medium - cyrillic-ext */
@font-face {
  font-family: 'Onest-Medium';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmS-HY6EQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Onest-Medium - cyrillic */
@font-face {
  font-family: 'Onest-Medium';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmb-HY6EQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Onest-Medium - latin-ext */
@font-face {
  font-family: 'Onest-Medium';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmR-HY6EQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Onest-Medium - latin */
@font-face {
  font-family: 'Onest-Medium';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmf-HY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Onest-SemiBold - cyrillic-ext */
@font-face {
  font-family: 'Onest-SemiBold';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmS-HY6EQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Onest-SemiBold - cyrillic */
@font-face {
  font-family: 'Onest-SemiBold';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmb-HY6EQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Onest-SemiBold - latin-ext */
@font-face {
  font-family: 'Onest-SemiBold';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmR-HY6EQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Onest-SemiBold - latin */
@font-face {
  font-family: 'Onest-SemiBold';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmf-HY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Onest-Bold - cyrillic-ext */
@font-face {
  font-family: 'Onest-Bold';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmS-HY6EQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Onest-Bold - cyrillic */
@font-face {
  font-family: 'Onest-Bold';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmb-HY6EQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Onest-Bold - latin-ext */
@font-face {
  font-family: 'Onest-Bold';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmR-HY6EQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Onest-Bold - latin */
@font-face {
  font-family: 'Onest-Bold';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmf-HY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Onest-ExtraBold - cyrillic-ext */
@font-face {
  font-family: 'Onest-ExtraBold';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmS-HY6EQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Onest-ExtraBold - cyrillic */
@font-face {
  font-family: 'Onest-ExtraBold';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmb-HY6EQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Onest-ExtraBold - latin-ext */
@font-face {
  font-family: 'Onest-ExtraBold';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmR-HY6EQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Onest-ExtraBold - latin */
@font-face {
  font-family: 'Onest-ExtraBold';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmf-HY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Onest-Black - cyrillic-ext */
@font-face {
  font-family: 'Onest-Black';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmS-HY6EQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Onest-Black - cyrillic */
@font-face {
  font-family: 'Onest-Black';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmb-HY6EQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Onest-Black - latin-ext */
@font-face {
  font-family: 'Onest-Black';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmR-HY6EQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Onest-Black - latin */
@font-face {
  font-family: 'Onest-Black';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmf-HY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Onest-Heavy - cyrillic-ext */
@font-face {
  font-family: 'Onest-Heavy';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmS-HY6EQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Onest-Heavy - cyrillic */
@font-face {
  font-family: 'Onest-Heavy';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmb-HY6EQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Onest-Heavy - latin-ext */
@font-face {
  font-family: 'Onest-Heavy';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmR-HY6EQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Onest-Heavy - latin */
@font-face {
  font-family: 'Onest-Heavy';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmf-HY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Единый шрифт сети: Onest, Onest-CapsHeavy и Onest отрисовываются шрифтом
   Onest (Google Fonts, лицензия SIL OFL). Имена семейств в правилах не меняются.
   Дозапись в конец add.css, грузится позже google-ссылки Onest и style*.css. 2026-08-10 */
/* Onest 300 - cyrillic-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmS-HY6EQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Onest 300 - cyrillic */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmb-HY6EQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Onest 300 - latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmR-HY6EQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Onest 300 - latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmf-HY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Onest 400 - cyrillic-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmS-HY6EQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Onest 400 - cyrillic */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmb-HY6EQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Onest 400 - latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmR-HY6EQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Onest 400 - latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmf-HY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Onest 500 - cyrillic-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmS-HY6EQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Onest 500 - cyrillic */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmb-HY6EQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Onest 500 - latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmR-HY6EQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Onest 500 - latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmf-HY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Onest 700 - cyrillic-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmS-HY6EQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Onest 700 - cyrillic */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmb-HY6EQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Onest 700 - latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmR-HY6EQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Onest 700 - latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmf-HY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Onest 900 - cyrillic-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmS-HY6EQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Onest 900 - cyrillic */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmb-HY6EQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Onest 900 - latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmR-HY6EQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Onest 900 - latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmf-HY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Onest-CapsHeavy -> Onest ExtraBold (статический, кириллица+латиница) */
@font-face {
  font-family: "Onest-CapsHeavy";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMZW3F-SZuj7zOT0IfSjTS16cPhdRipsRtL.woff) format('woff');
}
/* Onest-CapsThin -> Onest ExtraLight (статический) */
@font-face {
  font-family: "Onest-CapsThin";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMZW3F-SZuj7zOT0IfSjTS16cPhdR-psRtL.woff) format('woff');
}
/* Onest-Bold -> Onest Bold (статический) */
@font-face {
  font-family: "Onest-Bold";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/onest/v9/gNMZW3F-SZuj7zOT0IfSjTS16cPhEhipsRtL.woff) format('woff');
}

/* СЛОЙ СОВМЕСТИМОСТИ СО СТАРОЙ CMS. НЕ УДАЛЯТЬ.
   SiteBuilder периодически перегенерирует страницы из своих шаблонов
   и возвращает в них старые имена шрифтов (13.08.2026 так переписалось
   135 файлов разом). Правки в самих страницах при этом теряются.
   Поэтому старые имена объявлены здесь и указывают на Onest: какой бы
   вариант страницы ни выкатила CMS, отрисуется Onest.
   Файл add.css грузят все сайты сети, поэтому слой лежит именно тут. */
/* Onest - cyrillic-ext */
/* Onest - cyrillic */
/* Onest - latin-ext */
/* Onest - latin */
/* Onest-Thin - cyrillic-ext */
/* Onest-Thin - cyrillic */
/* Onest-Thin - latin-ext */
/* Onest-Thin - latin */
/* Onest-UltraLight - cyrillic-ext */
/* Onest-UltraLight - cyrillic */
/* Onest-UltraLight - latin-ext */
/* Onest-UltraLight - latin */
/* Onest-Light - cyrillic-ext */
/* Onest-Light - cyrillic */
/* Onest-Light - latin-ext */
/* Onest-Light - latin */
/* Onest-Regular - cyrillic-ext */
/* Onest-Regular - cyrillic */
/* Onest-Regular - latin-ext */
/* Onest-Regular - latin */
/* Onest-Medium - cyrillic-ext */
/* Onest-Medium - cyrillic */
/* Onest-Medium - latin-ext */
/* Onest-Medium - latin */
/* Onest-SemiBold - cyrillic-ext */
/* Onest-SemiBold - cyrillic */
/* Onest-SemiBold - latin-ext */
/* Onest-SemiBold - latin */
/* Onest-Bold - cyrillic-ext */
/* Onest-Bold - cyrillic */
/* Onest-Bold - latin-ext */
/* Onest-Bold - latin */
/* Onest-ExtraBold - cyrillic-ext */
/* Onest-ExtraBold - cyrillic */
/* Onest-ExtraBold - latin-ext */
/* Onest-ExtraBold - latin */
/* Onest-Black - cyrillic-ext */
/* Onest-Black - cyrillic */
/* Onest-Black - latin-ext */
/* Onest-Black - latin */
/* Onest-Heavy - cyrillic-ext */
/* Onest-Heavy - cyrillic */
/* Onest-Heavy - latin-ext */
/* Onest-Heavy - latin */
/* Onest-CapsHeavy -> Onest ExtraBold */
/* Onest-CapsThin -> Onest ExtraLight */
/* Onest-CapsHeavy -> Onest ExtraBold */
/* Onest-Bold -> Onest Bold */
/* Onest-Regular -> Onest */

/* Подборки: текст сверху на всю ширину, список школ под ним.

   Верхний блок каталога сделан двумя колонками: слева текст, справа баннер.
   На подборках баннеров нет, правую колонку мы больше не рисуем, и делить
   ширину не с кем - блок разворачивается на всю строку, список школ идёт
   следом обычным потоком.

   Вторая половина починки лежит в src/lib/html.ts: пока текст из базы
   приходил с незакрытыми тегами, список школ затягивало ВНУТРЬ верхнего
   блока, и никакая ширина тут не помогала. */
.content--podborka .content__top-info {
	display: block;
}

.content--podborka .top-info-content__col_left {
	width: 100%;
	max-width: none;
}

/* Спойлер «Читать далее» внутри текста страницы.

   Это штатный <details> с <summary class="details__title">, и приходит он
   из текста записи, а не из нашей вёрстки: раскрывает его сам браузер,
   обработчик не нужен и не заводится. Правил на .details__title в стилях
   не было ни одного, поэтому подпись выглядела обычным мелким текстом.

   Подпись меняется на «Скрыть» правилом details[open], без скрипта:
   <summary> всегда показывает своё содержимое, поэтому исходный текст
   прячем нулевым кеглем и печатаем свой через ::before. Сама подмена
   привязана к подборкам - там подпись ровно одна и та же, «Читать далее»
   на всех шести страницах со спойлером. Оформление общее. */
.details {
	margin: 18px 0 24px;
}

.details__title {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	color: #e41b2e;
	font-size: 15px;
	line-height: 1.3;
	text-decoration: underline;
	text-underline-offset: 3px;
	list-style: none;
}

.details__title::-webkit-details-marker {
	display: none;
}

.details__title:hover {
	color: #c20f1b;
}

.details__title::after {
	content: '';
	width: 7px;
	height: 7px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	transition: transform 0.15s ease;
}

.details[open] > .details__title::after {
	transform: translateY(2px) rotate(-135deg);
}

.details__content {
	margin-top: 14px;
}

.content--podborka .details > .details__title {
	font-size: 0;
}

.content--podborka .details > .details__title::before {
	content: 'Читать далее';
	font-size: 15px;
}

.content--podborka .details[open] > .details__title::before {
	content: 'Скрыть';
}

/* Уроки английского: подпись автора над заголовком, а не сбоку.

   Карточка списка по общему правилу идёт в строку - слева обёртка
   с подписью, справа заголовок и анонс. На уроках боевая перебивает это
   своим тегом style внутри страницы: `.featured-links__card { display: block }`.
   Тогда подпись встаёт сверху, а заголовок с текстом под ней.

   На списке статей такого правила у боевой НЕТ, и карточка там остаётся
   в строку. Поэтому правило и привязано к классу раздела, а не поставлено
   на всех: разделы должны отличаться ровно так же, как на боевой. */
.content--uroki .featured-links__card {
	display: block;
	margin: 0;
	margin-bottom: 20px;
}

.content--uroki .featured-links__content {
	width: 100%;
	margin: 0;
}

/* Баннеры в правой колонке главной: развести между собой.

   На боевой они стоят вплотную, зазор ноль, и два разных рекламодателя
   читаются как один блок - кнопка «Выбрать» первого упирается в картинку
   второго. Решение пользователя 02.09: развести. Это сознательное отличие
   от боевой, а не недосмотр переноса. */
.school-sliders__slider + .school-sliders__slider {
	margin-top: 24px;
}

/* Первый экран: левая колонка по высоте своего содержимого.

   `article.content` - флекс-строка: слева колонка с таблицей рейтинга,
   справа колонка баннеров. Флекс по умолчанию растягивает обе колонки
   на высоту самой высокой, и левая получала 1062 пикселя при содержимом
   в 478 - под таблицей оставался пустой блок больше чем в полтысячи
   пикселей. Решение пользователя 02.09: колонка должна кончаться там же,
   где её содержимое. Отступ под таблицей остаётся - он у `.courses-content`
   свой, 27 пикселей снизу. */
.courses-container {
	align-self: flex-start;
}

/* Здесь была попытка выровнять кегль трёх кнопок состава правилом
   `span.category-list__nav-link { font-size: 22px }`. Она не работала
   и снята 04.09.

   Не работала по двум причинам сразу. Вес: у `.class:last-child` он выше,
   чем у `span.class`. Порядок: add.css подключается РАНЬШЕ new-changes.css,
   где лежит перебиваемое правило. Ни весом, ни порядком перебить было
   нечем, и «Online-курсы» так и оставались 14 пикселями серого.

   Кегль правится в источнике - new-changes.css, там же и объяснение.
   Заодно оттуда приходит цвет и межстрочный интервал, о которых эта
   попытка не знала вовсе. */