html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  /* padding: 0; */
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  background: #f3f7ed;
  font-size: 100%;
  font-family: "AvanteInt", sans-serif;
  font-weight: 300;
  color: #1f271b;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

input {
  outline: none;
}

/* Пометка о рекламе TP */
.tp-advertiser-info {
  display: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  border: 0;
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  color: #1f271b;
}

a.link {
  color: #F28123;
}

a.link:hover {
  text-decoration: underline;
}


/* Блок Промокода - начало */
/* Промокод */
.promo {
  padding-top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  position: relative;
  flex-direction: column;
}

.promo-text-block {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2px;
}

.promo-text {
  font-size: 22px !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center;
}

/* Контейнер промокода + иконка + тост */
.promocode-block {
  position: relative;              /* базовый контекст для copy-toast */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.promocode {
  font-size: 22px;
  text-decoration: none;
  border-bottom: 2px dotted currentColor;
  color: #F28123;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  line-height: normal;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}

.copy-link-out {
  width: 0.875em;
  height: 0.875em;
  display: inline-block;
  /* width: 21px;
  height: 21px; */
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 0;
  position: relative;
  top: -0.05em;
}

/*  */

/* Стили тултипа - начало */
/* Контейнер тултипа */
.icon-tooltip-container {
  /* cursor: pointer; */
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0 2px;
}

/* Иконка тултипа */

.add-info-icon {
  cursor: pointer;
  display: block;
}

/* Окно тултипа инфы (информационное) */
.tooltip {
  display: none;
  position: absolute;
  background-color: #373e34;
  padding: 8px;
  border-radius: 8px;
  /* box-shadow: 0px 0px 5px rgba(31, 39, 27, 0.35); */
  z-index: 1000;
  /* Базовая ширина тултипа */
  width: 250px;
  /* Но если экран уже (с учётом отступов 10px слева/справа) — сжимаемся пропорционально */
  max-width: calc(100vw - 20px);
  text-align: left;
  /* Чтобы не мигало */
  pointer-events: none;
}

/* Для информационного тултипа позиционирование полностью задаём из JS относительно вьюпорта */
.tooltip {
  position: fixed;
  top: auto;
  left: auto;
  transform: none;
}

/* Копи-тост (подтверждение копирования) — оставляем как раньше, отдельно от тултипа */
.copy-toast {
  /* display: block; */
  width: fit-content;
  max-width: auto;
  min-width: auto;
  top: calc(100% + 13px);
   /* центрируем под .promocode */
  left: 45%;
  transform: translateX(-50%);
  display: none;
  position: absolute;
  background-color: #373e34;
  padding: 8px;
  border-radius: 8px;
  z-index: 1000;
  text-align: left;
  pointer-events: none;
}

/* Текст в тултипе */
p.tt-p {
  font-family: "AvanteInt";
  font-size: 16px;
  line-height: 1.45;
  letter-spacing: 1px;
  color: #F7FBFB;
}

/* Стрелочка тултипа */
.tooltip::before,
.copy-toast::before {
  content: '';
  position: absolute;
  /* box-shadow: 0px 0px 5px rgba(31, 39, 27, 0.35); */
  top: -20px;
  /* Отступ сверху для стрелочки */
  left: var(--arrow-offset, 50%);
  /* Используем CSS-переменную для позиции */
  transform: translateX(-50%);
  /* Центрируем стрелочку */
  border-width: 12px;
  /* Размер стрелочки */
  border-style: solid;
  border-color: transparent transparent #373e34 transparent;
  /* Стрелочка указывает вверх */

}

/* Стили тултипа - конец */

/* Блок Промокода - конец */

strong,
.eco-trail,
.h3,
.text {
  font-weight: 700;
}

/* Отключение блока "Где остановиться...? */
/* .where-to-stay {
  display: none;
} */

/* Внешняя ссылка - пока нет */
/* .partner-link {
  display: inline-flex;
  align-items: center;
  gap: 6px; 
}

a.partner-link:hover {
  text-decoration: none;
} */

.mobile-text {
  display: none;
}

/* p.Desctop-text-last, p.mobile-text-last {
  position: relative;
} */

/* Хлебные крошки */

.main-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin: auto;
  margin-top: 90px;
  width: 100%;
  height: auto;

  /* Закреплённые хлебные крошки */
  /* position: sticky;
  top: 90px;
  background-color: #F3F6ED;
  z-index: 1000;
  padding-bottom: 10px; */
}

.breadcrumbs {
  display: flex;
  gap: 12px;
  font-size: 18px;
  align-items: center;
}

/* Разделители */
.breadcrumb-separator {
  font-size: 15px;
  color: #F28123;
  line-height: 0;
}

/* Ссылки */
.breadcrumb-item {
  line-height: 0;
  text-decoration: none;
  transition: color;
}

.breadcrumb-item:hover {
  color: #F28123;
}

/* Иконка домика */
.breadcrumb-icon {
  vertical-align: middle;
  transition: content;
}

.breadcrumb-icon:hover {
  content: url("/img/breadcrumbs/home-icon-active.svg");
}

/* Правая часть (расшарка) */

.main-head-right {
  text-align: right;
  display: flex;
  justify-content: flex-end;
}

.main-head-right>*+* {
  margin-left: 8px;
}

.main-head-right button {
  margin-left: 10px;
}

/* Стили кнопки расшарки */
.share {
  display: flex;
  justify-content: flex-end;
  margin: 0px;
}

.ya-share2__icon_more {
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.7833 12.687L16.1517 20.057C16.3717 20.662 16.5 21.322 16.5 22.0003C16.5 22.6787 16.3717 23.3387 16.1517 23.9437L28.7833 31.3137C29.5058 30.4445 30.4787 29.8194 31.5694 29.5236C32.6601 29.2277 33.8156 29.2755 34.8782 29.6604C35.9407 30.0454 36.8587 30.7487 37.5069 31.6745C38.1551 32.6003 38.5019 33.7035 38.5 34.8337C38.5 37.877 36.0433 40.3337 33 40.3337C29.9567 40.3337 27.5 37.877 27.5 34.8337C27.5 34.1553 27.6283 33.4953 27.8483 32.8903L15.2167 25.5203C14.4943 26.3894 13.5213 27.0146 12.4306 27.3104C11.3399 27.6063 10.1844 27.5585 9.12185 27.1736C8.05927 26.7886 7.1413 26.0853 6.49313 25.1595C5.84496 24.2337 5.49816 23.1305 5.50001 22.0003C5.49816 20.8702 5.84496 19.767 6.49313 18.8412C7.1413 17.9154 8.05927 17.212 9.12185 16.8271C10.1844 16.4422 11.3399 16.3944 12.4306 16.6902C13.5213 16.9861 14.4943 17.6112 15.2167 18.4803L27.8483 11.1103C27.6283 10.5053 27.5 9.84533 27.5 9.16699C27.5 6.12366 29.9567 3.66699 33 3.66699C36.0433 3.66699 38.5 6.12366 38.5 9.16699C38.5019 10.2971 38.1551 11.4004 37.5069 12.3262C36.8587 13.252 35.9407 13.9553 34.8782 14.3402C33.8156 14.7252 32.6601 14.773 31.5694 14.4771C30.4787 14.1812 29.5058 13.5561 28.7833 12.687ZM33 38.5003C35.035 38.5003 36.6667 36.8687 36.6667 34.8337C36.6667 32.7987 35.035 31.167 33 31.167C30.965 31.167 29.3333 32.817 29.3333 34.8337C29.3333 36.8503 30.9833 38.5003 33 38.5003ZM11 25.667C13.035 25.667 14.6667 24.0353 14.6667 22.0003C14.6667 19.9653 13.035 18.3337 11 18.3337C8.96501 18.3337 7.33334 19.9837 7.33334 22.0003C7.33334 24.017 8.96501 25.667 11 25.667ZM33 12.8337C35.035 12.8337 36.6667 11.202 36.6667 9.16699C36.6667 7.13199 35.035 5.50033 33 5.50033C30.965 5.50033 29.3333 7.15033 29.3333 9.16699C29.3333 11.1837 30.9833 12.8337 33 12.8337Z' fill='%231F271B'/%3E%3C/svg%3E") !important;
  background-size: 40px 40px !important;
  height: 40px !important;
  width: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.ya-share2__icon_more:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.7833 12.687L16.1517 20.057C16.3717 20.662 16.5 21.322 16.5 22.0003C16.5 22.6787 16.3717 23.3387 16.1517 23.9437L28.7833 31.3137C29.5058 30.4445 30.4787 29.8194 31.5694 29.5236C32.6601 29.2277 33.8156 29.2755 34.8782 29.6604C35.9407 30.0454 36.8587 30.7487 37.5069 31.6745C38.1551 32.6003 38.5019 33.7035 38.5 34.8337C38.5 37.877 36.0433 40.3337 33 40.3337C29.9567 40.3337 27.5 37.877 27.5 34.8337C27.5 34.1553 27.6283 33.4953 27.8483 32.8903L15.2167 25.5203C14.4943 26.3894 13.5213 27.0146 12.4306 27.3104C11.3399 27.6063 10.1844 27.5585 9.12185 27.1736C8.05927 26.7886 7.1413 26.0853 6.49313 25.1595C5.84496 24.2337 5.49816 23.1305 5.50001 22.0003C5.49816 20.8702 5.84496 19.767 6.49313 18.8412C7.1413 17.9154 8.05927 17.212 9.12185 16.8271C10.1844 16.4422 11.3399 16.3944 12.4306 16.6902C13.5213 16.9861 14.4943 17.6112 15.2167 18.4803L27.8483 11.1103C27.6283 10.5053 27.5 9.84533 27.5 9.16699C27.5 6.12366 29.9567 3.66699 33 3.66699C36.0433 3.66699 38.5 6.12366 38.5 9.16699C38.5019 10.2971 38.1551 11.4004 37.5069 12.3262C36.8587 13.252 35.9407 13.9553 34.8782 14.3402C33.8156 14.7252 32.6601 14.773 31.5694 14.4771C30.4787 14.1812 29.5058 13.5561 28.7833 12.687ZM33 38.5003C35.035 38.5003 36.6667 36.8687 36.6667 34.8337C36.6667 32.7987 35.035 31.167 33 31.167C30.965 31.167 29.3333 32.817 29.3333 34.8337C29.3333 36.8503 30.9833 38.5003 33 38.5003ZM11 25.667C13.035 25.667 14.6667 24.0353 14.6667 22.0003C14.6667 19.9653 13.035 18.3337 11 18.3337C8.96501 18.3337 7.33334 19.9837 7.33334 22.0003C7.33334 24.017 8.96501 25.667 11 25.667ZM33 12.8337C35.035 12.8337 36.6667 11.202 36.6667 9.16699C36.6667 7.13199 35.035 5.50033 33 5.50033C30.965 5.50033 29.3333 7.15033 29.3333 9.16699C29.3333 11.1837 30.9833 12.8337 33 12.8337Z' fill='%23F28123'/%3E%3C/svg%3E") !important;
}

/* Убираем лишние отступы */
.ya-share2__link.ya-share2__link_more.ya-share2__link_more-button-type_short {
  padding: 0 !important;
  margin: 0 !important;
}

/* Убираем фон кнопки */
.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
  background: none !important;
}

