/*
  Слой стилей, который старая CMS вставляла тегами style прямо в документ
  главной страницы: пять блоков в head и пять в теле, вместе 27 КБ.
  У каждого типа страницы свой такой слой - у карточки 32 КБ, у каталога 17,
  у статьи 18. Общие файлы сети его не содержат.

  Отсюда берутся два правила, без которых страница рассыпается:
    .inner-wrapper__container { display:flex; flex-direction:column }
    .school-auto-description  { order:5 }
  SEO-простыня стоит в разметке ПЕРВОЙ, а визуально уезжает вниз именно ими.

  Порядок блоков сохранён: в оригинале блок #10 из тела переопределяет
  div#tabs-8{display:none} из блока #1 на display:block. Если переставить
  блоки местами, онлайн-таблица пропадёт.
*/

/* ===== style-блок #1 (head), 15340 симв. ===== */

	div#tabs-8 {
		display: none;
	}

	.slider-experts__slide-expert-img {
		border-radius: 50%;
	}

	.content__article-group h2 {
		margin-bottom: 0;
	}

	.top-ab {
		position: absolute;
		top: 0;
		left: 0;
		background: #223a60 !important;
		overflow: initial !important;
	}

	.top-ab a {
		display: block;
		overflow: hidden;
	}


	.header {
		display: flex;
		align-items: center;
	}

	.header.header--mobile {
		display: none;
	}

	.logo__box {
		font-size: 0;
	}

	.logo .logo__text--small {
		max-width: 237px;
		letter-spacing: 0.95px;
	}

	.logo a {
		align-items: flex-start;
	}

	.title--h1+.smart-desc {
		padding: 0;
	}

	.title--h1 {
		font-size: 42px;
	}

	.featured-links__content a {
		text-decoration: none;
	}

	.featured-links__heading,
	.interview__header,
	.user-quiz__title {
		font-family: 'Onest-SemiBold', sans-serif;
		text-decoration: none !important;
	}

	.pagination {
		margin-bottom: 40px;
	}

	.article--bottom p,
	.article--bottom ol li,
	.article--bottom ul li {
		font-family: 'Onest-Regular', sans-serif;
		line-height: 1.4;
	}

	.article h2,
	.article h3 {
		margin: 40px 0 20px;
		font-family: 'Onest-Black', sans-serif;
	}

	.article img {
		margin: 30px 0;
		display: block;
	}

	.flex-wrapper .article__box {
		margin-bottom: 40px;
	}

	.search-results-total .total {
		font-family: 'Onest-Black', sans-serif;
		font-size: 24px;
		text-transform: none;
	}

	.search-results-total {
		background: none;
		padding: 0;
		margin: 30px 0 10px;
	}

	.content {
		font-family: 'Onest-Regular';
		padding: 0;
		background: #f8f8f8;
	}

	div#tabs {
		font-family: 'Onest-Regular', sans-serif;
	}

	.wrapper .wrapper__main {
		padding: 75px 30px 30px 30px;
		background: #f8f8f8;
	}

	.services-table--search.ui-tabs .services-table__category-list.ui-widget-header {
		background: #f8f8f8;
	}

	.content--medium {
		padding-right: 30px;
	}


	.modal-overlay .modal-overlay__title,
	.modal-overlay__inner .modal-title {
		font-family: 'Onest-Heavy', sans-serif;
		text-transform: uppercase;
		margin-bottom: 20px;
	}

	.modal-overlay .modal-overlay__inner {
		padding: 80px;
		border-radius: 20px;
	}

	.table-form .input-text,
	.table-form input[type=text],
	.table-form textarea {
		font-family: 'Onest-Regular', sans-serif;
		border-radius: 20px;
		margin-bottom: 5px;
		padding: 10px 20px;
	}

	.input-submit {
		font-family: 'Onest-Medium';
		text-transform: uppercase;
		letter-spacing: 2px;
	}

	.checkbox~.checkbox__label {
		width: 50%;
		font-family: 'Onest-Regular';
	}

	.school-opinion__text,
	.school-opinion__text p,
	.school-opinion__text li {
		font-family: 'Onest-Regular', sans-serif;
		font-size: 16px;
		line-height: 150%;
	}

	.school-opinion__text h2 {
		font-family: 'Onest-Bold', sans-serif;
		margin: 40px 0 30px;
	}

	.school-opinion__price-wrapper {}

	.school-opinion__price-wrapper span:first-child {
		font-family: 'Onest-Bold', sans-serif;
	}

	.btn {
		font-family: 'Onest-SemiBold', sans-serif;
	}

	.school-opinion__rating-wrapper span:last-child {
		font-family: 'Onest-Regular', sans-serif;
	}

	.school-auto-description {
		padding: 0;
		margin-bottom: 60px;
	}

	.school-auto-description,
	.school-auto-description p,
	.school-auto-description li {}

	.review-text .short p:first-child,
	li.open .review-text .short p {
		font-family: 'Onest-Regular', sans-serif;
		line-height: 1.4;
		font-size: 14px;
	}

	.type-links__item a {
		text-decoration: none;
	}

	.content_card .type-links__item span {
		display: block;
		color: #ffffff;
		text-decoration: none;
		width: 200px;
		transform: rotate(-90deg);
		top: 77px;
		position: absolute;
		left: -78px;
		font-family: 'Onest-SemiBold', sans-serif;
	}

	.header__mobile-nav {
		display: none;
	}

	h2.title.title--h1 {
		font-size: 32px;
		margin-bottom: 30px;
		max-width: none;
	}


	@media (min-width: 881px) and (max-width: 1370px) {

		.course-general-info__text-wrapper a h3 {
			font-size: 24px;
			padding-right: 60px;
		}

		.article__author {
			padding-right: 95px;
		}

		.course-general-info__details:first-child {
			left: 20px;
		}

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

		.content__list {
			/* width: 240px; */
		}

		.course-general-info__price .btn--registry-red {
			padding: 10px 0px;
			margin-top: 20px;
		}

		.course-general-info__wrapper .course-general-info__price-wrapper--inner {
			margin: 5px 0 0;
		}

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

	}


	@media (max-width: 1240px) {


		.header.header--mobile {
			display: flex;
			flex-wrap: wrap;
			margin-bottom: 20px;
			width: calc(100% + 60px);
			margin-left: -30px;
			background: #212224;
			padding: 20px 0;
		}

		.wrapper__aside-left {
			width: 100%;
			max-width: none;
		}

		.wrapper {
			flex-wrap: wrap;
		}

		.wrapper .wrapper__main {
			width: 100%;
		}

		.sidebar--outside {
			flex-direction: revert;
			align-items: center;
		}

		.sidebar--outside .sidebar__item,
		.sidebar__item:nth-child(3) {
			margin-bottom: 0;
		}

		.wrapper .wrapper__aside {
			position: fixed;
			bottom: 0;
			width: 100%;
			background: #fff;
			left: 0;
			max-width: none;
			z-index: 1000;
		}

		.slider-experts__slide-col:nth-child(2) {
			padding: 0;
		}

		.slider-experts__slide-info-link-order {
			width: 100%;
			padding: 20px 10px;
			text-align: center;
		}

		article.content {
			flex-direction: column;
		}

		.wrapper .wrapper__main {
			padding: 20px;
		}

		.courses-content,
		.league-table {
			padding: 20px 0 0;
		}

		.main-tab--mobile .main-tab__text {
			padding: 40px 25px;
		}

		.all-school-link {
			margin-bottom: 40px;
		}

		.school-sliders {
			margin: 0 auto 30px;
		}

		.content__article-group {
			margin-bottom: 0;
			margin-right: 0;
		}

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

		.content__article-link {
			margin-bottom: 20px;
		}

		.content__article_bg {
			padding: 35px 20px;
		}


		.top-review__slider {
			margin-top: 40px;
		}

		h3 {
			font-family: 'Onest-SemiBold', sans-serif;
		}

		.content__article_fast .courses-list {
			flex-wrap: wrap;
		}

		.content__article_fast .courses-list li {
			width: 100%;
			margin-right: 0;
		}

		.content__article_fast .exams-list a {
			font-family: 'Onest-SemiBold', sans-serif;
		}

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

		.footer .footer__col {
			text-align: left;
			align-items: flex-start;
		}

		.footer .footer__col--dev .developer span,
		.footer .footer__col:nth-child(2) {
			display: flex;
			flex-direction: column;
		}

		.menu--footer {
			display: block;
			margin: 0;
		}

		.footer__row {
			flex-direction: column;
		}

		.menu .menu__item {
			font-family: 'Onest-SemiBold', sans-serif;
			margin-bottom: 15px;
			font-size: 14px;
		}

		.footer {
			margin-bottom: 80px;
		}


		.header__slider-wrapper {
			width: 100%;
			margin: 0 30px 0 0;
		}

		.header__info {
			width: 100%;
			display: none;
		}

		.location {
			display: flex;
			margin-bottom: 0;
			border: none;
			width: calc(100% - 60px);
		}

		.location--mobile select {
			background: #3d3f41;
			border: none;
		}

		.category-list__heading {
			padding: 20px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		}

		.category-list__item {
			color: #fff;
		}

		.header__mobile-nav li span {
			color: #fff;
			font-family: 'Onest-Medium', sans-serif;
		}

		.header__mobile-nav li a {
			/* flex-direction: row; */
			padding: 10px 20px;
			background: #3d3f41;
			border-radius: 10px;
		}

		.header__mobile-nav li svg {
			margin-right: 10px;
		}

		.header__mobile-nav li {
			border-bottom: 0;
			margin-bottom: 10px;
		}

		.header__mobile-nav {
			margin-bottom: 20px;
		}

		.wrapper .wrapper__main {
			/* background: #ececec; */
		}

		.header__mobile-nav li {
			width: 49%;
		}

		.sidebar__item:nth-child(4) {
			margin-top: 0;
		}

		.sidebar.sidebar--outside {
			min-height: initial;
			justify-content: center;
			flex-direction: row;
			padding: 0;
		}

		.sidebar--outside .sidebar__item svg {
			padding: 0;
		}

		.sidebar__item:nth-child(4) .icon {
			padding: 0;
			width: 16px;
			height: 19px;
			border-radius: 0;
		}

		.sidebar .sidebar__item-icon-wrapper .icon {
			width: 16px;
			height: 16px;
			margin: 12px 0 0;
		}

		.sidebar--outside .sidebar__item svg {
			width: 20px;
			height: 20px;
		}

		.sidebar--outside .sidebar__item--main {
			height: auto;
		}

		.sidebar--outside .sidebar__item--main .sidebar__item-name,
		.sidebar__item:nth-child(4) .sidebar__item-name,
		.sidebar__item:nth-child(5) .sidebar__item-name {
			font-size: 12px;
			line-height: 1.2;
			font-family: 'Onest-Medium', sans-serif;
			max-width: 82px;
		}

		.sidebar--outside .sidebar__item--main {
			background: none;
		}

		.sidebar__item:nth-child(4) .icon {
			background: none;
		}

		.sidebar__item-icon-wrapper {
			background: none;
		}

		.top-ab {
			position: relative;
			margin-bottom: 20px;
			width: calc(100% + 60px);
			margin-left: -30px;
			margin-top: -20px !important;
		}

		.title--h1 {
			font-size: 32px;
		}

		.header__burger,
		.header__call {
			width: 40px;
			height: 40px;
			display: flex;
			justify-content: flex-end;
			margin-left: 10px;
		}

		.header__call {
			margin-left: auto;
		}
	}




	@media (max-width: 880px) {

		.header:not(.header--mobile) {
			width: calc(100% + 60px);
			flex-direction: column;
			margin-left: -30px;
			padding: 0 30px;
			background: #212224;
			margin-top: -30px;
			margin-bottom: 30px;
		}

		.header__mobile-nav {
			list-style: none;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			padding: 0;
		}

		.header__mobile-nav a {
			display: block;
			text-decoration: none;
			height: 100%;
			font-size: 12px;
		}

		.header__mobile-nav li {
			width: 49%;
		}

		.header__mobile-nav svg {
			fill: #c20f1b;
			display: block;
			margin-bottom: 5px;
		}

		.slider-header__slide {
			width: 100%;
		}

		.slider-header__slide-img,
		.slider-header__slide-icon {
			display: none;
		}

		.slider-header__slide-title {
			position: static;
			line-height: 1.2;
			color: #fff;
			margin-top: 20px;
		}

		.raiting-header {
			font-size: 12px;
		}

		.rate-legend {
			margin-left: 20px;
		}

		.raiting-content .raiting-row {
			padding: 0 0 0 20px;
		}

		.raiting-header .col1 {
			padding-left: 20px;
		}

		.top-ab {
			height: auto !important;
		}

		.slider-experts__slide-row {
			flex-direction: column;
		}

		.slider-experts__slide-expert-info {
			margin-bottom: 40px;
		}

		.slider-experts {
			margin-top: 30px;
		}

		.modal-overlay .modal-overlay__inner {
			padding: 40px 20px;
			border-radius: 10px;
		}

		.top-ab {
			/* width: 100%; */
			/* margin: 0; */
			margin-bottom: 0;
		}



		.header.header--mobile .header__container {
			width: 100%;
			padding: 0 30px;
			display: flex;
		}

		.logo .logo__text--small {
			display: none;
		}

		.top-info-content__col_left {
			margin: 0 20px 0 0;
		}

		.sr-popup--menu.show {
			background: #212224;
			height: 100vh;
		}

		.sr-popup__mobile-menu a {
			color: #fff;
			letter-spacing: 1px;
			padding: 10px 20px 20px 30px;
		}

		.sr-popup--menu .sr-popup__flex {
			display: none;
		}

		.sr-popup__block-link {
			color: #fff;
		}

		.sr-popup__block-link:first-of-type {
			border-right: 1px solid rgba(255, 255, 255, 0.2);
		}

		.sr-popup__header-close {
			background-color: #141416;
			/* width: 40px; */
		}

		.sr-popup--menu .sr-popup__header-close {
			width: 40px;
			right: 30px;
		}

		.reviews-block {
			margin: 0 0 20px;
		}

		.reviews-tabs--mobile .school-reviews .school-reviews__filter {
			width: 100%;
			flex-wrap: wrap;
			margin: 30px 0 20px;
		}

		.reviews-block .btn--add {
			position: absolute;
			top: 48px;
			right: 0;
		}

		.school-reviews-list .one-review {
			margin-top: 30px;
		}

		.one-review::before {
			display: none;
		}

		.review-name-date,
		.school-reviews-list__user-info {
			left: 0;
			top: -26px;
			position: static;
		}

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

		.review-text,
		.school-reviews-list__text {
			margin-top: 0;
		}

		.reviews-tabs--mobile .school-reviews-list .school-reviews-list__item--white {
			padding: 30px 20px;
		}

		.review-raiting {
			right: 0;
		}

		.reviews-tabs.ui-tabs .ui-tabs-panel {
			padding-left: 0;
		}

		.reviews-tabs--mobile.ui-tabs .ui-tabs-nav li:last-child {
			margin-right: 0;
		}

		.reviews-tabs--mobile.ui-tabs .ui-tabs-nav li {
			margin-bottom: 10px;
		}

	}



	@media (max-width: 700px) {



		.top-info-content__col_left {
			margin: 0;
		}

		.top-info-content {
			flex-direction: column;
		}

		.course-general-info__details:first-child {
			position: static;
		}

		.course-general-info__approved {
			width: 100%;
			height: 96px;
			position: static;
		}

		.course-general-info__details:nth-child(4) {
			order: 2;
		}

		.course-general-info__text-wrapper {
			padding-bottom: 20px;
		}

		.course-general-info__rating-wrapper {
			border-radius: 0;
		}

		.course-general-info__wrapper .course-general-info__description img {
			margin: 0 auto;
		}

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

		.course-general-info__price .btn--registry-red+.btn--registry {
			padding: 20px 10px;
			width: 200px;
			margin-bottom: 10px;
		}

		.top-info-content__col_right {
			padding-top: 0;
			margin-top: 10px;
		}

		.reviews-block .btn--add {
			position: static;
		}

		/* .reviews-tabs--mobile.ui-tabs .ui-tabs-nav li {
			width: 100%;
			margin: 0 0 10px 0;
			text-align: center;
			padding: 0 !important;
		}

		.reviews-tabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
			display: flex;
			width: 100%;
			height: 100%;
			padding: 10px 20px;
			text-align: center;
			justify-content: center;
		} */

		.reviews-tabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
			font-size: 13px;
		}

		.reviews-tabs--mobile .school-reviews .school-reviews__filter {
			justify-content: space-between;
		}

		.reviews-tabs.ui-tabs .ui-tabs-nav li {
			margin-right: 0;
			width: 32%;
			display: block;
			text-align: center;
		}

		.reviews-tabs--mobile.ui-tabs .ui-tabs-nav li,
		.reviews-tabs--mobile .school-reviews li.school-reviews__filter-item.ui-tabs-active {
			padding: 0;
		}

		.reviews-tabs--mobile .school-reviews .school-reviews__filter-button {
			display: block;
		}

		.reviews-tabs--mobile .school-reviews li.school-reviews__filter-item.ui-tabs-active .school-reviews__filter-button {
			color: #e41b2e;
		}

		.reviews-tabs--mobile .school-reviews .school-reviews__filter {
			width: calc(100% + 40px);
			margin-left: -20px;
			margin-right: -20px;
		}

		.reviews-tabs.ui-tabs .ui-tabs-nav li,
		.reviews-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
			background-color: transparent;
		}

		.review-name-date,
		.school-reviews-list__user-info {
			padding: 0;
		}

		h2.title.title--h1 {
			font-size: 24px;
			margin-bottom: 20px;
			max-width: none;
		}
	}

	@media screen and (max-width: 474px) {
		.reviews-tabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
			font-size: 10px;
		}

		.reviews-tabs.ui-tabs .ui-tabs-nav li .icon {
			margin-right: 2px;
			transform: scale(0.85) translateY(-1px);
		}
	}

