/*
Template Name: Acme Business Template with Bootstrap 3
Template Version: 1.0
Author: cosmic
Website:
*/
/* ===== Общее ===== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; /* ширина/высота учитывают padding и border */
}

/* ===== ЕДИНЫЙ BODY (объединено) ===== */
body {
  /* цвет и типографика */
  color: rgba(var(--textColor), 1);
  font-family: "Roboto", system-ui, sans-serif;
  font-weight: 400;
  font-size: 18px;       /* выбрали итоговый базовый размер; медиазапросы ниже его скорректируют */
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -webkit-hyphens: auto;
  hyphens: auto;

  /* размеры и прокрутка */
  max-width: 2340px;
  margin: 0 auto;        /* центрирование холста при max-width */
  overflow-y: scroll;

  /* многослойный фон (углы/рамки/текстура) */
  background:
    url(./img/bg/bglt.png)   scroll top left no-repeat,
    url(./img/bg/bdrt.png)   scroll top right no-repeat,
    url(./img/bg/bgtop.png)  scroll top repeat-x,
    url(./img/bg/bgl.png)    scroll left repeat-y,
    url(./img/bg/bgr.png)    scroll right repeat-y,
    url(./img/bg/bgdw.png)   scroll bottom repeat-x,
    url(./img/bg/bgldw.png)  scroll bottom left no-repeat,
    url(./img/bg/bgrdw.png)  scroll bottom right no-repeat,
    url(./img/bg/bg.jpg)     scroll center repeat;
  
  /* если нужна CSS Grid для всей страницы — раскомментируйте:
  display: grid;
  grid-template-areas:
    "header header header header"
    "article article article article"
    "footer  footer  footer  footer";
  grid-template-rows: 1fr 5fr 1fr;
  grid-template-columns: 20% 1fr 1fr 20%;
  grid-row-gap: 0;
  grid-column-gap: 0;
  */
}

/* fns — базовый шаблон секций */

:root {
  /* Основной цвет темы (используется для большинства графических элементов) */
  --mainColor: 25, 8, 0;

  /* Цвет обычного текста (если хотите отличить его от основного) */
  --textColor: 25, 8, 0;

  /* Акцентный цвет (активные элементы, ховеры и т. п.) */
  --accentColor: 221, 34, 0;

  /* Базовый цвет фона (обычно «белый») */
  --mainBackgroundColor: 246, 246, 246;

  /* Второй альтернативный цвет фона (для чередования секций и блоков) */
  --secondBackgroundColor: 228, 210, 192;
}

/* Подключение «системного» шрифта с откатами под разные ОС/браузеры.
   Набор @font-face лишь просит браузер использовать локальные шрифты,
   файлы не загружаются из сети. */

/* system-font.css v2.0.2 | CC0-1.0 License | github.com/jonathantneal/system-font-css */
@font-face {
  font-family: system-ui;         /* семейство под единым именем */
  font-style: normal;
  font-weight: 300;               /* Light */
  src: local(".SFNSText-Light"),  /* macOS */
       local(".HelveticaNeueDeskInterface-Light"),
       local(".LucidaGrandeUI"),
       local("Segoe UI Light"),   /* Windows */
       local("Ubuntu Light"),     /* Ubuntu */
       local("Roboto-Light"),     /* Android/ChromeOS */
       local("DroidSans"),
       local("Tahoma");           /* старый fallback */
}
@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: 300;               /* Light Italic */
  src: local(".SFNSText-LightItalic"),
       local(".HelveticaNeueDeskInterface-Italic"),
       local(".LucidaGrandeUI"),
       local("Segoe UI Light Italic"),
       local("Ubuntu Light Italic"),
       local("Roboto-LightItalic"),
       local("DroidSans"),
       local("Tahoma");
}
@font-face {
  font-family: system-ui;
  font-style: normal;
  font-weight: 400;               /* Regular */
  src: local(".SFNSText-Regular"),
       local(".HelveticaNeueDeskInterface-Regular"),
       local(".LucidaGrandeUI"),
       local("Segoe UI"),
       local("Ubuntu"),
       local("Roboto-Regular"),
       local("DroidSans"),
       local("Tahoma");
}
@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: 400;               /* Regular Italic */
  src: local(".SFNSText-Italic"),
       local(".HelveticaNeueDeskInterface-Italic"),
       local(".LucidaGrandeUI"),
       local("Segoe UI Italic"),
       local("Ubuntu Italic"),
       local("Roboto-Italic"),
       local("DroidSans"),
       local("Tahoma");
}
@font-face {
  font-family: system-ui;
  font-style: normal;
  font-weight: 500;               /* Medium/Semibold */
  src: local(".SFNSText-Medium"),
       local(".HelveticaNeueDeskInterface-MediumP4"),
       local(".LucidaGrandeUI"),
       local("Segoe UI Semibold"),
       local("Ubuntu Medium"),
       local("Roboto-Medium"),
       local("DroidSans-Bold"),
       local("Tahoma Bold");
}
@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: 500;               /* Medium/Semibold Italic */
  src: local(".SFNSText-MediumItalic"),
       local(".HelveticaNeueDeskInterface-MediumItalicP4"),
       local(".LucidaGrandeUI"),
       local("Segoe UI Semibold Italic"),
       local("Ubuntu Medium Italic"),
       local("Roboto-MediumItalic"),
       local("DroidSans-Bold"),
       local("Tahoma Bold");
}
@font-face {
  font-family: system-ui;
  font-style: normal;
  font-weight: 700;               /* Bold */
  src: local(".SFNSText-Bold"),
       local(".HelveticaNeueDeskInterface-Bold"),
       local(".LucidaGrandeUI"),
       local("Segoe UI Bold"),
       local("Ubuntu Bold"),
       local("Roboto-Bold"),
       local("DroidSans-Bold"),
       local("Tahoma Bold");
}
@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: 700;               /* Bold Italic */
  src: local(".SFNSText-BoldItalic"),
       local(".HelveticaNeueDeskInterface-BoldItalic"),
       local(".LucidaGrandeUI"),
       local("Segoe UI Bold Italic"),
       local("Ubuntu Bold Italic"),
       local("Roboto-BoldItalic"),
       local("DroidSans-Bold"),
       local("Tahoma Bold");
}

/* Глобальные настройки прокрутки — плавный скролл для якорных ссылок */
:root {
  scroll-behavior: smooth;
}

/* <strong> — усиление по цвету и весу шрифта */
strong {
  color: rgba(var(--textColor), 0.75); /* слегка приглушённый оттенок текста */
  font-weight: 600;                    /* полужирный */
}

/* ===== HEADER ===== */
header {
  padding: 0;
  /* многослойный верхний бордюр/углы */
  background:
    url(./img/bg/bglt.png)  top left  no-repeat,
    url(./img/bg/bdrt.png)  top right no-repeat,
    url(./img/bg/bgtop.png) top       repeat-x;
}

/* области CSS Grid (сработают, если у контейнера включён display:grid) */
#pageHeader { grid-area: header; }
#pageFooter { grid-area: footer; }
#mainArticle { grid-area: article; }

/* ===== ССЫЛКИ И ВЫДЕЛЕНИЕ ТЕКСТА ===== */
a,
a:hover,
a:focus {
  text-decoration: none;
  outline: none; /* прим.: из соображений доступности лучше не убирать outline */
}