/* Что-то ещё */
.ya-share2__container_size_l .ya-share2__item_copy .ya-share2__icon_copy,
.ya-share2__container_size_l .ya-share2__item_more .ya-share2__icon_more {
  height: 30px !important;
  width: 30px !important;
}

.ya-share2__container_size_l .ya-share2__item_copy .ya-share2__icon_copy,
.ya-share2__container_size_l .ya-share2__item_more .ya-share2__icon_more {
  background-size: 24px 24px !important;
}

.navigation {
  display: flex;
  justify-content: flex-start;
}

/* Карта */

/* Сoкращение кнопки слоёв до мини-кнопки без текста */
.ymaps-2-1-79-listbox__button-text,
.ymaps-2-1-79-listbox__button-arrow {
  display: none !important;
}

#map {
  top: 0;
  left: 0;
}

.body {
  margin-left: auto;
  margin-right: auto;
}

.eco-trail {
  display: flex;
  width: fit-content;
  margin: var(--bigPC-margin) auto var(--bigMobile-margin);
  text-transform: uppercase;
  text-align: center;
  font-size: 32px;
  line-height: 1.3;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.eco-trail::before {
  content: url(/img/title-left-line.svg);
  margin: 0;
  padding: 0;
  line-height: 0;
}

.eco-trail::after {
  content: url(/img/title-right-line.svg);
  margin: 0;
  padding: 0;
  line-height: 0;
}

.eco-trail.rules {
  margin-bottom: var(--bigPC-margin);
}

.location {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--smallPC-margin);
  margin-bottom: 70px;
}

