/* Адаптивный слой BMC — добавляется поверх оригинального дизайна, десктоп не меняет */
/* 1. Фон страницы — белый (просьба заказчика) */
body { background: #ffffff !important; background-image: none !important; }

/* 2. Слайдер на карусели (Owl) */
.main-slider, #collaj .right_img { max-width: 100%; overflow: hidden; }
/* в шаблонном css было #collaj{height:260px; overflow-x:hidden} — из-за этого по оси Y получался auto
   и в слайд-шоу появлялась полоса прокрутки. Снимаем фиксированную высоту и глушим overflow. */
#collaj { height: auto !important; min-height: 0 !important; overflow: hidden !important; }
/* старая CSS anythingslider ставила списку слайдов overflow-y:auto — из-за неё оставалась полоса прокрутки */
#main-slider__list, .main-slider__list, .owl-carousel, .owl-carousel .owl-wrapper-outer { overflow: hidden !important; }
.owl-carousel .owl-wrapper-outer, .owl-carousel .owl-wrapper, .owl-carousel .owl-item { overflow: hidden !important; }
#collaj, #collaj .right_img, .main-slider, .main-slider__list, .main-slider__item,
.owl-carousel, .owl-stage-outer, .owl-stage, .owl-item { background: #ffffff !important; background-image: none !important; }
.main-slider__list { list-style: none !important; margin: 0 !important; padding: 0 !important; display: block !important;
                     width: 100% !important; height: auto !important; }
.main-slider__list > li { display: block !important; width: 100% !important; float: none !important; margin: 0 !important; }
.main-slider__list > li img { display: block; width: 100%; height: auto; }
.owl-carousel .owl-wrapper-outer { max-width: 100%; }
.owl-theme .owl-controls .owl-buttons div { background: #2c5f7c; opacity: .85; }
.owl-theme .owl-controls .owl-page span { background: #2c5f7c; }

/* 3. Кнопка «заказать онл@йн» в шапке: надпись нарисована в самой картинке button_zakaz.png (138×24).
   Свой текст ссылки прячем (иначе он накладывается на надпись в картинке и «двоится»),
   фон не повторяем и растягиваем ровно по кнопке — без этого справа был виден шов. */
.zakazat_head_top a {
  font-size: 0 !important; color: transparent !important; text-decoration: none !important;
  padding: 0 !important; width: 138px !important; height: 24px !important;
  background: url(/images/button_zakaz.png) no-repeat center center !important;
  background-size: 100% 100% !important;
}

/* 4. Раздел «О компании»: блок .afterMiddleMenu в левой колонке (ссылки раздела) — в оригинале
   остался без оформления, ссылки выглядели «голыми» синими. Оформляем как строки левого меню
   на остальных страницах (см. ul#vertical-multilevel-menu): отступы, разделители, цвет #0a447c. */
#content .left_menu_block .afterMiddleMenu { padding: 5px 15px; }
#content .left_menu_block .afterMiddleMenu p { margin: 0; padding: 5px 0; border-bottom: 1px solid #dddddd; }
#content .left_menu_block .afterMiddleMenu p:last-child { border-bottom: 0 none; }
#content .left_menu_block .afterMiddleMenu p a { display: block; color: #0a447c; font-size: 13px; text-decoration: none; }
#content .left_menu_block .afterMiddleMenu p a:hover { color: #2e5565; }

/* 5. Раздел «Наши клиенты»: блок #clients-list в оригинале был вообще без стилей
   (правил для .clients-list-* нет ни в одном css сайта), поэтому логотипы шли в столбик.
   Делаем аккуратную сетку: 3 в ряд на десктопе, 2 на планшете, 1 на телефоне. */
#clients-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 20px; margin: 14px 0 22px; }
#clients-list .clients-list-line { display: none !important; }
#clients-list .clients-list-item { text-align: center; }
#clients-list .clients-list-logo { margin: 0; }
#clients-list .clients-list-logo a { display: block; }
#clients-list .clients-list-logo img { display: block; margin: 0 auto; width: 100%; max-width: 261px; height: auto; }
@media (max-width: 960px) { #clients-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { #clients-list { grid-template-columns: 1fr; } }

/* 6. Верхнее меню «Услуги»: панель подменю раскрывалась сама — в шаблоне есть правило
   `#horizontal-multilevel-menu2 li:hover ul { display:block !important }`, которое перебивает
   инлайновый display:none, поэтому после клика по ссылке (курсор остаётся над меню) панель
   открывалась сразу при загрузке. Открываем только по осознанному наведению (класс ставит скрипт). */
body #middel_menu2 li ul.list-par { display: none !important; }
body #middel_menu2 li.bmc-open > ul.list-par { display: block !important; opacity: 1 !important; }

/* 7. Левое меню раздела: на части страниц (около 17: контакты, онлайн-заявка, юруслуги и др.)
   в собранном css шаблона НЕ оказалось стилей компонента uslugi_multilevel1 — из-за этого
   левое меню разворачивалось целиком (60+ пунктов) и без оформления. Дублируем правила,
   чтобы вид был одинаковым на всём сайте. */
ul#vertical-multilevel-menu { background: none; margin: 0; padding: 0; list-style: none; }
ul#vertical-multilevel-menu li { padding: 5px 0; display: none; }
ul#vertical-multilevel-menu li ul { margin: 0; padding: 0; list-style: none; }
ul#vertical-multilevel-menu li ul li { border-bottom: 1px solid #dddddd; }
ul#vertical-multilevel-menu li ul li ul { margin: 0 0 0 10px; padding: 0; list-style: none; }
ul#vertical-multilevel-menu li ul li ul li { border-bottom: 0 none; }
ul#vertical-multilevel-menu li.root-item-selected-li { display: block; }
ul#vertical-multilevel-menu li.root-item-selected-li > a { display: none; }
ul#vertical-multilevel-menu li.root-item-selected-li ul li { display: block; }
ul#vertical-multilevel-menu li.root-item-selected-li ul li a { display: block; }
ul#vertical-multilevel-menu li a { color: #0a447c; font-size: 13px; }
.selected_top { color: #a5a5a5 !important; text-decoration: none; }
.direct_selection { display: block; }
.direct_selection.selected_top { font-size: 13px; }

/* 8. Левая колонка и контент. На страницах с левым баннером (например /sertifikacija_iso/)
   колонка из-за него раздувалась до 278px, и сумма «колонка + контент» (278 + 692 = 970)
   переставала влезать в контейнер (967) — из-за этого .main_content падал вниз под колонку,
   и контент «уезжал» на полторы тысячи пикселей. Держим ширину колонки как на остальных
   страницах (262px), а баннер вписываем в неё. */
@media (min-width: 961px) {
  #content .aside, #second_block .aside { width: 262px !important; }
  #content .aside .left_banner { width: auto !important; max-width: 100% !important; }
  #content .aside .left_banner img { max-width: 100% !important; height: auto !important; }
}

/* 9. Баннеры в левой колонке — по центру колонки.
   Картинка-баннер в разметке вписана со сдвигом `margin-left:-15px` (наследие Flash-вставки) —
   убираем сдвиг и центрируем. Сам блок `.left_banner a` в инлайновом style задан шириной 278px
   (шире колонки 262px) — вписываем его в колонку, сохраняя пропорции картинки 278×367. */
#content .left_menu_block > div[style*="margin-left"] { margin-left: 0 !important; text-align: center; }
#content .left_menu_block > div[style*="margin-left"] img { display: block; margin: 0 auto !important; }
@media (min-width: 961px) {
  #content .aside .left_banner a {
    width: 262px !important; height: 346px !important;
    background-size: 100% 100% !important;
  }
}

/* 10. Страницы «в стадии разработки (наполнения)» (создаются скриптом bmc_заглушки.py) */
.bmc-wip { border: 1px solid #dfe5ea; border-left: 4px solid #8aa823; background: #f7f9f4;
           border-radius: 4px; padding: 18px 22px; margin: 6px 0 18px; }
.bmc-wip-badge { display: inline-block; background: #8aa823; color: #fff; font-size: 13px; font-weight: bold;
                 text-transform: uppercase; letter-spacing: .4px; padding: 5px 12px; border-radius: 3px;
                 margin-bottom: 12px; }
.bmc-wip p { font-size: 14px; color: #33414a; margin: 0 0 8px; }
.bmc-wip p:last-child { margin-bottom: 0; }

/* 11. Стрелки ‹ › у слайд-шоу (owl-buttons) — по просьбе заказчика не нужны.
   Гасим и стилями (на случай, если карусель успела их нарисовать), и в самом скрипте
   (navigation:false — см. bmc_слайдер_без_стрелок.py). Точки-пагинация остаются. */
.owl-buttons, .owl-prev, .owl-next { display: none !important; }

html { -webkit-text-size-adjust: 100%; }

/* ВАЖНО: раньше эти правила стояли ГЛОБАЛЬНО (вне медиа-запроса) и ломали десктоп:
   `img[width]{width:auto!important;height:auto!important}` сжимало картинку в её
   натуральный размер — на /kontakti/ картинка 431×301 (битый файл 1×1) превращалась
   в точку, и вся страница «проваливалась». Держим их только для узких экранов. */
@media (max-width: 1200px) {
  img, video { max-width: 100%; height: auto; }
  img[width], img[height] { width: auto !important; height: auto !important; max-width: 100%; }
  iframe, object, embed { max-width: 100%; }
}

@media (max-width: 1200px) {
  .uk-container, .wrapper, #wrapper, .b-wrapper { width: auto !important; max-width: 100% !important; padding-left: 14px; padding-right: 14px; }
  img, table, iframe, object, embed { max-width: 100%; }
  table { height: auto !important; }
  table:not(.uk-table) { width: 100% !important; }
}
@media (max-width: 960px) {
  .uk-navbar-container, .uk-navbar, #mainmenu, .top-menu, .b-topmenu { white-space: normal !important; }
  .uk-navbar-nav > li { float: none !important; display: block !important; }
  .uk-slider, .uk-slider-container, .uk-slideshow { max-width: 100% !important; }
  .uk-width-1-2\@l, .uk-width-1-3\@m, .uk-width-1-4\@l { width: 100% !important; }
}
@media (max-width: 640px) {
  td, th { display: block !important; width: auto !important; }
  td img, th img { display: block; margin: 0 auto; }
  h1 { font-size: 24px !important; } h2 { font-size: 20px !important; } h3 { font-size: 18px !important; }
  ins, iframe[width], object[width], embed[width] { width: 100% !important; height: auto !important; }
  img[width="500"], img[width="600"], img[width="614"], img[width="431"] { width: 100% !important; }
  table:not(.uk-table) { display: block; overflow-x: auto; }
}

/* 12. Плашка-пояснение там, где стандарт заменён (ставит bmc_актуализация_стандартов.py) */
.bmc-note { border-left: 4px solid #2c5f7c; background: #f2f6f9; padding: 10px 14px; margin: 0 0 16px;
            font-size: 14px; color: #33414a; line-height: 1.45; }

/* 13. Левое меню «прилипает» при прокрутке длинных страниц (просьба заказчика).
   Колонка .aside — float внутри #content. Два подводных камня, из-за которых sticky не работал:
     1) #content со схлопнутой высотой (float-дети) — «гулять» негде; лечим clearfix-ом ниже;
     2) предок .page_wrap имеет overflow:auto (не прокручивается) — он становится scrollport,
        и sticky к нему «прилипает» вместо окна. Ему возвращаем overflow:visible.
   Высокому меню (60+ пунктов) даём свою прокрутку: иначе верх колонки виден, а низ — недостижим.
   На узких экранах (<=960px, там колонка идёт под контентом) поведение не меняем. */
#content { overflow: visible; }
#content::after { content: ""; display: block; clear: both; }   /* высота колонки-контейнера */
@media (min-width: 961px) {
  .page_wrap { overflow: visible !important; }
  #content .aside, #second_block .aside {
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    max-height: calc(100vh - 20px);
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }
  #content .aside::-webkit-scrollbar, #second_block .aside::-webkit-scrollbar { width: 6px; }
  #content .aside::-webkit-scrollbar-thumb, #second_block .aside::-webkit-scrollbar-thumb {
    background: #c3d2de; border-radius: 3px;
  }
  #content .aside::-webkit-scrollbar-track, #second_block .aside::-webkit-scrollbar-track {
    background: transparent;
  }
}

/* >>> BMC SKIN 2026 >>> */
/* ============================ BMC SKIN 2026 ============================
   Современное оформление «скином»: разметка и каркас сайта не меняются.
   Правило проекта — эффекты без движения: анимаций и переходов нет.
   Подключается поверх css/bmc-responsive.css (раздел «BMC SKIN 2026»).
   Источник правды — этот файл; в сборку попадает через bmc_редизайн_2026.py
   и через скрипт сборки bmcgroup_сборка_2023.py.
   ====================================================================== */

:root {
  --sk-blue: #0b4a86;
  --sk-blue-dark: #083a6a;
  --sk-blue-soft: #eef4fb;
  --sk-accent: #1683d8;
  --sk-ink: #14263a;
  --sk-text: #33414f;
  --sk-muted: #6b7c8f;
  --sk-line: #e4eaf1;
  --sk-line-2: #cfd9e4;
  --sk-nav: #0b3a66;
  --sk-footer: #0b2a4a;
  --sk-bg: #f5f7fa;
  --sk-radius: 12px;
  --sk-radius-s: 8px;
  --sk-shadow: 0 1px 2px rgba(16, 36, 59, .05), 0 6px 20px rgba(16, 36, 59, .05);
  --sk-shadow-s: 0 1px 2px rgba(16, 36, 59, .06);
  --sk-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ---------- 1. Типографика и база ---------- */
body, body div, body span, body p, body a, body li, body td, body th, body dl, body dt, body dd,
body input, body select, body textarea, body button, body b, body strong, body small, body label,
body h1, body h2, body h3, body h4, body h5 {
  font-family: var(--sk-font) !important;
}
body {
  font-size: 15px !important;
  line-height: 1.62 !important;
  color: var(--sk-text) !important;
  background: var(--sk-bg) !important;
  background-image: none !important;
  -webkit-font-smoothing: antialiased;
}
body p { margin: 0 0 13px !important; }
body a { color: var(--sk-blue); }
body a:hover { color: var(--sk-blue-dark); text-decoration: underline; }
body b, body strong { color: var(--sk-ink); font-weight: 600; }
body h1 { font-size: 27px !important; line-height: 1.25 !important; font-weight: 600 !important;
          color: var(--sk-ink) !important; text-transform: none !important; letter-spacing: -.2px;
          border-bottom: 1px solid var(--sk-line) !important; padding: 0 0 12px !important; margin: 0 0 20px !important; }
body h2 { font-size: 20px !important; line-height: 1.35 !important; font-weight: 600 !important;
          color: var(--sk-ink) !important; margin: 26px 0 12px !important; padding: 0 0 0 14px !important;
          border-left: 4px solid var(--sk-accent); }
body h2 span, body h2 b { font-weight: 600 !important; }
body h3 { font-size: 17px !important; font-weight: 600 !important; color: var(--sk-ink) !important; margin: 20px 0 10px !important; }
/* подзаголовок страницы (.h1 — «шапка» контента) */
body #content .main_content .h1 h1, body .h1 h1 {
  font-size: 27px !important; line-height: 1.25 !important; font-weight: 600 !important;
  color: var(--sk-ink) !important; text-transform: none !important; border-bottom: 0 !important;
  padding: 0 0 14px !important; margin: 0 0 18px !important; position: relative;
}
body #content .main_content .h1 h1::after, body .h1 h1::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 64px; height: 3px;
  background: var(--sk-accent); border-radius: 2px;
}

/* ---------- 2. Шапка ---------- */
body .head_top_menu { background: var(--sk-nav) !important; background-image: none !important; height: 38px; }
body .head_top_menu ul { padding-top: 7px !important; }
body .head_top_menu ul li a { color: #dbe7f4 !important; border: 0 !important; height: 26px !important;
  line-height: 26px !important; padding: 0 14px !important; font-size: 13.5px !important; border-radius: 6px; }
body .head_top_menu ul li a:hover, body .head_top_menu ul li a.selected {
  color: #fff !important; background: rgba(255, 255, 255, .14); text-decoration: none !important; }
body .sub_head_top_menu, body .time_head_top { color: #a9c2dd !important; font-size: 12.5px !important; }
body .zakazat_head_top { margin: 5px 14px 0 0 !important; }
body .zakazat_head_top a, body .zakaz_form_a_btn {
  display: inline-block !important; width: auto !important; height: auto !important;
  background: var(--sk-blue) !important; background-image: none !important;
  color: #fff !important; font-size: 13.5px !important; font-weight: 600 !important;
  padding: 8px 16px !important; border-radius: var(--sk-radius-s) !important;
  text-align: center !important; text-decoration: none !important; letter-spacing: .2px;
}
body .zakazat_head_top a:hover, body .zakaz_form_a_btn:hover {
  background: var(--sk-blue-dark) !important; color: #fff !important; text-decoration: none !important; }
body #head { height: auto !important; padding: 16px 20px 14px !important; background: #fff !important; }
body #head .top_logo { height: auto !important; }
body #head .top_v_line { background: var(--sk-line) !important; width: 1px !important; height: 46px !important; }
body #head .top_text { color: var(--sk-muted) !important; font-size: 13.5px !important; line-height: 1.5 !important; }
body .header_right_phones .phone { font-size: 21px !important; font-weight: 700 !important; color: var(--sk-ink) !important; }
body .header_right_phones .phone .caption { font-size: 12.5px !important; color: var(--sk-muted) !important; font-weight: 400 !important; }
body .call_back_zakaz { background-image: none !important; padding: 6px 0 0 !important; }
body .call_back_zakaz a { color: var(--sk-blue) !important; font-size: 13.5px !important;
  text-decoration: none !important; border-bottom: 1px dashed var(--sk-line-2); padding-bottom: 1px; }
body .call_back_zakaz a:hover { color: var(--sk-blue-dark) !important; border-bottom-color: var(--sk-accent); }

/* главное меню — светлая полоса с акцентной подсветкой активного пункта */
body #horizontal-multilevel-menu2 li.dl1 { background: none !important; float: left; }
body #horizontal-multilevel-menu2 li.dl1 > a {
  height: 48px !important; line-height: 48px !important; font-size: 15px !important; font-weight: 500 !important;
  color: var(--sk-ink) !important; text-transform: none !important; letter-spacing: 0 !important;
  text-shadow: none !important; padding: 0 18px !important; box-shadow: inset 0 -3px 0 transparent; }
body #horizontal-multilevel-menu2 li.dl1:hover > a,
body #horizontal-multilevel-menu2 li.dl1.active > a {
  background: var(--sk-blue-soft) !important; background-image: none !important;
  color: var(--sk-blue) !important; font-weight: 600 !important; text-shadow: none !important;
  box-shadow: inset 0 -3px 0 var(--sk-accent); }
/* выпадающая панель «Услуги» — светлая карточка */
body #middel_menu2 li ul.list-par,
body #horizontal-multilevel-menu2 li ul.list-par {
  background: #fff !important; background-image: none !important;
  box-shadow: 0 18px 40px rgba(16, 36, 59, .15) !important; border-top: 1px solid var(--sk-line);
  padding: 6px 0 14px !important; }
body #middel_menu2 li ul.list-par li a {
  color: var(--sk-blue) !important; border-bottom: 0 !important; text-shadow: none !important;
  font-size: 13px !important; font-weight: 700 !important; letter-spacing: .3px; }
body #middel_menu2 li ul.list-par li ul li a {
  color: var(--sk-text) !important; font-size: 14px !important; font-weight: 400 !important;
  text-transform: none !important; line-height: 1.45 !important; }
body #middel_menu2 li ul.list-par li ul li a:hover { color: var(--sk-blue) !important; }

/* ---------- 3. Хлебные крошки ---------- */
body #nav_chain { padding: 10px 0 0 !important; }
body .breadcrumb_block li { color: var(--sk-muted) !important; font-size: 13px !important; }
body .breadcrumb_block li a { color: var(--sk-blue) !important; }

/* ---------- 4. Колонки ---------- */
body #content .main_content {
  background: #fff !important; border: 1px solid var(--sk-line) !important;
  border-radius: var(--sk-radius) !important; box-shadow: var(--sk-shadow) !important;
  padding: 24px 26px 26px !important; }