/* цвет выделения текста (Firefox — отдельный псевдоэлемент) */
::selection      { background: #9a937e; color: #fff; }
::-moz-selection { background: #9a937e; color: #fff; }

/* ===== ЗАГОЛОВКИ ===== */
h1, h2, h3, h4, h6 {
  font-family: "PTsans-Narrow", sans-serif;
}

/* ===== БАЗОВЫЕ ТЕКСТОВЫЕ СТИЛИ ===== */
a { color: #444e67; }            /* цвет ссылок */
a:hover { color: #9a937e; }      /* цвет ссылок при наведении */
p { line-height: 22px; }           /* межстрочный интервал абзацев */


.nav li a.navlink {
  color: #de0c0c !important;     /* акцентная ссылка меню */
  background-color: transparent;
  border-bottom: 2px solid #797968 !important;
}

ul.dropdown-menu { border: none; }

/* общее поведение при наведении/фокусе/активности */
.nav li a:hover,
.nav li a:focus {
  color: #797968 !important;
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-position: bottom;
  border-bottom: 2px solid #79796800; /* оставляем «невидимой», как в исходнике */
  transition: all .3s ease;
}

/* последний пункт в шапке — небольшой отступ слева */
.head-section ul.navbar-nav li:last-child {
  margin-left: 10px !important;
}

/* выпадающее меню */
.dropdown-menu { box-shadow: none; }

/* контейнер выпадающих пунктов */
.nav li .dropdown-menu {
  margin-top: -35px;
  padding: 0 !important;
  border-radius: 0 !important;
  z-index: 1000;
  box-shadow: 0.5px 1px 15px 3px #a6a6a699 !important; /* положение, размер, толщина тени */
  background-image: url(./img/bg/bgm.png);
  min-width: min-content !important;
}

/* вложенный уровень меню */
.nav li .menulevel3 {
  margin-top: 0;
  padding: 0;
  border-radius: 0;
  z-index: 1000;
}

/* элементы выпадающего меню */
.nav li .dropdown-menu li a {
  line-height: 30px;
  padding: 3px 12px;
  border-bottom: 1px solid #f3e8e8;
  z-index: 1000;
}

.dropdown-menu li a:hover { color: #495441 !important; }

/* =========================
   Меню раздела / список документов
   ========================= */

.secmenu li { margin-left: 0; }

.doc a { color: #797979; }           /* ссылки обычные */
.doc a:hover,
.docs a:hover {
  color: #000;                       /* при наведении — чёрный */
  background: url(./img/bggr.png) no-repeat; /* декоративный фон */
}
.sdocs span {
  color: #2d2d2d;
  background: url(./img/bggr.png);
}
li.sdocs > a {
  color: #2d2d2d;
  border-bottom: 2px solid #797968 !important; /* подчёркивание активного */
  background: url(./img/bggr.png);
}
/* ===== Верхний уровень меню (отступы блока) ===== */
.menulevel1 {
  margin-top: 50px;
  margin-right: 50px;
}

/* --- Контейнер меню + поиска --- */
.navbar-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}

/* --- Меню --- */
.navbar-menu {
  display: flex;
  align-items: center;
}


/* --- Поиск --- */
.navbar-search-wrapper {
  display: flex;
  align-items: center;
  height: 60px;
  margin-left: 20px;
  margin-top: 45px;
  float: none !important;
  position: absolute;
  right: 0;
}

/* Светлая прозрачная навбар без рамки */
.navbar-default {
  border: none;                         /* убираем границу по периметру */
  background-color: #f8f8f800;          /* 8-значный hex: #RRGGBBAA (полностью прозрачный) */
}

/* Логотип/название слева в navbar */
.navbar-brand {
  color: #bcc0cd;                       /* базовый цвет текста бренда */
  font-size: 30px;                      /* размер шрифта бренда */
  font-weight: 100;                     /* тонкий начертание */
  line-height: 30px;                    /* высота строки для выравнивания по высоте */
  margin-top: 30px;                     /* опускаем ниже верхнего края navbar */
  padding: 0;                           /* убираем внутренние отступы Bootstrap по умолчанию */
}

/* Подсветка части бренда (например, <span> внутри <a class="navbar-brand">) */
.navbar-brand span {
  color: #9a937e;
}

/* Состояние :visited для ссылок меню */
.nav li a:visited {                     /* уже посещённая страница */
  color: #7d7b7d !important;
}

/* Контейнер списка пунктов меню справа */
.head-section .navbar-collapse ul.navbar-nav {
  float: right;                         /* выравнивание блока меню вправо */
  margin-right: 0;                      /* убираем правый отступ */
  z-index: 1000;                        /* поверх фона/слайдера и т.п. */
}

/* Сброс базовой разметки списка для меню и его dropdown’а */

.nav li .dropdown-menu {
  list-style: none;                     /* без маркеров списков */
  margin: 0;                     /* лёгкая «сцепка» между пунктами (опционально) */
}

/* Базовый вид ссылок верхнего уровня и пунктов открытого dropdown’a */
.nav li a,
.nav li.active ul.dropdown-menu li a {
  color: #414042 !important;            /* цвет текста пунктов меню */
  font-size: 18px;                      /* размер шрифта пунктов меню */
  font-weight: 400;                     /* толщина шрифта */
  background: #f4f3f1;                  /* светлый фон под пунктом (если нужен фон-«плашка») */
  border-bottom: 2px solid #79796800;   /* «прозрачное» нижнее подчёркивание (готовим под ховер) */
  background-position: bottom;          /* если будет фон-линия, позиционируем по низу */
  padding: 8px 16px 8px 6px;  /* расстояние между пунктами меню */
}

/* Активная/ручная подсветка конкретной ссылки (класс .navlink на <a>) */
.nav li a.navlink {
  color: #de0c0c !important;            /* акцентный красный */
  background-color: #ffffff00;          /* прозрачный фон */
  border-bottom: 2px solid #797968 !important; /* видимое «подчёркивание» */
  /* плавные переходы состояний */
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* Удаляем рамку у любого выпадающего меню (контейнер .dropdown-menu) */
ul.dropdown-menu {
  border: none;
}

/* Состояния наведения/фокуса/активности для ссылок меню
   — один общий блок покрывает многие случаи Bootstrap’а */
.nav li a:hover,
.nav li a:focus,
.nav li.active a,
.nav li.active a:hover,
.nav li a.dropdown-toggle:hover,
.nav li a.dropdown-toggle:focus,
.nav li.active ul.dropdown-menu li a:hover,
.nav li.active ul.dropdown-menu li.active a {
  color: #797968 !important;            /* тёпло-серый текст при наведении/активности */
  background-color: #d8c09800 !important;/* прозрачный фон (убираем «плашку») */
  /* background-image: url(./../../userfiles/images/line-menu.png); */ /* фон-линия (если понадоб.) */
  background-repeat: no-repeat;
  background-position: bottom;
  /* оставлено «прозрачное» подчёркивание — можно включить реальное по желанию */
  border-bottom: 2px solid #79796800;
  /* плавность */
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* Вид открытого пункта дропдауна (Bootstrap добавляет .open) */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #989898 !important;            /* более светлый серый для текста */
  background-color: #d8c09800;          /* без фона */
  border-bottom: 2px solid #98989800;   /* «прозрачное» подчёркивание */
  /* плавность */
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* Отступ у последнего пункта в горизонтальном меню (уже исправлено: без скобок) */
.head-section ul.navbar-nav li:last-child {
  margin-left: 10px !important;         /* дополнительный отступ слева у последнего li */
}

.head-section .navbar-nav > li > a {
  padding-bottom: 5px;           /* нижний внутренний отступ ссылки в меню */
  padding-top: 5px;              /* верхний внутренний отступ */
  border-radius: 3px;            /* скругление углов (вендорные дубляжи ниже) */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin-left: 2px;              /* небольшой отступ слева между пунктами */
  line-height: 30px;             /* высота строки — влияет на высоту кликабельной области */
  /* анимация плавности при изменениях (цвет/фон и т.п.) */
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* color: #c8c7c4;  цвет текста можно включить при необходимости */
}

/* Ховер по пунктам выпадающего меню: цвет текста */
.dropdown-menu li a:hover {
  color: #495441 !important;     /* тёмно-оливковый при наведении */
}

/* Цвет «каретки» (стрелочки) у открытого дропдауна в светлой navbar */
.head-section .navbar-default .navbar-nav > .open > a .caret,
.navbar-default .nav li.dropdown > a:focus .caret {
  border-top-color: #ffffff;     /* цвет верхней грани треугольника */
  border-bottom-color: #ffffff;  /* цвет нижней грани (для некоторых тем) */
  /* плавность изменения */
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;                   /* запасной цвет, если используется символ */
}

/* Базовая тень у любого dropdown отключена */
.dropdown-menu {
  box-shadow: none;
}

/* Общие настройки выпадающих меню внутри .nav */
.nav li .dropdown-menu {
  margin-top: -35px;                             /* поднимаем меню выше привычного положения */
  padding: 0 !important;                         /* убираем внутренние отступы контейнера */
  border-radius: 0px !important;                 /* квадратные углы */
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  z-index: 1000;                                 /* поверх основного содержимого */
  /* выраженная внешняя тень: смещение, размытие, растяжение, цвет */
  box-shadow: 0.5px 1px 15px 3px #a6a6a699 !important; /* положение/размер/толщина тени */
  background-image: url(./img/bg/bgm.png);       /* фон у выпадающего меню */
  min-width: min-content !important;             /* ширина по содержимому (совр. браузеры) */
}

/* Меню 3 уровня (внутри dropdown) — убираем внешний декор, оставляем поверх */
.nav li .menulevel3 {
  margin-top: 0px;
  padding: 0;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  z-index: 1000;
  margin-top: -38px !important;
}

/* Ссылки пунктов во всех dropdown-меню */
.nav li .dropdown-menu li a {
  line-height: 30px;                       /* высота строки — удобнее кликать */
  padding: 3px 12px;                       /* внутренние отступы ссылки */
  border-bottom: 1px solid #f4ecec;        /* разделительная линия между пунктами */
  z-index: 1000;                           /* поверх фонов */
  width: calc(100% + 25px);                /* расширяем кликабельную область вправо */
  background: #f0eee9 !important;          /* базовый фон пункта */
}

/* Ховер по пункту выпадающего меню: фон */
.nav li .dropdown-menu li a:hover { 
  background: #e0ddc8 !important;          /* цвет пункта меню (плашки) при наведении */
}

/* ====== ВТОРОСТЕПЕННЫЕ ПОДМЕНЮ ====== */
.submenu {
  padding-left: 42px; /* отступ для вложенных подпунктов */
}
/* =========================
   Navbar/списки по умолчанию
   ========================= */
.navbar-nav {
  float: left;
  width: auto !important;
  /*! margin-top: 50px; */ /*  намеренно отключено */
}
li {
  list-style: disc;                  /* базовые маркеры списков */
  margin-left: 20px;                 /* отступ для маркера */
  padding-left: 0 !important;
}
/* =========================
   Стрелки подменю (индикаторы наличия вложенного списка)
   ========================= */
.menulevel1 .sub-arrow {
  display: block;
  content: "";                       /* треугольник-стрелка вверх */
  position: absolute;
  right: 0;
  top: 0%;
  width: 0; 
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 6px;                 /* равносторонний треугольник */
  border-top-color: #ccc;            /* цвет видимой стороны */
  margin: 18px -3px 0 0;    /* положение треугольника в меню 1 уровня*/
  z-index: 0; 
}
.menulevel2 .sub-arrow {
  display: block;
  content: "";                       /* треугольник-стрелка вправо */
  float: right;
  width: 0; height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 5px 0 5px 5px;       /* треугольник вправо */
  border-left-color: #ccc;
  margin: 12px -15px 0 0;  /* положение треугольника в меню следующих уровней*/
}

/* =========================
   Категории/вложенные списки в контенте
   ========================= */
div.cat > .menulevel3 li { list-style: disc !important; }
div.cat > ul.menulevel3.dropdown-menu {
  position: relative;                /* раскрывать как обычный блок, а не абсолютный */
  float: none;
}

/* Внутренний отступ для подменю (левый) */
.submenu { padding-left: 42px; }
/* ===== ПОИСК В ШАПКЕ ===== */
.search {
  margin-top: 3px;
  width: 20px;                   /* в покое — узкое поле */
  border: 1px solid #fff;
  border-radius: 0;
  box-shadow: none;
  background: url("img/search-icon.png") no-repeat 10px 8px;
  padding: 0 5px 0 35px;         /* место под иконку */
  color: #fff;
  margin-left: 10px;
  transition: all .3s ease;
}
.search:focus {
  width: 180px;                  /* раскрываемся при фокусе */
  border: 1px solid #eaeaea;
  box-shadow: none;
  color: #c8c8c8;
  font-weight: 300;
  margin-left: 10px;
  transition: all .3s ease;
}



/* ===== Подменю второго уровня (dropdown-submenu) ===== */
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;           /* раскрывать рядом справа */
  margin-top: 0;
  margin-left: -1px;    /* перекрытие границы */
  border-radius: 1px;
}
.dropdown-submenu > a:after {
  content: "";          /* стрелка-индикатор подменю */
  display: block;
  float: right;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 5px 0 5px 5px; /* маленький треугольник */
  border-left-color: #ccc;     /* цвет стрелки */
  margin-top: 9px;
  margin-right: -10px;
}
.dropdown-submenu:hover > a:after { border-left-color: #fff; }
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;          /* вариант раскрытия влево */
  margin-left: 10px;
  border-radius: 1px;
}

/* ====================== HOMEPAGE / TESTIMONIAL ====================== */

/* небольшой отступ карусели «О нас» */
.about-carousel { margin-top: 8px; }

/* «клювик» у блока отзыва в boxed-стиле */
.about-testimonial.boxed-style .about-testimonial-content:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 125px;
  width: 15px;
  height: 14px;
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
  transform: rotate(45deg);
  /* старые хаки для IE — можно удалить, если не нужны */
  display: none\0/;
  _display: none;
}

/* ====================== HOVER-ЭФФЕКТЫ КАРТИНОК ====================== */

/* круглые белые бейджи у ссылок внутри «reverse-effect» */
[data-zlname="reverse-effect"] [data-zl-popup="link"],
[data-zlname="reverse-effect"] [data-zl-popup="link2"] {
  background: rgba(255, 255, 255, 1);
  border-radius: 50%;
}
[data-zlname="reverse-effect"] [data-zl-popup="link"]:hover,
[data-zlname="reverse-effect"] [data-zl-popup="link2"]:hover {
  opacity: 0.5;
}

/* ====================== PRICING / TEAM «КЛЮВИК» ====================== */

/* треугольный указатель у блоков прайса/команды */
.pricing-quotation:before,
.team-info:before {
  content: "";
  position: absolute;
  top: -7px;
  left: 48%;
  width: 15px;
  height: 14px;
  background-color: #eee;
  border-right: 1px solid #eee;
  transform: rotate(45deg);
}

/* ====================== ABOUT ====================== */

.about ul { line-height: 25px; }        /* межстрочный интервал списков в «О нас» */
.about h3 {
  color: #475168;                       /* цвет подзаголовков */
  margin-top: 4px;
}

/* ====================== TEAM / СОЦСЕТИ ====================== */

.team-social-link {
  display: block;
  text-align: center;
  margin: 10px 0 5px;
}
.team-social-link a {
  display: inline-block !important;
  font-size: 20px;
  color: #cac8c7;
  border: 1px solid #eee;
  padding: 0 8px;
  transition: all .3s ease;
}
.team-social-link a:hover { color: #48cfad; }

/* ====================== ТИПОГРАФИКА ====================== */

/* декоративная «буквица» в начале абзаца */
.dropcap2 {
  float: left;
  background-color: #d8c098;
  color: #fff;
  border-radius: 15%;
  font-size: 35px;
  line-height: 25px;
  height: 41px;
  padding: 10px;
  margin: 3px 8px 0 0;
  text-align: center;
}

/* ====================== ПОДВАЛ (FOOTER) ====================== */

/* общий «большой» подвал (класс .footer — контейнер секции) */
.footer {
  /* фон закомментирован в исходнике; оставляем только текстовые стили */
  color: #565656;               /* цвет текста в подвале */
  font-weight: 300;
  padding: 50px 0;
  display: inline-block;
  width: 100%;
}

/* стили для тега <footer> (самого элемента, напр., нижняя полоска) */
footer {
  padding: 1.2em 1.2em 0;       /* общий паддинг + нулевой низ */
  /* фон: текстура + светлый цвет подложки */
  background:
    url(./../../img/bg/bg.jpg) center repeat,
    rgba(239, 240, 234, 1);
}

/* заголовки в подвале */
.footer h1 {
  margin: 0 0 20px;
  font: 400 20px/1.2 inherit;
  color: #aa997d;               /* цвет заголовков в подвале */
}

/* ссылки-адреса в подвале */
.footer address a { color: #444e67; }         /* обычное состояние */
.footer address a:hover { color: #9a937e; }   /* при наведении */

/* «клювик» у твит-бокса (если используется) */
.tweet-box:before {
  content: "";
  position: absolute;
  top: 32px;
  left: 60px;
  width: 22px;
  height: 22px;
  border-right: 1px none #505b71; /* оставлено из исходника */
  transform: rotate(45deg);
}

/* копирайтная строка в самом низу */
.copyright {
  text-align: center;
  color: #beaf97;
  padding-top: 15px;
}
.copyright a {
  color: #beaf97;
  padding-top: 15px;
}
.copyright a:hover { color: #9c907c; }


/* ===== Список ссылок в подвале ===== */
ul.page-footer-list li {
  line-height: 35px;                 /* высота строки пункта */
  margin-left: 0;                    /* убираем отступ слева */
  list-style: none;                  /* без маркеров */
  border-bottom: 1px dashed #636f79; /* пунктирная линия-разделитель */
}
ul.page-footer-list a { color: #575757; }   /* цвет ссылок в списке */
ul.page-footer-list li i { padding-right: 10px; } /* отступ справа для иконки */

/* ===== Малый подвал ===== */
.footer-small {
  /* фон закомментирован в исходнике */
  color: #cecbcb;   /* цвет текста */
  margin-top: -6px; /* лёгкое подтягивание вверх */
  padding-top: 5px; /* внутренний отступ сверху */
}
.address p {
  text-align: left;    /* выравнивание адреса по левому краю */
  margin-bottom: 10px; /* отступ между абзацами адреса */
}

/* ===== Блок «Recent / Последние работы» ===== */
.recent { margin-bottom: 50px; }      /* отступ снизу секции */
.recent h3 {
  text-align: center;                  /* заголовок по центру */
  text-transform: uppercase;           /* ВЕРХНИЙ РЕГИСТР */
  margin: 50px 0 20px;                 /* отступы сверху/снизу */
  font-weight: 400;                    /* толщина шрифта */
  padding-bottom: 5px;                 /* отступ под заголовком */
}
.recent p {
  text-align: center;                  /* текст по центру */
  text-transform: uppercase;           /* верхний регистр */
  margin-bottom: 35px;                 /* отступ снизу */
}

/* ===== Кнопка «Purchase / Купить» ===== */
a.btn-purchase {
  background: #d8c098;                 /* основной фон кнопки */
  color: #fff;                         /* цвет текста */
  text-transform: uppercase;           /* верхний регистр */
  border-radius: 4px;                  /* скругления */
  margin-top: 30px;                    /* отступ сверху */
  transition: all .3s ease;            /* плавные состояния */
  padding: 6px 12px !important;        /* внутренние отступы */
}
a.btn-purchase:hover,
a.btn-purchase:focus {
  background: #bfb404;                 /* фон при наведении/фокусе */
  color: #fff;                         /* цвет текста при наведении */
  border: 1px solid #bfb404;           /* рамка при наведении */
  transition: all .3s ease;            /* плавный переход */
  padding: 6px 12px !important;        /* фиксируем размер при hover */
}

/* ===== Изображения в карточках/галерее ===== */
/* Было два дублирующихся блока .item img — объединяем. */
.item img {
  width: 100%;      /* картинка растягивается по ширине контейнера */
  height: 100%;     /* и по высоте (осторожнее: может искажать пропорции) */
  /* Если нужно сохранять пропорции — лучше:
     height: auto; и/или object-fit: cover; в зависимости от макета. */
}

/* ===== Панели (Bootstrap-подобные) ===== */
.panel-info > .panel-heading {
  color: #eee;           /* цвет текста в шапке панели */
  background-color: #48cfad; /* фон шапки панели */
}
.panel-info > .panel-heading a:hover { color: #eee; } /* ссылки в хедере при hover */

/* ===== Поля форм ===== */
.form-control {
  border: 1px solid #d9d9d9; /* рамка поля */
  border-radius: 2px;        /* лёгкое скругление */
}
.form-control:focus {
  border: 1px solid #d9d9d9; /* фиксируем рамку при фокусе */
  /* примечание: `border: none;` перед этим был лишним — убрал */
}

/* ===== Поле поиска (исправлена опечатка в селекторе) ===== */
/* В исходнике было: `#searchA‚ id="search"` — это некорректно.
   Предположим, что нужно стилизовать #search и #searchA одновременно. */
#search,
#searchA {
  background-color: #fff; /* белый фон инпута поиска */
}

/* ===== Эскизы/превью (thumbnail) ===== */
.thumbnail {
  position: relative;     /* для внутренних абсолютных элементов */
  padding: 0;
  margin-bottom: 30px;    /* отступ снизу */
  border-radius: 1px;     /* лёгкое скругление */
}
.thumbnail img { width: 100%; } /* картинка на всю ширину превью */

/* ===== Профиль ===== */
.profile { margin-top: 20px; } /* отступ сверху блока профиля */
.profile h2 {
  text-align: center;          /* заголовок по центру */
  padding: 5px 0;              /* вертикальные внутренние отступы */
  margin-bottom: 40px;         /* отступ снизу от заголовка */
}

/* ===== Анимации прогресса (ключевые кадры) ===== */
/* Вендорные варианты + стандартный. Обратите внимание:
   значения конечной ширины отличаются — сохранены как в исходнике. */
@-webkit-keyframes progress { to { width: 70%; } }
@-moz-keyframes    progress { to { width: 36%; } }
@-ms-keyframes     progress { to { width: 36%; } }
@keyframes         progress { to { width: 36%; } }
/* ===== Карусель: кавычки у цитаты в .item ===== */
.item blockquote p:before {
  content: "\f10d";              /* иконка-кавычки (Font Awesome) */
  font-family: "Fontawesome";
  float: left;
  margin-right: 10px;
}


/* ===== Контейнер вёрстки (своя ширина вместо 100%) ===== */
.container { width: 80%; }

/* ===== Кнопка-бургер (toggle) в navbar ===== */
.navbar-toggle { border-color: #ddd; }
.navbar-toggle .icon-bar { background-color: #888; }

/* ===== Утилитарный отступ ===== */
.pr-10 { padding-right: 10px; }
/* ===== Утилитарные классы отступов/скруглений ===== */
.mar-b-50 { margin-bottom: 50px; }

/* ===== Кнопки (базовая стилизация + варианты) ===== */
/* БАЗОВЫЕ СВОЙСТВА КНОПКИ */
.btn {
  font-weight: 500;
  border-radius: 3px;                  /* единый радиус (конфликт 3px/4px — оставляем 3px) */
  border: 1px solid transparent;
}

/* ВАРИАНТ: .btn-default (светлая) */
.btn.btn-default {
  background-color: #fafafa;
  color: #666;
  border-color: #ddd;
  transition: all .3s ease;
}
.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default.hover {
  background-color: #f4f4f4 !important;
  transition: all .3s ease;
}
.btn.btn-default.btn-flat { border-bottom-color: #d9dadc; }

/* ВАРИАНТ: .btn-primary (голубая) */
.btn.btn-primary {
  background-color: #3bafda;
  border: none;
  transition: all .3s ease;
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary.hover {
  background-color: #4fc1e9;
  border: none;
  transition: all .3s ease;
}

/* ВАРИАНТ: .btn-success (зелёная) */
.btn.btn-success {
  background-color: #8cc152;
  border: none;
  transition: all .3s ease;
}
.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success.hover {
  background-color: #a0d468;
  border: none;
  transition: all .3s ease;
}

/* ВАРИАНТ: .btn-info (нейтральная, серая/оливковая палитра проекта) */
.btn.btn-info {
  background-color: #99927d;
  border: none;
  transition: all .3s ease;
}
.btn.btn-info:hover,
.btn.btn-info:active,
.btn.btn-info.hover {
  background-color: #656053;
  border: none;
  transition: all .3s ease;
}

/* ВАРИАНТ: .btn-danger (красная) */
.btn.btn-danger {
  background-color: #E74c3c;
  border: none;
  transition: all .3s ease;
}
.btn.btn-danger:hover,
.btn.btn-danger:active,
.btn.btn-danger.hover {
  background-color: #f4543c;
  border: none;
  transition: all .3s ease;
}

/* ВАРИАНТ: .btn-warning (оранжевая) */
.btn.btn-warning {
  background-color: #f6bb42;
  border: none;
  transition: all .3s ease;
}
.btn.btn-warning:hover,
.btn.btn-warning:active,
.btn.btn-warning.hover {
  background-color: #ffce54;
  border: none;
  transition: all .3s ease;
}

/* Кнопки внутри .btn-group / .btn-group-vertical — окраска рамок */
.btn-group .btn.btn-success        { border: 1px solid #7ab03f; }
.btn-group .btn.btn-info           { border: 1px solid #2fa084; }
.btn-group .btn.btn-danger         { border: 1px solid #d13a24; }
.btn-group .btn.btn-warning        { border: 1px solid #efa50b; }
.btn-group-vertical .btn.btn-success { border: 1px solid #7ab03f; }
.btn-group-vertical .btn.btn-info    { border: 1px solid #2fa084; }
.btn-group-vertical .btn.btn-danger  { border: 1px solid #d13a24; }
.btn-group-vertical .btn.btn-warning { border: 1px solid #efa50b; }

/* Открытое состояние дропдауна с цветными кнопками */
.open .dropdown-toggle.btn-warning { background-color: #f6bb42; border-color: #efa50b; }
.open .dropdown-toggle.btn-info    { background-color: #48cfad; border-color: #2fa084; }

/* Плоская кнопка без скруглений/тени */
.btn.btn-flat {
  border-radius: 0;
  box-shadow: none;
  border-width: 1px;
}

/* Состояния нажатия/фокуса */
.btn:active {
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
.btn:focus { outline: none; }

/* Кнопка-загрузка файла */
.btn.btn-file {
  position: relative;
  width: 120px;
  height: 35px;
  overflow: hidden;
}
.btn.btn-file > input[type='file'] {
  display: block !important;
  width: 100% !important;
  height: 35px !important;
  opacity: 0 !important;     /* «невидимый» поверх кнопки инпут */
  position: absolute;
  top: -10px;
  cursor: pointer;
}

/* Кнопка-приложение (плитка с иконкой и бейджем) */
.btn.btn-app {
  position: relative;
  padding: 15px 5px;
  margin: 0 0 10px 10px;
  min-width: 80px;
  height: 60px;
  box-shadow: none;
  border-radius: 0;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #fafafa;
  font-size: 12px;
}
.btn.btn-app > .fa,
.btn.btn-app > .glyphicon,
.btn.btn-app > .ion {
  font-size: 20px;
  display: block;       /* иконка стоит над подписью */
}
.btn.btn-app:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa;
}
.btn.btn-app:active,
.btn.btn-app:focus {
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
.btn.btn-app > .badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400;
}

/* Социальные кнопки «старого» вида */
.btn.btn-social-old {
  box-shadow: none;
  opacity: .9;
  padding: 0;
}
.btn.btn-social-old > .fa {          /* колонка с иконкой слева */
  padding: 10px 0;
  width: 40px;
}
.btn.btn-social-old > .fa + span { border-left: 1px solid rgba(255,255,255,.3); }
.btn.btn-social-old span { padding: 10px; }
.btn.btn-social-old:hover { opacity: 1; }

/* Круглая кнопка (иконка-кружок) */
.btn.btn-circle {
  width: 30px;
  height: 30px;
  line-height: 30px;   /* вертикальное выравнивание иконки */
  padding: 0;
  border-radius: 50%;
}
/* =========================
   Кнопка «наверх» (Back-to-top)
   ========================= */
#back-to-top {
  display: none;                     /* изначально скрыта */
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: #d8c098;               /* фон кнопки */
  border-radius: 2px;                /* лёгкое скругление */
  background-image: url(./img/triangle.png); /* иконка-стрелка */
  background-repeat: no-repeat;
  background-position: 12px 16px;    /* позиция иконки внутри */
  line-height: 1;
  opacity: 1;
  transition: all .3s ease;          /* плавные анимации наведения */
  z-index: 1;
}
#back-to-top:hover {
  background-color: #cfbd9b;         /* фон при наведении */
  opacity: .8;                       /* лёгкое «приглушение» */
}

/* =========================
   Вспомогательные блоки
   ========================= */
.lg {
  position: absolute;
  right: 15px;
  display: flex;                     /* контейнер с флексом (логотипы, иконки и т.п.) */
}

.navbar-header img {
  width: 100%;                       /* логотип растягивается по ширине контейнера */
}


/* =========================
   Подписи к изображениям
   ========================= */
.caption { text-align: center; }     /* подпись выравнена по центру */
.caption p {
  text-align: left;
  padding-left: 10px;                /* абзацы внутри — с отступом слева */
}
.caption a {
  color: #444 !important;            /* цвет ссылок в подписи */
}
.caption a:hover { color: #8b8b8b !important; }



/* =========================
   Галерея папок/плагин: принудительно показывать фигуры
   ========================= */
.foldergallery_figures { visibility: visible !important; }

/* =========================
   Фоновый слайд-шоу (за контентом)
   ========================= */
.lck_slideshow {
  position: fixed;                   /* занимает весь вьюпорт под контентом */
  inset: 0;                          /* top/right/bottom/left: 0 */
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: -10;                      /* уводим под основной слой */
}
.lck_slideshow:has(.foldergallery) {
  position: relative;
}
/* =========================
   Фоновое слайд-шоу (картинка)
   ========================= */
.lck_slideshow img {
  height: 100% !important;   /* растягиваем по высоте слайдшоу */
  object-fit: cover;         /* обрезка по контейнеру без искажений */
  object-position: center;   /* центр кадра */
}

/* =========================
   Блоки-вставки с фонами и отступами
   ========================= */

/* Общий верхний/нижний отступ большого блока */
.block1 {
  width: 100%;
  margin-bottom: 700px;      /* большой отступ снизу */
  padding: 0;
}

/* Блок с «рамкой» по бокам и фоновой текстурой */
.block-bg,
.block-end {
  width: 100%;
  background:
    url(./img/bg/bgl.png)   left   repeat-y,
    url(./img/bg/bgr.png)   right  repeat-y,
    url(./../../img/bg/bg.jpg) center repeat,
    rgba(239,240,234,1);     /* базовый цвет под текстурой */
}

/* Вариации внутренних отступов для блоков */
.block-bg  { margin-bottom: 700px; padding: 1px;  }  /* тонкая «подложка» */
.block-end { margin-bottom:   0px; padding: 50px; }  /* финальный блок с полями */

/* Узор-разделитель между блоками */
.block-pattern {
  width: 100%;
  margin: -20px 0 0 0;       /* немного «заезжает» на предыдущий блок */
  padding: 0;
}

/* =========================
   Карусель/обёртка с заголовком и меню
   ========================= */
.about-carousel {
  display: flex;
  flex-direction: column;    /* заголовок сверху, меню ниже */
  align-items: flex-start;   /* выравнивание контента по левому краю */
}

/* =========================
   Списки внутри .row и .container
   (снимаем лишние левые отступы Bootstrap)
   ========================= */
.row ul,
.container ul { margin-left: 0; }

.row ul li,
.container ul li, 
.sdocs,
.docs,
.doc { padding-left: 0px !important; margin: 0 5px;list-style: none;}
.row ul li ul li,
.container ul li ul li, 
.sdocs,
.docs,
.doc {margin: 0;}

/* =========================
   Поисковый блок в шапке
   ========================= */
.navbar-search-wrapper {
  float: right;                  /* прижать к правому краю */
  padding: 10px 15px 10px 0;     /* внутренние отступы */
  margin-right: 0;
}

/* =========================
   Картинки в основной статье
   ========================= */
/* #mainArticle img { width: 100%; }   — было закомментировано; оставляем как потенциальную опцию */

#mainArticle img#vcard {
  width: 70px;                   /* размер мини-иконки визитки */
}

#mainArticle .tochka {
  width: 8px;                    /* маленький маркер/точка */
  height: 8px;
}

/* === Ограничение размера изображений в модальном окне Colorbox === */

/* Масштабирование изображения */

/* Адаптивные кнопки управления */

/* Убираем float от скрипта */

/* Ограничение ширины вертикального меню */

/* --- Логотип --- */
#logo {
  height: auto;
}

/* --- Основная панель --- */

/* Псевдоэлемент после каждого <section> для «очистки» float-ов */
section:after {
  clear: both;               /* сброс обтекания */
  /* лучше добавить: content:""; display:block; */
}

/* Шапка сайта (фиксированная) */
#header {
  background: rgba(var(--mainBackgroundColor), 1); /* фон из CSS-переменной */
  position: fixed;          /* фиксируем к верху окна */
  height: 100px;            /* высота шапки */
  z-index: 1;               /* поверх основного контента */
  top: 0;                   /* прилипает к верху */
  border-bottom: 1px solid rgba(var(--textColor), 0.1); /* нижняя разделительная линия */
  left: 0;
  right: 0;                 /* растягиваем по всей ширине окна */
}

/* Внутренний контейнер шапки: выравнивание контента по центру */
#header .headerInner {
  display: flex;            /* флекс-контейнер */
  justify-content: center;  /* по горизонтали — центр */
  align-items: center;      /* по вертикали — центр (по высоте шапки) */
  height: 100%;             /* на всю высоту шапки */
  padding: 0 1em;           /* горизонтальные отступы */
}

/* Ссылки в шапке */
#header a {
  text-decoration: none;    /* без подчёркивания */
  margin: 0 15px 0 0;       /* отступ справа между ссылками/логотипом */
  border: 0;                /* убираем нижнюю «декоративную» границу, если была глобально */
}

/* Заголовок (обычно название сайта) в шапке */
#header h1 {
  display: inline-block;    /* чтобы учитывать паддинги/границы по содержимому */
  margin: 0;                /* без внешних отступов */
  font-size: 2em;           /* размер шрифта */
  font-weight: 500;         /* полужирный */
  color: rgba(var(--textColor), 0.75); /* приглушённый цвет текста */
  padding: 0;               /* без внутренних отступов */
  border: 0;                /* без границ */
  text-align: left;         /* выравнивание текста по левому краю */
}

/* Логотип/картинка в шапке */
#header img {
  width: auto;              /* авто-ширина по пропорциям */
  height: 70px;             /* фиксируем высоту изображения */
  max-height: 70px;         /* ограничение по высоте на всякий случай */
}

/* Слоган рядом с логотипом/названием */
#header .slogan {
  margin: 0;                /* убираем внешние отступы */
  font-family: system-ui, sans-serif; /* системный шрифт */
  font-weight: 400;         /* нормальная насыщенность */
}

/* Блок меню выбора языка */
.langMenu {
  text-align: right;        /* выравнивание по правому краю */
  margin: 0.5em 0;          /* вертикальные отступы */
}
.langMenu img {
  padding: 0;               /* убираем внутренние отступы у иконок флагов */
}
.langMenu a {
  display: inline-block;    /* чтобы паддинги работали ожидаемо */
  padding: 0 0 0.1em 0.1em; /* небольшой внутренний отступ */
  border: 0;                /* без границ */
}

/* Обёртка страницы (пока пусто — на будущее) */
.wrapper {}

/* Основной контент: отступ сверху = высоте фиксированной шапки */
.mainContent {
  margin: 100px 0 0 0;      /* чтобы контент не «залезал» под фикс-хедер */
}
.mainContent article {
  overflow: visible;        /* показываем всё содержимое */
  min-height: 100vh;        /* минимум — высота экрана */
}

/* Обычный секционный блок и контейнер под подменю */
section.normalSection,
div.submenDiv {
  max-width: 1200px;        /* ограничиваем ширину контейнера */
  margin: 0 auto;           /* центрируем по горизонтали */
  padding: 2em;             /* внутренние отступы */
}

/* Базовые секции по умолчанию — увеличенный внутренний отступ */
section {
  padding: 5em;             /* «воздух» вокруг контента */
}

/* Повторный clearfix для секций (см. комментарий выше) */
section:after {
  clear: both;
  /* стоит добавить content:""; display:block; для устойчивости */
}

/* У последнего абзаца в секции — убираем нижний отступ */
section p:last-child {
  margin-bottom: 0;
}

/* Контейнер «сниппета»: горизонтальная раскладка + центрирование */
section div.snippetContent {
  display: flex;            /* флекс-раскладка (картинка/текст) */
  max-width: 1200px;        /* ограничение ширины контента */
  margin: 0 auto;           /* центрирование */
}

/* «Обычная» картинка на всю ширину контента (как отдельный абзац) */
p.imgNormal {
  width: 100% !important;   /* во всю ширину контейнера */
  margin: 2em 0 !important; /* вертикальные отступы сверху и снизу */
}

/* Подпись сразу за «обычной» картинкой — подтягиваем ближе */
p.imgNormal + p.imgCaption {
  margin: -2em 0 2em 0 !important; /* «поднимаем» подпись ближе к изображению */
}

/* Подпись к изображению */
p.imgCaption {
  color: rgba(var(--textColor), 0.75); /* приглушённый цвет подписи */
  font-size: 0.75em;       /* мелкий кегль */
  line-height: 1.25;       /* межстрочный интервал */
  margin: 0.5em auto !important; /* небольшой отступ и центрирование */
  padding: 0.25em;         /* внутр. отступы вокруг текста подписи */
  text-align: center;      /* выравнивание по центру */
}
p.imgCaption a {
  color: rgba(var(--textColor), 0.75); /* ссылки в подписи — в тон подписи */
}
p.imgCaption a:hover,
p.imgCaption a:focus {
  color: rgba(var(--textColor), 1) !important; /* при наведении — ярче */
}

/* Сноска/примечание в тексте */
p.footNote {
  color: rgba(var(--textColor), 0.75);                 /* приглушённый текст */
  font-size: 0.75em;                                   /* меньший размер */
  display: inline-block;                               /* ведём себя как строчно-блочный элемент */
  border-top: 1px dotted rgba(var(--textColor), 0.5);  /* пунктирная линия сверху */
  line-height: 1.25;
  padding-top: 0.25em;                                 /* отступ от линии до текста */
}


/*** SNIPPETS ***/
/*01 — блок с картинкой слева и текстом справа, фон делится пополам градиентом */
section.snippet01 {
  background: #e4d2c0; /* запасной цвет фона на случай отсутствия переменных */
  background: linear-gradient(
    90deg,
    rgba(var(--secondBackgroundColor), 1) 33%, /* левая зона до 33% */
    rgba(var(--mainBackgroundColor), 1) 33%    /* правая зона с резким переходом */
  );
}
section.snippet01 .snippetImgLeft {
  width: 38.2%; /* ширина колонки с изображением (золотое сечение ≈ 38/62) */
}
section.snippet01 .snippetImg img {
  box-shadow: 0 0 15px 5px rgba(var(--mainColor), 0.05); /* мягкая тень вокруг картинки */
  width: 100%;       /* картинка тянется по ширине контейнера */
  border-radius: 3px;/* лёгкое скругление углов */
}
section.snippet01 .snippetText {
  width: 61.8%;          /* шире блока с картинкой */
  padding: 0 0 0 2em;    /* внутренний отступ слева от текста */
  display: flex;         /* центровка текста по высоте через флекс */
  flex-flow: column;     /* вертикальная укладка внутреннего контента */
  justify-content: center; /* вертикальное выравнивание по центру */
}

/*02 — «текст слева + карточка справа» */
section.snippet02 { /* общий контейнер, пока без дополнительных правил */ }
section.snippet02 .snippetTextLeft {
  width: 61.8%;      /* основная текстовая колонка */
  padding: 0 5em 0 0;/* большой правый отступ, чтобы «дышало» */
}
section.snippet02 .snippetTextRight {
  width: 38.2%;                       /* сайдбар-карточка */
  padding: 2em;                        /* внутренние отступы карточки */
  background: rgba(var(--secondBackgroundColor), 0.5); /* полупрозрачный фон */
  border-radius: 3px;                  /* скругление */
  display: flex;                       /* центровка содержимого по вертикали */
  flex-flow: column;
  justify-content: center;
}

/*03 — зеркальный к 01: картинка справа, текст слева, другой угол градиента */
section.snippet03 {
  background: #e4d2c0; /* запасной фон */
  background: linear-gradient(
    -90deg, /* слева — второй цвет, справа — основной */
    rgba(var(--secondBackgroundColor), 1) 33%,
    rgba(var(--mainBackgroundColor), 1) 33%
  );
}
section.snippet03 .snippetImg {
  width: 61.8%; /* здесь наоборот: картинка — широкая колонка */
}
section.snippet03 .snippetImg img {
  box-shadow: 0 0 15px 5px rgba(var(--mainColor), 0.05); /* тень вокруг фото */
  width: 100%;
  border-radius: 3px;
}
section.snippet03 .snippetText {
  width: 38.2%;          /* узкая колонка для текста */
  padding: 0 2em 0 0;    /* отступ справа от текста */
  display: flex;
  flex-flow: column;
  justify-content: center; /* вертикально по центру */
  text-align: right;       /* выравнивание текста по правому краю */
}

/*04 — широкая текстовая секция с трёхколоночным текстом */
section.snippet04 {
  background: rgba(var(--secondBackgroundColor), 0.25); /* светлая заливка */
}
div.text3cols {
  clear: both;          /* сбрасываем обтекание */
  column-count: 3;      /* три колонки */
  column-width: 300px;  /* целевая ширина колонки (браузер балансирует) */
  column-gap: 2em;      /* расстояние между колонками */
  column-rule: 0;       /* без разделительной линии */
  column-fill: balance; /* равномерное заполнение колонок */
  orphans: 2;           /* как минимум 2 строки в начале колонки */
  widows: 2;            /* как минимум 2 строки в конце */
  margin: 0 0 1.5em 0;  /* отступ снизу блока колонок */
}
section.snippet04 .snippetText {
  width: 100%; /* текст на всю доступную ширину */
}
p.leadText {
  font-weight: 500;                        /* слегка жирнее обычного */
  color: rgba(var(--textColor), 0.75);     /* приглушённый цвет текста */
  max-width: calc(50% - 1em);              /* ограничиваем ширину лид-абзаца */
}

/*05 — картинка слева + «плавающая» карточка текста справа поверх */
section.snippet05 {
  background: #e4d2c0;
  background: linear-gradient(
    90deg,
    rgba(var(--secondBackgroundColor), 1) 67%, /* больше «вторичной» зоны */
    rgba(var(--mainBackgroundColor), 1) 67%
  );
}
section.snippet05 div.snippetContent {
  position: relative;  /* нужно для абсолютного позиционирования карточки */
  flex-flow: column;
  justify-content: center;
}
section.snippet05 .snippetImg {
  width: 61.8%; /* широкая зона под изображение */
}
section.snippet05 .snippetImg img {
  box-shadow: 0 0 15px 5px rgba(var(--mainColor), 0.05);
  width: 100%;
  border-radius: 3px;
}
section.snippet05 .snippetText {
  box-shadow: 0 0 15px 5px rgba(var(--mainColor), 0.05); /* тень для «карточки» */
  width: 50%;                             /* ширина плавающего блока текста */
  padding: 2em;                           /* внутренние поля */
  background: rgba(var(--mainBackgroundColor), 1); /* цвет карточки */
  margin: 0 0 0 -4em;                     /* отрицательный отступ для нахлёста */
  border-radius: 3px;
  position: absolute;                     /* позиционируем поверх контента */
  right: 0;                               /* прижимаем к правому краю контейнера */
}

/*** СПИСКИ И ТЕКСТОВЫЕ ЭЛЕМЕНТЫ ***/
ol {
  text-align: left;        /* нумерованные списки влево */
  padding: 0 0 0 2em;      /* отступ под маркеры/цифры */
  list-style: decimal;     /* десятичная нумерация */
  margin-bottom: 1em;
  orphans: 2;
  widows: 2;
}
ol ol {
  margin: 0;
  padding: 0 0 0 1em;      /* вложенный — меньший отступ */
  list-style: upper-alpha; /* A, B, C... */
}
ol ol ol {
  margin: 0;
  padding: 0 0 0 1em;
  list-style: lower-alpha; /* a, b, c... */
}
ol li {
  margin: 0;
  padding: 0;
  orphans: 2;
  widows: 2;
}

ul.listUnordered,
ul.xh_search_results {
  text-align: left;  /* маркерованные списки влево */
  list-style: none;  /* убираем стандартные маркеры — рисуем свои псевдоэлементом */
  margin: 1em 0;
}
ul.listUnordered ul,
ul.xh_search_results ul {
  margin: 0;
  list-style: none;
  orphans: 2;
  widows: 2;
}
ul.listUnordered li,
ul.xh_search_results li {
  margin-left: 1em; /* отступ под «кастомный» маркер */
  orphans: 2;
  widows: 2;
}
ul.listUnordered li::before,
ul.xh_search_results li::before {
  content: '»';         /* маркер первого уровня */
  margin-left: -1em;    /* совмещаем маркер с левым краем текста */
  width: 1em;
  display: inline-block;/* фиксированная ширина под маркер */
}
/* маркеры для вложенных уровней */
ul.listUnordered ul li:before { content: '›'; margin-left: -1em; width: 1em; display: inline-block; }
ul.listUnordered ul ul li:before { content: '·'; margin-left: -1em; width: 1em; display: inline-block; }

#newsboxes2 {
  display: block; /* контейнер новостей — блочный */
}
#newsboxes2 .news {
  width: 100%;     /* каждая новость на всю ширину */
  margin: 1em 0 0; /* отступ сверху между карточками */
}

/* Горизонтальные линии-разделители */
hr {
  border: 0;
  border-bottom: 1px solid rgba(var(--accentColor), 1); /* тонкая линия */
  height: 0;
  clear: both;
  margin: 2em 0;
}
hr.hrdot {
  border: 0;
  border-bottom: 1px dotted rgba(var(--accentColor), 1); /* пунктирная */
  height: 0px;
  clear: both;
  margin: 1em 0;
}
hr.hrBold {
  border: 0;
  border-bottom: 6px solid rgba(var(--accentColor), .5); /* жирная линия */
  height: 0;
  clear: both;
  margin: .5em 0;
  border-radius: 3px; /* лёгкое скругление торцов */
}

/* много-колоночные тексты (альтернатива text3cols) */
.column3 {
  -webkit-columns: 300px 3;
  -moz-columns: 300px 3;
  columns: 300px 3;       /* до 3 колонок при ширине ~300px */
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;       /* промежуток между колонками */
  -webkit-column-rule: 0px solid #ccc;
  -moz-column-rule: 0px solid #ccc;
  column-rule: 0px solid #ccc; /* без разделительной линии */
}
.column2 {
  -webkit-columns: 300px 6;
  -moz-columns: 300px 6;
  columns: 300px 6;       /* до 6 колонок при ширине ~300px (по факту браузер подберёт по месту) */
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  -webkit-column-rule: 0px solid #ccc;
  -moz-column-rule: 0px solid #ccc;
  column-rule: 0px solid #ccc;
}

/* универсальные стили для изображений */
img {
  border: 0 none;        /* без рамки */
  height: auto;          /* сохранять пропорции по высоте */
  max-width: 100%;       /* не выходить за контейнер */
  vertical-align: middle;/* аккуратное выравнивание с текстом */
}

/* абзацы по умолчанию */
p {
  margin: 0 0 1.5em 0; /* вертикальные отступы между абзацами */
  text-align: justify; /* выравнивание по ширине колонки */
}

/* ссылки по умолчанию в разных зонах */
a,
ul a,
#tinymce a,
#newsboxes a,
div.xh_login a,
#footer a {
  text-decoration: none;                        /* без подчёркивания браузера */
  color: rgba(var(--textColor), 0.75);          /* базовый цвет ссылок */
  border-bottom: 0px dotted rgba(var(--mainColor), 0.5); /* декоративное «подчёркивание» (по факту 0px) */
}
a.zoom img { display: none; } /* у zoom-ссылок скрываем встроенную картинку-иконку */

/*** поведение ссылок при наведении (подчеркивание и цвет) ***/
a:hover,
ul a:hover,
#tinymce a:hover,
#newsboxes a:hover {
  border-color: rgba(var(--accentColor), 1); /* подчёркивание акцентным цветом */
  color: rgba(var(--accentColor), 1);        /* и сам текст — акцентный */
}

/* пометка внешних ссылок (target=_blank) стрелочкой */
a[target="_blank"]::after {
  content: "↑";                 /* символ стрелки */
  padding: 0 0 0 0.25em;        /* отступ слева от текста */
  transform: rotate(45deg);     /* «направляем» стрелку вправо-вверх */
  display: inline-block;
  font-size: 0.75em;
  font-weight: bold;
  vertical-align: text-bottom;
}

/* подпись-источник перед текстом: «— » */
p.source:before {
  content: "— ";
  vertical-align: -20%;
}

/* заголовки (общие параметры + индивидуальные размеры) */
h1,
h2,
h3,
h4,
h6 {
  color: rgba(var(--textColor), 0.75); /* базовый цвет заголовков */
  font-weight: 400;                    /* нормальная насыщенность */
  line-height: 1.25em;
  margin: 0 0 0.25em 0;                /* небольшой отступ снизу */
}
h1 {
  color: rgba(var(--accentColor), 1); /* H1 — акцентным цветом */
  font-size: 2.7em;
  font-weight: 300;                   /* более тонкий */
  line-height: 1;
  margin: 0 0 0.25em 0;
}
h2 { font-size: 2em; }
h3 { font-size: 1.7em; }
h4 { font-size: 1.4em; }
h6 { font-size: 1em; }

/* повтор маркеров для вложенных списков — оставлено для совместимости */
ul.listUnordered ul li:before { content: "›"; margin-left: -1em; width: 1em; display: inline-block; }
ul.listUnordered ul ul li:before { content: "·"; margin-left: -1em; width: 1em; display: inline-block; }

/* таблица с зеброй: чётные строки подсвечиваем */
.respTable tr:nth-child(even) {
  background: rgba(var(--mainColor), 0.1);
}


/* ==========================================================
   ✅ АДАПТИВНЫЙ БЛОК (RESPONSIVE STYLES)
   Все стилевые правки под разные ширины экрана собраны здесь.
   Порядок: ≥1379 → (980–1080) → (780–1320) → ≤980 → ≤768 → 480–767 → ≤640 → ≤480
   ========================================================== */

/* ====== Очень большие экраны (≥1379px) ====== */
@media (min-width: 1379px) {
  .navbar-right { height: 100px; }
  .navbar-nav > li > a,
  .nav li a { font-size: 20px; }
}

/* ====== Небольшой диапазон 980–1080px: уменьшаем шрифт пунктов меню ====== */
@media (min-width: 980px) and (max-width: 1080px) {
  .nav li a { font-size: 16px !important; }
}

/* ====== Промежуточный диапазон 780–1320px ====== */
@media (min-width: 780px) and (max-width: 1320px) {
  .menulevel1,
  .navbar-search-wrapper { margin-top: -50px; }
  .navbar-right { margin-top: 60px; }
}

/* ====== Диапазон 780–979px: ещё компактнее шрифт меню ====== */
@media (min-width: 780px) and (max-width: 979px) {
  .nav li a { font-size: 13px !important; }
}

/* ====== До 980px (планшеты и узкие ноутбуки) ====== */
@media only screen and (max-width: 980px) {
  body { font-size: 17px; } /* чуть укрупняем базовый размер для читаемости */

  section.normalSection,
  div.submenDiv { padding: 2em; }

  /* ====== Секция snippet01 ====== */
  section.snippet01 {
    padding: 2em;
    background: #e4d2c0; /* запасной */
    background: linear-gradient(
      180deg,
      rgba(var(--secondBackgroundColor), 1) 33%,
      rgba(var(--mainBackgroundColor), 1) 33%
    );
  }
  section.snippet01 .snippetContent { display: block; }
  section.snippet01 .snippetImg { width: 100%; }
  section.snippet01 .snippetText {
    width: 100%;
    padding: 0;
  }

  /* ====== Секция snippet02 ====== */
  section.snippet02 { padding: 2em; }
  section.snippet02 .snippetContent { display: block; }
  section.snippet02 .snippetTextLeft {
    width: 100%;
    padding: 0;
  }
  section.snippet02 .snippetTextRight {
    width: 100%;
    padding: 2em;
    margin: 1em 0;
  }

  /* ====== Секция snippet03 ====== */
  section.snippet03 {
    padding: 2em;
    background: #e4d2c0;
    background: linear-gradient(
      180deg,
      rgba(var(--secondBackgroundColor), 1) 67%,
      rgba(var(--mainBackgroundColor), 1) 67%
    );
  }
  section.snippet03 .snippetContent { display: block; }
  section.snippet03 .snippetImg { width: 100%; }
  section.snippet03 .snippetText {
    width: 100%;
    padding: 2em 0;
    text-align: left;
  }

  /* ====== Секция snippet04 ====== */
  section.snippet04 { padding: 2em; }
  p.leadText { max-width: 100%; }

  /* ====== Секция snippet05 ====== */
  section.snippet05 {
    padding: 2em;
    background: #e4d2c0;
    background: rgba(var(--secondBackgroundColor), 1);
  }
  section.snippet05 .snippetImg { width: 100%; }
  section.snippet05 .snippetText {
    box-shadow: none;     /* корректнее, чем 0 */
    width: 100%;
    padding: 2em;
    margin: 0;
    position: relative;
    border-radius: 3px;
  }
}

/* ====== До 768px (типичный планшет портрет и мобильные) ====== */
@media (max-width: 768px) {
  /* Карусель: больше индикаторы для тача */
  #quote-carousel .carousel-indicators li.active {
    margin: 0 5px;
    width: 20px;
    height: 20px;
  }

  body {
    font-size: 16px; /* подстраиваем к стандарту */
    grid-template-areas:
      "header"
      "article"
      "footer";
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 100%;
  }

  /* Контейнеры Bootstrap-esque */
  .container { width: 100%; }

  /* Навигация / dropdown */
  .nav li .dropdown-menu {
    margin-top: 5px !important;
    padding-left: 0;
    margin-left: 0 !important;
    min-width: 250px !important;
    max-width: 700px !important;
    width: 100% !important;
  }
  .nav li .dropdown-menu li a {
    color: #99937e !important;
    width: 100% !important;
  }
  .nav li .dropdown-menu li a:hover,
  .head-section .nav li .dropdown-menu li.active a {
    background: #d8c098 !important;
    color: #fff !important;
  }
  .dropdown-submenu:hover > .dropdown-menu { display: block !important; }
  .row ul li,
  .container ul li, 
  .sdocs,
  .docs,
  .doc { padding-left: 0px !important; margin: 0; list-style: none; }
  .navbar-nav {
    float: left !important;
    width: 100% !important;
    position: relative !important;
    margin: 0 !important; /* — оставил закомментированным в исходнике */
  }

  .lg {
    display: block;
    margin: 5% 5% 5%;
    right: 0;
    position: relative;
  }

  /* --- Меню и поиск --- */
  .navbar-right { display: block; }
  .navbar-menu { display: flex; }
  .navbar-search-wrapper {
    width: 100%;
    min-width: 200px;
    padding: 10px;
    margin: -10px 0 0 0;
    height: auto;
    display: flex;
  }

  /* Моб. меню: не обрезать подменю */
  .navbar-collapse { overflow: visible !important; height: auto !important; }
  .navbar-collapse[style] { height: auto !important; margin-right: -25px; }
  .nav li a, .nav li.active ul.dropdown-menu li a {
  padding: 8px 20px;
}
  .menulevel1 .sub-arrow {
    margin: 18px 7px 0 0;
  }
  /* Подменю поверх */
  ul.menulevel2.dropdown-menu,
  ul.menulevel3.dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 9999 !important;
    display: none;
    /*! min-width: 180px; */
    background: #fff;
    /*! box-shadow: 0 5px 15px rgba(0,0,0,.1); */
    margin: 0;
  }
  #mainArticle ul.menulevel2.dropdown-menu,
  #mainArticle ul.menulevel3.dropdown-menu {
    position: relative !important;
  }

  /* Показ по .show */
  li.dropdown.show > ul.menulevel2.dropdown-menu,
  li.dropdown.show > ul.menulevel3.dropdown-menu { display: block !important; }

  /* Родитель-контейнер */
  li.nav-item.dropdown { position: relative !important; background: rgba(244, 243, 241, 0); }
  #navbarResponsive {
    overflow: visible !important;
    max-height: 100%;
    position: relative;
    z-index: 1;
    margin-left: -10px;
  }
  .dropdown { display: block !important; }
  .show > .dropdown-menu { overflow: visible; position: relative; }

  /* Подписи под изображением */
  #cboxTitle,
  #cboxCurrent {
    font-size: clamp(11px, 2vw, 14px) !important;
    color: #ccc !important;
    width: 100% !important;
    float: none !important;
    display: block !important;
  }
  #cboxTitle { text-align: center !important; margin: 2px 0 !important; margin-left: 40px !important; }
  #cboxCurrent { text-align: left !important; margin: 2px 0  !important; margin-left: 10px !important; }
}

/* ====== Mobile (Landscape) — 480–767px ====== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container { width: 85%; }
}

/* ====== До 640px (большие телефоны) ====== */
@media only screen and (max-width: 640px) {
  body { font-size: 15px; }
  .slogan { display: none !important; }

  .navbar-search-wrapper {
    width: 100%;
    min-width: 200px; /* ⚠️ может давать горизонтальный скролл на самых узких экранах */
    padding: 10px;
    margin: -10px 0 0 0;
    height: auto;
    display: flex;
  }
}

/* ====== До 480px (обычные телефоны) ====== */
@media only screen and (max-width: 480px) {
  body { font-size: 14px; }
  p { text-align: left; }
  .headerTxt { display: none; }

  /* Моб. меню: не обрезать подменю */
  .navbar-collapse { overflow: visible !important; height: auto !important; }
  .navbar-collapse[style] { height: auto !important; margin-right: -25px; }

  /* Подменю поверх */
  ul.menulevel2.dropdown-menu,
  ul.menulevel3.dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 9999 !important;
    display: none;
    min-width: 180px;
    background: #fff;
    /*! box-shadow: 0 5px 15px rgba(0,0,0,.1); */
    margin-left: 25px !important;
  }
  #mainArticle ul.menulevel2.dropdown-menu,
  #mainArticle ul.menulevel3.dropdown-menu { position: relative !important; }

  /* Показ по .show */
  li.dropdown.show > ul.menulevel2.dropdown-menu,
  li.dropdown.show > ul.menulevel3.dropdown-menu {
    display: block !important;
    margin: 0 !important;
    width: 100% !important;
  }

  /* Родитель-контейнеры на 100% */
  li.nav-item.dropdown, li.doc {
    position: relative !important;
    margin: 0 !important;
  }
  .navbar-nav,
  li.dropdown.show > ul.menulevel2.dropdown-menu,
  li.dropdown.show > ul.menulevel3.dropdown-menu {
    width: 100% !important;
    min-width: 235px !important;
    box-sizing: border-box;
    float: left;
    padding: 0;
    margin: 0 5% !important;
  }

  .navbar-right { display: block; }
  .navbar-menu { display: flex; background: rgb(244,243,241); }

  .navbar-search-wrapper {
    width: calc(100% + 0px);
    min-width: 235px;
    padding: 10px 0 10px 10px;
    margin-left: 0;
    height: auto;
    display: flex;
  }
}

/* ====== Кнопка отправки формы mailform: hover/focus ====== */
form.xh_mailform input[type="submit"]:hover,
form.xh_mailform input[type="submit"]:focus {
  background-color: rgba(var(--accentColor), 1);        /* цвет фона при наведении/фокусе */
  border: 1px solid rgba(var(--mainColor), 0.25);       /* лёгкая рамка, согласованная с темой */
}

/* ====== Ссылки-логотип/бренд в шапке: кликабельные без подчёркивания ====== */
a > #logo,
.navbar-header a {
  border-bottom: 0px !important; /* снимаем «подчеркивание» в виде нижней границы */
  cursor: pointer;               /* курсор «рука» */
}

/* ====== Метки форм ====== */
label { font-weight: 400; } /* нейтральная толщина, чтобы не «кричали» */

/* ====== Списки в категориях: раскрываем третий уровень как обычный список ====== */
div.cat > .menulevel3 {
  display: block;   /* вместо выпадающего делаем обычный блочный список */
  background: none; /* без фона */
}
/* (Дублируется выше — повтор можно удалить) */
div.cat > .menulevel3 {
  display: block;
  background: none;
}

div.cat > .menulevel3 li {
  list-style-type: disc !important; /* классические «точки» у li */
}
div.cat > ul.menulevel3.dropdown-menu {
  position: relative; /* вынимаем из абсолютного позиционирования dropdown'а */
  float: none;        /* и перестаём выплывать влево/вправо */
}

/* ====== Грид Bootstrap: убираем внешние «поля» у колонки ====== */
.col-lg-12 { 
  padding: 0; /* на всю ширину контейнера без внутренних отступов */
}

/* ===== заголовок в одном уровне с меню (блок about-carousel) ===== */
.about-carousel h3 {
  margin-left: 0;                           /* убираем отступ слева, выравниваем с меню */
}

/* Список второго уровня (меню) внутри about-carousel */
.about-carousel .menulevel2 {
  padding-left: 0;                          /* сброс базового отступа списка */
  list-style: none;                         /* убираем маркеры */
  margin-left: 42px;                        /* сдвигаем весь список вправо */
  background: transparent !important;       /* без фона для всего списка */
}

/* Элемент списка внутри .menulevel2 */
.about-carousel .menulevel2 li {
  display: flex;                            /* выравнивание содержимого по вертикали */
  align-items: center;
  margin-left: -37px;                       /* обратный сдвиг для выравнивания с маркером */
  padding-left: 0;
  color: #596d7a !important;                /* основной цвет текста пункта */
}

/* Псевдомаркер «» перед каждым пунктом второго уровня */
.about-carousel .menulevel2 li::before {
  content: "\00BB";                         /* символ двойной стрелки » */
  color: #596d7a;                           /* цвет стрелки */
  font-size: 1.2em;                         /* немного крупнее текста */
  margin-right: 8px;                        /* расстояние между стрелкой и текстом */
  color: inherit;                            /* итогово наследуем цвет от пункта */
}

/* Подзаголовок (краткий): нулевые отступы и полужирное начертание */
.subheading {
  margin: 0;
  font-weight: 600;
}

/* ====== УКАЗАТЕЛИ В МНОГОУРОВНЕВОМ МЕНЮ ====== */
#mainArticle .menulevel3 .nav-item::before,
#mainArticle .menulevel4 .nav-item::before,
#mainArticle .menulevel5 .nav-item::before {
  content: "\00BB";        /* символ » перед пунктом меню */
  color: #596d7a;          /* цвет стрелки */
  font-size: 1.2em;        /* чуть крупнее текста */
  padding-left: 0px;
  margin-right: -8px;      /* стрелка ближе к тексту */
  color: inherit;          /* но в итоге цвет наследуется от текста */
}

/* Стили для пунктов меню 3–5 уровня */
#mainArticle .menulevel3,
#mainArticle .menulevel4,
#mainArticle .menulevel5 {
  display: flex;                 /* делаем элементы флексами */
  float: left;                   /* и одновременно прижимаем влево */
  align-items: center;           /* вертикальное выравнивание */
  margin-left: -25px;            /* подвинем левее */
  padding-left: 0px;
  color: #596d7a !important;     /* основной цвет текста */
  background: transparent !important; /* без фона */
}
#mainArticle .menulevel3:hover,
#mainArticle .menulevel4:hover,
#mainArticle .menulevel5:hover {
  background: transparent !important; /* при наведении фон не появляется */
}


/* Выпадающие меню внутри about-carousel и mainArticle */
.about-carousel .dropdown-menu,
#mainArticle .dropdown-menu {
  display: block !important;   /* всегда показывать (обычно скрыто JS) */
  position: relative;
  z-index: 1000;
  /*! width: 100% !important; */
  width: auto;
}

