.animation {
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
html,
body {
  height: 100%;
}
body {
  display: block !important;
}
.page {
  min-height: 100%;
}
.wrap {
  min-height: 100%;
  /*height: 100%;*/
  /*height: auto;*/
  /*display: flex;*/
  /*flex-direction: column;*/
  /*justify-content: space-between;*/
  /*padding: 50px 0 0 ;*/
  /*background: url('../img/body.png');*/
  /*background-color: #F5F3F3;*/
  /*background-attachment: fixed;*/
  /*background-size: cover;*/
}
@media (max-width: 768px) {
  .wrap {
    background: transparent;
  }
}
@media (max-width: 480px) {
  .wrap > .container,
  .wrap #main-slider {
    padding-top: 71px;
  }
  .wrap #main-slider + .container {
    padding-top: 0 !important;
  }
  .wrap .banner-top + .container {
    padding-top: 0 !important;
  }
}
@media (min-width: 481px) {
  .wrap > .container {
    padding-top: 205px;
  }
  .wrap > .banner-top + .container {
    padding-top: 0;
  }
  .wrap #main-slider {
    padding-top: 205px;
  }
  .wrap #main-slider + .container {
    padding-top: 0 !important;
  }
}
.wrap .content {
  /*flex-grow: 1;*/
}
.wrap .content.margin-bottom {
  margin-bottom: 6rem;
}


.wrap .content p {
  /*text-indent: 4rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  text-align: justify; */
  height: 100%;
}

.wrap .content p.littlegang {
  /*text-indent: 4rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  text-align: justify; */
  height: 0%;
}

.wrap .content p.littlegang2 {
    color: #6D6D6D;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    text-indent: 0;
    margin-bottom: 20px;
    text-align: left;
    height: auto;
}




.wrap .content .content {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.wrap .content .content.kontakty p {
  text-indent: 0 !important;
  text-align: left;
}
.wrap .content .content.kontakty p a img {
  width: 30px;
  height: 30px !important;
  padding-bottom: 0 !important;
}
@media (max-width: 600px) {
  .wrap .content .content.kontakty p a img {
    width: 30px !important;
  }
}
.wrap .content .content.kontakty table {
  border: 2px solid black;
  border-collapse: collapse;
  margin-bottom: 20px;
}
.wrap .content .content.kontakty table tbody tr td {
  padding: 3px;
  border: 1px solid black;
}
.wrap .content .content.kontakty table tbody tr td p {
  padding: 0 !important;
}
.wrap .content #content {
  /*min-height: 45rem;*/
}
.wrap .content #content .site-error {
  min-height: 40rem;
}
.wrap .content #content .row > div {
  text-align: center;
  overflow: hidden;
}
.wrap .content #content img {
  height: 250px;
  padding-bottom: 10px;
}
@media (max-width: 600px) {
  .wrap .content #content img {
    width: 100%;
  }
}
.wrap .seo-text {
  margin: 2rem 0;
  /*margin-top: 4rem;*/
  /*margin-bottom: 4rem;*/
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.wrap h1 {
  font-size: 2.8rem;
  color: #015B2C;
  margin-top: 4rem;
  text-align: center;
  /*font-size: 2.4rem;*/
  text-transform: uppercase;
  display: block;
  margin-bottom: 2rem;
}
.wrap h1::after {
  display: block;
  width: 13rem;
  height: 2px;
  clear: both;
  margin: 0 auto;
  text-align: center;
  background: #C3C3C5;
  content: '';
  margin-top: 0.8rem;
}
.wrap .footer-up {
  position: fixed;
  left: 4rem;
  bottom: 1rem;
  z-index: 1000;
}
.wrap .dir-whatsapp {
  position: fixed;
  right: 1rem;
  bottom: 2rem;
  z-index: 999;
}
.wrap .dir-whatsapp-second {
  position: fixed;
  right: 1rem;
  bottom: 8.5rem;
  z-index: 999;
}

/* ══ Закреплённая кнопка «Позвонить» (заменила «Заказать»): жёлтый контур без заливки,
      иконка трубки, анимация «как входящий вызов». Позиция — из .dir-whatsapp-second. ══ */
.wrap .dir-call,
.wrap .dir-max {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  width: 166px;
  height: 44px;
  box-sizing: border-box;
  padding: 0 14px;
  background: #fff;
  border: 2px solid #FFE500;
  border-radius: 22px;
  color: #1d5c33;
  /* Единый шрифт на ВСЕХ страницах: без явного font-family кнопки наследовали
     шрифт страницы (на /pereezdy — Helvetica, на остальных — Proxima Nova), поэтому
     выглядели по-разному. Фиксируем эталон /pereezdy — Helvetica. */
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
  -webkit-tap-highlight-color: transparent;
  transition: background .2s, color .2s, transform .2s;
}
/* «Позвонить» — жёлтая заливка по умолчанию + пульс «как входящий вызов».
   «Руководитель» (MAX) остаётся белой и без анимации. */
.wrap .dir-call {
  background: #FFE500;
  color: #14432a;
  animation: dir-call-pulse 2s infinite;
}
/* Ховер «Позвонить»: чуть насыщеннее жёлтый + лёгкое увеличение (scale). По просьбе
   заказчика transform:scale ВОЗВРАЩЁН (убирать было не нужно). box-shadow для роста
   не годится — его постоянно переопределяет анимация пульса, поэтому растим через scale. */
.wrap .dir-call:hover,
.wrap .dir-call:focus {
  background: #ffd000;
  color: #14432a;
  text-decoration: none;
  transform: scale(1.04);
}
/* Ховер «Руководитель»: из белой в жёлтую (как было). */
.wrap .dir-max:hover,
.wrap .dir-max:focus {
  color: #14432a;
  background: #FFE500;
  text-decoration: none;
}
.wrap .dir-call__ico {
  flex: 0 0 auto;
  color: inherit;
}
.wrap .dir-call__text {
  white-space: nowrap;
}
.wrap .dir-call__ring {
  position: absolute;
  inset: -2px;
  border-radius: 22px;
  overflow: hidden;
  pointer-events: none;
}
.wrap .dir-call__ring::before {
  content: '';
  position: absolute;
  top: 0;
  left: -60%;
  width: 45%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .7), transparent);
  transform: skewX(-20deg);
  animation: dir-call-shine 2.8s infinite;
}
@keyframes dir-call-pulse {
  0%   { box-shadow: 0 4px 14px rgba(0,0,0,.25), 0 0 0 0 rgba(255,229,0,.6); }
  70%  { box-shadow: 0 4px 14px rgba(0,0,0,.25), 0 0 0 12px rgba(255,229,0,0); }
  100% { box-shadow: 0 4px 14px rgba(0,0,0,.25), 0 0 0 0 rgba(255,229,0,0); }
}
@keyframes dir-call-shine {
  0%   { left: -60%; }
  55%  { left: 120%; }
  100% { left: 120%; }
}
/* НЕ ВОЗВРАЩАТЬ сюда @media (prefers-reduced-motion: reduce) с animation:none!
   Этот блок глушил ОБА эффекта (пульс + блик) у всех, у кого в системе выключена
   анимация интерфейса: Windows «Показывать анимацию в Windows» = Выкл,
   iOS «Уменьшение движения», Android «Удаление анимаций». Браузер в таком случае
   отдаёт prefers-reduced-motion: reduce — и кнопка стояла мёртвая, хотя в CSS всё было.
   По требованию заказчика эффекты кнопки «Позвонить» должны работать ВСЕГДА. */

/* ══ Две версии одной плавающей кнопки, лежат в одной и той же точке экрана ══
   Мобильная (≤768px) — «Позвонить», прямая ссылка tel: (как было).
   Десктопная (≥769px) — «Заказать звонок», открывает короткую форму
   (телефон + согласие на ПДн, модалка #callback-short-modal).
   Внешний вид, цвет и обе анимации общие: у обеих кнопок класс .dir-call.
   Порог 768px — тот же, что уже используется ниже для .dir-whatsapp. */
.wrap .dir-call--order {
  display: none;
  cursor: pointer;
}
@media (min-width: 769px) {
  .wrap .dir-call--tel { display: none; }
  .wrap .dir-call--order { display: inline-flex; }
}

/* Поле-ловушка (honeypot) короткой формы: уводим за пределы экрана, а НЕ
   display:none — наивный бот такое поле заполнит, а человек его не увидит.
   Если поле пришло непустым, заявка молча отбрасывается в контроллере. */
.cbs-hp {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}
/* Сообщение об отказе сервера в короткой форме — скрыто, пока не понадобится. */
.cbs-error {
  display: none;
  margin-bottom: 10px;
}
.cbs-error.is-visible {
  display: block;
}

/* ══ Единый модуль кнопок HERO-баннеров (виджет \app\widgets\HeroButtons) ══ */
.hero-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.hero-cta__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 22px;
  border-radius: 60px;
  font-family: inherit;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  border: 2px solid transparent;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: background .2s, color .2s, border-color .2s;
}
.hero-cta__ico { flex: 0 0 auto; }
.hero-cta__phone {
  background: #FFE500;
  color: #3a3a3a;
  border-color: #FFE500;
}
.hero-cta__phone:hover,
.hero-cta__phone:focus {
  background: #ffd400;
  color: #14432a;
  text-decoration: none;
}
/* Номер/лейбл — той же жирности, что и кнопка «Получить расчёт» (700), наследуется
   от .hero-cta__btn. Цвет = тёмно-серый от .hero-cta__phone, иконка тем же
   currentColor. На desktop виден номер, на мобиле — «Позвонить». */
.hero-cta__phone-label {
  display: none;
}
.hero-cta__calc {
  background: transparent;
  color: #FFE500;
  border-color: #FFE500;
}
.hero-cta__calc:hover,
.hero-cta__calc:focus {
  background: rgba(255, 229, 0, .14);
  color: #FFE500;
}
@media (max-width: 767px) {
  /* Мобайл: кнопки в столбик (сверху телефон, снизу «Получить расчёт»),
     на всю ширину, контент по центру — как раньше стояли MAX/Telegram.
     width:100% на самом .hero-cta обязателен: контейнеры hero-баннеров разные —
     где-то родитель тянет детей (align-items:stretch), а где-то нет
     (напр. .gruz-hero__card с align-items:flex-start), из-за чего блок сжимался
     по контенту и кнопки не растягивались. Так поведение одинаково во всех шаблонах. */
  .hero-cta {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 8px;
  }
  .hero-cta__btn {
    width: 100%;
    justify-content: center;
    padding: 12px 16px;
    font-size: 14px;
  }
  .hero-cta__phone-num { display: none; }
  .hero-cta__phone-label { display: inline; }
}

.max-bg {
  fill: #005E2E;
  transition: fill .2s;
}

.max-link:hover .max-bg {
  fill: #AECB18;
}

@media (max-width: 768px) {
.wrap .dir-whatsapp {
  position: fixed;
  right: 1rem;
  bottom: 5rem;
  z-index: 999;
}
.wrap .dir-whatsapp-second {
  position: fixed;
  right: 1rem;
  bottom: 11.5rem;
  z-index: 999;
}
}

.mm-wrapper .mm-menu .mm-panels {
  background: #292929 !important;
}
.mm-wrapper .mm-menu .mm-panels .mm-navbar {
  border-bottom: 1px solid #444;
}
.mm-wrapper .mm-menu .mm-panels .mm-navbar .mm-navbar__title {
  background: #292929 !important;
  color: rgba(255, 230, 52, 0.85) !important;
}
.mm-wrapper .mm-menu .mm-panels .mm-navbar .mm-btn_prev {
  background: #292929 !important;
}
.mm-wrapper .mm-menu .mm-panels .mm-navbar .mm-btn_prev:before {
  border-top-color: rgba(255, 230, 52, 0.85) !important;
  border-left-color: rgba(255, 230, 52, 0.85) !important;
}
.mm-wrapper .mm-menu .mm-panels .mm-panel {
  background: #292929 !important;
}
.mm-wrapper .mm-menu .mm-panels .mm-listitem {
  color: rgba(255, 230, 52, 0.85) !important;
}
.mm-wrapper .mm-menu .mm-panels .mm-listitem a {
  font-size: 1.6rem;
}
.mm-wrapper .mm-menu .mm-panels .mm-btn_next:after {
  border-top-color: rgba(255, 230, 52, 0.85) !important;
  border-left-color: rgba(255, 230, 52, 0.85) !important;
}
.mobile-menu {
  background: #292929;
  padding: 2rem 0;
  /*margin-bottom: 4rem;*/
}
.mobile-menu p {
  margin-bottom: 0;
}
.mobile-menu p a {
  color: white;
  font-size: 2.8rem;
}

/*.svg-desktop svg {
  width: 200%;
  height: 200%;
}*/


/*.svg-mobile { display: none; }

@media (max-width: 768px) {
  .svg-desktop { display: none; }
  .svg-mobile { display: inline; }
}*/