body #content .main_content .info { padding: 0 !important; }
body #content .left_menu_block {
  background: #fff !important; border: 1px solid var(--sk-line) !important;
  border-radius: var(--sk-radius) !important; box-shadow: var(--sk-shadow) !important;
  padding: 10px 12px 12px !important; }
body #content .left_menu_block h3 { font-size: 15px !important; color: var(--sk-ink) !important;
  margin: 4px 0 8px !important; padding: 0 0 8px !important; border-bottom: 1px solid var(--sk-line);
  text-transform: none !important; letter-spacing: 0; }
body #content .left_menu_block .this_razdel { margin: 0 0 6px !important; }
body ul#vertical-multilevel-menu li ul li a, body .left_menu_block a {
  display: block; color: var(--sk-text) !important; font-size: 14px !important;
  padding: 7px 10px !important; border-radius: var(--sk-radius-s); text-decoration: none !important; }
body ul#vertical-multilevel-menu li ul li, body .left_menu_block li { border-bottom: 0 !important; }
body ul#vertical-multilevel-menu li ul li a:hover, body .left_menu_block a:hover {
  background: var(--sk-blue-soft) !important; color: var(--sk-blue) !important; text-decoration: none !important; }
body ul#vertical-multilevel-menu li.root-item-selected-li ul li a.selected_top,
body ul#vertical-multilevel-menu li.root-item-selected-li ul li a.selected,
body .left_menu_block a.selected_top, body .left_menu_block a.selected {
  background: var(--sk-blue-soft) !important; color: var(--sk-blue) !important; font-weight: 600 !important; }