/* Исключения: внутри .btn-group и .input-group дропдауны всё же скрыты */
#mainArticle .btn-group .dropdown-menu,
#mainArticle .input-group .dropdown-menu {
  display: none !important;
}

/* Пункты списка в выпадающих меню */
.about-carousel .dropdown-menu li,
#mainArticle .dropdown-menu li {
  display: flex !important;
  align-items: center;
  margin-left: 24px;      /* небольшой отступ слева */
  padding-left: 0;
  color: #596d7a !important;
}

/* Стрелочка «» перед каждым пунктом в выпадающих меню */
.about-carousel .dropdown-menu li::before,
#mainArticle .dropdown-menu li::before {
  content: "\00BB";        /* символ » */
  color: #596d7a;
  font-size: 1.2em;
  padding-left: 0px;
  margin-right: -8px;
  color: inherit;          /* наследовать цвет */
}

/* ====== ИКОНОЧКИ В МЕНЮ ====== */
.about-carousel .menulevel2 li a i,
#mainArticle .menulevel3 .nav-item a i,
#mainArticle .menulevel4 .nav-item a i,
#mainArticle .menulevel5 .nav-item a i {
  margin-right: 8px;              /* отступ справа от иконки */
  color: #596d7a !important;      /* цвет иконки */
  font-size: 18px;                /* размер иконки */
}