/* ===== style-блок #2 (head), 1159 симв. ===== */

.category-list__item {
		color: #959595 !important;
	}

	.category-list__box .ui-state-active .category-list__item {
		color: #e41b2e !important;
	}

.category-list__heading .category-list__item {
		color: #fff !important;
	}

  a.selectBox.selectBox-dropdown {
    display: none !important;
  }


  span.logo img {
    width: 200px;
  }

  .string {
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
  }

  .string .string__container {
    width: 100%;
    height: 42px;
    overflow: hidden;
  }

  .string a,
  .string__content {
    display: inline-block;
    height: 100%;
    text-decoration: none;
  }

  .string__content {
    transform: translateX(50%);
    animation-name: string;
    animation-duration: 14s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }

  .string__content:hover {
    animation-play-state: paused;
  }

  .string__content span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 24px 0 0;
    font-size: 32px;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
  }


  @keyframes string {
    100% {
      transform: translateX(-100%);
    }
  }

/* ===== style-блок #3 (head), 3580 симв. ===== */



  .vote-category__header,
  .vote-category__number,
  .vote-category__title {
    font-family: Onest, sans-serif;
    font-size: 15px
  }

  .vote-category {
    width: 50%;
    max-width: 570px;
    margin-bottom: 33px;
    padding: 36px 17px 30px 5%;
    box-shadow: 0 5px 21px 0 rgba(0, 0, 0, .12)
  }

  .vote-category__header {
    margin-top: 0;
    margin-bottom: 25px;
    text-transform: uppercase
  }

  .vote-category__list {
    padding: 0;
    margin: 0;
    list-style: none
  }

  .vote-category__title {
    margin-bottom: 2px;
    font-weight: 400;
    color: #010c1f
  }

  .vote-category__wrapper {
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 27px
  }

  .school-card,
  .school-card__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
  }

  .vote-category__bar {
    position: relative;
    height: 11px;
    min-width: 304px;
    background-color: #eee;
  }

  .vote-category__bar::before {
    content: '';
    position: absolute;
    left: 0;
    height: 11px;
    background-color: #c20f1b
  }

  .vote-category__bar--1::before {
    width: 90%
  }

  .vote-category__bar--2::before {
    width: 199px
  }

  .vote-category__bar--3::before {
    width: 130px
  }

  .vote-category__bar--4::before {
    width: 84px
  }

  .vote-category__bar--5::before {
    width: 71px
  }

  .vote-category__bar--6::before {
    width: 46px
  }

  .vote-category__bar--7::before {
    width: 28px
  }

  .vote-category__number {
    margin-left: 10px;
    color: #010c1f
  }

  .school-card__number,
  .school-card__price-bold {
    font-family: 'Onest-CapsHeavy', sans-serif
  }

  @media (min-width: 768px) and (max-width:1023px) {
    .vote-category {
      max-width: 370px;
      padding: 36px 3% 30px
    }

    .vote-category__bar {
      min-width: 290px
    }
  }

  @media (max-width: 767px) {
    .vote-category {
      width: 100%;
      max-width: 450px;
      margin: 0 auto 33px
    }
  }

  @media (max-width: 550px) {
    .vote-category {
      width: 100%;
      max-width: 100%
    }

    .vote-category__bar {
      min-width: 100%
    }

    .vote-category__wrapper {
      max-width: 90%
    }
  }


  #questionForm .questions__item {
    display: none;
  }

  /*#questionForm .questions__item .questions__buttons {display: none;}*/
  .success {
    display: none;
    padding: 48px 0;
    font-size: 24px;
    font-family: 'Onest-CapsHeavy', sans-serif;
  }

  .questions__variant-info {
    position: absolute;
    max-width: 598px;
    min-width: 320px;
    z-index: -1;
    left: 73px;
    top: 57px;
    padding: 48px;
    font-size: 13px;
    line-height: 1.38;
    color: #f8f8f8;
    background-color: #303342;
  }

  .questions__variant {
    display: inline-block;
  }

  .questions__variant:hover .questions__variant-info {
    display: block;
    z-index: 10;
  }

  .content-quiz__body {
    padding: 42px 11% 62px 10%;
  }

  .text-center {
    text-align: center;
  }

  .vote-category__bar-result {
    position: absolute;
    left: 0;
    height: 11px;
    background-color: #c20f1b;
  }

  .progress-bar {
    overflow: hidden;
  }

  .progress-bar__proportion {
    transition: all ease 0.3s;
  }

  .success {}

  .school-slider__slide-btn {
    width: 100%;
    display: block;
    text-decoration: none;
  }