body .selected_top { color: var(--sk-blue) !important; }
body #content .left_menu_block .afterMiddleMenu { padding: 2px 0 0 !important; }
body #content .left_menu_block .afterMiddleMenu p { border-bottom: 0 !important; padding: 0 !important; }
body #content .left_menu_block .afterMiddleMenu p a { padding: 7px 10px !important; border-radius: var(--sk-radius-s); }
body #content .left_menu_block .afterMiddleMenu p a:hover { background: var(--sk-blue-soft) !important; }

/* ---------- 5. Блоки-плашки в контенте ---------- */
body .q, body .bmc-note {
  background: #f7fafd !important; border: 1px solid var(--sk-line) !important;
  border-left: 4px solid var(--sk-accent) !important; border-radius: var(--sk-radius-s) !important;
  padding: 16px 18px !important; margin: 18px 0 !important; box-shadow: none !important; }
body .q p:last-child, body .bmc-note p:last-child { margin-bottom: 0 !important; }
body .q .zakaz_form_a_btn, body .bmc-note .zakaz_form_a_btn { margin-top: 10px !important; }
body .bmc-wip { border-radius: var(--sk-radius-s) !important; }

/* ---------- 6. Таблицы ---------- */
body table.t3 { border: 1px solid var(--sk-line) !important; border-radius: var(--sk-radius-s); overflow: hidden; }
body table.t3 th {
  background: #eff4fa !important; color: var(--sk-blue) !important; font-size: 13.5px !important;
  font-weight: 700 !important; padding: 13px 16px !important; border: 0 !important;
  border-bottom: 1px solid var(--sk-line-2) !important; text-align: left; }