/* Ховер для ссылок в меню */
.about-carousel .menulevel2 li a:hover,
#mainArticle .menulevel3 .nav-item a:hover,
#mainArticle .menulevel4 .nav-item a:hover,
#mainArticle .menulevel5 .nav-item a:hover {
  color: #000;                     /* текст становится чёрным */
  background: transparent !important;
}

/* Ховер для иконок внутри ссылок */
.about-carousel .menulevel2 li a:hover i,
#mainArticle .menulevel3 .nav-item a:hover i,
#mainArticle .menulevel4 .nav-item a:hover i,
#mainArticle .menulevel5 .nav-item a:hover i {
  color: #000;                     /* иконки тоже становятся чёрными */
  background: transparent !important;
}

/* ====== CAPTCHA (cryptographp) ====== */
.cryptographp_image,
.cryptographp_reload_container img,
.cryptographp_audio img {
  width: auto !important; /* изображения капчи не растягиваются */
}

/* ====== КНОПКИ В ФОРМЕ ОБРАТНОЙ СВЯЗИ (TwoCents?) ====== */
.twocents_form_buttons button {
  padding: 5px 20px;      /* внутренние отступы */
  border: 1px solid;      /* рамка (цвет возьмётся из текста/темы) */
  border-radius: 10px;    /* скруглённые углы */
}

/* Форма обратной связи (контейнер) */
#xh_mailform {
  width: 80%;        /* ширина формы — 80% от контейнера */
  margin: 0 auto;    /* центрируем по горизонтали */
}

/* Блок «разрыв/перенос» (похоже, кнопка/ссылка рядом с формой) */
.xh_break {
  margin-top: -33px !important;  /* поднимаем блок вверх (отрицательный отступ) */
  width: max-content !important; /* ширина по содержимому, не растягивается лишнего */
  float: right !important;       /* прижимаем к правому краю */
}

/* Внутренние элементы .xh_break (скорее всего кнопка) */
.xh_break input {
  padding: 5px 10px; /* внутренние отступы для кликабельной зоны */
  border-radius: 5px;/* лёгкое скругление углов */
}

/* Красная точка после текста */
#mainArticle .p {
  width: 80%;                /* ограничиваем ширину точки */
  margin: 25px auto 0;       /* отступ сверху 25px и центрирование по горизонтали */
}
.wow {
    display: flow-root;
}