/* ===== style-блок #4 (head), 4010 симв. ===== */

  .slider-header__slide-title {
    max-width: 600px;
    font-family: 'Onest-SemiBold', sans-serif;
    font-size: 32px;
  }

  .header__slider-wrapper {
    width: calc(100% - 279px);
  }


  .header__slider .slider-header__slide_two .slider-header__slide-title {
    max-width: 460px;
    top: 36px;
    font-size: 28px;
  }

  .header__slider .slider-header__slide_two .slider-header__slide-link {
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    text-decoration: none;
    position: absolute;
    left: 40px;
    bottom: 55px;
  }

  .header__slider .slider-header__slide_two .slider-header__slide-link svg {
    margin-left: 15px;
  }

  .slider-header__arrow-prev {
    bottom: 25px;
  }

  .slider-header__arrow-next {
    bottom: 28px;
  }

  .sidebar__item:nth-child(5) {
    margin-top: auto;
    margin-bottom: 30px;
  }

  .sidebar__item:nth-child(5) .icon {
    width: 20px;
    height: 20px;
    background: #f8f8f8;
    border-radius: 50px;
padding: 0;
  }

  .sidebar__item:nth-child(5) .sidebar__item-name,
  .sidebar__item:nth-child(6) .sidebar__item-name {
    width: 122px;
    font-family: 'Onest-Bold', sans-serif;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    margin: 0;
  }

  @media (max-width: 1560px) {
    .header__slider .slider-header__slide .slider-header__slide-title {
      max-width: 80%;
      font-size: 24px;
    }
  }

  @media (max-width: 1435px) {
    .header__slider .slider-header__slide .slider-header__slide-title {
      font-size: 20px;
    }
  }

  @media (max-width: 880px) {
    .header__slider-wrapper {
      width: 100%;
      margin: 0 auto;
    }

    .slider-header__slide-title {
      position: absolute;
    }
  }

  @media (max-width: 600px) {

    .header__slider,
    .slider-header__slide,
    .slider-header__slide-img {
      height: auto;
      object-fit: cover;
/*
      object-position: right;
*/
    }

    .slider-header__slide-icon {
      left: 20px;
    }

    .header__slider .slider-header__slide .slider-header__slide-title {
      font-size: 14px;
      left: 20px;
    }

    .header__slider .slider-header__slide_two .slider-header__slide-link {
      font-size: 12px;
      left: 20px;
    }

  }

  @media (max-width: 350px) {
    .header__slider .slider-header__slide .slider-header__slide-title {
      font-size: 12px;
    }

    .header__slider .slider-header__slide_two .slider-header__slide-link {
      font-size: 10px;
    }
  }

  @media (max-width: 1240px) {

    .sidebar__item:nth-child(5) .sidebar__item-name,
    .sidebar__item:nth-child(6) .sidebar__item-name {
      font-family: 'Onest-Medium', sans-serif;
      font-size: 12px;
    }

    .sidebar__item:nth-child(5) {
      margin: 0;
    }

    .sidebar__item:nth-child(5) .icon {
      background: none;
    }
  }

  @media (max-width: 550px) {
    .sidebar.sidebar--outside {
      justify-content: space-around;
    }

    .sidebar--outside .sidebar__item {
      max-width: 50px;
    }

    .sidebar__item:nth-child(5) .sidebar__item-name,
    .sidebar__item:nth-child(6) .sidebar__item-name {
      width: 50px;
      font-size: 10px;
line-height: 1.2;
    }

    .sidebar--outside .sidebar__item--main .sidebar__item-name,
    .sidebar__item:nth-child(4) .sidebar__item-name,
    .sidebar__item:nth-child(5) .sidebar__item-name {
      max-width: 50px;
      font-size: 10px;
    }

    .header__slider .slider-header__slide_two .slider-header__slide-title {
      top: 65px;
    }

    .header__slider .slider-header__slide_two .slider-header__slide-link {
      bottom: 30px;
    }
  }