body table.t3 th div { text-align: left !important; }
body table.t3 th[align="center"] div, body table.t3 th .tcenter { text-align: center !important; }
body table.t3 td { padding: 13px 16px !important; border: 0 !important;
  border-bottom: 1px solid #eef2f7 !important; font-size: 14.5px !important; vertical-align: middle !important; }
body table.t3 tr:last-child td { border-bottom: 0 !important; }
body table.t3 tbody tr:nth-child(even) td { background: #fafcfe; }
body table.t3 td a { color: var(--sk-blue) !important; text-decoration: none; border-bottom: 1px solid rgba(11, 74, 134, .25); }
body table.t3 td a:hover { color: var(--sk-blue-dark) !important; border-bottom-color: var(--sk-accent); }
body table.data-table td, body table.data-table th { border: 0 !important; }

/* ---------- 7. Кнопки и ссылки-действия ---------- */
body .main_content .zakaz_form_a_btn, body #content .zakaz_form_a_btn {
  display: inline-block !important; background: var(--sk-blue) !important; background-image: none !important;
  color: #fff !important; font-size: 15px !important; font-weight: 600 !important;
  padding: 12px 24px !important; border-radius: var(--sk-radius-s) !important; width: auto !important;
  height: auto !important; text-decoration: none !important; box-shadow: var(--sk-shadow-s); }
body .main_content .zakaz_form_a_btn:hover, body #content .zakaz_form_a_btn:hover {
  background: var(--sk-blue-dark) !important; color: #fff !important; text-decoration: none !important; }
body .main_content img { border-radius: 6px; }
body .main_content img[width="1"], body .main_content img[src*="GOST-R"] { border-radius: 0; }

/* ---------- 8. Подвал ---------- */
body #footer { background: var(--sk-footer) !important; background-image: none !important;
  color: #c6d5e5 !important; padding: 28px 0 20px !important; min-height: 0 !important; }
body #footer a { color: #eaf2fb !important; }
body #footer a:hover { color: #fff !important; }
body .footer_text_company { font-size: 14px !important; color: #c6d5e5 !important; line-height: 1.7 !important; }
body ul.bottom_menu { margin: 0 34px 0 0 !important; }
body ul.bottom_menu li { display: inline-block; margin-right: 18px; }
body ul.bottom_menu li a { color: #c6d5e5 !important; font-size: 14px !important; text-decoration: none !important; }
body ul.bottom_menu li a:hover { color: #fff !important; text-decoration: underline !important; }
body .footer_counters { position: static !important; margin-top: 14px !important; opacity: .9; }

/* ---------- 9. Формы ---------- */
body input[type="text"], body input[type="email"], body input[type="tel"], body input[type="password"],
body input[type="search"], body input[type="number"], body textarea, body select {
  background: #fff !important; border: 1px solid var(--sk-line-2) !important; border-radius: var(--sk-radius-s) !important;
  padding: 10px 12px !important; font-size: 15px !important; color: var(--sk-ink) !important;
  box-shadow: none !important; outline: 0; max-width: 100%; }
body input:focus, body textarea:focus, body select:focus {
  border-color: var(--sk-accent) !important; box-shadow: 0 0 0 3px rgba(22, 131, 216, .14) !important; }
body input[type="submit"], body button[type="submit"], body input[type="button"] {
  background: var(--sk-blue) !important; color: #fff !important; border: 0 !important;
  border-radius: var(--sk-radius-s) !important; padding: 12px 24px !important;
  font-size: 15px !important; font-weight: 600 !important; cursor: pointer; width: auto !important; }
body input[type="submit"]:hover, body button[type="submit"]:hover { background: var(--sk-blue-dark) !important; }
body label { font-size: 14px !important; color: var(--sk-ink) !important; }

/* ---------- 10. Мелочи ---------- */
body ul, body ol { padding-left: 22px; }
body li { margin: 4px 0; }
body img { max-width: 100%; height: auto; }
body .main-slider__list > li img, body #collaj img { border-radius: 0; }
body table:not(.t3):not(.data-table) td { border-color: var(--sk-line) !important; }

/* ---------- 11. Узкие экраны ---------- */
@media (max-width: 1200px) {
  body #content .main_content { padding: 20px 20px 22px !important; }
}
@media (max-width: 960px) {
  body #head { padding: 12px 14px !important; }
  body #content .main_content { padding: 16px 14px 18px !important; border-radius: 10px !important; }
  body #content .left_menu_block { padding: 8px 10px !important; }
  body h1, body #content .main_content .h1 h1, body .h1 h1 { font-size: 22px !important; }
  body h2 { font-size: 18px !important; }
  body table.t3 th, body table.t3 td { padding: 10px 12px !important; }
  body ul.bottom_menu li { display: block; margin: 0 0 8px; }
  body #footer { padding: 22px 0 16px !important; }
}

/* ---------- 12. Доработки по итогам первого прогона ---------- */
/* 12.1 Контент не должен «падать» под левое меню: отступы внутрь фиксированной ширины */
body #content .main_content, body #content .left_menu_block { box-sizing: border-box !important; }
/* 12.2 Левое меню — компактнее */
body ul#vertical-multilevel-menu li ul li a, body .left_menu_block a {
  padding: 5px 10px !important; font-size: 13.5px !important; }
body ul#vertical-multilevel-menu li ul li, body .left_menu_block li { border-bottom: 1px solid #f2f6fa !important; }
/* 12.3 Главное меню — ровная полоса на всю ширину */
body #middel_menu2 { display: block !important; position: relative !important; clear: both !important;
  background: #fff !important; border-top: 1px solid var(--sk-line) !important;
  border-bottom: 1px solid var(--sk-line) !important; }
body ul#horizontal-multilevel-menu2 { display: flex !important; flex-wrap: wrap; width: 100% !important;
  float: none !important; margin: 0 !important; padding: 0 !important; list-style: none !important; min-height: 0 !important; }
body ul#horizontal-multilevel-menu2 > li.dl1 { float: none !important; width: auto !important;
  display: block !important; background: none !important; position: relative; }