@media (max-width: 480px) {
  .mobile-menu p a {
    font-size: 2.4rem;
  }
}
.mobile-menu .logo-abs-wrap {
  padding-bottom: 5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.mobile-menu .logo-abs-wrap a,
.mobile-menu .logo-abs-wrap img {
  z-index: 10;
  display: block;
  /*position: absolute;*/
  margin: 0 auto;
  position: relative;
  margin-bottom: -10rem;
}
.mobile-menu button {
  font-size: 1.8rem;
  padding-left: 0;
}
.mobile-menu [href="/calc"] {
  color: #FFE634;
  font-size: 1.6rem;
}
.mobile-menu .city-menu > p {
  color: #00a800;
}
.header {
  background: white;
}
@media (min-width: 480px) {
  .header {
    position: fixed;
    width: 100%;
    z-index: 1030;
    top: 0;
  }
}
.header .line-wrap {
  padding: 1rem 0;
}
@media (max-width: 480px) {
  .header .line-wrap {
    padding-top: 2px;
  }
}
.header .line-wrap .btn-skelet {
  border: 1px solid #FFE634;
  color: #FFE634;
  font-weight: 600;
}
.header .line-wrap .btn-skelet img {
  padding-bottom: 3px;
}
.header .line-wrap .calc-wrap .btn {
  padding-left: 2rem;
  padding-right: 2rem;
  font-weight: 600;
}
@media (max-width: 992px) {
  .header .line-wrap .calc-wrap .btn {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 768px) {
  .header .line-wrap .cabinet-wrap,
  .header .line-wrap .city-wrap {
    padding-bottom: 1rem;
  }
}
@media (max-width: 480px) {
  .header .line-wrap .cabinet-wrap,
  .header .line-wrap .city-wrap {
    padding-bottom: 0.5rem;
  }
}
.header .middle-menu {
  background: white;
  padding: 1rem 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  position: relative;
}
.header .middle-menu .menu-wrap {
  padding: 0;
  width: 70% !important;
}
.header .middle-menu .menu-wrap .navbar-nav .dropdown-toggle .caret {
  display: none !important;
}
.header .middle-menu .menu-wrap .navbar-nav > li:after {
  /*content: '|';*/
}
.header .middle-menu .menu-wrap .navbar-nav > li.active {
  border-bottom: 6px solid #94C021;
}
.header .middle-menu .menu-wrap .navbar-nav > li > a {
  text-transform: uppercase;
  color: #015B2C;
  font-weight: 600;
  font-size: 1.3rem;
  border-bottom: 6px solid white;
  padding: 1rem 1rem;
}
.header .middle-menu .menu-wrap .navbar-nav > li > a:hover,
.header .middle-menu .menu-wrap .navbar-nav > li > a:focus {
  background-color: #94C021;
  border-bottom: 6px solid #94C021;
  color: #FFE634;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
@media (min-width: 990px) and (max-width: 1200px) {
  .header .middle-menu .menu-wrap .navbar-nav > li > a {
    font-size: 1.1rem;
    padding: 1rem 0.8rem;
  }
}
.header .middle-menu .menu-wrap .navbar-nav > li.open a {
  background-color: #94C021;
  border-bottom: 6px solid #94C021;
  color: #FFE634;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.header .middle-menu .menu-wrap .navbar-nav .dropdown-menu {
  background-color: #94C021;
  color: #FFE634;
  border: inherit;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.header .middle-menu .menu-wrap .navbar-nav .dropdown-menu li a {
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: white;
}
.header .middle-menu .menu-wrap .navbar-nav .dropdown-menu li a:hover {
  background: transparent;
  color: #FFE634;
  text-decoration: underline;
}
.header .middle-menu .menu-wrap .navbar-nav .dropdown-menu li.active a {
  background: transparent;
  color: #FFE634;
  text-decoration: underline;
}
.header .middle-menu .logo-wrap {
  width: 12% !important;
  padding: 0;
}
.header .middle-menu .logo-wrap .logo-abs-wrap {
  position: absolute;
  top: -2rem;
  z-index: 99;
}
.header .middle-menu .phone-wrap p {
  margin-bottom: 0;
}
.header .middle-menu .phone-wrap p:nth-child(1) a {
  font-size: 1.8rem;
  color: #015B2C;
}
@media (min-width: 990px) and (max-width: 1200px) {
  .header .middle-menu .phone-wrap p:nth-child(1) a {
    font-size: 1.5rem;
  }
}
.header .middle-menu .phone-wrap p:nth-child(2) a {
  font-size: 1.5rem;
  color: #94C021;
}
@media (min-width: 990px) and (max-width: 1200px) {
  .header .middle-menu .phone-wrap p:nth-child(2) a {
    font-size: 1.3rem;
  }
}
.header .middle-menu .phone-wrap .glyphicon {
  color: #015B2C;
  margin-left: 0.5rem;
}
.header.slider-on {
  z-index: 100;
  width: 100%;
  /*        @media(max-width:@screen-md) {
                    position: relative;
                }*/
}
/* На страницах default БЕЗ «Главного слайдера» (напр. /calc) слайдера нет, а шапка
   фиксированная — без отступа контент уходил бы под неё. Существующее правило
   «.wrap>.container{padding-top:205}» активно только при отсутствии #main-slider, но его
   брейкпоинт (481) не совпадает с переключением шапки (992: <992 моб.шапка ~71px,
   >=992 десктоп ~204px) — на планшетах давал бы лишний отступ. Перебиваем с верной
   границей (спецификой .wrap>.container.container--no-slider). */
.wrap > .container.container--no-slider {
  padding-top: 71px;
}
@media (min-width: 992px) {
  .wrap > .container.container--no-slider {
    padding-top: 204px;
  }
}
@media (max-width: 768px) {
  .header .bottom-phone {
    margin-top: 1rem;
  }
  .header .bottom-phone p {
    margin-bottom: 0;
  }
  .header .bottom-phone a {
    color: white;
  }
}
@media (max-width: 992px) {
  .header .bottom-phone {
    margin-top: 1rem;
  }
  .header .bottom-phone p {
    margin-bottom: 0;
  }
  .header .bottom-phone a {
    color: white;
  }
}
.header .top-header {
  height: 40px;
  border-bottom: 1px solid #EDEDED;
  transition: all 0.3s ease;
}
.header .top-header.out {
  position: absolute;
  top: -40px;
  transform: translateY(-100%);
}
.header .top-header a {
  color: #235C33;
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: Montserrat, sans-serif;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: rgba(35, 92, 51, 0.4);
  line-height: 20px;
  margin: 10px 20px 10px 0;
  float: left;
  border-right: 1px solid #EDEDED;
  padding-right: 20px;
}
.header .top-header a svg:first-child {
  margin-right: 10px;
  vertical-align: sub;
}
.header .top-header a svg:last-child {
  margin-left: 10px;
}
.header .top-header a:hover {
  color: #72941A;
  text-decoration-color: #72941A;
}
.header .top-header a:hover svg:first-child path {
  fill: #72941A;
}
.header .top-header a:hover svg:last-child {
  stroke: #72941A;
  text-decoration: none;
}
.header .top-header a:hover svg:last-child path {
  stroke: #72941A;
}
.header .top-header p {
  color: #2E2F30;
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
  line-height: 20px;
  float: left;
  display: inline;
  margin: 10px 0;
}
.header .top-header p + p {
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid #EDEDED;
}
.header .top-header div > svg {
  display: block;
  margin: 10px 0;
  padding-left: 10px;
}
.header .top-header div > svg a {
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .top-header div > svg a:hover > path {
  fill: #AECB18;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .top-header .container > div:last-child p,
.header .top-header .container > div:last-child svg {
  float: right;
}
.header .middle-header {
  padding: 10px 0;
}
.header .middle-header > div {
  display: flex;
  align-items: center;
}
.header .middle-header .logo-abs-wrap {
  text-align: left;
}
.header .middle-header .logo-abs-wrap a {
  display: grid;
}
.header .middle-header .logo-col {
  width: 130px;
}
.header .middle-header .logo-col + div {
  width: 250px;
}
.header .middle-header .logo-col + div + div {
  width: 250px;
}
.header .middle-header .logo-col + div + div + div {
  width: 200px;
}
.header .middle-header .calc-col {
  width: auto;
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}
.header .middle-header .main_phone {
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  /* 115.385% */
  margin-bottom: 15px;
}
.header .middle-header .main_phone.green a {
  color: #235C33;
}
.header .middle-header .main_phone a {
  color: black;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .middle-header .main_phone a:hover {
  color: #72941A;
  text-decoration: none;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .middle-header .callback {
  color: #235C33;
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
  line-height: 24px;
}
.header .middle-header .callback button {
  border: none;
  background: none;
  padding: 0;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .middle-header .callback button svg {
  margin-right: 10px;
  vertical-align: sub;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .middle-header .callback button svg path {
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .middle-header .callback button span {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: rgba(35, 92, 51, 0.4);
}
.header .middle-header .callback button:hover {
  color: #AECB18;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .middle-header .callback button:hover svg {
  fill: #AECB18;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .middle-header .callback button:hover svg path {
  fill: #AECB18;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .middle-header .social-network {
  color: #2E2F30;
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
}
.header .middle-header .social-network a:hover {
  text-decoration: none;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .middle-header .social-network a:hover svg {
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .middle-header .social-network a:hover svg rect {
  fill: #AECB18;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .middle-header .social-network a svg {
  vertical-align: top;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .middle-header .social-network a svg rect {
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .middle-header .social-network a + a {
  margin-right: 10px;
}
.header .middle-header .header-emails {
  margin-top: 0;
  padding-top: 0;
}
.header .middle-header .header-emails p {
  margin-left: 0;
  text-align: left;
}
.header .middle-header .header-emails p + p {
  margin-left: 0;
  margin-top: 15px;
}
.header .middle-header .header-emails p a {
  margin-left: 0;
  color: black;
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
  /* 187.5% */
  display: grid;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .middle-header .header-emails p a.green {
  color: #235C33;
}
.header .middle-header .header-emails p a:hover {
  color: #72941A;
  text-decoration: none;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .middle-header .header-emails p span {
  color: #7D7D7D;
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 8px;
  padding-bottom: 8px;
  display: block;
}
.header .middle-header .calc-button {
  width: auto;
  background: #AECB18;
  border-radius: 30px;
  display: inline-flex;
  align-items: center;
  padding: 15px 23px;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .middle-header .calc-button svg {
  margin-right: 10px;
  flex: 0 0 auto;
}
.header .middle-header .calc-button p {
  margin-bottom: 0;
  color: #424D09;
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
}
.header .middle-header .calc-button:hover {
  transition-duration: 0.2s;
  transition-timing-function: ease;
  background: #FFE634;
  text-decoration: none;
}
.header .middle-header .calc-button:hover p {
  color: #665900;
}
.header .middle-header .calc-button:hover svg {
  fill: #665900;
}
.header .bottom-header {
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
}
.header .bottom-header .menu-wrap {
  display: flex;
}
.header .bottom-header .menu-wrap .navbar-nav li {
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .bottom-header .menu-wrap .navbar-nav li a {
  padding: 18px 18px;
  margin: 7px 10px 7px 10px;
  color: #2E2F30;
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  border-radius: 10px 10px 0 0;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .bottom-header .menu-wrap .navbar-nav li a .caret {
  display: none;
}
.header .bottom-header .menu-wrap .navbar-nav li a:hover {
  color: #AECB18;
  background: none;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .bottom-header .menu-wrap .navbar-nav li a:focus {
  background: none;
}
.header .bottom-header .menu-wrap .navbar-nav li a:after {
  content: '';
  height: 22px;
  width: 1px;
  position: absolute;
  right: -10px;
  top: 20px;
  background: #ededed;
}
.header .bottom-header .menu-wrap .navbar-nav li.active a {
  background: none;
  color: #235C33;
  font-weight: 700;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .bottom-header .menu-wrap .navbar-nav li.open {
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .bottom-header .menu-wrap .navbar-nav li.open a {
  transition-duration: 0.2s;
  transition-timing-function: ease;
  background: #235C33;
  color: white;
}
.header .bottom-header .menu-wrap .navbar-nav li.open:before {
  content: '';
  position: absolute;
  background: green;
}
.header .bottom-header .menu-wrap .navbar-nav li .dropdown-menu {
  margin: 0;
  border-radius: 0px 10px 10px 10px;
  background: #235C33;
  padding: 20px;
  left: 10px;
  border: none;
  top: calc(100% + -7px);
  box-shadow: none;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .bottom-header .menu-wrap .navbar-nav li .dropdown-menu li {
  color: white;
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.header .bottom-header .menu-wrap .navbar-nav li .dropdown-menu li + li {
  margin-top: 30px;
}
.header .bottom-header .menu-wrap .navbar-nav li .dropdown-menu li a {
  padding: 0;
  border-left: 0;
  text-transform: capitalize;
  font-weight: 400;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .bottom-header .menu-wrap .navbar-nav li .dropdown-menu li a:hover {
  color: #FFE634;
  text-decoration: none;
  font-weight: 400;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.header .bottom-header .menu-wrap .navbar-nav li .dropdown-menu li a:after {
  content: none;
}
.header .bottom-header .menu-wrap .navbar-nav li .dropdown-menu li.active a {
  font-weight: 700 !important;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.mobile-menu-new {
  position: fixed;
  top: 0;
  padding: 20px 0;
  background: white;
  z-index: 1030;
  width: 100%;
}
.mobile-menu-new .row {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.mobile-menu-new .row .btn {
  padding: 0;
}
.mobile-menu-new .row > div:first-child svg {
  display: flex;
}
.mobile-menu-new .row > div:last-child {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: end;
}
.mobile-menu-new .row > div:last-child a,
.mobile-menu-new .row > div:last-child button {
  line-height: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mobile-menu-new .row > div:last-child a svg,
.mobile-menu-new .row > div:last-child button svg {
  line-height: 1;
  border: none;
  font-size: unset;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#menu.mm-menu_offcanvas {
  width: 100%;
}
#menu.mm-menu_offcanvas .mm-panels {
  background-color: #235C33 !important;
}
#menu.mm-menu_offcanvas .mm-panels .mm-panel {
  background-color: #235C33 !important;
  background: #235C33 !important;
}
#menu.mm-menu_offcanvas .mm-panels .mm-panel .mm-navbar_sticky {
  padding: 20px;
  background: #235C33 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#menu.mm-menu_offcanvas .mm-panels .mm-panel .mm-navbar_sticky a {
  padding: 0;
  color: white;
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: left;
  background: #235C33 !important;
  display: block;
  min-height: auto;
}
#menu.mm-menu_offcanvas .mm-panels .mm-panel .mm-navbar_sticky a span {
  text-align: left;
  color: white;
  min-height: auto;
}
#menu.mm-menu_offcanvas .mm-panels .mm-panel .mm-listitem {
  color: white !important;
  border: none;
}
#menu.mm-menu_offcanvas .mm-panels .mm-panel .mm-listitem::after {
  content: unset;
}
#menu.mm-menu_offcanvas .mm-panels .mm-panel .mm-listitem a {
  padding: 15px 20px;
  color: white;
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  transform: translate3d(-100vw, 0, 0) !important;
}
@media (min-width: 481px) {
  .home .container-fluid {
    padding: 0;
    padding-top: 0px;
  }
}
@media (max-width: 480px) {
  .home .container-fluid {
    padding: 0;
    padding-top: 0px;
  }
}
h1,
.h1 {
  font-size: 2.8rem;
}
.h2,
h2 {
  font-size: 2.6rem;
  font-weight: 700;
}
.h4.green {
  color: #94C021;
}
.site-index {
  font-size: 1.6rem;
}
.site-index .about {
  margin: 1rem 0 3rem;
  padding: 2rem 0 4rem;
  background: #F7F7F7 url('/image/home-text-block-bg.jpg') bottom center no-repeat;
  /*background-size: cover;*/
}
.site-index .about p {
  text-indent: 4rem;
  text-align: justify;
}
.site-index .autopark {
  margin-top: 2rem;
}
.site-index .how-we-work {
  padding: 4rem 0;
  background: url('/image/how_work_bg.jpg') top center no-repeat;
  background-size: cover;
  /*min-height: 50rem;*/
}
.site-index .how-we-work .image-wrap {
  background: url('/image/how_work.png') top center no-repeat;
  background-size: cover;
  min-height: 50rem;
}
/* ------------ ALL ------------*/
.header-line {
  color: #272727 !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 30px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 40px !important;
  /* 133.333% */
  text-transform: uppercase;
  text-align: center;
  margin: 0 !important;
  margin-bottom: 30px !important;
}
@media (max-width: 599px) {
  .header-line {
    font-size: 20px !important;
    line-height: 40px !important;
  }
}
.btn-yellow {
  font-weight: 600;
  padding: 1.4rem 2rem;
  text-transform: uppercase;
}
.btn-yellow.shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.btn-yellow-skelet {
  border: 1px solid #FFE634;
  background: inherit !important;
  font-weight: 600;
  padding: 1.4rem 2rem;
  text-transform: uppercase;
  color: #FFE634;
}
.btn-yellow-skelet:hover {
  color: #ffec67;
  border: 1px solid #ffe94e;
}
.modal .modal-dialog .modal-header {
  border: 0px solid white;
}
.modal .modal-dialog .modal-header .h2 {
  font-size: 3rem;
  font-weight: 500;
  color: white;
}
.modal .modal-dialog .modal-content {
  background-color: #94C021;
  color: white;
  padding: 0 3rem;
}
.modal .modal-dialog .modal-content input,
.modal .modal-dialog .modal-content textarea {
  border-radius: 2rem;
  line-height: 4rem;
}
.modal .modal-dialog .modal-content input {
  height: 4rem;
}
.modal .modal-dialog .modal-content button[type="submit"] {
  width: 100%;
}
#thanks-modal {
  top: 60px;
}
#thanks-modal .modal-header .close {
  color: #000;
  opacity: 1;
  font-size: 32px;
  text-shadow: none;
  padding-bottom: 6rem;
}
#thanks-modal .text {
  padding-bottom: 14rem;
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
}
.breadcrumb {
  margin-top: 1rem;
}
.breadcrumb li.active a {
  color: #777;
  cursor: pointer;
  text-decoration: none;
}
#login-popup-modal .modal-content,
#register-popup-modal .modal-content {
  padding: 2rem 4rem 3rem;
}
#login-popup-modal .modal-content .modal-header,
#register-popup-modal .modal-content .modal-header {
  border-bottom: 0px solid white;
}
#login-popup-modal .modal-content .title,
#register-popup-modal .modal-content .title {
  font-size: 2.4rem;
  text-align: center;
  font-weight: 500;
}
#login-popup-modal .modal-content .login-form input,
#register-popup-modal .modal-content .login-form input {
  border-radius: 1.4rem;
  padding: 10px 12px;
  height: 4rem;
}
#login-popup-modal .modal-content .modal-body .btn,
#register-popup-modal .modal-content .modal-body .btn {
  margin-bottom: 2rem;
}
#login-popup-modal .modal-content .modal-body .btn-green,
#register-popup-modal .modal-content .modal-body .btn-green {
  font-weight: 600;
  padding: 1.4rem 2rem;
  width: 100%;
}
#contactMap {
  min-height: 600px;
}
.checkbox {
  margin-bottom: 0.2em;
}
.custom-checkbox {
  padding-left: 0 !important;
}
/* для элемента input c type="checkbox" */
.custom-checkbox > input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox > span {
  display: inline-flex;
  align-items: center;
  user-select: none;
  font-size: 1.5rem;
  font-weight: 600;
}
/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox > span::before {
  content: '';
  display: inline-block;
  width: 1.6em;
  height: 1.6em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  background: white;
}
/* стили при наведении курсора на checkbox */
.custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
  border-color: #b3d7ff;
}
/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox > input:not(:disabled):active + span::before {
  background-color: #FFE634;
  border-color: #b3d7ff;
}
/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox > input:focus + span::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox > input:focus:not(:checked) + span::before {
  border-color: #fff;
}
/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox > input:checked + span::before {
  border-color: #fff;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox > input:disabled + span::before {
  background-color: #e9ecef;
}
.form-group.required .control-label::after {
  content: "*";
  margin-left: 3px;
  font-weight: normal;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color: tomato;
}
button:active,
button:focus {
  outline: none !important;
}
button::-moz-focus-inner {
  border: 0 !important;
}
.header-emails {
  float: left;
  width: auto;
  padding-top: 5px;
}
.header-emails > p {
  float: left;
  margin-bottom: 0;
  text-align: center;
  line-height: 16px;
  margin-left: 18px;
}
.header-emails > p + p {
  margin-left: 83px;
}
.header-emails > p a {
  float: left;
  font-size: 13px;
  text-align: center;
  display: contents;
  line-height: 13px;
}
.header-emails > p a span {
  text-align: center;
}
@media (max-width: 768px) {
  .header-emails {
    display: none;
  }
}
.individual_case {
  width: 100%;
  min-height: 408px;
  border: 1px solid #235C33;
  padding: 30px 30px;
  margin: 30px 0;
}
/* Адаптивность блока индивидуального расчёта: расширен брейкпоинт до 768px */
@media (max-width: 768px) {
  .individual_case {
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    min-height: auto;
    height: auto;
    overflow: hidden;
  }
}
.individual_case .left {
  width: 60%;
  float: left;
  margin-top: 20px;
}
/* Адаптивность блока индивидуального расчёта: расширен брейкпоинт до 768px */
@media (max-width: 768px) {
  .individual_case .left {
    position: static;
    order: 2;
    width: 100%;
    float: none;
    padding: 0 10px;
  }
}
.individual_case .left p {
  font-size: 40px;
  font-weight: 600;
  line-height: 60px;
  text-align: left;
  color: #272727;
  margin-bottom: 10px;
  text-transform: uppercase;
  text-indent: 0;
}
.individual_case .left p.subheader {
  font-size: 20px;
  line-height: 30px;
  text-align: left;
  text-transform: none;
  margin-bottom: 20px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .individual_case .left p {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    text-indent: 0;
  }
  .individual_case .left p.subheader {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: none;
    margin-bottom: 10px;
  }
}
.individual_case .left p span {
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  text-align: left;
  color: #235C33;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .individual_case .left p span {
    font-size: 20px;
    line-height: 30px;
  }
}
.individual_case .left button {
  width: 360px;
  height: 60px;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #272727;
  text-align: center;
  text-transform: none;
}
@media (max-width: 768px) {
  .individual_case .left button {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    display: block;
    text-wrap: none;
  }
}
.individual_case .right {
  width: 40%;
  float: left;
}
@media (max-width: 768px) {
  .individual_case .right {
    order: 1;
    width: 100%;
    float: none;
  }
}
.individual_case .right img {
  width: 210px;
  margin: 0 auto;
  display: block;
  margin-bottom: 10px;
  margin-top: 0px;
}
.individual_case .right .indiv_name {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
  color: #235C33;
  margin-bottom: 0;
  text-indent: 0;
}
.individual_case .right .indiv_job {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  color: #3E3E3E;
  text-indent: 0;
}
.individual_case .right ul {
  padding: 0;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  list-style: none;
}
@media (max-width: 768px) {
  .individual_case .right ul {
    width: 100%;
    max-width: 100%;
  }
}
/* Перенос строк для контактных данных менеджера на мобиле */
@media (max-width: 480px) {
  .individual_case .right ul li p {
    flex-wrap: wrap;
  }
  .individual_case .right ul li p span {
    white-space: normal;
    word-break: break-all;
  }
}
.individual_case .right ul li p {
  font-size: 14px;
  line-height: 30px;
  font-weight: 300;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  flex-wrap: nowrap;
  color: black;
  margin-bottom: 0;
  text-indent: 0;
}
.individual_case .right ul li p span {
  font-size: 16px;
  font-weight: 500;
  color: #235C33;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.individual_case .right ul li p span a {
  color: #235C33;
}
/* Задача 3 ТЗ: hover-эффект для иконок мессенджеров в блоке индивидуального расчёта — аналогичный шапке */
.individual_case .indiv-messenger-link {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  transition: opacity 0.2s ease;
}
.individual_case .indiv-messenger-link:hover {
  text-decoration: none;
}
.individual_case .indiv-messenger-link:hover .indiv-msg-bg {
  fill: #AECB18;
  transition: fill 0.2s ease;
}
.individual_case .indiv-messenger-link .indiv-msg-bg {
  transition: fill 0.2s ease;
}
#gruz .tarif1,
#gruz .tarif2,
#gruz .tarif3 {
  display: none;
}
.table1 {
  width: 100%;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  .table1 {
    overflow-x: scroll;
    display: inline-block;
  }
  .table1.table-narrow td,
  .table1.table-narrow th {
    padding: 10px 5px !important;
    font-size: 12px;
  }
  .table1.table-price td:nth-child(2),
  .table1.table-price th:nth-child(2) {
    width: 85px;
  }
}
.table1 thead {
  background: #2E2F30;
  border-radius: 10px 10px 0px 0px;
}
.table1 thead tr th {
  padding: 20px 20px;
}
@media (max-width: 480px) {
  .table1 thead tr th {
    padding: 10px 20px;
  }
}
.table1 thead tr th p {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  text-indent: 0;
}
@media (max-width: 480px) {
  .table1 thead tr th p {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-wrap: none;
  }
}
.table1 thead tr th:nth-child(n+1) {
  border-right: 1px solid #E8E8E8;
}
.table1 thead tr th:first-child {
  border-radius: 10px 0 0 0;
}
.table1 thead tr th:first-child p {
  text-align: left;
}
.table1 thead tr th:last-child {
  border-radius: 0 10px 0 0;
  border-right: 0;
}
.table1 tbody tr td {
  padding: 20px 20px;
}
@media (max-width: 480px) {
  .table1 tbody tr td {
    padding: 10px 20px;
  }
}
.table1 tbody tr td p {
  color: #2F2F2F;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 24px !important;
  text-indent: 0;
  text-align: center;
  text-wrap: none;
}
@media (max-width: 480px) {
  .table1 tbody tr td p {
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
  }
}
.table1 tbody tr td:first-child p {
  text-align: left;
}
.table1 tbody tr td.with-order {
  display: flex;
}
.table1 tbody tr td.with-order p {
  padding: 9px 0;
}
.table1 tbody tr td:nth-child(n+1) {
  border-right: 1px solid #E6E6E6;
}
.table1 tbody tr td:last-child {
  border-right: 0;
}
.table1 tbody tr:nth-child(even) {
  background: rgba(244, 244, 244, 0.73);
}
.table1 tbody tr .table-order {
  border-radius: 10px;
  background: #FFE500;
  color: #1C1C1C;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  padding: 12px 70px;
  text-transform: capitalize;
  margin-left: 90px;
  cursor: pointer;
}
.table1 tbody tr:first-child {
  background: #2E2F30;
  border-radius: 10px 10px 0px 0px;
}
.table1 tbody tr:first-child td {
  padding: 20px 20px;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  text-indent: 0;
}
@media (max-width: 480px) {
  .table1 tbody tr:first-child td {
    padding: 10px 20px;
  }
}
@media (max-width: 480px) {
  .table1 tbody tr:first-child td {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-wrap: none;
  }
}
.table1 tbody tr:first-child td p {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  text-indent: 0;
}
@media (max-width: 480px) {
  .table1 tbody tr:first-child td p {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-wrap: none;
  }
}
.table1 tbody tr:first-child td:nth-child(n+1) {
  border-right: 1px solid #E8E8E8;
}
.table1 tbody tr:first-child td:first-child {
  border-radius: 10px 0 0 0;
}
.table1 tbody tr:first-child td:first-child p {
  text-align: left;
}
.table1 tbody tr:first-child td:last-child {
  border-radius: 0 10px 0 0;
  border-right: 0;
}
/* Подложка модальных окон.
   Правится только появление подложки. Размытие оставлено как было: сначала я
   грешил на него, но замер оказался бракованный — он вызывал modal('hide') и
   почти сразу show, а Bootstrap глотает show, пока не доиграла анимация
   закрытия, и это выглядело как «попап не открылся». При замере по событию
   shown.bs.modal разницы нет: 477 мс против 476 мс, ноль неудач за 24
   открытия. Отдельно проверено на процессоре в 6 раз медленнее и с
   prefers-reduced-motion: reduce — тоже одинаково.
   А вот opacity действительно мешала. «opacity: 1 !important» перебивал
   бутстраповский fade сразу на обоих состояниях, поэтому зелёная подложка
   вспыхивала на полную через 17 мс после клика, а само окно появлялось только
   через ~350 мс. Треть секунды пустого зелёного экрана — это и есть жалоба
   «висит зелёный экран, а попапа нет». Теперь подложка проявляется вместе с
   окном, а на .in остаётся полная непрозрачность, чтобы цвет не разбавлялся
   бутстраповским .5.
   !important обязателен: site.css подключается ДО bootstrap.css. */
.modal-backdrop {
  background: rgba(35, 92, 51, 0.9) !important;
  backdrop-filter: blur(5px);
}
.modal-backdrop.fade {
  opacity: 0 !important;
}
.modal-backdrop.in {
  opacity: 1 !important;
}
.modal .modal-dialog .modal-content {
  padding: 30px;
  background: white;
  border-radius: 10px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
  color: #2E2F30;
}
.modal .modal-dialog .modal-content .modal-header {
  padding: 0;
  color: #235C33;
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.modal .modal-dialog .modal-content .modal-header .h2 {
  color: black;
}
.modal .modal-dialog .modal-content .modal-header .close {
  font-size: unset !important;
  margin-top: 0;
  opacity: 1;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.modal .modal-dialog .modal-content .modal-header .close path {
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.modal .modal-dialog .modal-content .modal-header .close:hover svg path {
  transition-duration: 0.2s;
  transition-timing-function: ease;
  stroke: #72941A;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 30px 0 0 0;
}
@media (min-width: 600px) {
  #city-modal .modal-dialog {
    width: 942px;
  }
}
@media (max-width: 599px) {
  #city-modal .modal-dialog {
    margin: 0;
    border-radius: 0;
  }
}
@media (max-width: 599px) {
  #city-modal .modal-dialog .modal-content {
    padding: 0px;
    border-radius: 0;
    background: #235C33;
  }
}
#city-modal .modal-dialog .modal-content .modal-header {
  text-align: left !important;
}
@media (max-width: 599px) {
  #city-modal .modal-dialog .modal-content .modal-header {
    color: white;
    leading-trim: both;
    text-edge: cap;
    font-family: Montserrat, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 20px;
    position: sticky !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  #city-modal .modal-dialog .modal-content .modal-header .close {
    display: none;
  }
}
@media (max-width: 599px) {
  #city-modal .modal-dialog .modal-content .modal-body {
    padding: 0 ;
  }
}
#city-modal .modal-dialog .modal-content .modal-body .city-modal-list {
  height: 400px;
  overflow: hidden scroll;
}
@media (max-width: 599px) {
  #city-modal .modal-dialog .modal-content .modal-body .city-modal-list {
    height: auto;
    padding: 20px 20px 20px 20px;
  }
}
/* Список городов «газетными колонками».
   Было: flex-direction:column + max-height. Колонки при такой связке растут
   ВПРАВО, и их число зависит от длины списка: сколько групп не влезло в
   max-height, столько уехало вбок. На 69 городах хватало четырёх колонок, на
   109 понадобилось шесть, а по горизонтали .city-modal-list обрезает
   (overflow-x: hidden, полосы прокрутки нет) — города с «С» и дальше пропадали
   с глаз, хотя в разметке были и находились поиском.
   Стало: колонок ровно четыре (одна на телефоне), высота свободная. Список
   растёт только вниз, где вертикальная прокрутка уже есть, поэтому сколько
   городов ни добавь — ничего не обрежется и подкручивать max-height руками,
   как делали раньше (700/1400/1700/2300), больше не нужно. */
#city-modal .modal-dialog .modal-content .modal-body .city-modal-list .row {
  display: block;
  column-count: 4;
  column-gap: 0;
}
@media (max-width: 599px) {
  #city-modal .modal-dialog .modal-content .modal-body .city-modal-list .row {
    column-count: 1;
  }
}
#city-modal .modal-dialog .modal-content .modal-body .city-modal-list .row > div {
  float: none;
  width: 100%;
  margin: 0 0 30px;
  /* Буквенную группу не разрывать между колонками: «К» не должна начинаться
     в одной колонке и заканчиваться в другой. */
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
/* Клирфикс Bootstrap не нужен — колонки больше не флоаты, а лишний блок
   в конце потока портит подбор высоты колонок. */
#city-modal .modal-dialog .modal-content .modal-body .city-modal-list .row::before,
#city-modal .modal-dialog .modal-content .modal-body .city-modal-list .row::after {
  content: none;
}
#city-modal .modal-dialog .modal-content .modal-body .city-modal-list .row .h4 {
  float: left;
  padding: 0;
  margin: 0;
  line-height: 27px;
}
@media (max-width: 599px) {
  #city-modal .modal-dialog .modal-content .modal-body .city-modal-list .row .h4 {
    color: white;
  }
}
#city-modal .modal-dialog .modal-content .modal-body .city-modal-list .row .list-unstyled {
  padding-left: 25px;
  margin-bottom: 0;
}
#city-modal .modal-dialog .modal-content .modal-body .city-modal-list .row .list-unstyled li a {
  font-size: 18px;
  color: #2E2F30;
  font-weight: 400;
  line-height: 27px;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