.location>*+* {
  margin-left: 14px;
}

.info {
  display: flex;
  justify-content: center;
}

.container {
  /* max-width: 1200px; */
  margin: 0 auto;
}

.main-other-page {
  max-width: var(--pcContent-width);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.main-head-right {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row {
  display: flex;
  align-items: center;
  justify-content: center;
}

.col-md-4 {
  flex-basis: 21%;
}

.icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-wrapper>*+* {
  margin-left: 17px;
}

.icon-wrapper p {
  margin-top: 4px;
  text-align: center;
}

/* Отспуп снизу статьи */
.info__trail {
  padding-bottom: var(--largePC-margin);
}

/* Отступ рекламы (лента) */
.ads,
.ads_ab {
  margin-bottom: var(--largePC-margin);
}

/* Временное скрытие ленты при авторасстановке */
/* .ads {
  display: none;
} */

/* Отступ рекламы (баннер в статье) */
.ads-ban {
  margin-top: var(--largePC-margin);
  display: none;
}

/* Текст о рекламе */
.add-text {
  opacity: 50%;
  font-size: 20px !important;
  padding-bottom: 24px !important;
}

.tabcontent {
  display: none;
}

.tabcontent.active {
  display: block;
}

.Desctop-text-last {
  width: max-content;
}

#map,
.swiper {
  width: var(--pcContent-width);
  height: calc(var(--pcContent-width) * 0.5625);
}

.image-slider {
  padding: 30px 0 70px 0;
  padding-top: 0px;
}

.image-slider__image {
  text-align: center;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

/* .image-slider__image img {
  max-width: 100%;
} */

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border: 0.5px solid #1f271b;
  background: transparent;
  border-radius: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  top: 0;
  bottom: 0;
  width: auto;
}

.swiper-pagination-bullet-active {
  background: #1f271b;
}

.swiper-pagination {
  position: relative;
}

.image-slide-bottom {
  padding: 0 0 60px 0;
}

.image-slider-wrapper-bottom {
  text-align: center;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

.image-slider-wrapper-bottom img {
  max-width: 100%;
}

.swiper-controlls-bottom {
  position: relative;
  bottom: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  margin-top: 60px;
}

.swiper-controlls {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  margin-top: var(--bigMobile-margin);
  gap: 10px;
}

.swiper-controlls-bottom .swiper-pagination-progressbar-fill {
  background-color: #f28123;
}

.swiper-left-btn {
  background: url(/img/leftarrow.svg) no-repeat;
}

.swiper-right-btn {
  background: url(/img/rightarrow.svg) no-repeat;
}

.swiper-left-btn,
.swiper-right-btn {
  background-size: cover;
  height: 40px;
  width: 40px;
  cursor: pointer;
}

.h2 {
  /* Обычный шрифт с жирностью */
  font-family: "AvanteInt_book";
  font-weight: 700;
  font-size: 32px;
  margin: var(--largePC-margin) auto var(--bigMobile-margin);
  display: flex;
  justify-content: center;
  align-items: end;
  text-align: center;
  width: 100%;
}

/* .sp-wig {
  margin-top: var(--largePC-margin);
} */

/* Блоки списка с h3 */
.h3::before {
  position: absolute;
  left: -50px;
  content: url(/img/dot_green.svg);
  top: -1px;
}

/* Около чёрных точек */
.h3 {
  position: relative;
  text-indent: 0;
  font-size: 24px;
  margin-left: 50px;
  text-transform: uppercase;
  margin-top: var(--smallPC-margin);
  margin-bottom: 8px;
}

.h3_2,
.h3_1 {
  margin-top: 0;
}

.slider2 {
  display: flex;
  flex-direction: column;
}

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

/* Абзацы */
.p {
  font-size: 24px;
  line-height: 35px;
  padding-bottom: 24px;
  /* display: flex; */
  vertical-align: top;
}

/* Последний абзац без отступа */
.p:last-child {
  padding-bottom: 0;
}

/* Если перед абзацем любой другой элемент, кроме абзаца и заголовка, то отступ сверху */
*:not(.p, h2, .warning2)+.p {
  padding-top: 24px;
}

/* Блок списка с рыжими точками */
.p2 {
  font-size: 24px;
  line-height: 35px;
  /* padding-bottom: 0;  */
  line-height: 145%;
  vertical-align: top;
}

/* Текст под h3 в списке с черными точками */
.p3 {
  font-size: 24px;
  line-height: 35px;
  margin-left: 50px;
  line-height: 145%;
  vertical-align: top;
}

/* Отступы сверху у абзацев под h3 (не у первого) */
.p3:not(:first-of-type) {
  margin-top: var(--smallTablet-margin);
}

/* Список с оранжвыми точками */
ul.p2.limitations {
  padding-left: 50px;
  position: relative;
}

/* Пункты */
.attent2 {
  position: relative;
  text-indent: 0;
  padding-bottom: 24px;
}

.attent2::before {
  position: absolute;
  content: url(/img/icon-romb-small.svg);
  left: -50px;
}

.attent2:last-child {
  padding-bottom: 0;
}

.tablinks {
  margin-bottom: 50px;
  margin-right: 20px;
  border: none;
  background-color: #f3f7ed;
  font-size: 24px;
  line-height: 29px;
  color: #1f271b;
  cursor: pointer;
  font-family: "AvanteInt";
}

.tablinks1 {
  margin-bottom: 50px;
  margin-left: 20px;
  border: none;
  background-color: #f3f7ed;
  font-size: 24px;
  line-height: 29px;
  color: #1f271b;
  cursor: pointer;
  font-family: "AvanteInt";
}


.box2 {
  display: flex;
  justify-content: center;
}

.bttn {
  display: flex;
  justify-content: center;
}

.icon {
  margin-right: var(--smallTablet-margin);
  align-self: flex-start;
}

.warning2 {
  background-color: #f28123;
  border-radius: 8px;
  padding: 24px;
  display: flex;
  align-items: center;
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin: 0 auto var(--bigMobile-margin);
}

.warning2:last-child {
  margin: var(--smallPC-margin) auto 0;
}

.warning-icon {
  margin-right: var(--smallTablet-margin);
  width: 36px;
  height: 36px;
}

.text {
  color: #f3f7ed;
  font-size: 24px;
  line-height: 35px;
  margin: 0;
}

.text a {
  color: inherit;
  text-decoration: underline;
}

.tab {
  display: flex;
  justify-content: center;
  align-items: center;
}

.tab label {
  margin: 0 10px;
  cursor: pointer;
  /* Add this line to make the label clickable */
}

.tabcontent {
  display: none;
}

.tabcontent.active {
  display: block;
}

#animation1-main {
  position: absolute;
}

#animation2-main {
  position: absolute;
}

.map-animation {
  position: relative;
  left: 34px;
  bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.photo-animation {
  position: relative;
  /* right:  10px; */
  left: 7px;
  bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.romb-main1-1 {
  margin: 0;
  width: 20px;
  height: 20px;
  -webkit-animation: rombmain1-1 1s alternate;
  animation: rombmain1-1 1s alternate;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes rombmain1-1 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(29px);
    transform: translateX(29px);
  }
}

@keyframes rombmain1-1 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(29px);
    transform: translateX(29px);
  }
}