body ul#horizontal-multilevel-menu2 > li.dl1 > a { height: 50px !important; line-height: 50px !important;
  padding: 0 22px !important; border-radius: 0 !important;
  box-shadow: inset 0 -3px 0 transparent !important; background: none !important; }
body ul#horizontal-multilevel-menu2 > li.dl1.active > a,
body ul#horizontal-multilevel-menu2 > li.dl1:hover > a {
  box-shadow: inset 0 -3px 0 var(--sk-accent) !important; background: var(--sk-blue-soft) !important;
  color: var(--sk-blue) !important; }
/* 12.4 Панель услуг — на всю ширину, без фиксированной высоты */
body #middel_menu2 li ul.list-par { left: 0 !important; right: 0 !important; top: 100% !important;
  width: 100% !important; height: auto !important; min-height: 0 !important; padding: 10px 0 22px !important;
  border-radius: 0 0 var(--sk-radius) var(--sk-radius) !important; border-top: 1px solid var(--sk-line) !important; }
/* 12.5 «Популярные услуги» — карточки */
body div.popular-services > .caption { font-size: 20px !important; font-weight: 600 !important;
  color: var(--sk-ink) !important; padding: 0 0 0 14px !important; border-left: 4px solid var(--sk-accent);
  margin: 26px 0 14px !important; }