.sr-popup__header-close {
    background: none;
}

.school-auto-description p, .school-auto-description li {
    font-family: inherit;
    font-size: 14px;
    color: #6b6b6b;
}

.school-auto-description h3, .school-auto-description h2 {
	margin-top: 22px;
	margin-bottom: 10px;
	max-width: none;
}

.school-auto-description {
	order: 5;
}

.inner-wrapper__container {
	display: flex;
	flex-direction: column;
}

/* ===== style-блок #5 (head), 1658 симв. ===== */

  .mainscreen1-title {
    font-family: Onest-Heavy, sans-serif;
    font-size: 32px;
  }

  .mainscreen1-subtitle {
    color: #9b9b9b;
  }

  .mainscreen1-title-mob {
    color: #fff;
    font-family: Onest-Bold, sans-serif;
    font-size: 24px;
    width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4px;
  }

  .mainscreen1-subtitle-mob {
    width: calc(100% - 60px);
    font-size: 14px;
    color: #9b9b9b;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
  }

  .header__info-rating-text {
    font-size: 13px;
    line-height: 1.2;
  }

  .header__info {
    margin-bottom: 30px;
  }

  .slider-header__slide-title {
    color: #fff !important;
  }

  .header--mobile .logo--header {
    padding-left: 0;
  }

  .main-hed {
    font-size: 19px !important;
    font-family: Onest-Bold, sans-serif;
    margin-bottom: 17px;
  }

  @media (max-width: 1240px) {
    .mainscreen1-title,
    .mainscreen1-subtitle {
      display: none;
    }
  }
  @media (max-width: 880px) {
    .header__mobile-nav {
      justify-content: flex-start;
      flex-wrap: nowrap;
      overflow: auto;
      width: calc(100% + 60px);
      margin-left: -30px;
      margin-right: -30px;
      padding-right: 30px;
      padding-left: 30px;
    }

    .header__mobile-nav li {
      width: 130px;
      flex-shrink: 0;
      margin-right: 10px;
    }

    .header__mobile-nav li:last-child {
      margin-right: 0;
    }

    .main-hed {
      margin: -5px 0 14px;
      font-size: 20px !important;
    }

    .header:not(.header--mobile) {
      padding: 30px 30px 0 30px;
      margin-top: 0;
    }
  }