.line-main1 {
  position: absolute;
  margin: 0;
  width: 1px;
  height: 3px;
  background-color: #f28123;
  -webkit-animation: linemain1 linear 0.57s alternate;
  animation: linemain1 linear 0.57s alternate;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@keyframes linemain1 {
  0% {
    width: 0px;
  }

  100% {
    width: 80px;
  }
}

@keyframes line1 {
  0% {
    width: 0px;
  }

  100% {
    width: 80px;
  }
}

.romb-main1-2 {
  margin: 0;
  width: 20px;
  height: 20px;
  -webkit-animation: rombmain1-2 1s alternate;
  animation: rombmain1-2 1s alternate;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes rombmain1-2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-29px);
    transform: translateX(-29px);
  }
}

@keyframes rombmain1-2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-29px);
    transform: translateX(-29px);
  }
}

.romb-main2-1 {
  margin: 0;
  width: 20px;
  height: 20px;
  -webkit-animation: rombmain2-1 1s alternate;
  animation: rombmain2-1 1s alternate;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes rombmain2-1 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(29px);
    transform: translateX(29px);
  }
}

@keyframes rombmain2-1 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(29px);
    transform: translateX(29px);
  }
}

.line-main2 {
  position: absolute;
  margin: 0;
  width: 1px;
  height: 3px;
  background-color: #f28123;
  -webkit-animation: linemain2 linear 0.57s alternate;
  animation: linemain2 linear 0.57s alternate;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes linemain2 {
  0% {
    width: 0px;
  }

  100% {
    width: 80px;
  }
}

@keyframes linemain2 {
  0% {
    width: 0px;
  }

  100% {
    width: 80px;
  }
}

.romb-main2-2 {
  margin: 0;
  width: 20px;
  height: 20px;
  -webkit-animation: rombmain2-2 1s alternate;
  animation: rombmain2-2 1s alternate;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes rombmain2-2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-29px);
    transform: translateX(-29px);
  }
}