body table.popular-services { background: #fff !important; border: 1px solid var(--sk-line) !important;
  border-radius: var(--sk-radius) !important; box-shadow: var(--sk-shadow) !important;
  overflow: hidden; margin: 0 !important; }
body table.popular-services tr.top td { background: #eff4fa !important; color: var(--sk-blue) !important;
  font-size: 16px !important; font-weight: 600 !important; padding: 14px 16px !important; border: 0 !important;
  border-bottom: 1px solid var(--sk-line) !important; text-align: left !important; }
body table.popular-services td { border: 0 !important; }
body table.popular-services td p { font-size: 14px !important; margin-bottom: 8px !important; }
body table.popular-services td p b, body table.popular-services td b { font-size: 14.5px !important; }
body table.popular-services hr { display: none !important; }
body table.popular-services .zakaz_form_a_btn { font-size: 14.5px !important; padding: 12px 20px !important; margin-top: 4px; }
/* 12.6 Вторичная кнопка */
body .bmc-btn-ghost { display: inline-block !important; background: #fff !important; color: var(--sk-blue) !important;
  border: 1px solid var(--sk-line-2) !important; border-radius: var(--sk-radius-s) !important;
  padding: 11px 18px !important; font-size: 14.5px !important; font-weight: 600 !important;
  text-decoration: none !important; margin-top: 8px; }