@media (max-width: 599px) {
  #city-modal .modal-dialog .modal-content .modal-body .city-modal-list .row .list-unstyled li a {
    color: white;
  }
}
#city-modal .modal-dialog .modal-content .modal-body .city-modal-list .row .list-unstyled li:hover a {
  color: #AECB18;
  text-decoration: none;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
#city-modal .modal-dialog .modal-content .modal-body .city-modal-list .row .list-unstyled li p {
  color: #AECB18;
  font-size: 18px;
  line-height: 27px;
}
body {
  scrollbar-width: thin;
  /* "auto" или "thin"  */
  scrollbar-color: #AECB18 #EDEDED;
  /* плашка скролла и дорожка */
}
body::-webkit-scrollbar {
  width: 6px;
  /* ширина scrollbar */
}
body::-webkit-scrollbar-track {
  background: #EDEDED;
  /* цвет дорожки */
}
body::-webkit-scrollbar-thumb {
  background-color: #AECB18;
  /* цвет плашки */
  border-radius: 20px;
  /* закругления плашки */
  border: 3px solid #AECB18;
  /* padding вокруг плашки */
}
#menu.mm-menu .mm-panels .mm-panel .mm-btn_prev {
  display: none !important;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-city {
  border-top: 2px dashed rgba(255, 255, 255, 0.2) !important;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-city a {
  color: #AECB18;
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: Montserrat, sans-serif;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: rgba(35, 92, 51, 0.4);
  line-height: 20px;
  float: left;
  background: none !important;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-city a svg:first-child {
  margin-right: 10px;
  vertical-align: sub;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-city a svg:last-child {
  margin-left: 10px;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-city a:hover {
  color: white;
  text-decoration-color: white;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-city a:hover svg:first-child path {
  fill: white;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-city a:hover svg:last-child {
  stroke: white;
  text-decoration: none;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-city a:hover svg:last-child path {
  stroke: white;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-city-data {
  padding-left: 20px;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-city-data p {
  color: white;
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones {
  margin-top: 20px;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones .main_phone {
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  /* 115.385% */
  margin-bottom: 15px;
  width: 100%;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones .main_phone.green a {
  color: white;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones .main_phone a {
  color: white;
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  /* 136.364% */
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones .main_phone a:hover {
  color: #AECB18;
  text-decoration: none;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones .callback {
  color: white;
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
  line-height: 24px;
  padding-left: 20px;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones .callback button {
  border: none;
  background: none;
  padding: 0;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones .callback button svg {
  margin-right: 10px;
  vertical-align: sub;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones .callback button svg path {
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones .callback button span {
  text-decoration: underline !important;
  text-decoration-style: dotted !important;
  text-decoration-color: white !important;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones .callback button:hover {
  color: #AECB18;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones .callback button:hover svg {
  fill: #AECB18;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones .callback button:hover svg path {
  fill: #AECB18;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones .social-network {
  padding-left: 20px;
  color: white;
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones .social-network a {
  padding: 0;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones .social-network a:hover {
  text-decoration: none;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones .social-network a:hover svg {
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones .social-network a:hover svg rect {
  fill: #AECB18;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones .social-network a svg {
  vertical-align: top;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones .social-network a svg rect {
  fill: #235C33 transition-duration: 0.2s; transition-timing-function: ease;;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .mob-phones .social-network a + a {
  margin-right: 10px;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .header-emails {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .header-emails p span {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  display: block !important;
  text-align: left;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .header-emails p a {
  text-align: left;
  color: white;
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat, sans-serif;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 30px !important;
  /* 187.5% */
  display: inline;
  padding: 0;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .header-emails p + p {
  margin-left: 18px;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .social-media {
  display: block;
  float: left;
  padding: 20px;
  border-top: 2px dashed rgba(255, 255, 255, 0.2);
  width: 100%;
}
#menu.mm-menu .mm-panels .mm-panel .mm-listview .social-media p {
  color: white;
  margin: 0;
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.5px;
  float: left;
  margin-right: 10px;
}
#menu.mm-menu .mm-panels .mm-panel:after {
  display: none;
}
#menu.mm-menu .mm-panels .mm-panel#mm-2 .control-tab,
#menu.mm-menu .mm-panels .mm-panel#mm-3 .control-tab,
#menu.mm-menu .mm-panels .mm-panel#mm-4 .control-tab,
#menu.mm-menu .mm-panels .mm-panel#mm-5 .control-tab,
#menu.mm-menu .mm-panels .mm-panel#mm-6 .control-tab,
#menu.mm-menu .mm-panels .mm-panel#mm-7 .control-tab {
  position: fixed !important;
}
.grecaptcha-badge {
  display: none;
}
.control-tab {
  background: white;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  position: sticky !important;
  bottom: 0;
  left: 0;
  z-index: 99999999999999999;
  width: 100%;
  top: unset;
  height: 60px;
}
@media (min-width: 600px) {
  .control-tab.mobile {
    display: none;
  }
}
.control-tab a {
  float: left;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  opacity: 1;
  cursor: pointer;
  align-self: center;
  width: 50%;
  text-align: center;
  justify-content: center;
}
.control-tab a svg {
  float: left;
  margin: 9px 0;
  margin-right: 10px;
}
.control-tab a p {
  color: #2E2F30;
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 214.286% */
  float: left;
  margin: 0;
}
.control-tab a.one {
  margin-left: 50%;
}
#mobile-phone-block-modal .modal-dialog {
  margin: 0;
  height: 100%;
}
#mobile-phone-block-modal .modal-dialog .modal-content {
  height: 100%;
  border-radius: 0;
  padding: 15px;
  box-shadow: none;
  border: 0;
}
#mobile-phone-block-modal .modal-dialog .modal-content .modal-body {
  padding-top: 15px;
}
#mobile-phone-block-modal .modal-dialog .modal-content .modal-body .heading {
  color: #262626;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
  margin: 0 auto;
  margin-bottom: 30px;
  width: 240px;
}
#mobile-phone-block-modal .modal-dialog .modal-content .modal-body .phones {
  display: flex;
  flex-flow: column;
  margin-bottom: 50px;
}
#mobile-phone-block-modal .modal-dialog .modal-content .modal-body .phones span {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  /* 170% */
}
#mobile-phone-block-modal .modal-dialog .modal-content .modal-body .phones span a {
  color: #262626;
}
#mobile-phone-block-modal .modal-dialog .modal-content .modal-body .callback-block {
  text-align: center;
  margin-bottom: 50px;
}
#mobile-phone-block-modal .modal-dialog .modal-content .modal-body .callback-block a {
  color: #235C33;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  text-decoration-line: underline;
}
#mobile-phone-block-modal .modal-dialog .modal-content .modal-body .callback-block a svg {
  vertical-align: middle;
  margin-right: 5px;
}
#mobile-phone-block-modal .modal-dialog .modal-content .modal-body .social svg {
  margin: 0 auto;
  display: block;
}

.banner-topz {
  margin-top:205px;
  background: url(../image/pereezdi_flat.png) center center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 473px;
  /*width: 1670px;*/
}

.banner-topz .heading{
  color: #FFFFFF;
  /* font-family: Montserrat; */
  font-size: 28px;
  /* font-weight: 600; */
  line-height: 46px;
  /* text-align: left; */
  /* text-underline-position: from-font; */
  /* text-decoration-skip-ink: none; */
  /* width: 969px; */
  /* height: 46px; */
  /* top: 271px; */
  /* left: 137px; */
  /* gap: 0px; */
  opacity: 0px;
}
.banner-topz .subheading{
  color: #FFFFFF;
  /* font-family: Montserrat; */
  font-size: 16px;
  /* font-weight: 600; */
  line-height: 46px;
  /* text-align: left; */
  /* text-underline-position: from-font; */
  /* text-decoration-skip-ink: none; */
  /* width: 969px; */
  /* height: 46px; */
  /* top: 271px; */
  /* left: 137px; */
  /* gap: 0px; */
  opacity: 0px;
}

.banner-topz .skidaka_header{
  color: #FFFFFF;
  /* font-family: Montserrat; */
  font-size: 15px;
  /* font-weight: 600; */
  line-height: 46px;
  /* text-align: left; */
  /* text-underline-position: from-font; */
  /* text-decoration-skip-ink: none; */
  /* width: 969px; */
  /* height: 46px; */
  /* top: 271px; */
  /* left: 137px; */
  /* gap: 0px; */
  opacity: 0px;
}

.banner-topz .skidaka_header span{
    /* font-size: larger; */
    color: #FFE500;
    /* font-family: Montserrat; */
    font-size: 16px;
    font-weight: 600;
    line-height: 46px;
    /* text-align: left; */
    /* text-underline-position: from-font; */
    /* text-decoration-skip-ink: none; */
    /* width: 969px; */
    /* height: 46px; */
    /* top: 271px; */
    /* left: 137px; */
    /* gap: 0px; */
    opacity: 0px;
}
@media (max-width: 599px) {
  .banner-topz {
    margin-top: 70px;
    height: 540px;
    background: url('../image/pereezdi_flat.png') center center;
    background-size: cover;
  }
  .banner-topz .heading{
    color: #FFFFFF;
    /* font-family: Montserrat; */
    font-size: 40px;
    /* font-weight: 600; */
    line-height: 46px;
    /* text-align: left; */
    /* text-underline-position: from-font; */
    /* text-decoration-skip-ink: none; */
    /* width: 969px; */
    /* height: 46px; */
    /* top: 271px; */
    /* left: 137px; */
    /* gap: 0px; */
    opacity: 0px;
  }
  .banner-topz .subheading{
    color: #FFFFFF;
    /* font-family: Montserrat; */
    font-size: 20px;
    /* font-weight: 600; */
    line-height: 46px;
    /* text-align: left; */
    /* text-underline-position: from-font; */
    /* text-decoration-skip-ink: none; */
    /* width: 969px; */
    /* height: 46px; */
    /* top: 271px; */
    /* left: 137px; */
    /* gap: 0px; */
    opacity: 0px;
  }
  
  .banner-topz .skidaka_header{
    color: #FFFFFF;
    /* font-family: Montserrat; */
    font-size: 16px;
    /* font-weight: 600; */
    line-height: 46px;
    /* text-align: left; */
    /* text-underline-position: from-font; */
    /* text-decoration-skip-ink: none; */
    /* width: 969px; */
    /* height: 46px; */
    /* top: 271px; */
    /* left: 137px; */
    /* gap: 0px; */
    opacity: 0px;
  }
  
  .banner-topz .skidaka_header span{
      /* font-size: larger; */
      color: #FFE500;
      /* font-family: Montserrat; */
      font-size: 16px;
      font-weight: 600;
      line-height: 46px;
      /* text-align: left; */
      /* text-underline-position: from-font; */
      /* text-decoration-skip-ink: none; */
      /* width: 969px; */
      /* height: 46px; */
      /* top: 271px; */
      /* left: 137px; */
      /* gap: 0px; */
      opacity: 0px;
  }
}

.banner-top {
  margin-top: 205px;
  background: url('../image/gruzchiki-new.jpg') center center;
  background-repeat: no-repeat;
  height: 630px;
}
@media (max-width: 599px) {
  .banner-top {
    margin-top: 70px;
    height: 540px;
    background: url('../image/gruzchiki-new-mob.jpg') center center;
    background-size: cover;
  }
}
.banner-top .breadcrumb {
  margin-top: 0px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 35px;
}
@media (max-width: 599px) {
  .banner-top .breadcrumb {
    padding-top: 25px;
  }
}
.banner-top .breadcrumb li a,
.banner-top .breadcrumb li span {
  color: #2E2F30;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 599px) {
  .banner-top .breadcrumb li a,
  .banner-top .breadcrumb li span {
    font-size: 12px;
  }
}
.banner-top .breadcrumb li.active {
  color: #235C33;
}
.banner-top .breadcrumb li.active a,
.banner-top .breadcrumb li.active span {
  color: #235C33;
}
.banner-top .heading {
  color: #1D1D1D;
  font-family: Montserrat, sans-serif;
  font-size: 46px;
  font-style: normal;
  font-weight: 600;
  line-height: 46px;
  /* 100% */
}
@media (max-width: 599px) {
  .banner-top .heading {
    font-size: 20px;
    line-height: 24px;
    /* 120% */
    text-align: center;
  }
}
.banner-top .subheading {
  color: #1D1D1D;
  font-family: Montserrat, sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 46px;
  letter-spacing: 2.6px;
}
@media (max-width: 599px) {
  .banner-top .subheading {
    display: none;
  }
}
.banner-top .advantages-heading {
  margin-top: 10px;
  color: #1E1E1E;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  /* 121.429% */
}
.banner-top .advantages-heading span {
  color: #235C33;
}
@media (max-width: 599px) {
  .banner-top .advantages-heading {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
  }
}
.banner-top ul {
  padding-left: 0;
  list-style: none;
}
.banner-top ul li svg {
  float: left;
  margin: 12px;
  display: block;
}
.banner-top ul li p {
  color: #235C33;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 42px;
  margin-bottom: 0;
}
@media (max-width: 599px) {
  .banner-top ul li p {
    font-size: 14px;
  }
}
.banner-top .order {
  margin-top: 60px;
  border-radius: 10px;
  background: #FFE500;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
  padding: 20px 40px;
  display: inline-block;
  color: #272727;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 111.111% */
  cursor: pointer;
}
.banner-top .order:hover {
  text-decoration: none;
}
@media (max-width: 599px) {
  .banner-top .order {
    width: 100%;
    text-align: center;
  }
}
.law-docs {
  margin-bottom: 40px;
}
.law-docs p.heading {
  color: #272727;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  /* 133.333% */
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 40px;
  text-align: center;
  text-indent: 0 !important;
}
@media (max-width: 599px) {
  .law-docs p.heading {
    font-size: 20px;
    font-style: normal;
    line-height: 30px;
    margin-bottom: 25px;
  }
}
.law-docs .law-block {
  display: flex;
  gap: 30px;
}
@media (max-width: 599px) {
  .law-docs .law-block {
    gap: 10px;
    overflow: auto;
    padding: 10px 0;
  }
}
.law-docs .law-block > div {
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  flex: 1 1 calc((100% / 3) - 60px);
  padding: 20px;
  position: relative;
}
@media (max-width: 599px) {
  .law-docs .law-block > div {
    flex: 0 0 250px;
    height: 190px;
  }
}
.law-docs .law-block > div > p {
  color: #272727;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 120% */
  text-indent: 0;
  margin-bottom: 70px;
}
@media (max-width: 599px) {
  .law-docs .law-block > div > p {
    margin-bottom: 0;
  }
}
.law-docs .law-block > div > a {
  border-radius: 10px;
  background: #FFE500;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
  color: #272727;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 125% */
  padding: 15px 30px;
  display: inline-block;
}
.law-docs .law-block > div > a svg {
  vertical-align: bottom;
}
.law-docs .law-block > div > a:hover {
  text-decoration: none;
}
@media (max-width: 599px) {
  .law-docs .law-block > div > a {
    position: absolute;
    bottom: 20px;
    z-index: 9;
  }
}
.law-docs .law-block > div > svg {
  position: absolute;
  right: 10px;
  bottom: 20px;
}
.law-about {
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  padding: 65px 0 65px 30px;
  display: flex;
  margin-bottom: 30px;
}
@media (max-width: 599px) {
  .law-about {
    padding: 20px 15px 0 15px;
    flex-wrap: wrap;
  }
}
.law-about .left {
  width: 540px;
  float: left;
}
@media (max-width: 599px) {
  .law-about .left {
    width: 100%;
  }
}
.law-about .left p.heading {
  color: #272727;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  /* 133.333% */
  text-transform: uppercase;
  text-indent: 0;
  margin-bottom: 20px;
}
.law-about .left p.heading span {
  color: #235C33;
}
@media (max-width: 599px) {
  .law-about .left p.heading {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 10px;
  }
}
.law-about .left p.text {
  color: #6D6D6D;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
  /* 140% */
  text-indent: 0;
  margin-bottom: 20px;
  text-align: left;
}

.law-about .left p.text2 {
height: 0%;
}

@media (max-width: 599px) {
  .law-about .left p.text {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
  }
}
.law-about .left .social {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  flex-direction: row;
}
.law-about .right {
  float: left;
  width: 540px;
  margin-left: 30px;
}
@media (max-width: 599px) {
  .law-about .right {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: 20px;
  }
}

.law-abouton {
border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    padding: 65px 0 65px 30px;
    display: flex;
    margin-bottom: 30px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: center;
    align-items: center;
}
@media (max-width: 599px) {
  .law-abouton {
    /* Убираем горизонтальные паддинги — изображение занимает всю ширину карточки.
       Отступы текстовой части переносим напрямую в .left */
    padding: 20px 0 0 0;
    flex-wrap: wrap;
    overflow: hidden;
  }
}
.law-abouton .left {
  width: 540px;
  float: left;
}
@media (max-width: 599px) {
  .law-abouton .left {
    width: 100%;
    /* Паддинги текстовой части перенесены сюда из .law-abouton */
    padding: 0 15px;
    box-sizing: border-box;
  }
}
.law-abouton .left p.heading {
  color: #272727;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  /* 133.333% */
  text-transform: uppercase;
  text-indent: 0;
  margin-bottom: 20px;
}
.law-abouton .left p.heading span {
  color: #235C33;
}
@media (max-width: 599px) {
  .law-abouton .left p.heading {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 10px;
  }
}
.law-abouton .left p.text {
  /* Чёрный цвет и вес 400 вместо серого #6D6D6D / 300 — единый стиль модуля «О компании» */
  color: #000000;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 140% */
  text-indent: 0;
  margin-bottom: 20px;
  text-align: left;
}

.law-abouton .left p.text2 {
height: 0%;
}

@media (max-width: 599px) {
  .law-abouton .left p.text {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
  }
}
.law-abouton .left .social {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  flex-direction: row;
}
.law-abouton .right {
  float: left;
  width: 540px;
  margin-left: 30px;
}
@media (max-width: 599px) {
  .law-abouton .right {
    /* Простой width:100% работает надёжно, т.к. горизонтальных паддингов
       у .law-abouton на мобиле больше нет */
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
}
#service-slider .slick-arrow {
  position: absolute;
  top: calc(50% - 40px);
  z-index: 50;
}
#service-slider .slick-arrow.prevArrow {
  left: 0;
}
#service-slider .slick-arrow.nextArrow {
  right: 0;
}
/* Левая стрелка карусели должна быть поверх слайдов, как и правая */
.slick-arrow {
  z-index: 10 !important;
}
#service-slider .slick-dots {
  position: absolute;
  bottom: 15px;
  /* Скрываем точки поверх картинки (зелёная/жёлтая точка/полоса) */
  display: none;
}
#service-slider .slick-dots li {
  margin: 0 !important;
}
#service-slider .slick-dots li button::before {
  font-size: 10px;
  color: #ffe500;
  opacity: 0.5;
}
#service-slider .slick-dots li.slick-active button::before {
  color: #ffe500;
  opacity: 1;
}
/* Desktop: картинка квадратная, прилегает к правой части контейнера,
   закругление углов только слева */
#service-slider .slick-slide {
  border-radius: 15px 0 0 15px;
  overflow: hidden;
}
/* Все промежуточные обёртки Slick должны заполнять ширину слайда,
   иначе img с width:100% считает процент от меньшего родителя */
#service-slider .slick-slide > div,
#service-slider .service-image,
#service-slider .service-image > div {
  width: 100%;
}
#service-slider .slick-slide img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  display: block;
}
/* Mobile: картинка на всю ширину карточки, закругления берёт от overflow:hidden на .law-abouton */
@media (max-width: 599px) {
  #service-slider .slick-slide {
    border-radius: 0;
  }
  #service-slider .slick-slide img {
    width: 100%;
    border-radius: 0;
  }
}
.law-why {
  padding: 30px 0;
}
.law-why p.heading {
  color: #272727;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  /* 133.333% */
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;
  text-indent: 0;
}
@media (max-width: 599px) {
  .law-why p.heading {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 10px;
  }
}
.law-why .why-blocks {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 25px;
  /* Блоки занимают естественную высоту вместо stretch */
  align-items: flex-start;
}
@media (max-width: 599px) {
  .law-why .why-blocks {
    justify-content: center;
  }
}
.law-why .why-blocks > div p.heading {
  color: #235C33;
  font-family: Montserrat, sans-serif;
  font-size: 54px;
  font-style: normal;
  font-weight: 700;
  line-height: 54px;
  /* 100% */
  text-transform: uppercase;
  margin-bottom: 5px;
  text-indent: 0;
  text-align: left;
  /* Уравнивает отступ заголовков с/без <span> */
  min-height: 64px;
}
@media (max-width: 599px) {
  .law-why .why-blocks > div p.heading {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 0;
    text-align: center;
    min-height: 70px;
  }
}
.law-why .why-blocks > div p.heading span {
  font-size: 27px;
  font-style: normal;
  font-weight: 500;
  line-height: 54px;
}
@media (max-width: 599px) {
  .law-why .why-blocks > div p.heading span {
    font-size: 24px;
    line-height: 60px;
  }
}
.law-why .why-blocks > div p.text {
  color: #272727;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  /* 120% */
  text-indent: 0;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
}
@media (max-width: 599px) {
  .law-why .why-blocks > div p.text {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
  }
}
.law-why .why-blocks > div:nth-child(3) {
  max-width: 190px;
}
@media (max-width: 599px) {
  .law-why .why-blocks > div:nth-child(3) {
    max-width: max-content;
  }
}
.law-why .why-blocks > div:nth-child(4) {
  max-width: 250px;
}
@media (max-width: 599px) {
  .law-why .why-blocks > div:nth-child(4) {
    max-width: max-content;
  }
}
.portfolio {
  padding: 30px 0;
}
/*# sourceMappingURL=site.css.map */


/*pereez_flat*/

#photoContent {
margin: 20px 0px 50px 0px;
}

.element_comment_mob {

}

.element_fortop_mob {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.itemz {
  width: 370px;
}

.comment_stars_and_name {
display: flex;
}

.stars {
  font-size: 25px;
  color: #FFE500;
}
.starstitle {
  margin-left: 15px;
  margin-top: 2px;
}

.pereezd_okno {
  display: flex;
  flex-wrap: wrap;
}

/*pereezd komentarii*/
.tabsotzivi {
  display: flex;
  flex-wrap: nowrap;
}

.nezavisimie_otzivi {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
  order: 1;
}
.coment_button_add {
  order: 2;
}

.coment_button_add_formobile {
  visibility: hidden;
}

.comment_act {
  order: 3;
}

.nezavisimie_otzivik {
  margin-left: 25px;
  display: flex;
  align-content: stretch;
  align-items: center;
}


.nezavisimie_otzivi_span {
font-family: Montserrat;
font-weight: 500;
font-size: 18px;
line-height: 20px;
letter-spacing: 0%;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-offset: Auto;
text-decoration-thickness: Auto;
text-decoration-skip-ink: auto;
color: #235C33;
}
.imgotziv {
  width: 29px;
  height: 29px;
}

.avatarka {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  vertical-align: middle;
}

.comments {
  display: none; /* Скрываем все блоки по умолчанию */
}

.comments.active {
  display: block; /* Показываем активный блок */
}

.containerz {
  position: relative;
  width: 1200px;
  height: 397px;
  background-color: transparent;
}

.raketa001 {
  margin: 32px 0px 0px 41px;
  opacity: 0px;
  font-family: Montserrat;
  font-size: 30px;
  font-weight: 600;
  line-height: 44px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFFFFF;
}

.raketa002 {
  display: flex;
  flex-direction: row;
  align-content: stretch;
  align-items: flex-end;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.raketa003 {
 margin: 0px 0px 0px 41px;
 font-family: Montserrat;
 font-size: 24px;
 font-weight: 400;
 line-height: 50px;
 text-align: left;
 text-underline-position: from-font;
 text-decoration-skip-ink: none;
 color: #FFFFFF;
}

.raketa004 {
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFFFFF;
  margin: 0px 0px 0px 41px;
}

.raketa005 {
  font-family: Montserrat;
  font-size: 44px;
  font-weight: 600;
  line-height: 34px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFE500;
  margin: 0px 0px 0px 21px;
}

.raketa006 {
  margin: 40px 0px 0px 41px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}

/* Кнопки мессенджеров блока «Остались вопросы?»: локальные иконки + текст.
   Раньше тянулись с внешнего CDN (max-messenger3.svg / tg-messenger3.svg) и
   давали 404 в локалке — теперь блок самодостаточен и не зависит от CDN. */
.raketa006 .m-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 150px;
  height: 44px;
  padding: 0 22px;
  border-radius: 22px;
  font-family: Montserrat, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  transition: filter .2s ease, transform .15s ease;
}
.raketa006 .m-btn img {
  width: 22px;
  height: 22px;
  display: block;
  flex-shrink: 0;
}
.raketa006 .m-btn--max {
  background: linear-gradient(135deg, #67e8f9 0%, #a78bfa 100%);
}
.raketa006 .m-btn--tg {
  background: linear-gradient(180deg, #00afea 0%, #00bfff 100%);
}
.raketa006 .m-btn:hover,
.raketa006 .m-btn:focus {
  filter: brightness(1.07);
  transform: translateY(-1px);
  color: #fff;
  text-decoration: none;
}

.rect1, .rect2 {
  position: absolute;
  width: 1125px;
  height: 345px;
  background-color: #235C33;
  border-radius: 10px;
  top: 37px;
  left: 15px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.rect2 {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.rect3 {
  position: absolute;
  width: 162px;
  height: 345px;
  background-size: contain;
  background-position-x: center;
  background-image:url('https://s.buryakof.ru/image/preezd_flat/whatsapp_imgms.webp');
  border-radius: 20px;
  top: 10px;
  left: 767px;
}

.rect4 {
  position: absolute;
  width: 374px;
  height: 382px;
  background-size: contain;
  background-position-x: center;
  background-image:url('https://s.buryakof.ru/image/preezd_flat/whatsapp_imggg.webp');
  top: 0;
  left: 727px;
}


.link img {
  filter: grayscale(100%); /* Делаем картинку серой */
  transition: filter 0.3s ease; /* Плавное изменение фильтра */
}

.link.active img {
  filter: grayscale(0%); /* Возвращаем цвет для активной картинки */
}

.link {
  cursor: pointer; /* Делаем элементы кликабельными */
  margin: 0 10px; /* Отступы между элементами */
  opacity: 0.7; /* Немного прозрачности для неактивных элементов */
  transition: opacity 0.3s ease; /* Плавное изменение прозрачности */
}

.link.active {
  opacity: 1; /* Активный элемент полностью видим */
  font-weight: bold; /* Выделяем активный элемент */
}



#active-image-container {
  margin-top: 20px; /* Отступ сверху для картинки */
  text-align: center; /* Центрируем картинку */
}

#active-image {
  max-width: 100px; /* Ограничиваем размер картинки */
  height: auto;
}

.btnz {
  text-align: center;
  width: 214px;
  padding: 10px 20px;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  font-size: 16px;
  margin: 5px;
 /* transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease, opacity 0.3s ease; */ /* Добавляем переход для всех свойств */
}

.video-btnz {
  background-color: #CDCDCD;
  color: #828282;
}

.video-btnz.active {
  background-color: transparent;
  border: 2px solid #235C33;
  color: #235C33;
}

.photo-btnz {
  background-color: #CDCDCD;
  color: #828282;
}

.photo-btnz.active {
  background-color: transparent;
  border: 2px solid #235C33;
  color: #235C33;
}

.contentcasess {
  display: none; /* По умолчанию весь контент скрыт */
  padding: 20px;
  border-radius: 5px;
  margin-top: 10px;
}

.contentcasess.active {
  display: block; /* Показываем активный контент */
}

.btnz-auto { 
  margin-top: 20px;
  font-family: Montserrat;
font-weight: 500;
font-size: 16px;
line-height: 18px;
letter-spacing: 0%;
  background-color: #FFE500;
 /* width: 246px; */
  height: 46px;
  border-radius: 10px;
  border-color: transparent;
   }

@media (max-width: 600px) {
  .btnz-auto {
  display: none;
  }
}


.content_newstyle {
  font-family: 'Montserrat';
    font-weight: 400;
    font-size: 18px;
    line-height: 15px;
}

.zelkrugliak {
  color: #235C33; 
  font-size: 30px; 
  line-height: 22px;
  padding-bottom: 5px;
}
.textvithvideo1 {
  font-family: Montserrat; 
  font-weight: 300; 
  font-size: 16px; 
  line-height: 15px; color: #000;
}

.viravnivatelik{
  display: contents;
}

.textpodvideo {
  height: 77px;
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #F0F0F0;
}

.textpodvideospan {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.textpovideourl {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #235C33;
  text-decoration: underline;
  font-weight: bold;
}

.textpodvideo1 {
  margin-left: 20px;
}

.textpodvideo2 {
  display: flex;
      width: 56px;
      height: 56px;
      border-radius: 50px;
      background: #ffffff;
      align-items: center;
      justify-content: space-around;
}

.textpodvideo3 {
  margin-right: 10px;
}


.preemuchestva1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.preemuchestva2text {
  font-family: Montserrat;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0%;
  color: #585858;
  }



.preemuchestva2shir {
  width: 365px;
}

.preemuchestva2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.preemuchestva001 {
  margin-bottom: 50px;
}



.imgvide9o {
  width: 670px;
  height: 374px;
}
.videodzen {
  width: 670px;
}




.videoupper {
  margin-top: -15%;
}
.premdown {
  margin-top: 5%;
}


.bottomcontent {
 /* margin-left: 15px; */
  width: 100%;
}
.leftcontent{
  width: 465px;
  margin-right: 5px;
}

.ulol{

}


.viravnivatelik2 {
  display: contents;
}

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

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

@media (max-width: 600px) {
  .coment_button_add {
   visibility: hidden;
  }

  .coment_button_add_formobile {
    visibility: visible;
   }

   .casez {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .casebutnz {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .videoupper {
    margin-top: 0%;
  }
  .viravnivatelik {
    display: grid;
}

.viravnivatelik2 {
  display: flex;
  justify-content: space-evenly;
  align-items: stretch;
}
  
.textpodvideo {
  height: 33%;
  width: 100%;
  margin-top: 15px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #F0F0F0;
  flex-wrap: wrap;
}
  .leftcontent {
    order: 1;
  }
  .bottomcontent {
    order: 2;
  }
  .pereezd_okno {
    display: flex;
    /*flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch; */
  }

  .textvithvideo1 {
    font-family: Montserrat;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    color: #6D6D6D;
}

  .banner-topz {
    margin-top: 70px;
    height: 540px;
    background: url('../image/pereezdi_flat.png') center center;
    background-size: cover;
  }
  .banner-topz .heading{
    color: #FFFFFF;
    /* font-family: Montserrat; */
    font-size: 28px;
    /* font-weight: 600; */
    line-height: 28px;
    /* text-align: left; */
    /* text-underline-position: from-font; */
    /* text-decoration-skip-ink: none; */
    /* width: 969px; */
    /* height: 46px; */
    /* top: 271px; */
    /* left: 137px; */
    /* gap: 0px; */
    opacity: 0px;
  }
  .banner-topz .subheading{
    color: #FFFFFF;
    /* font-family: Montserrat; */
    font-size: 16px;
    /* font-weight: 600; */
    line-height: 25px;
    /* text-align: left; */
    /* text-underline-position: from-font; */
    /* text-decoration-skip-ink: none; */
    /* width: 969px; */
    /* height: 46px; */
    /* top: 271px; */
    /* left: 137px; */
    /* gap: 0px; */
    opacity: 0px;
  }
  
  .banner-topz .skidaka_header{
    color: #FFFFFF;
    /* font-family: Montserrat; */
    font-size: 16px;
    /* font-weight: 600; */
    line-height: 46px;
    /* text-align: left; */
    /* text-underline-position: from-font; */
    /* text-decoration-skip-ink: none; */
    /* width: 969px; */
    /* height: 46px; */
    /* top: 271px; */
    /* left: 137px; */
    /* gap: 0px; */
    opacity: 0px;
  }
  
  .banner-topz .skidaka_header span{
      /* font-size: larger; */
      color: #FFE500;
      /* font-family: Montserrat; */
      font-size: 25px;
      font-weight: 600;
      line-height: 46px;
      /* text-align: left; */
      /* text-underline-position: from-font; */
      /* text-decoration-skip-ink: none; */
      /* width: 969px; */
      /* height: 46px; */
      /* top: 271px; */
      /* left: 137px; */
      /* gap: 0px; */
      opacity: 0px;
  }
  .containerz {
    background-color: #235C33;
    position: relative;
    width: 100%;
    /* height: 1000px; */
    /*max-width: 320px;*/
    height: 717px;
    /* background-color: transparent; */
    /* margin: 0 auto; */
    padding: 10px;
}

.raketa001 {
    margin: 0px 0 0 0px;
    font-family: Montserrat;
    font-size: 23px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
}

    .raketa002 {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        margin: 10px 0 0 10px;
    }

.raketa003, .raketa004 {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #FFFFFF;
    margin: 5px 0;
}

    .raketa005 {
        font-family: Montserrat;
        font-size: 24px;
        font-weight: 600;
        line-height: 20px;
        text-align: left;
        color: #FFE500;
        margin: 0px 0 5px 15%;
    }

.raketa006 {
    margin: 20px 0 0 10px;
}

.rect1, .rect2 {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #235C33;
    top: 0;
    left: 0;
    margin-bottom: 10px;
}

.rect2 {
 box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
}

.rect3 {
  left: 40px;
  top: 345px;
} 
.rect4 {
  left: 0px;
  top: 335px;
}

.videodzen {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  order: 3;
}
/*
.etapipereezda1 {
  margin: 0px 0px 35px 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}

.etapipereezda2 {
  margin: 0px 0px 35px 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}*/

.preemuchestva1 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.preemuchestva2 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.nezavisimie_otzivik {
  margin-left: 0px;
  display: flex;
  align-content: center;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
}
.nezavisimie_otzivi_span {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0%;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-offset: Auto;
  text-decoration-thickness: Auto;
  text-decoration-skip-ink: auto;
  color: #235C33;
  margin-left: 10px;
  margin-bottom: 9px;
}

}
/* ./css/layout/default.css */
.page.default .city-wrap a{color:#888}.page.default .header .line-wrap .btn-skelet{color:#ffe634;border:1px solid #ffe634}

/* /css/footer.css?209 — полный редизайн по Figma "Desctop footer" node 1:2 */
/* /css/footer.css?207 */
/* ── Независимые отзывы (выше подвала, не трогаем) ── */
.all_review {
  display: block;
  padding: 20px 0;
}
.all_review .owl-stage-outer {
  overflow: hidden;
}
.all_review .owl-item {
  float: left;
  text-align: center;
}
.all_review .owl-dots {
  display: none;
}
.all_review .disabled {
  display: none;
}
.col-xs-five,
.col-sm-five,
.col-md-five,
.col-lg-five {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.col-xs-five {
  width: 20% !important;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-five {
    width: 20% !important;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-five {
    width: 20% !important;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-five {
    width: 20% !important;
    float: left;
  }
}
/* ═══════════════════════════════════════════════════
   FOOTER — полный редизайн по Figma "Desctop footer"
   Цвета: bg #333333 | зелёный #94C121 | текст #F4F4F4
          жёлтый #FFE500 | белёсый #F2F2F2
   ═══════════════════════════════════════════════════ */

/* Базовый блок */
.footer {
  background: #333333;
  color: #F4F4F4;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  padding-bottom: 0;
}
.footer.margin-top { margin-top: 8rem; }
.footer a { color: #F4F4F4; text-decoration: none; }
.footer a:hover { color: #94C121; }

/* Внутренний контейнер — column, gap 25px, padding-top 16px */
.footer-inner {
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding-top: 16px;
}

/* ── ВЕРХНЯЯ СТРОКА ── row, space-between, align center */
.f-header-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
/* Логотип + название (row, gap 24px) */
.f-brand {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  text-decoration: none;
}
.f-brand:hover { text-decoration: none; }
.f-brand-logo {
  width: 80px;
  height: 50px;
  object-fit: cover;
}
/* Figma: Montserrat Bold 700 20px #F2F2F2 */
.f-brand-name {
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5em;
  color: #F2F2F2;
}
/* Кнопки справа (row, gap 17px) */
.f-header-btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 17px;
}
/* Кнопки шапки футера */
.f-btn-call {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 220px;
  background: #FFE500;
  color: #333333 !important;
  border: none;
  border-radius: 24px;
  padding: 0 15px;
  height: 41px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  text-decoration: none;
}
.f-btn-call:hover { background: #f0d800; color: #333333; text-decoration: none; }
.f-btn-calc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 186px;
  border: 1px solid #FFE500;
  border-radius: 24px;
  padding: 0 24px;
  height: 41px;
  background: transparent;
  color: #FFE500 !important;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  box-sizing: border-box;
  text-decoration: none;
}
.f-btn-calc:hover { background: rgba(255,229,0,.1); color: #FFE500; text-decoration: none; }

/* ── СРЕДНИЙ БЛОК ── row, space-between */
.f-info-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
}

/* КОНТАКТЫ: column, gap 20px */
.f-contacts {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
/* Строка контакта: label (120px) + value */
.f-ci {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 24px;
}
/* Figma: label width 120px, Inter 14px 1.5em, #94C121 */
.f-clabel {
  width: 120px;
  flex-shrink: 0;
  color: #94C121;
  font-size: 14px;
  line-height: 1.5em;
}
/* Значение */
.f-cval {
  color: #F4F4F4;
  font-size: 14px;
  line-height: 1.5em;
}
/* Маленькая SVG иконка перед значением */
.f-ico {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  flex-shrink: 0;
}
/* Телефоны — каждая ссылка в своей строке с иконкой */
.f-phones a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #F4F4F4;
  line-height: 1.5em;
}
.f-phones a::before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  background: url('/image/ico/foot-phone-icon.svg') no-repeat center;
  background-size: contain;
}
/* Почта */
.f-emails a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #F4F4F4;
  line-height: 1.5em;
}
.f-emails a::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 15px;
  flex-shrink: 0;
  background: url('/image/ico/foot-email-icon.svg') no-repeat center;
  background-size: contain;
}
/* Режим работы — каждая строка с иконкой */
.f-worktime {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.f-wt-row {
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1.5em;
}

/* МЕНЮ: row, gap 64px */
.f-menus {
  display: flex;
  flex-direction: row;
  gap: 64px;
  align-items: flex-start;
}
/* Колонка меню */
.f-menu-col, .f-payment-col {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.f-payment-col { gap: 3px; width: 184px; }
/* Figma: заголовки разделов — Inter 14px #94C121 */
.f-sec-label {
  color: #94C121;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  margin: 0 0 0 0;
}
/* Ссылки меню */
.f-menu-list li { line-height: 1.5em; margin-bottom: 0; }
.f-menu-list li a { color: #F4F4F4; font-size: 14px; text-decoration: underline; }
.f-menu-list li a:hover { color: #94C121; text-decoration: underline; }
/* Список способов оплаты (column gap:3px, каждый row gap:8px) */
.f-payment-list {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin: 0;
}
.f-payment-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #F4F4F4;
  font-size: 14px;
  line-height: 1.5em;
}
.f-payment-list svg { flex-shrink: 0; }

/* ── НИЖНЯЯ СТРОКА ── row, space-between, padding 24px 0, border-top */
.f-bottom-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid rgba(255,255,255,.5);
}
.f-bottom-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
}
.f-copyright, .f-disclaimer {
  color: #F4F4F4;
  font-size: 14px;
  line-height: 1.21em;
}
.f-bottom-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 60px;
}
.f-media-block, .f-messengers-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
/* Figma: подписи "Наши медиа:" / "Мессенджеры:" — Inter 14px #F2F2F2 */
.f-bottom-label {
  color: #F2F2F2;
  font-size: 14px;
  line-height: 1.21em;
  white-space: nowrap;
}
/* Иконки соцсетей — inline SVG с f-ico-bg */
.f-social-ico {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 0;
}
.f-social-ico .f-ico-bg {
  fill: #94C121;
  transition: fill 0.2s ease;
}
.f-social-ico:hover .f-ico-bg {
  fill: #AECB18;
}
/* Иконки мессенджеров */
.f-msg-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  background: #94C121;
  border-radius: 4px;
  flex-shrink: 0;
}
.f-msg-ico svg { display: block; }
.f-msg-ico svg path { fill: #333333; }

/* ── АДАПТИВ ── */
@media (max-width: 992px) {
  .f-info-row { flex-direction: column; gap: 32px; }
  .f-menus { flex-wrap: wrap; gap: 32px; }
  .f-bottom-row { flex-direction: column; gap: 16px; align-items: flex-start; }
  /* Медиа/мессенджеры всегда идут ПЕРВЫМИ при column-раскладке */
  .f-bottom-right { flex-wrap: wrap; gap: 24px; order: -1; }
  .f-bottom-left  { order: 0; }
}
@media (max-width: 768px) {
  .footer-inner { gap: 32px; padding-top: 0; }
  .f-header-row { flex-direction: column; align-items: flex-start; gap: 20px; }
  .f-clabel { width: 90px; }
  /* align-items: flex-start — иначе текст центрируется при column-раскладке */
  .f-bottom-left { flex-direction: column; gap: 8px; align-items: flex-start; }
  /* Снизу 20px от последнего элемента */
  .footer { padding-bottom: 20px; }
}
/* ── МОБИЛЬНАЯ ВЕРСИЯ ≤576px (Figma: 430px) ── */
@media (max-width: 576px) {
  /* Шапка: лого по центру, кнопки — column, на всю ширину */
  .f-header-row { align-items: stretch; gap: 32px; }
  .f-brand { justify-content: center; }
  .f-header-btns { flex-direction: column; gap: 17px; }
  .f-btn-call,
  .f-btn-calc { width: 100%; min-width: 0; }
  .f-btn-call  { padding: 0 32px; }
  .f-btn-calc  { padding: 0 16px; }
  /* Контакты: метка 120px (перебить 90px из 768px), gap до значения 12px */
  .f-clabel { width: 120px; }
  .f-ci { gap: 12px; }
  /* Средний блок: gap 47px между контактами и меню */
  .f-info-row { gap: 47px; }
  /* Меню: gap 64px, wrap как в Figma */
  .f-menus { gap: 64px; }
  /* Нижняя строка: только верхний padding (border-top отступ), снизу — footer сам даёт 20px */
  .f-bottom-row { gap: 24px; padding: 24px 0 0; }
  .f-bottom-right { width: 100%; align-items: center; }
  .f-bottom-left  { gap: 24px; width: 100%; }
}

/* faq.css */

 .faq-index .panel-group {
    display: block !important;
    overflow: visible !important;
  }
.faq-index .panel {
  border-radius: 5px !important;
  border: none;
  box-shadow: none;
}
.faq-index .panel .panel-heading {
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  padding: 25px;
  border-radius: 5px !important;
}
.faq-index .panel .panel-heading .panel-title {
  position: relative;
  padding-right: 20px;
}
.faq-index .panel .panel-heading .panel-title::before {
  content: url('/image/arrow-down.svg');
  display: block;
  position: absolute;
  right: 0px;
  top: 2px;
}
.faq-index .panel .panel-heading .panel-title a {
  color: #1D1D1D;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  /* 110% */
}
.faq-index .panel .panel-heading .panel-title a:hover,
.faq-index .panel .panel-heading .panel-title a:focus {
  text-decoration: none;
}
@media (max-width: 599px) {
  .faq-index .panel .panel-heading .panel-title a {
    font-size: 16px;
  }
}
.faq-index .panel + .panel {
  margin-top: 20px !important;
}
/*# sourceMappingURL=faq.css.map */

/* /css/city.css */
.city-wrap {
  padding-top: 0.6rem;
}
.city-wrap a,
.city-wrap p {
  color: #015B2C;
  font-weight: bold;
  text-transform: uppercase;
}
.city-wrap a img,
.city-wrap p img {
  margin-right: 0.6rem;
  padding-bottom: 4px;
}
#city-modal button.close {
  font-size: 5rem;
}
#city-modal .modal-header {
  font-size: 3rem;
  text-align: center;
}
/* Раскладка списка задана выше, в блоке .modal-body .city-modal-list .row —
   там column-count вместо прежней связки flex + max-height. Здешние
   max-height (1400/1700/2300) убраны: они обрезали список сбоку. */
#city-modal .city-modal-list .row .list-unstyled li {
  /*margin-bottom: 0;*/
}
#city-modal .city-modal-list a {
  color: white;
}
#city-modal .city-modal-list .acitve-city {
  font-weight: 600;
  margin-bottom: 0;
}

/* /css/map.css */

#ya-map{height:40rem}

/* /css/calc.css */

@media (max-width:768px){.calc .nav-tabs li{width:33%;word-break:break-all;-moz-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}.calc .nav-tabs li a{padding:1.4rem 1rem!important;font-size:1.6rem!important;min-height:8rem}}
.calc .nav-tabs li a{text-transform:uppercase;font-size:1.8rem;font-weight:600;padding:1.4rem 3rem;margin-right:0;text-decoration:underline}
.calc .nav-tabs li a:hover{border:0 solid inherit}
.calc .nav-tabs .gruz a{background:#01562a;color:#FFE634;border:1px solid #015B2C}
.calc .nav-tabs .pereezd a{background:#ffe52f;color:#015B2C;border:1px solid #FFE634}
.calc .nav-tabs .gruzchik a{background:#91bc20;color:#015B2C;border:1px solid #94C021}
.calc .nav-tabs.active .gruz a{background:#015B2C;color:#FFE634;border:1px solid #015B2C}
.calc .nav-tabs.active .pereezd a{background:#FFE634;color:#015B2C;border:1px solid #FFE634}
.calc .nav-tabs.active .gruzchik a{background:#94C021;color:#FFE634;border:1px solid #94C021}
.calc .tab-pane{padding:2rem}
.calc input{border-radius:2rem}
.calc #gruz{background:#015B2C;padding:2rem}
.calc #gruz label{color:#fff;margin-left:1rem}
.calc #gruz .price-wrap{margin:2rem 0 3rem 0;color:#FFE634;font-size:2.6rem;font-weight:600}
.calc #gruz .price-wrap .price{font-size:3.4rem}
.calc #gruz .calc-btn{margin-bottom:3rem}
.calc #gruz .help-block-error{color:#f1e1e5}
.calc #pereezd{background:#FFE634;padding:2rem}
.calc #pereezd .slick-current .item-wrap{border:1px solid #015B2C}
.calc #pereezd .slick-current .item-wrap .title,.calc #pereezd .item-wrap .title{color:#000}
.calc #pereezd .price-wrap{margin:2rem 0 3rem 0;color:#015B2C;font-size:2.6rem;font-weight:600}
.calc #pereezd .price-wrap .price{font-size:3.4rem}
.calc #pereezd select{border-radius:2rem}
.calc #pereezd .btn-green{color:#FFE634;font-weight:500;padding:.8rem 4rem;font-size:1.8rem;line-height:2.2rem;box-shadow:0 0 1rem rgba(0,0,0,.4)}
.calc #pereezd .btn-green.calc{margin:1rem 0 3rem}
.calc #gruzchik{background:#94C021;padding:2rem}
.calc #gruzchik label{color:#fff}
.calc #gruzchik .row{margin:1rem 0 2rem}
.calc #gruzchik input,.calc #gruzchik select{font-weight:600;color:#555;height:4rem;font-size:1.8rem}
.calc #gruzchik .cbx{background:#fff;border:1px solid #555}
.calc #gruzchik .highlight-addon label{cursor:pointer;font-size:1.8rem}
.calc #gruzchik .price-wrap{font-size:2rem;color:#FFE634;font-weight:500}
.calc #gruzchik .price-wrap .price{font-size:3rem}
.calc #gruzchik .price-wrap .price .number{font-weight:600}
.calc #gruzchik .btn-yellow{padding:1.2rem 4rem}
.calc p{text-align:left!important;text-indent:0!important}
.calc-slider{padding:3rem 0}
.calc-slider .item-wrap{border:0 solid #ccc;border-radius:1rem;margin:1rem;cursor:pointer;color:#fff;position:relative}
.calc-slider .item-wrap .top{padding:1rem}
.calc-slider .item-wrap .title{color:#FFE634;font-weight:500}
.calc-slider .item-wrap .image-wrap{height:14rem;background-size:contain!important;margin:2rem}
.calc-slider .item-wrap .descripton{display:none;position:absolute;background:rgba(0,0,0,.7);bottom:0;width:100%;transition:1s linear;padding-right:2rem;margin:1rem 3rem 0 0;padding:1rem;left:0;border-radius:1rem}
.calc-slider .item-wrap .descripton .row-wrap{display:-webkit-flex;display:flex;justify-content:space-between}
.calc-slider .item-wrap .descripton .row-wrap .col-title{font-weight:600}
.calc-slider .item-wrap .descripton .row-wrap .col-wide{flex-grow:1;height:1.6rem;border-bottom:1px dotted #000}
.calc-slider .item-wrap .descripton p{font-size:1.4rem;line-height:2rem}
.calc-slider .item-wrap:hover .descripton{display:block}
.calc-slider .slick-slide:focus{outline:none!important;border:0!important}
.calc-slider .slick-current .item-wrap{border:1px solid #FFE634}
.calc-slider .slick-arrow{position:absolute;top:14rem;width:12px;cursor:pointer;height:auto!important}
.calc-slider .slick-arrow.arr-left{left:-1rem;width:auto!important}
.calc-slider .slick-arrow.arr-right{right:-1rem;width:auto!important}
#map{position:relative}
#map .tarif-wrap{position:absolute;z-index:100;top:5rem;right:0;padding:1rem}
#map .tarif-wrap .tarif{padding:1rem 2rem 1rem 1rem;margin-bottom:1rem;background:rgba(255,255,255,.8);border-radius:1rem;box-shadow:0 0 5px rgba(0,0,0,.5)}
#map .tarif-wrap .tarif .title{font-size:1.8rem;display:block;min-width:14rem;border-bottom:1px solid #000}
#map .tarif-wrap .tarif .btn{border:1px solid #15683C;color:#15683C;padding:.4rem 2rem}
#map .tarif-wrap .tarif .price{color:#000}
#map .tarif-wrap .tarif.tarif1 .title{color:#FF9E17;border-bottom:1px solid #FF9E17}
#map .tarif-wrap .tarif.tarif1.active{background:rgba(255,224,1,.9)}
#map .tarif-wrap .tarif.tarif1.active .title{color:#fff;border-bottom:1px solid #fff}
#map .tarif-wrap .tarif.tarif1.active .btn{border:0 solid #15683C;background:#15683C;color:#FFE001}
#map .tarif-wrap .tarif.tarif2 .title{color:#92C323;border-bottom:1px solid #92C323}
#map .tarif-wrap .tarif.tarif2.active{background:rgba(146,195,35,.9)}
#map .tarif-wrap .tarif.tarif2.active .title{color:#fff;border-bottom:1px solid #fff}
#map .tarif-wrap .tarif.tarif2.active .btn{border:0 solid #15683C;background:#FFE001;color:#000}
#map .tarif-wrap .tarif.tarif2.active .price{color:#fff}
#map .tarif-wrap .tarif.tarif3 .title{color:#15683C;border-bottom:1px solid #15683C}
#map .tarif-wrap .tarif.tarif3.active{background:rgba(21,104,60,.9)}
#map .tarif-wrap .tarif.tarif3.active .title{color:#fff;border-bottom:1px solid #fff}
#map .tarif-wrap .tarif.tarif3.active .btn{border:0 solid #15683C;background:#FFE001;color:#000}
#map .tarif-wrap .tarif.tarif3.active .price{color:#fff}
#map .tarif-wrap .tarif.tarif4.active{background:rgba(0,0,0,.8);color:#fff}
#map .tarif-wrap .tarif.tarif4.active .title{color:#fff;border-bottom:1px solid #fff}
#map .tarif-wrap .tarif.tarif4.active .btn{border:0 solid #15683C;background:#FFE001;color:#000}
#map .tarif-wrap .tarif.tarif4.active .price{color:#fff}
#map .tarif-wrap .tarif p{margin-bottom:0;font-size:1.2rem;color:#555}
#map .tarif-wrap .tarif .price{font-size:1.4rem;font-weight:600}
.calc_car_gruz>h2{font-family:Montserrat;color:#1D1D1D;font-size:40px;font-style:normal;font-weight:600;line-height:46px;text-align:left;margin:0 0 20px}
@media (max-width:600px){.calc_car_gruz>h2{text-align:center;font-size:20px;font-weight:600;line-height:24px;padding:0 35px}}
.calc_car_gruz .calc_car_gruz-content>p{font-family:Montserrat;color:#1E1E1E;font-size:28px;font-style:normal;font-weight:400;line-height:34px;margin:0 0 40px;text-indent:0}
@media (max-width:600px){.calc_car_gruz .calc_car_gruz-content>p{text-align:center;font-size:18px;margin-bottom:20px}}
.calc_car_gruz .calc_car_gruz-content .calc_car_gruz-content_types{display:flex;gap:20px;margin-bottom:40px;flex-wrap:wrap}
@media (max-width:600px){.calc_car_gruz .calc_car_gruz-content .calc_car_gruz-content_types{margin-bottom:25px}.calc_car_gruz .calc_car_gruz-content .calc_car_gruz-content_types+p{line-height:20px;margin-bottom:10px}}
.calc_car_gruz .calc_car_gruz-content .calc_car_gruz-content_types>section{border-radius:15px;border:1px solid #235C33;padding:25px 10px;position:relative}
@media (max-width:600px){.calc_car_gruz .calc_car_gruz-content .calc_car_gruz-content_types>section{width:calc(50% - 10px)}}
/* Баг3: .type-title — это <p>, и глобальное «.wrap .content p{height:100%}»
   растягивало его на всю высоту секции (~65px), из-за чего поле ввода
   («укажите вес» и т.п.) выдавливалось ЗА нижнюю границу секции и налезало на
   секцию ниже («Длина» и др.) на мобиле. Возвращаем заголовку авто-высоту. */
.calc_car_gruz .calc_car_gruz-content .calc_car_gruz-content_types>section .type-title{font:unset;color:#235C33;text-align:center;font-size:18px;font-style:normal;font-weight:600;line-height:16px;height:auto}
.calc_car_gruz .calc_car_gruz-content .calc_car_gruz-content_types>section input{text-align:center;color:#235c33;font-size:14px;font-style:italic;font-weight:300;line-height:16px;border:none;border-bottom:1px solid rgba(35,92,51,.2);margin-top:30px;-moz-appearance:textfield;max-width:185px}
@media (max-width:600px){.calc_car_gruz .calc_car_gruz-content .calc_car_gruz-content_types>section input{width:100%}}
.calc_car_gruz .calc_car_gruz-content .calc_car_gruz-content_types>section input ::-moz-placeholder,.calc_car_gruz .calc_car_gruz-content .calc_car_gruz-content_types>section input ::-ms-input-placeholder,.calc_car_gruz .calc_car_gruz-content .calc_car_gruz-content_types>section input ::-webkit-input-placeholder,.calc_car_gruz .calc_car_gruz-content .calc_car_gruz-content_types>section input ::placeholder{color:rgba(35,92,51,.3);text-align:left}
.calc_car_gruz .calc_car_gruz-content .calc_car_gruz-content_types>section input::-webkit-inner-spin-button,.calc_car_gruz .calc_car_gruz-content .calc_car_gruz-content_types>section input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.calc_car_gruz .calc_car_gruz-content .calc_car_gruz-content_types>section.active{background:#235C33}
.calc_car_gruz .calc_car_gruz-content .calc_car_gruz-content_types>section.active .type-title{color:#fff}
.calc_car_gruz .calc_car_gruz-content .calc_car_gruz-content_types>section.active input{background:#235C33;color:#fff;font-weight:600;border-bottom:1px solid rgba(255,255,255,.2)}
#calc-new{padding:60px 0}
@media (max-width:600px){#calc-new{padding:40px 0}}
#calc-new h2{color:#1D1D1D;font-family:Montserrat,sans-serif;font-size:40px;font-style:normal;font-weight:600;line-height:46px;text-align:left;margin-top:0;margin-bottom:40px}
@media (max-width:600px){#calc-new h2{text-align:center;font-size:20px;font-style:normal;font-weight:600;line-height:24px;margin-bottom:20px}}
#calc-new .calc .calcs{margin-bottom:30px}
#calc-new .calc .calcs .subcalc{border-radius:10px;border:1px solid #CDCDCD;color:#CDCDCD;font-family:Montserrat,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:20px;padding:15px 45px;display:block;text-align:center;cursor:pointer}
#calc-new .calc .calcs .subcalc.active{border:1px solid #FFE500;color:#FFE500}
#calc-new .calc .calcs .subcalc:hover{text-decoration:none}
@media (max-width:600px){#calc-new .calc .calcs>div:nth-child(2){margin-bottom:10px}}
#calc-new .calc #gruz{padding:25px 35px;border-radius:10px;background:#235C33;box-shadow:0 0 20px 0 rgba(0,0,0,.07)}
@media (max-width:600px){#calc-new .calc #gruz{padding:15px 10px}}
#calc-new .calc #gruz>h3{color:#FFF;font-family:Montserrat,sans-serif;font-size:22px;font-style:normal;font-weight:500;line-height:20px;text-align:center;margin:0 0 30px}
@media (max-width:600px){#calc-new .calc #gruz>h3{text-align:center;font-size:20px;font-weight:500;line-height:22px;margin-bottom:10px}}
#calc-new .calc #gruz .suggestions-addon[data-addon-type=clear]{display:none!important}
#calc-new .calc #gruz .row>div{overflow:unset}
#calc-new .calc #gruz .row.additional label{font-size:14px!important}
@media (max-width:600px){#calc-new .calc #gruz .row.additional label{font-size:15px!important}}
#calc-new .calc #gruz .row.additional>div{position:relative}
@media (min-width:768px){#calc-new .calc #gruz .row.additional>div.col-sm-2{width:20%}}
#calc-new .calc #gruz .row .row{margin:0}
#calc-new .calc #gruz .row>h3{color:#FFF;font-family:Montserrat,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:24px;margin:0;text-align:center;margin-bottom:20px;margin-top:20px}
@media (max-width:600px){#calc-new .calc #gruz .row>h3{text-align:center;font-size:20px;font-weight:500;line-height:22px;margin-bottom:10px}}
#calc-new .calc #gruz .row:nth-child(2) div:last-child{text-align:left}
@media (max-width:600px){#calc-new .calc #gruz .row:nth-child(3){flex-wrap:wrap-reverse;display:flex}}
#calc-new .calc #gruz .row:nth-child(4) div:last-child{overflow:visible}
@media (max-width:600px){#calc-new .calc #gruz .row:nth-child(5){display:flex;flex-wrap:wrap-reverse}}
#calc-new .calc #gruz .row .for_gruzDropdown{color:#FFF;font-family:Montserrat,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:24px;margin:0 0 5px}
#calc-new .calc #gruz .row .form-group{margin-bottom:10px;text-align:left}
#calc-new .calc #gruz .row .form-group .plusminus .input-group{width:100%}
#calc-new .calc #gruz .row .form-group .plusminus .input-group>div{position:absolute;top:15px;z-index:10}
#calc-new .calc #gruz .row .form-group .plusminus .input-group>div:first-child{left:15px}
#calc-new .calc #gruz .row .form-group .plusminus .input-group>div:last-child{right:15px}
#calc-new .calc #gruz .row .form-group .plusminus .input-group>div:last-child span:first-child{margin-right:15px;color:#235C33;font-family:Montserrat,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:16px}
#calc-new .calc #gruz .row .form-group .plusminus .input-group>div i{color:#235C33}
#calc-new .calc #gruz .row .form-group .plusminus .input-group input{padding-left:40%;color:#235C33;font-family:Montserrat,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:16px}
#calc-new .calc #gruz .row .form-group label{color:#FFF;font-family:Montserrat,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:24px;margin:0 0 5px;text-align:left}
#calc-new .calc #gruz .row .form-group label span{font-size:14px;font-style:normal;font-weight:300;line-height:24px;opacity:.7}
#calc-new .calc #gruz .row .form-group select{border-radius:5px;background:#FFF;box-shadow:0 0 4px 0 rgba(0,0,0,.1);padding:16px 18px;font-family:Montserrat,sans-serif;font-size:14px;font-style:normal;line-height:16px;box-sizing:border-box;height:50px;color:#235C33;font-weight:500}
#calc-new .calc #gruz .row .form-group input{border-radius:5px;background:#FFF;box-shadow:0 0 4px 0 rgba(0,0,0,.1);padding:24px 18px;color:#444;font-family:Montserrat,sans-serif;font-size:14px;font-style:normal;font-weight:300;line-height:16px}
#calc-new .calc #gruz .row .form-group input[type=checkbox]{border:1px solid #FFF}
#calc-new .calc #gruz .row .form-group input[type=checkbox]:checked,#calc-new .calc #gruz .row .form-group input[type=checkbox]:not(:checked),#calc-new .calc #gruz .row .form-group input[type=radio]:checked,#calc-new .calc #gruz .row .form-group input[type=radio]:not(:checked){position:absolute;left:-9999px}
#calc-new .calc #gruz .row .form-group input[type=checkbox]:checked+label,#calc-new .calc #gruz .row .form-group input[type=checkbox]:not(:checked)+label,#calc-new .calc #gruz .row .form-group input[type=radio]:checked+label,#calc-new .calc #gruz .row .form-group input[type=radio]:not(:checked)+label{display:inline-block;position:relative;padding-left:28px;line-height:20px;cursor:pointer}
#calc-new .calc #gruz .row .form-group input[type=checkbox]:checked+label:before,#calc-new .calc #gruz .row .form-group input[type=checkbox]:not(:checked)+label:before,#calc-new .calc #gruz .row .form-group input[type=radio]:checked+label:before,#calc-new .calc #gruz .row .form-group input[type=radio]:not(:checked)+label:before{content:"";position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #fff;background-color:#235C33}
#calc-new .calc #gruz .row .form-group input[type=checkbox]:checked+label:before,#calc-new .calc #gruz .row .form-group input[type=checkbox]:not(:checked)+label:before{border-radius:2px}
#calc-new .calc #gruz .row .form-group input[type=radio]:checked+label:before,#calc-new .calc #gruz .row .form-group input[type=radio]:not(:checked)+label:before{border-radius:100%}
#calc-new .calc #gruz .row .form-group input[type=checkbox]:checked+label:after,#calc-new .calc #gruz .row .form-group input[type=checkbox]:not(:checked)+label:after,#calc-new .calc #gruz .row .form-group input[type=radio]:checked+label:after,#calc-new .calc #gruz .row .form-group input[type=radio]:not(:checked)+label:after{content:"";position:absolute;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
#calc-new .calc #gruz .row .form-group input[type=checkbox]:checked+label:after,#calc-new .calc #gruz .row .form-group input[type=checkbox]:not(:checked)+label:after{left:3px;top:4px;width:12px;height:7px;border-radius:1px;border-left:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
#calc-new .calc #gruz .row .form-group input[type=radio]:checked+label:after,#calc-new .calc #gruz .row .form-group input[type=radio]:not(:checked)+label:after{left:5px;top:5px;width:10px;height:10px;border-radius:100%;background-color:#fff}
#calc-new .calc #gruz .row .form-group input[type=checkbox]:not(:checked)+label:after,#calc-new .calc #gruz .row .form-group input[type=radio]:not(:checked)+label:after{opacity:0}
#calc-new .calc #gruz .row .form-group input[type=checkbox]:checked+label:after,#calc-new .calc #gruz .row .form-group input[type=radio]:checked+label:after{opacity:1}
#calc-new .calc #gruz .row .form-group .btn{border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.07);padding:18px;width:100%;color:#272727;font-family:Montserrat,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:20px;margin-top:-4px;overflow:visible}
@media (max-width:600px){#calc-new .calc #gruz .row .form-group .btn{margin-top:60px}}
#calc-new .calc #gruz .row .form-group .btn.btn-yellow{background:#FFE500}
#calc-new .calc #gruz .row .slider.slider-horizontal{width:100%}
@media (max-width:600px){#calc-new .calc #gruz .row .slider.slider-horizontal{width:calc(100% - 20px);margin-left:10px}}
#calc-new .calc #gruz .row .slider.slider-horizontal .slider-selection{background:#FFE500}
#calc-new .calc #gruz .row .slider.slider-horizontal .slider-handle{background:#235C33;border:2px solid #FFE500}
#calc-new .calc #gruz .row .slider.slider-horizontal .slider-track-high{background:#60936E}
#calc-new .calc #gruz .row .slider.slider-horizontal .slider-track::before{content:'0';display:block;position:absolute;top:20px;left:0;color:rgba(255,255,255,.47);font-family:Montserrat,sans-serif;font-size:12px;font-style:normal;font-weight:300;line-height:14px}
#calc-new .calc #gruz .row .slider.slider-horizontal .slider-track::after{content:'20';display:block;position:absolute;right:0;top:20px;color:rgba(255,255,255,.47);font-family:Montserrat,sans-serif;font-size:12px;font-style:normal;font-weight:300;line-height:14px}
#calc-new .calc #gruz .row .slider.slider-horizontal#pereezdcalcform-oblast_km-slider .slider-track::after{content:'200'}
#calc-new .calc #gruz .row .reset_calc{color:#FFE500;font-family:Montserrat,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:14px;text-decoration-line:underline;text-align:right;display:block;margin-top:5px;cursor:pointer}
@media (max-width:600px){#calc-new .calc #gruz .row .reset_calc{text-align:left;margin-top:10px;margin-bottom:15px}}
#calc-new .calc #gruz .row .reset_calc:hover{opacity:.7}
#calc-new .calc #gruz .row .text-block{margin-top:20px;margin-bottom:15px}
#calc-new .calc #gruz .row .text-block p:nth-child(1){color:#FFF;font-family:Montserrat,sans-serif;font-size:22px;font-style:normal;font-weight:500;line-height:20px;margin-bottom:15px}
@media (max-width:600px){#calc-new .calc #gruz .row .text-block p:nth-child(1){position:absolute;bottom:-165px;font-size:19px}}
#calc-new .calc #gruz .row .text-block p:nth-child(1) span{color:#FFE500;font-size:30px;font-weight:700}
#calc-new .calc #gruz .row .text-block p:nth-child(2){color:#DBDBDB;font-family:Montserrat,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:20px}
@media (max-width:600px){#calc-new .calc #gruz .row .text-block p:nth-child(2){padding:0 50px;text-align:center!important}}
#calc-new .calc #gruz .row .field-gruzcalcform-name input{color:#131313;font-family:Montserrat,sans-serif;font-size:14px;font-style:normal;font-weight:300;line-height:16px}
@media (max-width:480px){#calc-new .calc #gruz .row .field-pereezdcalcform-podiem{margin-bottom:25px}}
#calc-new .calc #gruz .row .field-gruzcalcform-car,#calc-new .calc #gruz .row .field-gruzcalcform-summ,#calc-new .calc #gruz .row .field-pereezdcalcform-car,#calc-new .calc #gruz .row .field-pereezdcalcform-summ{margin-bottom:0}
#calc-new .calc #gruz .row .field-gruzcalcform-car p,#calc-new .calc #gruz .row .field-gruzcalcform-summ p,#calc-new .calc #gruz .row .field-pereezdcalcform-car p,#calc-new .calc #gruz .row .field-pereezdcalcform-summ p{display:none}
#calc-new .calc #gruz .row .field-pereezdcalcform-nds{margin-top:40px;margin-bottom:0;text-align:right}
/* Баг1: глобальное правило «.wrap .content p{height:100%}» растягивало дисклеймер
   калькулятора на всю высоту колонки (~168px вместо ~56px), из-за чего подпись
   согласия на обработку ПДн уезжала вниз и налезала на границу блока и заголовок
   ниже (на мобиле). Возвращаем параграфам калькулятора авто-высоту. */
#calc-new .calc #gruz p{height:auto}
#calc-new .calc #gruz .row .text-muted{color:#FFF;font-family:Montserrat,sans-serif;font-size:12px;font-style:normal;font-weight:300;line-height:14px}
#calc-new .calc #gruz .row .text-muted a{color:#FFF;text-decoration:underline}
#calc-new .calc #gruz .row .text-muted a:hover{color:#FFE500}
#calc-new .calc #gruz .row .price-wrap{margin-top:10px;border-radius:5px;border:1px dashed #D0D0D0;box-shadow:0 0 4px 0 rgba(0,0,0,.1);color:#FFF;font-family:Montserrat,sans-serif;font-size:22px;font-style:normal;font-weight:400;line-height:20px;padding:20px 0;text-align:center;margin:0;text-transform:uppercase}
#calc-new .calc #gruz .row .price-wrap .price{color:#FFE500;font-family:Montserrat,sans-serif;font-weight:700;font-size:24px;font-style:normal;line-height:20px}
#calc-new .calc #gruz .row .price-wrap .preprice{color:rgba(255,255,255,.51);font-family:Montserrat,sans-serif;font-size:16px;font-style:normal;font-weight:300;line-height:20px;text-decoration:line-through}
#calc-new .calc #gruz .row .field-pereezdcalcform-oblast_km label{display:none}
@media (max-width:600px){#calc-new .calc #gruz.pereezd .row .field-pereezdcalcform-from label,#calc-new .calc #gruz.pereezd .row .field-pereezdcalcform-to label{display:none}#calc-new .calc #gruz.pereezd .row .field-pereezdcalcform-to{margin-bottom:20px}#calc-new .calc #gruz.pereezd .row .field-pereezdcalcform-spusk{margin-bottom:40px}}
@media (max-width:600px)and (max-width:600px){#calc-new .calc #gruz.pereezd .row:nth-child(3){display:block}}
#calc-new .calc #gruz .field-pereezdcalcform-spusk{margin-bottom:30px!important}
#calc-new .calc #gruz .field-pereezdcalcform-count,#calc-new .calc #gruz .field-pereezdcalcform-hours_gruzchiki{width:190px}
@media (max-width:600px){#calc-new .calc #gruz .field-pereezdcalcform-count,#calc-new .calc #gruz .field-pereezdcalcform-hours_gruzchiki{width:50%}}
#calc-new .calc #gruz .field-pereezdcalcform-material+.tooltip-block .tooltip-data ul:nth-child(1){min-width:75px}
#calc-new .calc #gruz .field-pereezdcalcform-material+.tooltip-block .tooltip-data ul:nth-child(2){min-width:250px;width:250px}
#calc-new .calc #gruz .field-pereezdcalcform-material+.tooltip-block .tooltip-data ul:nth-child(2) p{width:250px}
@media (max-width:600px){#calc-new .calc #gruz .field-pereezdcalcform-material+.tooltip-block .tooltip-data ul:nth-child(2) p{width:auto}}
#calc-new .calc #gruz .field-pereezdcalcform-razborka+.tooltip-block .tooltip-data ul:nth-child(1),#calc-new .calc #gruz .field-pereezdcalcform-sborka+.tooltip-block .tooltip-data ul:nth-child(1){min-width:95px}
#calc-new .calc #gruz .field-pereezdcalcform-mebel_razborka+.tooltip-block .tooltip-data ul li:nth-child(2),#calc-new .calc #gruz .field-pereezdcalcform-mebel_razborka+.tooltip-block .tooltip-data ul li:nth-child(3),#calc-new .calc #gruz .field-pereezdcalcform-mebel_razborka+.tooltip-block .tooltip-data ul li:nth-child(7),#calc-new .calc #gruz .field-pereezdcalcform-mebel_sborka+.tooltip-block .tooltip-data ul li:nth-child(2),#calc-new .calc #gruz .field-pereezdcalcform-mebel_sborka+.tooltip-block .tooltip-data ul li:nth-child(3),#calc-new .calc #gruz .field-pereezdcalcform-mebel_sborka+.tooltip-block .tooltip-data ul li:nth-child(7){height:58px}
#calc-new .calc #avtoparkDropdown.dd-container{margin-top:29px;margin-bottom:10px}
@media (max-width:480px){#calc-new .calc #avtoparkDropdown.dd-container{width:100%!important}}
#calc-new .calc #avtoparkDropdown.dd-container .dd-select{border-radius:5px;background:#FFF;width:100%!important;border:0}
#calc-new .calc #avtoparkDropdown.dd-container .dd-select .dd-selected{background:#FFF;box-shadow:0 0 4px 0 rgba(0,0,0,.1);border-radius:5px;padding:10px 15px}
#calc-new .calc #avtoparkDropdown.dd-container .dd-select .dd-selected .dd-selected-image{max-width:100px;height:auto!Important;margin-right:25px;padding:20px 0;height:unset!important}
#calc-new .calc #avtoparkDropdown.dd-container .dd-select .dd-selected .dd-selected-text{margin-left:0;margin-bottom:2px}
#calc-new .calc #avtoparkDropdown.dd-container .dd-select .dd-selected .dd-selected-text p{color:#235C33;font-family:Montserrat,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:16px;text-transform:capitalize;margin-bottom:0}
#calc-new .calc #avtoparkDropdown.dd-container .dd-select .dd-selected .dd-selected-description{line-height:14px}
#calc-new .calc #avtoparkDropdown.dd-container .dd-select .dd-selected .dd-selected-description p{color:#444;font-family:Montserrat,sans-serif;font-size:12px;font-style:normal;font-weight:300;line-height:14px;margin:0}
#calc-new .calc #avtoparkDropdown.dd-container .dd-select .dd-selected .dd-selected-description p span{color:#235C33;font-weight:500;line-height:14px}
#calc-new .calc #avtoparkDropdown.dd-container .dd-options{overflow-x:hidden;overflow-y:scroll;height:300px;width:100%!important}
#calc-new .calc #avtoparkDropdown.dd-container .dd-options .dd-option{background:#FFF;box-shadow:0 0 4px 0 rgba(0,0,0,.1);border-radius:5px;padding:10px 15px}
#calc-new .calc #avtoparkDropdown.dd-container .dd-options .dd-option .dd-option-image{max-width:100px;margin-right:25px;padding:23px 0;height:unset!important}
#calc-new .calc #avtoparkDropdown.dd-container .dd-options .dd-option .dd-option-text{margin-left:0;margin-bottom:2px}
#calc-new .calc #avtoparkDropdown.dd-container .dd-options .dd-option .dd-option-text p{color:#235C33;font-family:Montserrat,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:16px;text-transform:capitalize;margin-bottom:0}
#calc-new .calc #avtoparkDropdown.dd-container .dd-options .dd-option .dd-option-description{line-height:14px}
#calc-new .calc #avtoparkDropdown.dd-container .dd-options .dd-option .dd-option-description p{color:#444;font-family:Montserrat,sans-serif;font-size:12px;font-style:normal;font-weight:300;line-height:14px;margin:0}
#calc-new .calc #avtoparkDropdown.dd-container .dd-options .dd-option .dd-option-description p span{color:#235C33;font-weight:500;line-height:14px}
#calc-new .calc #gruzDropdown.dd-container{margin-top:0;margin-bottom:10px}
@media (max-width:480px){#calc-new .calc #gruzDropdown.dd-container{width:100%!important;margin-top:0}}
#calc-new .calc #gruzDropdown.dd-container .dd-select{border-radius:5px;background:#FFF;width:100%!important;border:0}
#calc-new .calc #gruzDropdown.dd-container .dd-select .dd-selected{background:#FFF;box-shadow:0 0 4px 0 rgba(0,0,0,.1);border-radius:5px;padding:10px 20px}
#calc-new .calc #gruzDropdown.dd-container .dd-select .dd-selected .dd-selected-image{max-width:100px;margin-right:25px;padding:23px 0}
#calc-new .calc #gruzDropdown.dd-container .dd-select .dd-selected .dd-selected-text{margin-left:0;margin-bottom:0}
#calc-new .calc #gruzDropdown.dd-container .dd-select .dd-selected .dd-selected-text p{color:#235C33;font-family:Montserrat,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:30px;margin:0;text-decoration:none}
#calc-new .calc #gruzDropdown.dd-container .dd-select .dd-selected .dd-selected-description p{color:#444;font-family:Montserrat,sans-serif;font-size:12px;font-style:normal;font-weight:300;line-height:18px}
#calc-new .calc #gruzDropdown.dd-container .dd-select .dd-selected .dd-selected-description p span{color:#235C33;font-weight:500;line-height:18px}
#calc-new .calc #gruzDropdown.dd-container .dd-options{overflow-x:hidden;overflow-y:scroll;width:100%!important}
#calc-new .calc #gruzDropdown.dd-container .dd-options .dd-option{background:#FFF;box-shadow:0 0 4px 0 rgba(0,0,0,.1);border-radius:5px;padding:5px 20px;cursor:pointer}
#calc-new .calc #gruzDropdown.dd-container .dd-options .dd-option .dd-option-image{max-width:100px;margin-right:25px;padding:23px 0}
#calc-new .calc #gruzDropdown.dd-container .dd-options .dd-option .dd-option-text{margin-left:0;margin-bottom:0}
#calc-new .calc #gruzDropdown.dd-container .dd-options .dd-option .dd-option-text p{color:#444;font-family:Montserrat,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:30px;text-decoration:none;margin-bottom:0}
#calc-new .calc #gruzDropdown.dd-container .dd-options .dd-option .dd-option-text:hover p{color:#235C33;font-family:Montserrat,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:30px;text-decoration-line:underline}
#calc-new .calc #gruzDropdown.dd-container .dd-options .dd-option .dd-option-description p{color:#444;font-family:Montserrat,sans-serif;font-size:12px;font-style:normal;font-weight:300;line-height:18px}
#calc-new .calc #gruzDropdown.dd-container .dd-options .dd-option .dd-option-description p span{color:#235C33;font-weight:500;line-height:18px}
.tooltip-block{position:absolute;top:5px;right:15px}
.tooltip-block .tooltip-data{position:absolute;display:none;background:#fff;border-radius:5px;box-shadow:0 0 4px 0 rgba(0,0,0,.1);padding:15px;min-width:180px;z-index:9998;right:0}
@media (max-width:599px){.tooltip-block .tooltip-data{position:fixed;left:0;right:0;width:100%}}
.tooltip-block .tooltip-data p{color:#292929;font-family:Montserrat,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:24px;text-indent:0;text-align:left}
.tooltip-block .tooltip-data ul{padding-left:0;list-style:none;margin:0;min-width:250px;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-evenly}
.tooltip-block .tooltip-data ul li p{color:#292929;font-family:Montserrat,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:24px}
.tooltip-block .tooltip-data ul+ul{border-left:1px solid #E7E7E7;padding-left:20px;margin-left:20px;min-width:75px;width:75px}
.tooltip-block .tooltip-data ul+ul li p{color:#235C33;font-family:Montserrat,sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:24px;width:55px}
.tooltip-block:hover>.tooltip-data{display:flex}
/* Баг6: на мобиле подсказки-«?» уходили за правый край экрана из-за жёстко заданных
   смещений (left:-150/-346px, width:350/370px). Теперь любая открытая подсказка —
   фиксированная плашка внизу экрана в пределах вьюпорта (12px от краёв, 16px снизу),
   всегда видна целиком (top:auto давал непредсказуемую вертикаль — уезжала за экран). */
@media (max-width:599px){.tooltip-block:hover>.tooltip-data,.col-left .tooltip-block:hover>.tooltip-data,.col-right .tooltip-block:hover>.tooltip-data{position:fixed;display:flex;width:max-content;max-width:calc(100vw - 16px);min-width:0;z-index:9999;left:8px;right:auto;bottom:16px;top:auto}}
/* Баг6: тултип этажа у ползунка (bootstrap-slider) наследует Bootstrap .tooltip
   {z-index:1070} и при прокрутке просвечивал СКВОЗЬ фиксированную шапку
   (.mobile-menu-new, z-index:1030). Понижаем его ниже шапки (но выше содержимого
   калькулятора) — теперь шапка перекрывает подсказку. Поднять шапку выше нельзя:
   она уехала бы поверх модалок (z-index 1040-1050). */
.calc .slider .tooltip{z-index:20}
.bs-tooltip-bottom{opacity:1;color:#FFE634;z-index:99}
.bs-tooltip-bottom .tooltip-inner{background:#235C33;opacity:1}
.podbor-button{margin:10px 0;border:1px solid #FFE500;border-radius:10px}
.podbor-button a{display:flex;text-decoration:none;padding:20px;color:#FFE500;gap:10px;cursor:pointer}
.podbor-button a p{font-family:Montserrat,sans-serif;font-size:14px!important;font-weight:400;line-height:16px!important;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#FFE500;margin-bottom:0}
#calccar.modal .modal-dialog{width:1170px}
@media (max-width:600px){#calccar.modal .modal-dialog{width:calc(100% - 20px)}}
#calccar.modal .modal-dialog .modal-content{border:2px solid #94C121;border-radius:10px;padding:20px 15px}
#calccar.modal .modal-dialog .modal-content .modal-body{padding-top:0}
#calccar.modal .modal-dialog .modal-content .modal-body h2{margin-top:0}
#calccar.modal .modal-dialog .modal-content .modal-body .calc_car-content{border:none}
/* css/calccar.css */
.calc_car h2 {
  font-size: 32px;
  line-height: 46px;
  text-align: center;
  color: #1D1D1D;
}
@media (max-width: 480px) {
  .calc_car h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
.calc_car-content {
  border: 2px solid #94C121;
  border-radius: 10px;
  padding: 20px 15px;
}
@media (max-width: 480px) {
  .calc_car-content {
    padding: 10px 10px;
  }
}
.calc_car-content > p {
  text-align: center !important;
  font-size: 18px !important;
  margin-bottom: 30px;
  margin-top: 10px;
  font-weight: 600;
}
@media (max-width: 480px) {
  .calc_car-content > p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    margin-bottom: 10px;
  }
}
.calc_car-content_types {
  display: flex;
  flex-wrap: wrap;
  align-content: stretch;
  height: 100%;
  justify-content: space-between;
}
@media (max-width: 480px) {
  .calc_car-content_types {
    height: 360px;
    overflow: hidden;
  }
}
.calc_car-content_types section {
  width: calc(100%/6);
  border-radius: 10px;
  border: 1px solid #235c33;
  background-color: #fff;
  display: flex;
  max-width: 177px;
  flex-direction: column;
  white-space: nowrap;
  padding: 8px 15px;
  margin-bottom: 15px;
  transition: all 1s;
}
@media (max-width: 480px) {
  .calc_car-content_types section {
    width: calc((100%/2) - 10px);
  }
}
.calc_car-content_types section.active {
  background: #235C33;
  transition: all 1s;
}
.calc_car-content_types section#type-weight,
.calc_car-content_types section#type-volume {
  max-width: 270px;
  width: 270px;
}
.type-title {
  color: #292929;
  align-self: center;
  font: 500 16px/150% Montserrat, sans-serif;
  margin: 0;
  text-align: center;
  line-height: 16px;
}
@media (max-width: 480px) {
  .type-title {
    font-size: 14px;
    line-height: 24px;
  }
}
.active .type-title {
  color: white;
}
.type-divider {
  border: 1px solid rgba(35, 92, 51, 0.3);
  background-color: rgba(35, 92, 51, 0.3);
  margin-top: 10px;
  height: 1px;
}
.active .type-divider {
  border: 1px solid #ffffff;
  background-color: #ffffff;
}
.type-quantity {
  display: flex;
  margin-top: 11px;
  align-items: center;
  /*gap: 20px;*/
  font-size: 20px;
  color: #235c33;
  font-weight: 700;
  line-height: 120%;
  justify-content: space-between;
}
.active .type-quantity {
  color: white;
}
.calc_car-content_types section#type-weight .type-quantity,
.calc_car-content_types section#type-volume .type-quantity {
  text-align: center;
  display: block;
}
.type-minus,
.type-plus {
  font-family: Montserrat, sans-serif;
  align-self: stretch;
  margin: auto 0;
  border: none;
  background: none;
}
.active .type-minus,
.active .type-plus {
  color: white;
}
.type-count {
  font-family: Montserrat, sans-serif;
  align-self: stretch;
}
#type-volume .type-count,
#type-weight .type-count {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
#type-volume .type-count span {
  vertical-align: super;
}
.calc_car-content_cars {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.vehicle-card {
  border-radius: 10px;
  border: 1px solid #bcbcbc;
  background-color: #fff;
  display: flex;
  gap: 11px;
  font-size: 16px;
  color: #343434;
  font-weight: 500;
  line-height: 100%;
  padding: 15px 10px;
  width: 260px;
  margin-bottom: 30px;
  cursor: pointer;
  height: 96px;
}
@media (max-width: 480px) {
  .vehicle-card {
    width: 100%;
    margin-bottom: 5px;
  }
}
.vehicle-card:hover,
.vehicle-card.active {
  border: 1px solid #235c33;
  background: #235C33;
}
.vehicle-card:hover h3,
.vehicle-card.active h3 {
  color: #fff;
}
.vehicle-card:hover p,
.vehicle-card.active p {
  color: #E5E5E5 !important;
}
.vehicle-image {
  aspect-ratio: 2.22;
  object-fit: auto;
  object-position: center;
  width: 96px;
  margin: auto 0;
}
@media (max-width: 400px) {
  .vehicle-image {
    width: 135px;
    aspect-ratio: unset;
  }
}
.vehicle-details {
  display: flex;
  flex-direction: column;
}
.vehicle-name {
  color: #235c33;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 16px !important;
  font-weight: 500;
  margin: 0;
}
.vehicle-specs {
  font-family: Montserrat, sans-serif;
  margin: 10px 0 5px 0;
  text-indent: 0 !Important;
  font-size: 16px !important;
  line-height: 16px !important;
  font-weight: 400;
  color: #343434;
}
.vehicle-dimensions {
  color: #343434 !important;
  font-family: Montserrat, sans-serif;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 16px !important;
  /* 114.286% */
  text-indent: 0 !important;
  margin: 0 !important;
}
#select_car {
  background: #FFE500;
  font-size: 18px;
  line-height: 20px;
  color: #272727;
  font-weight: 600;
  width: 310px;
  padding: 20px 30px;
  border-radius: 10px;
  margin-top: 30px;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 480px) {
  #select_car {
    width: 100%;
    margin-top: 15px;
  }
}
#select_car:hover {
  text-decoration: none;
}
#select_car.disable {
  background: grey;
  cursor: wait;
}
.show_all_auto {
  display: none;
}
@media (max-width: 480px) {
  .show_all_auto {
    display: block;
    font-size: 18px;
    line-height: 22px;
    color: #235C33;
    margin: 10px 0;
    cursor: pointer;
    text-align: center;
  }
}

/* css/cases.css */

#cases-slider .item-wrap {
  padding: 0 1rem;
}
#cases-slider .item-wrap .item .image {
  height: 20rem;
  background-size: cover !important;
}
#cases-slider .item-wrap .item .title {
  font-size: 1.8rem;
  color: #015B2C;
  font-weight: 500;
  text-align: center;
}
#cases-slider .item-wrap .item .date {
  font-size: 1.8rem;
}
#cases-slider .item-wrap .item .text {
  color: #bcbdbc;
}
#cases-slider .item-wrap .item .row {
  padding: 1rem 0;
}
#cases-slider .slick-arrow {
  position: absolute;
  /*width: 100%;*/
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 30%;
  /*left: 50%;*/
  height: auto !important;
  cursor: pointer;
}
#cases-slider .slick-arrow.arr-right {
  right: -3.5rem;
}
#cases-slider .slick-arrow.arr-left {
  left: -1.5rem;
}
/* Артефакт на мобиле: глобальное правило .wrap .content #content img{width:100%}
   (@media max-width:600px) растягивало маленькую (натур. 24px) стрелку-картинку карусели
   кейсов до ~315px — она наезжала на контент серым диагональным «X». На мобиле стрелки
   не нужны (карусель листается свайпом) — прячем именно у #cases-slider. */
@media (max-width: 600px) {
  #cases-slider .slick-arrow {
    display: none !important; /* !important — slick вешает inline display на стрелки */
  }
}
.article-index {
  margin-bottom: 4rem;
}
.article-index .article-item .panel {
  /*box-shadow: 0 0 1rem rgba(0,0,0,0.5);*/
  min-height: 22rem;
  /*            &:hover {
                            height: auto;
                        }*/
}
.article-index .article-item .panel .panel-heading {
  background-color: white;
  overflow: hidden;
  border-bottom: 1px solid #94C021;
}
.article-index .article-item .panel .panel-heading .name-wrap {
  padding-top: 0.6rem;
  font-size: 1.8rem;
  color: #015B2C;
}
.article-index .article-item .panel .panel-heading .date-wrap {
  padding-top: 0.6rem;
  color: #777777;
  font-size: 1.6rem;
}
.article-index .article-item .panel .panel-heading button {
  color: #FFE634;
  font-weight: 600;
  position: relative;
  /*left: 1rem;*/
  padding-left: 3rem;
  padding-right: 3rem;
  border-radius: 0.5rem;
}
.article-index .article-item .panel .panel-body {
  color: #777777;
}
.article-index .article-item .panel .panel-body a {
  text-decoration: underline;
}
/*# sourceMappingURL=cases.css.map */

/* /css/colorbox.css */

/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}

/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/* css/rewiews.css */

.reviews{margin-top:4rem;margin-bottom:4rem}#review-slider .review-item{padding:0 15px}.reviews-index,#review-slider{margin-bottom:4rem}.reviews-index .review-item,#review-slider .review-item{outline:none !important;border:0 !important;font-size:16px !important}.reviews-index .review-item .panel,#review-slider .review-item .panel{box-shadow:0 0 1rem rgba(0,0,0,0.5);height:24rem}.reviews-index .review-item .panel .panel-heading,#review-slider .review-item .panel .panel-heading{background-color:#94c021;color:#fff;overflow:hidden}.reviews-index .review-item .panel .panel-heading .name-wrap,#review-slider .review-item .panel .panel-heading .name-wrap{padding-top:.6rem}.reviews-index .review-item .panel .panel-heading .date-wrap,#review-slider .review-item .panel .panel-heading .date-wrap{padding-top:.6rem}.reviews-index .review-item .panel .panel-heading button,#review-slider .review-item .panel .panel-heading button{color:#ffe634;font-weight:600;position:relative;padding-left:3rem;padding-right:3rem;border-radius:.5rem}.reviews-index .review-item .panel .panel-body.youtube,.reviews-index .review-item .panel .panel-body.image{padding:0 !important;}.d-readmore{min-height:6px;overflow:hidden;margin-bottom:2rem}.d-readmore_btn{color:#333;font-weight:bold;border-bottom:1px solid #ddd;cursor:pointer}

/* autopark.css */

.park-list .item-wrap {
  margin-bottom: 2rem;
}
.park-list .item-wrap .item {
  display: block;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  min-height: 50rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*height: 300px;*/
  /*        .slick-current {
                        .bottom {
                            background: @green-light;
                            color: white;
                        }
            
                        .col-wide {
                            border-bottom: 1px dotted white !important;
                        }
                    }*/
}
.park-list .item-wrap .item .title {
  font-size: 2.4rem;
  text-align: center;
  color: #94C021;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 2rem;
  margin-bottom: 0;
}
.park-list .item-wrap .item .image-wrap {
  height: 14rem;
  background-size: contain !important;
  /*margin: 2rem 10rem 2rem;*/
}
.park-list .item-wrap .item .top {
  padding: 2rem;
}
.park-list .item-wrap .item .bottom {
  padding: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-top: 1px solid #94C021;
}
.park-list .item-wrap .item .bottom button {
  margin-top: 3rem;
}
.park-list .item-wrap .item .row-wrap {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.park-list .item-wrap .item .row-wrap .col-title {
  font-weight: 600;
}
.park-list .item-wrap .item .row-wrap .col-wide {
  flex-grow: 1;
  height: 1.6rem;
  border-bottom: 1px dotted black;
}
.park-list .item-wrap .item:hover .bottom {
  background-color: #94C021;
}
.park-list .item-wrap .item:hover .bottom .row-wrap {
  color: white;
}
.park-list .item-wrap .item:hover .bottom .col-wide {
  border-bottom: 1px dotted white;
}
.slick-slider {
  /*margin-left: -30%;*/
  /*margin-right: -30%;*/
}
.autopark .container {
  padding-left: 4rem;
  padding-right: 4rem;
}
.autopark #park-slider .slick-list {
  padding-top: 10%!important;
  padding-bottom: 10%!important;
  padding-left: 30%!important;
  padding-right: 30%!important;
}
@media (max-width: 992px) {
  .autopark #park-slider .slick-list {
    padding-top: 10%!important;
    padding-bottom: 10%!important;
    padding-left: 20%!important;
    padding-right: 20%!important;
  }
}
@media (max-width: 768px) {
  .autopark #park-slider .slick-list {
    padding-top: 10%!important;
    padding-bottom: 10%!important;
    padding-left: 10%!important;
    padding-right: 10%!important;
  }
}
@media (max-width: 480px) {
  .autopark #park-slider .slick-list {
    padding-top: 30% !important;
    padding-bottom: 30% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.autopark #park-slider .slick-dots {
  text-align: right;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.autopark #park-slider .slick-track {
  max-width: 100%!important;
  transform: translate3d(0, 0, 0) !important;
  perspective: 100px;
}
.autopark #park-slider .slick-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  width: 100%!important;
  transform: translate3d(0, 0, 0);
  transition: transform 1s, opacity 1s;
  background: white;
}
.autopark #park-slider .slick-snext,
.autopark #park-slider .slick-sprev {
  display: block;
}
.autopark #park-slider .slick-current {
  opacity: 1;
  position: relative;
  display: block;
  transform: translate3d(0, 0, 20px);
  z-index: 2;
}
.autopark #park-slider .slick-snext {
  opacity: 1;
  transform: translate3d(73%, 0, 0px);
  z-index: 1;
}
.autopark #park-slider .slick-sprev {
  opacity: 1;
  transform: translate3d(-73%, 0, 0px);
}
.autopark #park-slider .slick-current .item-wrap .bottom {
  background: #94C021;
  color: white;
}
.autopark #park-slider .slick-current .item-wrap .col-wide {
  border-bottom: 1px dotted white !important;
}
.autopark #park-slider .slick-arrow {
  position: absolute;
  top: 37rem;
  cursor: pointer;
}
.autopark #park-slider .slick-arrow.arr-left {
  left: -4rem;
}
.autopark #park-slider .slick-arrow.arr-right {
  right: -4rem;
}
.autopark #park-slider .item-wrap {
  display: block;
  width: 100%;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  /*height: 300px;*/
  /*        .slick-current {
                        .bottom {
                            background: @green-light;
                            color: white;
                        }
            
                        .col-wide {
                            border-bottom: 1px dotted white !important;
                        }
                    }*/
}
.autopark #park-slider .item-wrap .title {
  font-size: 2.4rem;
  text-align: center;
  color: #94C021;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 2rem;
  margin-bottom: 0;
}
.autopark #park-slider .item-wrap .image-wrap {
  height: 14rem;
  background-size: contain !important;
  margin: 2rem 10rem 2rem;
}
@media (max-width: 992px) {
  .autopark #park-slider .item-wrap .image-wrap {
    margin: 2rem 4rem 2rem;
  }
}
@media (max-width: 768px) {
  .autopark #park-slider .item-wrap .image-wrap {
    margin: 1rem 2rem;
  }
}
.autopark #park-slider .item-wrap .top {
  padding: 2rem;
}
.autopark #park-slider .item-wrap .bottom {
  padding: 4rem;
}
.autopark #park-slider .item-wrap .bottom button {
  margin-top: 3rem;
}
.autopark #park-slider .item-wrap .row-wrap {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.autopark #park-slider .item-wrap .row-wrap .col-title {
  font-weight: 600;
}
.autopark #park-slider .item-wrap .row-wrap .col-wide {
  flex-grow: 1;
  height: 1.6rem;
  border-bottom: 1px dotted black;
}
.why-info .title {
  font-weight: 600;
  color: #94C021;
}
.autopark {
  margin-top: 2rem;
}
.autopark .header-line {
  margin-bottom: 0;
}
/* === Блок "Смотрите также" === */
.see-also {
  margin: 30px 0;
}

.see-also h3 {
  margin-bottom: 16px;
  font-size: 20px;
}

.see-also-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.see-also-grid a {
  display: block;
  padding: 10px 14px;
  background: #ffffff;
  border: 1px solid #b3e0b3;
  border-radius: 6px;
  color: #235C33;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.4;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}

.see-also-grid a:hover {
  background: #235C33;
  border-color: #00a800;
  color: #ffffff;
}

@media (max-width: 640px) {
  .see-also-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .see-also-grid a {
    font-size: 13px;
  }
}

/* ===== iPad / планшетные фиксы ===== */
/* Issue 3: дропдаун "Размер груза" выходит за границу калькулятора */
@media (min-width: 768px) and (max-width: 1199px) {
  #gruzDropdown.dd-container,
  #gruzDropdown .dd-options,
  #gruzDropdown .dd-selected {
    max-width: 100%;
    box-sizing: border-box;
  }
  .for_gruzDropdown + #gruzDropdown {
    width: 100% !important;
  }
}
/* Issue 4: меню переносится на вторую строку на iPad */
@media (min-width: 992px) and (max-width: 1199px) {
  .bottom-header .menu-wrap {
    width: 100% !important;
  }
  .bottom-header .menu-wrap .navbar-nav {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .bottom-header .menu-wrap .navbar-nav > li {
    float: none;
  }
  .bottom-header .menu-wrap .navbar-nav > li > a {
    font-size: 13px;
    padding: 10px 6px;
    white-space: nowrap;
  }
}

/* Скидка 5% скрыта (админка → «Скрываемые элементы»): промо-строка «Закажи на
   сайте со скидкой 5%» убрана из потока (.hidden), а «Чтобы оформить заявку,
   заполните данные:» становится главным заголовком калькулятора — даём ей
   крупный белый вид старой промо-строки (как на эталонном скрине). Показанное
   состояние (класс не добавляется) не затрагивается — там это серый подзаголовок. */
.calc .text-block p.calc-lead-heading {
  color: #FFF !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  margin-bottom: 15px !important;
}
@media (max-width: 600px) {
  /* На мобиле — по центру, чуть мельче; перебиваем узкий padding:0 50px от
     nth-child(2), чтобы строка переносилась максимум на 2 строки без «висячего»
     слова (text-wrap: balance выравнивает строки). */
  .calc .text-block p.calc-lead-heading {
    font-size: 16px !important;
    padding: 0 10px !important;
    text-align: center !important;
    text-wrap: balance;
  }
}
/* Скидка скрыта: промо ушло (display:none), text-block стал в одну строку, и на
   десктопе кнопка «Заказать» наезжала на «Итого». Возвращаем блоку высоту, как
   при показанной скидке (~58px), чтобы кнопка/«Итого» не слипались. На мобиле
   колонки идут в столбик — там фикс не нужен (≥768px = bootstrap col-sm). */
@media (min-width: 768px) {
  .calc .text-block.calc-textblock-no-promo {
    min-height: 58px;
  }
}