@keyframes rombmain2-2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-29px);
    transform: translateX(-29px);
  }
}

.svg-last {
  margin-left: 36px;
}

/* Планшет горизонтальный */
@media (max-width: 1250px) {

  .main-other-page {
    max-width: var(--tabletContent-width);
  }

  #map,
  .swiper {
    width: var(--tabletContent-width);
    height: calc(var(--tabletContent-width) * 0.5625);
  }

  .ymaps-2-1-79-zoom {
    top: -100px;
  }

  .image-slider__image {
    padding-bottom: 0;
  }

  .image-slide-bottom {
    padding-top: 10px;
  }

  .image-slider {
    padding-bottom: 0;
  }

  .slider2 {
    height: 450px;
  }

  .h2 {
    line-height: 34px;
    font-size: 28px;
    margin-top: 69px;
    margin-bottom: var(--smallPC-margin);
  }

  /* Блок с виджетом Спутник8 */
  /* .sp-wig {
    margin-top: 69px;
  } */

  .h2-under-second-swiper {
    margin-top: 0px;
  }

  .p2 {
    margin-left: 100px;
    line-height: 145%;
    margin-left: 0;
  }

  .p3 {
    margin-left: 100px;
    line-height: 145%;
    margin-left: 35px;
  }

  /* Отступ у не первых абзацев под h3 */
  .p3:not(:first-of-type) {
    margin-top: var(--smallTablet-margin);
  }

  .p {
    line-height: 145%;
    padding-bottom: 16px;
  }

  *:not(.p, h2, .warning2)+.p {
    padding-top: 16px;
  }

  .h3 {
    line-height: 24px;
    text-transform: uppercase;
    margin-left: 35px;
    margin-top: var(--smallTablet-margin);
  }

  .h3::before {
    left: -36px;
  }

  .h3_2,
  .h3_1 {
    margin-top: 0;
  }

  .ph {
    margin-left: 0;
  }

  .ph2 {
    margin-left: 0;
    margin-bottom: var(--smallTablet-margin);
  }

  .attent2 {
    padding-bottom: 16px;
  }

  .attent2::before {
    left: -42px;
  }

  .warning-icon {
    margin-top: px;
    margin-right: var(--smallTablet-margin);
    width: 32px;
    height: 32px;
  }

  .text {
    line-height: 24px;
  }

  /* Иконка внешней ссылки */
  .link-icon {
    height: 20px;
  }

  .eco-trail {
    font-size: 28px;
  }

  .p,
  .p2,
  .p3,
  .h3,
  .text {
    font-size: 20px;
  }
}