body .bmc-btn-ghost:hover { border-color: var(--sk-blue) !important; color: var(--sk-blue-dark) !important;
  text-decoration: none !important; }
/* 12.7 Полоса времени в шапке — без светлой подложки */
body .time_head_top { color: #dbe7f4 !important; font-size: 13px !important; background: none !important;
  background-image: none !important; }

/* 12.8 Узкие экраны: длинное левое меню (60 пунктов) оттесняло контент вниз —
   на телефоне показываем его компактным прокручиваемым блоком, чтобы контент был рядом. */
@media (max-width: 960px) {
  body #content .aside {
    max-height: 300px; overflow-y: auto; overflow-x: hidden; margin: 0 0 14px !important;
    background: #fff !important; border: 1px solid var(--sk-line) !important;
    border-radius: 10px !important; padding: 10px 12px !important; box-shadow: var(--sk-shadow-s) !important;
  }
  body #content .aside .left_menu_block { border: 0 !important; box-shadow: none !important;
    border-radius: 0 !important; padding: 0 !important; }
  body ul#vertical-multilevel-menu li ul li a, body .left_menu_block a { font-size: 13px !important;
    padding: 5px 8px !important; }
}

/* 12.9 Выпадающая панель «Услуги» — снова на всю ширину сайта.
   Панель absolute: раньше я привязал её к пункту меню (li position:relative), из-за чего
   она сжималась до ширины слова «Услуги». Привязываем к самой полосе меню. */