/* ===== style-блок #6 (body), 618 симв. ===== */

	.raiting-popup {
		display: none;
		padding: 0;
        padding: 20px 0;
        max-width: 800px;
        width: 100%;
	}
	.raiting-popup .course-general-info__left {
		width: 100%;
	}
	.raiting-popup .course-general-info__description,
	.raiting-popup .course-general-info__details:nth-child(3)
	{
		border-right: none;
	}

    a.raiting-row__popup-link {
        margin-right: 5px;
       width: 15px;
       flex-shrink: 0;
        line-height: 0;
        transform: translateY(-2px);
    }

    a.raiting-row__popup-link img {
        max-width: 100%;
        height: auto;
        vertical-align: middle;
    }

/* ===== style-блок #7 (body), 275 симв. ===== */

.rate-legend {
    font-size: 11px;
    margin-bottom: 10px;
}

.rate-legend__round {
    width: 10px;
    display: inline-block;
    height: 10px;
    border-radius: 50%;
    background: #21c615;
    margin-left: 0px;
}

.name .rate-legend__round {
    margin-left: 8px;
}

/* ===== style-блок #8 (body), 225 симв. ===== */

	.opinion {
		margin: 45px 0 45px 45px;
	}
	.opinion .one-review:before {
		background: #212c4c url("/img/sr-logo.jpg") no-repeat 50% 50% / 33px 33px;
	}
	@media (max-width: 880px) {
		.opinion {
			margin: 0 0 45px;
		}
	}

/* ===== style-блок #9 (body), 116 симв. ===== */

	input[name="s-count"] {
		display: block;
		width: 5px;
		height: 3px;
		margin-bottom: -6px;
		opacity: 0.01;
	}

/* ===== style-блок #10 (body), 271 симв. ===== */

    div#tabs-8 {
      display: block;
    }

    .category-list__nav-link {
      cursor: pointer;
    }

    .main-tab__right_online {
      display: none;
    }

    .main-tab__right_online .raiting-row .col1 {
      display: flex;
      align-items: center;
    }