/* Планшет вертикальный */
@media (max-width: 1024px) {

  .main-other-page {
    max-width: var(--tabletMiniContent);
  }

  #map,
  .swiper {
    width: var(--tabletMiniContent);
    height: calc(var(--tabletMiniContent) * 0.5625);
  }

  .swiper-left-btn {
    display: none;
  }

  .swiper-right-btn {
    display: none;
  }

  /* H1 в правилах */
  .eco-trail.rules {
    margin-bottom: var(--bigTablet-margin);
    margin-top: var(--bigTablet-margin);
  }

  /* Инфа о тропе вертикальная */
  .row {
    flex-wrap: wrap;
    justify-content: center;
  }

  .col-md-4 {
    margin-bottom: var(--smallTablet-margin);
    flex-basis: 33%;
  }

  .icon-wrapper {
    flex-direction: row;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .icon-wrapper p {
    margin-top: 0;
    margin-left: 10px;
    text-align: left;
  }

  .Desctop-text {
    display: none;
  }

  .mobile-text {
    display: inline;
    padding-bottom: 6px;
  }

  .mobile-text.mobile-text-last {
    padding: 6px 0 0 0;
  }

  .svg-last {
    margin-left: 0px;
  }

  .mobile-text {
    margin: 0 !important;
  }

  .svg {
    margin: 0;
  }

  /* Отступ снизу от статьи */
  .info__trail {
    padding-bottom: var(--largeTablet-margin);
  }

  /* Отступ рекламы (лента) */
  .ads,
  .ads_ab {
    margin-bottom: var(--largeTablet-margin);
  }

  /* Отступ рекламы (баннер в статье) */
  .ads-ban {
    margin-top: var(--largeTablet-margin);
  }

  /* Текст о рекламе */
  .add-text {
    font-size: 18px !important;
    padding-bottom: 16px !important;
  }

}

/* Микро-планшет */
@media (max-width: 775px) {
  .main-other-page {
    /* margin-left: auto;
    margin-right: auto; */
    max-width: var(--tabletMicroContent);
    /* max-width: var(--mobileContent);  */
  }

  .swiper {
    width: var(--tabletMicroContent) !important;
    height: calc(var(--tabletMicroContent) * 0.5625) !important;
  }

  #map {
    width: var(--tabletMicroContent) !important;
    height: 500px;
  }

  .image-size1 {
    max-width: var(--tabletMicroContent);
  }

  .breadcrumb-separator,
  .breadcrumb-icon,
  .breadcrumb-item.catalog {
    display: none;
  }

  .breadcrumbs {
    gap: 0;
  }

  .breadcrumb-region {
    display: flex;
    align-items: center;
  }


  .breadcrumb-region::before {
    content: url("/img/breadcrumbs/back-btn.svg");
    margin-right: 12px;
  }

  .breadcrumb-region:hover::before {
    content: url("/img/breadcrumbs/back-btn-active.svg");
  }

  .breadcrumb-region:hover {
    color: #F28123;
  }

  /* Промо */
  .promo-text {
    font-size: 20px !important;
  }


}