body ul#horizontal-multilevel-menu2 > li.dl1 { position: static !important; }
body #middel_menu2 { position: relative !important; }
body #middel_menu2 li ul.list-par {
  position: absolute !important; left: 0 !important; right: 0 !important; width: auto !important;
  top: 100% !important; height: auto !important; min-height: 0 !important;
}
/* 12.10 «Заказать обратный звонок» — без пунктирного подчёркивания:
   пунктир шёл сразу под телефоном и читался как зачёркнутый номер. */
body .call_back_zakaz a { border-bottom: 0 !important; color: var(--sk-blue) !important; }
body .call_back_zakaz a:hover { border-bottom: 0 !important; text-decoration: underline !important; }

/* 12.11 Шапка: белый блок был ниже своего содержимого, и его нижняя граница
   проходила прямо по цифрам телефона (читалось как зачёркнутый номер).
   Clearfix — блок обнимает и правую колонку с телефоном, граница уходит под неё. */
body #head { overflow: visible !important; }
body #head::after { content: ""; display: block; clear: both; }
/* 12.12 Слайд-4 главной: его ссылка несёт класс .zakaz_form_a_btn, и кнопочные
   отступы/фон из скина делали слайд выше остальных — сайт «съезжал» вниз.
   Внутри слайдера кнопочный вид отменяем: слайд = чистая картинка 967x258. */
body .main-slider__item a.zakaz_form_a_btn,
body .main-slider__list a.zakaz_form_a_btn,
body .main-slider a.zakaz_form_a_btn {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  font: inherit !important;
  font-weight: inherit !important;
  line-height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  text-align: left !important;
}
body .main-slider__list > li img { display: block !important; width: 100% !important; height: auto !important; }

/* 12.13 Hover с фоном в выпадающем меню «Услуги» и в его подпунктах. */
body #middel_menu2 li ul.list-par li ul li a,
body #horizontal-multilevel-menu2 li ul.list-par li ul li a {
  display: block !important; margin: 0 -6px !important; padding: 4px 6px !important;
  border-radius: 6px !important; }
body #middel_menu2 li ul.list-par li ul li a:hover,
body #horizontal-multilevel-menu2 li ul.list-par li ul li a:hover {
  background: #eaf4fd !important; color: var(--sk-blue) !important; }
body #middel_menu2 li ul.list-par li > a,
body #horizontal-multilevel-menu2 li ul.list-par li > a {
  display: block !important; margin: 0 -6px !important; padding: 3px 6px 5px !important; border-radius: 6px !important; }
body #middel_menu2 li ul.list-par li > a:hover,
body #horizontal-multilevel-menu2 li ul.list-par li > a:hover {
  background: #eaf4fd !important; color: var(--sk-accent) !important; }
/* <<< BMC SKIN 2026 <<< */