/* Мобила */
@media (max-width: 525px) {

  .main-other-page {
    max-width: var(--mobileContent);
  }

  /* Карта */
  #map {
    max-width: var(--mobileContent);
    height: 70vh;
  }

  /* Фото */
  .swiper {
    width: var(--mobileContent) !important;
    height: calc(var(--mobileContent) * 0.5625) !important;
  }

  /* Отдельные слайды фото */
  .image-slider__image {
    width: 100% !important;
  }

  /* Изображения внутри слайдов */
  .image-size1 {
    width: 100% !important;
    height: auto;
    object-fit: cover;
  }

  /* Отспуп снизу от статьи */
  .info__trail {
    padding-bottom: var(--largeMobile-margin);
  }

  /* Отступ рекламы (лента) */
  .ads,
  .ads_ab {
    margin-bottom: var(--largeMobile-margin);
  }

  /* Отступ рекламы (баннер в статье) */
  .ads-ban {
    margin-top: var(--largeMobile-margin);
  }


  /* Кнопка расшарки */
  .ya-share2__icon_more {
    background-size: 32px 32px !important;
    height: 32px !important;
    width: 32px !important;
  }

  /* Крестик модального окна */
  .close_modal_window {
    width: 316px;
    height: 40px;
  }

  .ymaps-2-1-79-zoom {
    top: -100px;
  }

  .location {
    margin: var(--bigMobile-margin) 0;
  }

  .slider2 {
    height: 280px;
  }

  .image-slide-bottom {
    margin-right: 40px !important;
  }


  .eco-trail {
    margin: var(--bigMobile-margin) auto;
    font-size: 24px;
    gap: 12px;
  }

  .eco-trail::before {
    content: url(/img/small-title-left-line.svg);
  }

  .eco-trail::after {
    content: url(/img/small-title-right-line.svg);
  }

  .h2 {
    /* width: 320px; */
    font-size: 24px;
    line-height: 130%;
    margin-top: var(--largeMobile-margin);

  }

    /* Блок с виджетом Спутник8 */
    /* .sp-wig {
      margin-top: var(--largeMobile-margin);
    } */

  .h2-under-second-swiper {
    margin-top: 62px;
  }

  .remember {
    padding-bottom: 0;
  }

  .who {
    margin-bottom: 0;
  }

  .p,
  .p2,
  .p3,
  .h3,
  .text {
    font-size: 18px;
  }

  .p2 {
    margin-left: 100px;
    line-height: 145%;
    margin-left: 30px;
  }

  .p3 {
    margin-left: 28px;
  }

  .p {
    /* width: 320px; */
    line-height: 145%;
    margin-left: 0px;
  }

  /* Список с ораньжевыми точками */
  ul.p2.limitations {
    padding-left: 0;
  }

  .attent2 {
    /* width: 292px; */
    left: 0px;
    padding-left: 0;
  }

  .attent2::before {
    left: -32px;
  }

  .h3 {
    line-height: 20px;
    margin-left: 28px;
  }

  .h3::before {
    left: -30px;
  }

  .warning2 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 100%;
    /* border-radius: 0%; */
    /* height: 404.36px; */
    /* т.к. флекс обрамляет текст, фикс. высота не нужна */
  }

  .warning-icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
  }

  .text {
    text-align: center;
  }


  /*  */
  .swiper-controlls {
    margin-top: 20px;
  }

}