/* Start:/bitrix/templates/fonts/materialsymbolsoutlined/css2.css?17854987621698*/
/* fallback */
@font-face {
  /* ---------------------------------------------------------------------
     ПРАВКА-ШРИФТЫ-2026-07-31 — НАША правка, не вендорская.
     Шрифт иконок заменён СУБСЕТОМ: material-symbols-subset.woff2 содержит
     ровно две иконки — home и search. Полный шрифт весил 2,9 МБ ради них же.
     ПОНАДОБИТСЯ НОВАЯ ИКОНКА — субсет надо перегенерить, иначе она не отрисуется.
     font-display: block — чтобы вместо иконки не мелькало слово "home"/"search".
     Это объявление ПРОДУБЛИРОВАНО в style.css и style.min.css шаблона меню
     (interiv_catalog_horizontal) обоих шаблонов сайта — править надо все.
     Разбор: CHANGELOG.md репозитория AlmaLinux-romanova.design, запись 2026-07-31.
     --------------------------------------------------------------------- */
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url(/bitrix/templates/fonts/materialsymbolsoutlined/material-symbols-subset.woff2) format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}

/* End */


/* Start:/bitrix/templates/fonts/robotoyanonekaffeesatz/css2.css?178549876221176*/
/* =========================================================================
   ПРАВКА-ШРИФТЫ-2026-07-31 — НАША правка, не вендорская.
   1) Во ВСЕ @font-face добавлен font-display: swap. Без него браузер прячет
      текст до 3 секунд, пока грузится шрифт.
   2) Вырезаны неиспользуемые субсеты: greek, greek-ext, vietnamese, cyrillic-ext.
      Осталось latin, latin-ext, cyrillic — 54 блока вместо 108.
   Три из этих файлов ещё и предзагружаются через <link rel="preload"> в header.php
   обоих шаблонов сайта. Меняешь имена файлов — поправь и там.
   Разбор: CHANGELOG.md репозитория AlmaLinux-romanova.design, запись 2026-07-31.
   ========================================================================= */
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOiCnqEu92Fr1Mu51QrEzQdL_nz.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOjCnqEu92Fr1Mu51TLBCc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOjCnqEu92Fr1Mu51TLBCc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/3y976aknfjLm_3lMKjiMgmUUYBs04Y8fH-qVHQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/3y976aknfjLm_3lMKjiMgmUUYBs04Y8VH-qVHQ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/3y976aknfjLm_3lMKjiMgmUUYBs04Y8bH-o.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/3y976aknfjLm_3lMKjiMgmUUYBs04Y8fH-qVHQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/3y976aknfjLm_3lMKjiMgmUUYBs04Y8VH-qVHQ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/3y976aknfjLm_3lMKjiMgmUUYBs04Y8bH-o.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/3y976aknfjLm_3lMKjiMgmUUYBs04Y8fH-qVHQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/3y976aknfjLm_3lMKjiMgmUUYBs04Y8VH-qVHQ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/3y976aknfjLm_3lMKjiMgmUUYBs04Y8bH-o.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/3y976aknfjLm_3lMKjiMgmUUYBs04Y8fH-qVHQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/3y976aknfjLm_3lMKjiMgmUUYBs04Y8VH-qVHQ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/3y976aknfjLm_3lMKjiMgmUUYBs04Y8bH-o.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/3y976aknfjLm_3lMKjiMgmUUYBs04Y8fH-qVHQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/3y976aknfjLm_3lMKjiMgmUUYBs04Y8VH-qVHQ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/3y976aknfjLm_3lMKjiMgmUUYBs04Y8bH-o.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/3y976aknfjLm_3lMKjiMgmUUYBs04Y8fH-qVHQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/3y976aknfjLm_3lMKjiMgmUUYBs04Y8VH-qVHQ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/bitrix/templates/fonts/robotoyanonekaffeesatz/3y976aknfjLm_3lMKjiMgmUUYBs04Y8bH-o.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* End */


/* Start:/bitrix/templates/Stylesheets/template.css?178755842256482*/
/* ===== START: reset.css ===== */
/* http://meyerweb com/eric/tools/css/reset/ 
v2 0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, caption {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
select {
-webkit-appearance: menulist;
appearance: menulist;
-moz-appearance: menulist;
}
input, textarea {
border-style:solid;
border-width:0;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 135%;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
.liquidClearFix {
clear:both;
}
.clear {
clear:both;
}
div, ul, li, article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
zoom: 1; 
}
div:before, ul:before, article:before, aside:before, details:before, figcaption:before, figure:before, 
footer:before, header:before, hgroup:before, menu:before, nav:before, section:before, div:after, ul:after, article:after, aside:after, details:after, figcaption:after, figure:after, 
footer:after, header:after, hgroup:after, menu:after, nav:after, section:after {
content: ""; 
display: table; 
}
div:after, ul:after, article:after, aside:after, details:after, figcaption:after, figure:after, 
footer:after, header:after, hgroup:after, menu:after, nav:after, section:after { 
clear: both; 
}
.liquid div:after, .liquid ul:after, .liquid article:after, .liquid aside:after, .liquid details:after, .liquid figcaption:after, .liquid figure:after, .liquid footer:after, .liquid header:after,.liquid hgroup:after, .liquid menu:after, .liquid nav:after, .liquid section:after { 
clear: none; 
}
.cf { 
zoom: 1; 
}
.cf:before, .cf:after { 
content: ""; 
display: table; 
}
.cf:after { 
clear: both; 
}
.cfliquidrow {
zoom: 1;
}
.cfliquidrow:before, .cfliquidrow:after { 
content: ""; 
display: table; 
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
h1 { 
font-size:2em;
margin: 0.67em 0;
}
h2 { 
font-size:1.5em;
margin: 0.75em 0;
}
h3 { 
font-size:1.17em;
margin: 0.83em 0;
}
h4 { 
font-size:1em;
margin: 1.5em 0;
}
/*h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu  { 
margin: 1.12em 0;
}*/
ol, ul, dir,
menu, dd { padding-left: 40px; 
}
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0; 
}
h5 { 
font-size:0.83em;
margin: 1.5em 0;
}
h6 { 
font-size:0.67em;
margin: 1.67em 0;
}
p { 
font-size:1em;
}
span { 
font-family: inherit;
}
img {
vertical-align: top;
}
hr {
display:inline-block;
width:80%;
}
[class^=fm_css_], [class^=fm_css_] *, 
[class^=FM2_], [class^=FM2_] *, 
[class*=_tooltip_in], [class*=_tooltip_in] *, 
[id*=ContainerJS], [id*=ContainerJS] *, 
.jqlightbox, .jqlightbox *, 
.jQGalleryC, .jQGalleryC *, 
.DWMasonryGallery_container, .DWMasonryGallery_container *, 
.jQuerySlideshow, .jQuerySlideshow *, 
.jqslider, .jqslider *, 
.fb-outer-wrapper, .fb-outer-wrapper *,
.PowerSlider2, .PowerSlider2 *, 
.DWCarousel_container, .DWCarousel_container *, 
.content-box-sizing, .content-box-sizing * {
box-sizing: content-box;
}
/* ===== END: reset.css ===== */


/* ===== START: style.css ===== */
body {
font-family: 'Roboto', sans-serif;
margin:0 auto;
font-size: clamp(17px, 1.6vw, 22px);
font-weight: 300;
line-height: 135%;
color: #B2A598;
text-align: left;
background-color: #191A1D;
width:100%;
}
h1 {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: min(max(42px, 4vw), 56px);
font-weight: 300;
line-height: 135%;
margin: 0;
color: #B2A598;
text-align: center;
padding:30px 10px 20px;
}
h2 {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: min(max(36px, 3vw), 44px);
font-weight: 300;
line-height: 135%;
margin: 0;
color: #92806E;
text-align: center;
padding:20px 10px;
}
h3 {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: min(max(32px, 3vw), 40px);
font-weight: 300;
line-height: 135%;
margin: 0;
color: #9D8D7D;
text-align: center;
padding:15px 10px;
}
h4 {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: min(max(28px, 3vw), 36px);
font-weight: 300;
line-height: 135%;
margin: 0;
color: #8D7B69;
text-align: center;
padding:15px 10px;
}
h5 {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: min(max(24px, 3vw), 32px);
font-weight: 300;
line-height: 135%;
margin: 0;
color: #A48C75;
text-align: center;
padding:15px 10px;
}
h6 {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: min(max(20px, 3vw), 28px);
font-weight: 300;
line-height: 135%;
margin: 0;
color: #B6A99C;
text-align: center;
padding:15px 10px;
}
a {
font-family: 'Roboto', sans-serif;
line-height: 135%;
color:#92806E;
font-weight: 300;
font-size: clamp(17px, 1.6vw, 22px);
text-decoration:none;
}
a:hover {
font-family: 'Roboto', sans-serif;
line-height: 135%;
color: #B2A598;
font-weight: 300;
font-size: clamp(17px, 1.6vw, 22px);
text-decoration:none;
}
ul {
font-family: 'Roboto', sans-serif;
font-weight: 300;
line-height: 135%;
margin: 20px 10px;
color: #B2A598;
padding:0px 0px 0px 40px;
font-size: clamp(17px, 1.6vw, 22px);
}
ol {
font-family: 'Roboto', sans-serif;
font-weight: 300;
line-height: 135%;
margin: 20px 10px;
color: #B2A598;
padding:0px 0px 0px 40px;
font-size: clamp(17px, 1.6vw, 22px);
}
blockquote {
font-family: 'Roboto', sans-serif;
padding: 10px 20px;
margin: 20px 10px;
border-left: 5px solid #eee;
font-style:italic;
font-size: clamp(17px, 1.6vw, 22px);
}
ol ul, ul ol, ul ul, ol ol {
margin-top: 0;
margin-bottom: 0;
}
p {
font-family: 'Roboto', sans-serif;
font-size: clamp(17px, 1.6vw, 22px);
font-weight: 300;
line-height: 135%;
}
li {
font-family: 'Roboto', sans-serif;
line-height: 135%;
color:#B2A598;
font-weight: 300;
font-size: clamp(17px, 1.6vw, 22px);
}
img {
max-width : 100%;
height : auto;
}
/*.row_5 a img {
filter: none;
opacity: 1;
}
.row_5 a:hover img {
filter: grayscale(100%);
opacity: 0.9;
}*/
.row_5 a {
text-decoration: none;
}
.row_5 a:hover {
text-decoration: 1px underline #B2A598 dashed;	
}
/*.column_9 a img {
filter: grayscale(100%);
opacity: .2;
}
.column_9 a:hover img {
filter: grayscale(100%);
opacity: .6;
}*/
.sticky {
}
.gallery-caption {
}
.bypostauthor {
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display: block;
margin: 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin: 0 auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 135%;
margin: 0;
padding: 0 4px 5px;
}
.blog-post {
min-height: 100px;
margin-bottom:50px;
}
span a.post-category:hover {
color: #9BCB43;
}
.content {
background-color:#191A1D;
}
/* ===== END: style.css ===== */


/* ===== START: template-1-header.css ===== */
.header {
min-height:100px;
}
.row_1 {
clear: both;
width: auto;
min-height: 40px;
color:#B2A598;
padding: 0;
max-width: 1600px;
margin: 0 auto;
}
.row_1 a {
color: #B2A598;
text-decoration:none;
}
.row_1 a:hover {
text-decoration:none;
color: #B2A598;
}
.column_1 {
float: none;
width: auto;
min-height: 10px;
padding: 10px 0 0 0;
}
.column_38 {
float: none;
width: auto;
min-height: 10px;
}
.column_39 {
float: none;
width: auto;
min-height: 10px;
margin-left:0;
text-align:center;
padding:5px 0;
}
.column_2 {
float: none;
width: auto;
min-height: 20px;
text-align:center;
font-size:24px;
padding:0;
}
.column_40 {
float: none;
width: auto;
min-height: 10px;
padding: 0;
}
.column_41 {
float: none;
width: auto;
min-height: 10px;
padding-top: 13px;
}
.column_3 {
float: none;
width: auto;
min-height: 20px;
text-align:center;
display:none;
padding-right:5px;
}
.column_3 a {
font-size:24px;
}
.row_18 {
clear: both;
position:absolute;
text-align:center;
margin-left: auto;
margin-right: auto;
bottom: 10%;
left: 0;
right: 0;
width: fit-content;
z-index:100;
}
.header_img {
/*background: #000;*/
opacity: 0.5;
}
.row_17 {
clear: both;
position:absolute;
background-color:transparent;
top:10%;
color: rgba(242, 240, 238, 0.9);
font-weight:400;
text-align: left;
letter-spacing:0.5px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
width: fit-content;
z-index:100;
}
.stocks {
clear: both;
min-height: 20px;
position:absolute;
top:1.5%;
z-index:100;
left:0.5%;
padding:5px;
min-width:20px;
width:25%;
background-color:transparent;
float:left;
}
.decoration {
clear: both;
min-height: 20px;
position:absolute;
min-width:20px;
width:17%;
background-color:transparent;
right:0.5%;
top:1.5%;
padding:5px;
text-align: center;
z-index:1;
}
.h1-title {
font-family: 'Roboto', sans-serif;
font-size: min(max(20px, 2.5vw), 250px);
color: #F2F0EE;
color: rgba(242, 240, 238, 0.9);
clear: both;
min-height: 20px;
min-width:20px;
position:absolute;
z-index:110;
top:60%;
left:12.5%;
width:80%;
background-color:transparent;
line-height: 135%;
}
.row_19 {
clear: both;
position:absolute;
text-align:center;
margin-left: auto;
margin-right: auto;
bottom: 10%;
left: 0;
right: 0;
z-index:100;
}
.row_2 {
clear: both;
min-height: 50px;
position:relative;
}
img.image1 {
height: auto;
display:inline-block;
}
img.image2 {
height: auto;
width:auto;
display:block;
margin: 8px auto 0;
}
.column_3 a:hover {
text-decoration: none;
}
span.span1 {
line-height: 135%;
font-size: min(max(20px, 3vw), 250px);
}
span.span1-1 {
line-height: 135%;
font-size: min(max(20px, 6vw), 250px);
font-weight: 500;
}
div.span2 {
display: inline-block;
margin-top:5px;
font-size:20px;
line-height: 135%;
}
span.span3 {
font-size: min(max(14px, 4vw), 20px);
line-height: 135%;
}
span.span4 {
font-size: min(max(16px, 4vw), 20px);
line-height: 135%;
}
div.span5 {
font-size: 20px;
line-height: 135%;
}
div.span5 a {
font-size: 30px;
}
span.span6 {
line-height: 135%;
}
img.image26 {
height: auto;
display:inline-block;
width:100%;
}
.signature_action {
clear: both;
min-height: 10px;
padding:3px;
text-align:center;
text-transform: uppercase;
letter-spacing: -1.2px;
color:#E7000A;
font-weight:400;
position:absolute;
width:70%;
top:75%;
left:15%;
z-index:100;
min-width:10px;
background-color:transparent;
float:left;
}
.signature_action a {
color:#E7000A;
font-weight:400;
}
.stocks img {
height: auto;
max-width:none;
display:inline-block;
width:100%;
}
span.span7 {
font-size: 25px;
font-weight:700;
}
.decoration img {
height: auto;
width:auto;
}


/* ===== END: template-1-header.css ===== */


/* ===== START: template-1.css ===== */
.page-content {
float: none;
width: 100%;
min-height:300px;
}
.row_4 {
clear: both;
min-height: 30px;
background-color: #191A1D;
display:none;
width: 100%;
}
.row_5 {
clear: both;
width: auto;
min-height: 300px;
padding:0 5px 20px 5px;
border-bottom:0 solid transparent;
max-width:1800px;
margin: 0 auto;
}
.column_18 {
float: none;
width: auto;
min-height: 100px;
display:none;
background-color:transparent;
}
.row_33 {
font-family: 'Yanone Kaffeesatz', sans-serif;
clear: both;
width: auto;
min-height: 50px;
margin: 20px 0;
padding:0;
background-color:#1A1A1C;
}
.row_35 {
clear: both;
width: auto;
min-height: 100px;
padding:10px 5px;
text-align:center;
font-size:30px;
}
.row_36 {
clear: both;
width: auto;
min-height: 50px;
padding: 10px;
}
.column_19 {
float: none;
width: auto;
min-height: 300px;
background-color:transparent;
}
.column_19 a {
text-decoration: underline;
}
.row_32 {
clear: both;
width: auto;
}
.column_16 {
float: none;
width: auto;
min-height: 100px;
}
.column_17 {
float: none;
width: auto;
min-height: 100px;
}
.row_31 {
clear: both;
width: auto;
}
.row_24 {
clear: both;
min-height: 100px;
margin:20px auto;
max-width:400px;
width:100%;
}
.tv {
clear: both;
min-height: 100px;
width:80%;
margin:0 auto;
max-width:410px;
padding:20px 0;
}
.column_7 {
float: none;
width: auto;
min-height: 100px;
}
.row_16 {
clear: both;
min-height: 100px;
max-width:none;
margin:5px;
overflow: hidden; /* Скрываем всё за контуром */
}
.row_16 img {
transition: 0.5s; /* Время эффекта */
}
.row_16 img:hover {
transform: scale(1.1); /* Увеличиваем масштаб */
}
.post-right {
clear: both;
min-height: 100px;
background-color:#1E2024;
border: 1px solid #33363B;
width:100%;
margin: 0 auto;
}
.post-right_prices {
clear: both;
min-height: 100px;
background-color:#1E2024;
border: 1px solid #33363B;
width:100%;
margin: 0 auto;
}
.column_32 {
float: none;
width: auto;
min-height: 100px;
}
.column_32_prices {
float: none;
width: auto;
min-height: 100px;
}
.column_33 {
float: none;
width: auto;
min-height: 100px;
/*padding:5px;*/
overflow: hidden; /* Скрываем всё за контуром */
}
.column_33 img {
transition: 0.5s; /* Время эффекта */
}
.column_33 img:hover {
transform: scale(1.2); /* Увеличиваем масштаб */
}
.column_33_prices {
float: none;
width: auto;
min-height: 100px;
/*padding:5px;*/
}
.post {
clear: both;
min-height: 100px;
width:100%;
margin: 0 auto;
background-color:#1E2024;
border: 1px solid #33363B;
}
.post_prices {
clear: both;
min-height: 100px;
width:100%;
margin: 0 auto;
background-color:#1E2024;
border: 1px solid #33363B;
}
.warp_post_padding {
padding: 7px;
}
.warp_post_padding_prices {
padding:7px;
}
.warp_post_padding a:hover {
text-decoration: none;
}
.column_5 {
float: none;
width: auto;
min-height: 100px;
background-color:transparent;
/*padding:5px;*/
overflow: hidden; /* Скрываем всё за контуром */
}
.column_5 img {
transition: 0.5s; /* Время эффекта */
}
.column_5 img:hover {
transform: scale(1.2); /* Увеличиваем масштаб */
}
.column_5_prices {
float: none;
width: auto;
min-height: 100px;
background-color:transparent;
}
.column_6 {
float: none;
width: auto;
min-height: 100px;
background-color:transparent;
}
.column_6_prices {
float: none;
width: auto;
min-height: 100px;
background-color:transparent;
text-align: left;
}
.row_13 {
clear: both;
width: auto;
}
.foto {
clear: both;
min-height: 100px;
width:100%;
margin: 0 auto;
padding: 20px 0;
}
.column_4 {
float: none;
width: 100%;
min-height: 100px;
margin: 0 auto;
padding: 7px;
}
.row_10 {
clear: both;
min-height: 100px;
position:relative;
width:100%;
overflow: hidden; /* Скрываем всё за контуром */
}
.row_10 img {
transition: 0.5s; /* Время эффекта */
}
.row_10 img:hover {
transform: scale(1.2); /* Увеличиваем масштаб */
}
.row_11 {
font-family: 'Yanone Kaffeesatz', sans-serif;
clear: both;
min-height: 0;
position:absolute;
width:100%;
bottom:0;
left:0;
background-color:rgba(0, 0, 0, 0);
padding:0;
text-align:center;
color:#F2F0EE;
font-size: 27px;
font-weight:300;
line-height: 135%;
text-shadow:1px 1px 1px #000000;
-moz-text-shadow:1px 1px 1px #000000;
-webkit-text-shadow:1px 1px 1px #000000;
z-index:1000;
}
.row_11 a {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 27px;
font-weight: 300;
line-height: 135%;
color: #F2F0EE;
text-align: center;
text-shadow:1px 1px 1px #000000;
-moz-text-shadow:1px 1px 1px #000000;
-webkit-text-shadow:1px 1px 1px #000000;
}
.row_11 h3 {
font-family: 'Yanone Kaffeesatz', sans-serif;
clear: both;
min-height: 10px;
position:absolute;
width:100%;
bottom:0;
left:0;
background-color:rgba(0, 0, 0, 0.5);
padding:5px;
text-align:center;
color:#F2F0EE;
font-size: 27px;
font-weight:300;
line-height: 135%;
text-shadow:1px 1px 1px #000000;
-moz-text-shadow:1px 1px 1px #000000;
-webkit-text-shadow:1px 1px 1px #000000;
}
.row_11 h3:hover{
font-family: 'Yanone Kaffeesatz', sans-serif;
clear: both;
min-height: 10px;
position:absolute;
width:100%;
bottom:0;
left:0;
background-color:rgba(0, 0, 0, 0.7);
padding:5px;
text-align:center;
color:#F2F0EE;
font-size: 27px;
font-weight:300;
line-height: 135%;
text-shadow:1px 1px 1px #000000;
-moz-text-shadow:1px 1px 1px #000000;
-webkit-text-shadow:1px 1px 1px #000000;
}
.column_5 img {
height: auto;
width:auto;
}
.column_5_prices img {
height: auto;
width:auto;
}
.row_16 img {
width:auto;
}
.row_30 {
clear: both;
min-height: 100px;
padding:20px 10px;
width:90%;
margin:0 auto;
border-color:transparent;
}
.row_30 a {
text-decoration: underline;
}
.row_30 a:hover {
text-decoration: none;
}
.warp_column_15 {
clear: both;
min-height: 100px;
padding: 15px 0;
}
.warp_column_15 a:hover {
text-decoration: none;
}
.warp_column_15_prices {
clear: both;
min-height: 100px;
padding: 15px 0;
}
.row_37 {
clear: both;
min-height: 100px;
background-color:#1E2024;
border: 1px solid #33363B;
width:100%;
margin:0 auto;
}
.warp_column_25 {
padding: 15px 0;
}
.warp_column_25 a:hover {
text-decoration: none;
}
.column_20 {
float: none;
width: auto;
min-height: 100px;
overflow: hidden; /* Скрываем всё за контуром */
}
.column_20 img {
transition: 0.5s; /* Время эффекта */
}
.column_20 img:hover {
transform: scale(1.2); /* Увеличиваем масштаб */
}
.column_21 {
float: none;
width: auto;
min-height: 100px;
}
.row_38 {
clear: both;
width: auto;
}
img.image14 {
height: auto;
width:auto;
margin: 0 auto;
display:block;
}
.column_25 {
float: none;
min-height: 100px;
margin:0 auto;
padding: 5px;
}
.row_46 {
clear: both;
min-height: 100px;
background-color:#1E2024;
border: 1px solid #33363B;
max-width:none;
}
.row_47 {
clear: both;
width: 100%;
min-height: 100px;
margin: 0 auto;
/*padding:5px;*/
text-align: center; 
overflow: hidden; /* Скрываем всё за контуром */
}
.row_47 img {
transition: 0.5s; /* Время эффекта */
}
.row_47 img:hover {
transform: scale(1.2); /* Увеличиваем масштаб */
}
.row_48 {
clear: both;
width: auto;
min-height: 20px;
}
.row_48 h3 {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: min(max(24px, 2.2vw), 32px);
font-weight: 300;
line-height: 135%;
margin: 0;
color: #B6A99C;
text-align: center;
padding: 10px;
}
img.image16 {
height: auto;
margin: 0 auto;
display:block;
}
.column_19 a:hover {
text-decoration: none;
}
.row_price {
clear: both;
min-height: 100px;
margin-right:auto;
background-color:#1E2024;
border: 1px solid #33363B;
padding: 20px 0;
}
.row_images_diplom {
margin: 20px 0;
text-align:center;
}
.column_34 {
float: none;
width: auto;
min-height: 100px;
padding: 0 20px;
}
.column_35 {
float: none;
width: auto;
min-height: 100px;
}
.row_61 {
clear: both;
width: auto;
min-height: 30px;
font-size:24px;
}
.column_36 {
float: left;
width: 50%;
padding:10px;
border-right:0 solid rgb(178, 165, 152);
text-align:center;
}
.column_37 {
float: left;
width: 50%;
padding:10px;
clear:none;
text-align:center;
}
.row_69 {
clear: both;
width: auto;
}
.row_62 {
clear: both;
width: auto;
min-height: 30px;
font-size:22px;
background-color:#222428;
}
.row_63 {
clear: both;
width: auto;
min-height: 30px;
font-size:22px;
}
.row_64 {
clear: both;
width: auto;
min-height: 50px;
}
.row_65 {
clear: both;
width: auto;
min-height: 50px;
}
.row_66 {
clear: both;
width: auto;
min-height: 50px;
}
.row_67 {
clear: both;
width: auto;
min-height: 50px;
}
.row_68 {
clear: both;
width: auto;
min-height: 50px;
}
.row_60 {
clear: both;
width: auto;
}
.table_services_design {
clear: both;
min-height: 100px;
margin:20px 0;
}
.warp_row_price {
padding: 20px 0;
margin: 0 auto;
}
.column_6 p,
.column_6_prices p,
.column_21 p,
.column_32 p,
.warp_column_15 p,
.warp_column_15_prices p {
padding: 15px;
}
.column_32_prices p {
padding: 15px;
text-align: left;
}
.warp_row_price p {
margin: 0 10px;
padding: 15px 0;
}
.row_56 {
clear: both;
width: auto;
min-height: 33px;
background-color:#1A1A1C;
padding:10px;
}
.row_57 {
clear: both;
width: auto;
min-height: 33px;
background-color:#191A1D;
padding:10px;
}
.row_58 {
clear: both;
width: auto;
min-height: 34px;
background-color:#191A1D;
padding:10px;
}
.price_table_design {
clear: both;
min-height: 100px;
margin:20px 0;
}
.row_51 {
clear: both;
width: auto;
min-height: 25px;
background-color:#1A1A1C;
font-size:130%;
}
.column_26 {
float: left;
width: 50%;
min-height: 25px;
text-align:center;
padding:10px;
}
.column_27 {
float: left;
width: 50%;
min-height: 25px;
text-align:center;
padding:10px;
clear:none;
}
.row_52 {
clear: both;
width: auto;
min-height: 25px;
background-color:#252527;
}
.column_28 {
float: left;
width: 50%;
min-height: 25px;
text-align:center;
padding:10px;
}
.column_29 {
float: left;
width: 50%;
min-height: 25px;
text-align:center;
padding:10px;
clear:none;
}
.row_53 {
clear: both;
width: auto;
min-height: 25px;
background-color:#1E1E20;
}
.column_30 {
float: left;
width: 50%;
min-height: 25px;
text-align:center;
padding:10px;
}
.column_31 {
float: left;
width: 50%;
min-height: 25px;
padding:10px;
clear:none;
text-align:center;
}
.row_54 {
clear: both;
width: auto;
min-height: 25px;
background-color:#E5DED7;
text-align:center;
padding:10px;
}
.row_11 a:hover {
color: #F2F0EE;
}
.column_33 img {
height: auto;
}
.column_33_prices img {
height: auto;
}
img.image18 {
max-width: 100%;
display:inline-block;
padding:5px;
}
img.image19 {
max-width: 100%;
display:inline-block;
padding:5px;
}
img.image20 {
max-width: 100%;
display:inline-block;
padding:5px;
}
img.image21 {
height: auto;
max-width:100%;
display:inline-block;
padding:5px;
}
img.image22 {
height: auto;
max-width:100%;
display:inline-block;
padding:5px;
}
img.image23 {
height: auto;
max-width:100%;
display:inline-block;
padding:5px;
}
img.image24 {
height: auto;
max-width:100%;
display:inline-block;
padding:5px;
}
img.image25 {
height: auto;
max-width:100%;
display:inline-block;
padding:5px;
}


.bx-breadcrumb {
margin-left: auto;
margin-right:auto;
padding-top:20px;
padding-bottom:20px;
}

/* ===== END: template-1.css ===== */


/* ===== START: template-1-footer.css ===== */
#wp_widget0 {
position:fixed;
bottom:50%;
right:0;
display:inline-block;
cursor:pointer;
background-image:url("/images/back_to_top_bkg/back_to_top_bkg.png");
width:50px;
height:50px;
background-repeat: no-repeat;
background-position:center center;
background-color:#C4C5C7;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
z-index: 1000;
}
.footer {
min-height:100px;
background-color: #1E2024;
border-top: 1px solid #33363B;
color:#4D4D4D;
}
.footer a {
color: #4D4D4D;
}
.row_6 {
clear: both;
width: auto;
min-height: 100px;
border-bottom:0 solid transparent;
border-left-color:transparent;
border-top-color:transparent;
border-right-color:transparent;
}
.row_6_confidic {
clear: both;
width: auto;
min-height: 100px;
border-bottom:0 solid transparent;
border-left-color:transparent;
border-top-color:transparent;
border-right-color:transparent;
padding: 5px 30px 20px 20px;
}
.column_8 {
float: none;
width: auto;
min-height: 20px;
padding:15px 20px 5px 20px;
}
.column_15 {
float: none;
width: 100%;
min-height: 100px;
margin: 0 auto;
padding:7px;
}
.column_15_prices {
float: none;
width: 100%;
min-height: 100px;
margin: 0 auto;
padding:7px;
}
.row_26 {
clear: both;
min-height: 100px;
background-color:#1E2024;
border: 1px solid #33363B;
}
.row_26_prices {
clear: both;
min-height: 100px;
background-color:#1E2024;
border: 1px solid #33363B;
}
.row_27 {
clear: both;
width: auto;
min-height: 100px;
position:relative;
/*padding: 5px;*/
overflow: hidden; /* Скрываем всё за контуром */
}
.row_27 img {
transition: 0.5s; /* Время эффекта */
}
.row_27 img:hover {
transform: scale(1.2); /* Увеличиваем масштаб */
}
.row_27_prices {
clear: both;
width: auto;
min-height: 100px;
position:relative;
/*padding: 5px;*/
}
.row_29 {
clear: both;
min-height: 50px;
position:absolute;
width:100%;
top:0;
left:0;
background-color:rgba(0, 0, 0, 0.4);
padding:5px;
color:#FFFDFC;
text-align:center;
font-size: clamp(17px, 1.6vw, 22px);
}
.row_29 a {
color: #FFFDFC;
font-size: clamp(17px, 1.6vw, 22px);
}
.row_28 {
clear: both;
width: auto;
min-height:100px;
}
.row_28 h3 {
font-family: yanone kaffeesatz,sans-serif;
font-size: min(max(28px, 3vw), 36px);
font-weight: 300;
line-height: 135%;
margin: 0;
color: #a48c75;
text-align: center;
padding: 15px 10px;
}
.row_28_prices {
clear: both;
width: auto;
min-height:100px;
}
.row_28_prices h3 {
font-family: yanone kaffeesatz,sans-serif;
font-size: min(max(32px, 3vw), 40px);
font-weight: 300;
line-height: 135%;
margin: 0;
color: #a48c75;
text-align: center;
padding: 15px;
}
.column_9 {
float: none;
width: auto;
min-height: 20px;
text-align:center;
padding:5px 10px;
}
.row_7 {
clear: both;
width: auto;
min-height: 50px;
background-color:transparent;
display:none;
padding-bottom:10px;
}
.row_7 a {
color: #4D4D4D;
display:inline-block;
padding:3px 0;
}
.column_10 {
float: none;
width: auto;
min-height: 20px;
padding: 0 20px;
text-decoration: none;
}
.column_11 {
float: none;
width: auto;
min-height: 20px;
padding-top:10px;
padding-left:20px;
}
.column_12 {
float: none;
width: auto;
min-height: 20px;
padding-left:20px;
}
.column_13 {
float: none;
width: auto;
min-height: 20px;
padding-left:20px;
}
.column_14 {
float: none;
width: auto;
min-height: 20px;
padding-top:10px;
padding-left:20px;
}
.row_7 a:hover {
color: #D9D3CD;
text-decoration:none;

}
.row_7 a.o_studii {
font-size: 20px;
}
.row_7 a.dizain-proekty {
font-size: 20px;
}
.row_7 a.remont-i-otdelka {
font-size: 20px;
}
.row_7 a.uslugi-i-ceny {
font-size: 20px;
}
.row_7 a.contakty {
font-size: 20px;
}
.footer a:hover {
color: #999999;
text-decoration:none;
}
img.image6 {
display: inline-block;
margin:5px;
}
img.image7 {
display: inline-block;
margin:5px;
}
img.image8 {
display: inline-block;
margin:5px;
}
img.image9 {
display: inline-block;
margin:5px;
}
img.image10 {
display: inline-block;
margin:5px;
}
img.image11 {
display: inline-block;
margin:5px;
}
img.image12 {
display: inline-block;
margin:5px;
}
img.image13 {
height: auto;
}
.row_29 a:hover {
color: #D9D3CD;
}


/* ===== END: template-1-footer.css ===== */


/* ===== START: combined-responsive-media.css ===== */
@media only screen and (max-width: 768px) {
.stocks img {
width:75%;
}
.column_41 {
margin-bottom: 15px;
padding-top: 8px;
}
span.span1-1 {
line-height: 135%;
font-size: min(max(22px, 6vw), 50px);
font-weight: 500;
}
span.span1 {
line-height: 135%;
font-size: min(max(11px, 3vw), 50px);
}
.h1-title {
left: 12.5%;
font-size: min(max(11px, 2.5vw), 50px);
top:60%;
width: 80%;
}
.row_5 > p:not(.hr),
.row_5 > div > p,
.row_5 > div > div > p {
margin: 0 auto;
padding: 20px 20px;
width: 100%;
}
.row_5 ul {
margin: 0 auto;
padding: 20px 20px;
max-width: none;
}
.row_5 ol {
margin: 0 auto;
padding: 20px 20px;
max-width: none;
}
.news-line {
margin: 0 auto;
padding: 20px;
max-width: 460px;
}
}
@media only screen and (min-width: 769px) {
.row_1 {
min-height: 50px;
padding: 0;
}
.column_1 {
float: left;
width: 49%;
min-height: 50px;
padding: 10px 0 10px 10px;
}
.column_38 {
float: left;
width: 49%;
min-height: 30px;
}
.column_39 {
float: left;
width: 51%;
min-height: 30px;
margin-left:0;
text-align:center;
padding: 0 5px;
line-height: 100%;
}
.stocks {
clear: both;
width: 15%;
min-height:20px;
top:1.5%;
left:0.5%;
padding:5px;
float:left;
background-color:transparent;
}
.column_2 {
float: left;
width: 51%;
min-height: 20px;
display:block;
padding:10px 10px 10px 0;
}
.column_3 {
float: left;
width: 5%;
min-height: 20px;
margin-top:25px;
display:block;
}
.row_3 {
clear: both;
width: auto;
}
.decoration {
clear: both;
min-height: 20px;
float:left;
width:14%;
right:0.5%;
top:1.5%;
}
.h1-title {
clear: both;
min-height: 20px;
top:60%;
z-index:50;
}
.row_2 {
min-height: 150px;
position:relative;
}
.column_2_align {
right: auto;
left:auto;
}
.column_40 {
float: left;
width: 50%;
min-height: 20px;
padding-left: 0;
margin-top: 0;
}
.column_41 {
float: left;
width: 50%;
min-height: 20px;
padding-left:2px;
padding-top: 0;
line-height: 65%;
}
.row_71 {
clear: both;
width: auto;
}
img.image1 {
width: 100%;
}
.header {
min-height: 200px;
}
span.span3 {
font-size: min(max(12px, 1.4vw), 18px);
line-height: 135%;
}
span.span4 {
font-size: min(max(12px, 1.4vw), 18px);
}
div.span2 {
font-size: 15px;
line-height: 135%;
}
div.span5 {
font-size: 14px;
line-height: 135%;
}
div.span5 a {
font-size: 22px;
}
.signature_action {
clear: both;
min-height: 10px;
padding:5px;
top:26%;
left:0.5%;
width:23%;
float:left;
background-color:transparent;
}
.signature_action a {
color:#E7000A;
font-weight:400;
}
.column_26 {
float: left;
width: 50%;
min-height: 25px;
padding:10px;
}
.column_27 {
float: left;
width: 50%;
min-height: 25px;
padding:10px;
}
.row_43 {
clear: both;
width: auto;
}
.page-content {
min-height: 30px;
width: 100%;
}
.stocks {
clear: both;
min-height: 100px;
}
.row_5 {
min-height: 650px;
padding: 0 20px 20px;
}
.column_18 {
float: left;
width: 25%;
min-height: 650px;
display:block;
}
.row_33 {
min-height: 50px;
}
.row_35 {
min-height: 30px;
font-size:30px;
}
.row_36 {
min-height: 50px;
}
.row_34 {
min-height: 325px;
}
.column_19 {
float: left;
width: 100%;
min-height: 650px;
}
.row_32 {
clear: both;
width: auto;
}
.column_16 {
float: left;
width: 50%;
min-height: 610px;
}
.column_17 {
float: left;
width: 50%;
min-height: 610px;
}
.row_31 {
clear: both;
width: auto;
}
.row_24 {
clear: both;
min-height: 100px;
}
.tv {
clear: both;
min-height: 100px;
margin: 0 auto;
max-width:none;
}
.column_7 {
float: left;
width: 25%;
min-height: 100px;
}
.row_16 {
clear: both;
min-height: 100px;
margin:5px;
max-width:none;
}
.column_8 {
float: left;
width: 25%;
min-height: 100px;
}
.column_9 {
float: left;
width: 25%;
min-height: 100px;
}
.column_10 {
float: left;
width: 25%;
min-height: 100px;
}
.row_15 {
clear: both;
width: auto;
}
.post-right {
clear: both;
min-height: 100px;
max-width:none;
}
.post-right_prices {
clear: both;
min-height: 100px;
max-width:none;
}
.column_32 {
float: left;
width: 50%;
min-height: 100px;
}
.column_32_prices {
float: left;
width: 50%;
min-height: 100px;
text-align: left;
padding-left: 30px;
}
.column_33 {
float: left;
width: 50%;
min-height: 100px;
/*padding:5px;*/
}
.column_33_prices {
float: left;
width: 50%;
min-height: 100px;
/*padding:5px;*/
}
.row_60 {
clear: both;
width: auto;
}
.post {
clear: both;
min-height: 100px;
max-width:none;
width:100%;
}
.post_prices {
clear: both;
min-height: 100px;
max-width:none;
width:100%;
}
.warp_post_padding {
width: auto;
padding: 7px;
}
.warp_post_padding_prices {
width: auto;
padding: 7px;
}
.row_13 {
clear: both;
width: auto;
}
.foto {
clear: both;
min-height: 150px;
width:auto;
max-width:none;
}
.column_4 {
float: left;
width: 33.33%;
min-height: 150px;
max-width:none;
padding: 5px;
}
.row_10 {
clear: both;
min-height: 150px;
width:auto;
max-width:none;
}
.column_5 {
float: left;
width: 50%;
min-height: 100px;
/*padding:5px;*/
background-color:transparent;
}
.column_5_prices {
float: left;
width: 50%;
min-height: 100px;
background-color:transparent;
}
.column_6 {
float: left;
width: 50%;
min-height: 100px;
background-color:transparent;
}
.column_6_prices {
float: left;
width: 50%;
min-height: 100px;
background-color:transparent;
text-align: left;
padding-left: 30px;
}
.row_9 {
clear: both;
width: auto;
}
.row_42 {
clear: both;
min-height: 100px;
}
.warp_column_15 {
clear: both;
min-height: 100px;
padding:20px 0;
}
.warp_column_15_prices {
clear: both;
min-height: 100px;
padding:20px 0;
}
.row_37 {
clear: both;
min-height: 100px;
max-width:none;
width:auto;
}
.warp_column_25 {
padding: 20px 0;
}
.column_20 {
float: left;
width: 50%;
min-height: 100px;
}
.column_21 {
float: left;
width: 50%;
min-height: 100px;
}
.row_38 {
clear: both;
width: auto;
}
.column_25 {
float: left;
width: 33.33%;
min-height: 100px;
padding: 5px;
}
.row_46 {
clear: both;
min-height: 100px;
margin:0;
width:auto;
max-width:none;
}
.row_47 {
min-height: 50px;
width:auto;
text-align: center;
}
.row_48 {
min-height: 160px;
}
.row_44 {
min-height: 50px;
}
.row_45 {
min-height: 50px;
padding: 0 10px;
}
.price_table_design {
clear: both;
min-height: 100px;
}
.row_51 {
min-height: 25px;
}
.row_price {
clear: both;
min-height: 100px;
margin: 0 auto;
}
.column_34 {
float: left;
width: 50%;
min-height: 100px;
padding: 0 20px;
}
.column_35 {
float: left;
width: 50%;
min-height: 100px;
}
.row_61 {
min-height: 30px;
font-size:22px;
}
.column_36 {
float: left;
width: 50%;
text-align:center;
}
.column_37 {
float: left;
width: 50%;
overflow:visible;
text-align:center;
}
.row_69 {
clear: both;
width: auto;
}
.row_62 {
min-height: 30px;
font-size:20px;
}
.row_63 {
min-height: 30px;
font-size:20px;
}
.row_64 {
min-height: 50px;
}
.row_65 {
min-height: 50px;
}
.row_66 {
min-height: 50px;
}
.row_67 {
min-height: 50px;
}
.row_68 {
min-height: 50px;
}
.table_services_design {
clear: both;
width: auto;
min-height:100px;
}
.row_58 {
min-height: 34px;
padding:10px;
}
.row_52 {
min-height: 25px;
}
.column_28 {
float: left;
width: 50%;
min-height: 25px;
padding:10px;
}
.column_29 {
float: left;
width: 50%;
min-height: 25px;
padding:10px;
}
.row_56 {
clear: both;
width: auto;
min-height:33px;
padding:10px;
}
.row_53 {
min-height: 25px;
}
.column_30 {
float: left;
width: 50%;
min-height: 25px;
padding:10px;
}
.column_31 {
float: left;
width: 50%;
min-height: 25px;
padding:10px;
}
.row_57 {
clear: both;
width: auto;
min-height:33px;
padding:10px;
}
.row_54 {
min-height: 25px;
padding:10px;
}
.row_5 > p:not(.hr),
.row_5 > div > p,
.row_5 > div > div > p {
margin: 0 auto;
padding: 20px 40px;
max-width: 820px;
}
p.hr {
width: 95%;
}
.row_5 ul {
margin: 0 auto;
padding: 20px 40px;
max-width: 820px;
}
.row_5 ol {
margin: 0 auto;
padding: 20px 40px;
max-width: 820px;
}
.news-line {
margin: 0 auto;
padding: 20px 100px;
max-width: 970px;
}
img.image18 {
max-width: 33%;
}
img.image19 {
max-width: 33%;
}
img.image20 {
max-width: 33%;
}
img.image21 {
max-width: 33%;
}
img.image22 {
max-width: 33%;
}
img.image23 {
max-width: 33%;
}
img.image24 {
max-width: 49.5%;
}
img.image25 {
max-width: 49.5%;
}
.row_4 {
display: block;
}
.row_6 {
min-height: 50px;
}
.row_6_confidic {
min-height: 50px;
padding: 20px 30px 20px 20px;
}
.column_8 {
float: left;
width: 60%;
min-height: 50px;
padding-right:0;
padding-bottom:10px;
}
.column_9 {
float: left;
width: 40%;
min-height: 50px;
text-align:left;
padding-top:30px;
padding-bottom:0;
padding-right:10px;
}
.row_24 {
clear: both;
width: auto;
max-width:none;
right:auto;
left:auto;
}
.column_15 {
float: left;
width: 33.33%;
min-height: 100px;
max-width:none;
padding:5px;
}
.column_15_prices {
float: left;
width: 33.33%;
min-height: 100px;
max-width:none;
padding:5px;
}
.row_26 {
clear: both;
min-height: 100px;
margin:0;
}
.row_26_prices {
clear: both;
min-height: 100px;
margin:0;
}
.row_27 {
min-height: 50px;
/*padding: 5px;*/
}
.row_27_prices {
min-height: 50px;
/*padding: 5px;*/
}
.row_29 {
clear: both;
min-height: 50px;
}
.row_28 {
min-height: 330px;
}
.row_28_prices {
min-height: 330px;
}
.column_16 {
float: left;
width: 33.33%;
min-height: 100px;
}
.column_17 {
float: left;
width: 33.34%;
min-height: 100px;
}
.row_7 {
min-height: 50px;
display:block;
}
.column_10 {
float: left;
width: 20%;
min-height: 50px;
padding-top:35px;
padding-right:0;
text-decoration: none;
}
.column_11 {
float: left;
width: 20%;
min-height: 50px;
}
.column_12 {
float: left;
width: 20%;
min-height: 50px;
padding-top:10px;
}
.column_13 {
float: left;
width: 20%;
min-height: 50px;
padding-top:10px;
}
.column_14 {
float: left;
width: 20%;
min-height: 50px;
padding-left:20px;
}
.row_25 {
clear: both;
width: auto;
}
.footer {
min-height: 100px;
}
.row_7 a {
padding-top: 0;
padding-bottom:0;
}
}
@media only screen and (min-width: 1024px) {
.row_1 {
clear: both;
width: auto;
margin-left:auto;
min-height:50px;
padding: 0;
}
.row_3 {
clear: both;
width: auto;
}
.column_1 {
float: left;
min-height:50px;
padding: 10px;
width:49%;
}
.stocks {
clear: both;
width: 15%;
min-height:20px;
top:1.5%;
left:0.5%;
padding:5px;
float:left;
background-color:transparent;
}
.column_38 {
float: left;
width:49%;
min-height:30px;
}
.column_39 {
float: left;
margin-left:0;
text-align:center;
width:51%;
min-height:30px;
padding: 0 5px;
}
.column_2 {
float: left;
min-height:20px;
width:51%;
margin-top:0px;
display:block;
padding:10px 10px 10px 10px;
}
.column_3 {
float: left;
min-height:20px;
width:5%;
margin-top:25px;
display:block;
}
.decoration {
clear: both;
min-height: 20px;
float:left;
width:14%;
right:0.5%;
top:1.5%;
}
.h1-title {
clear: both;
min-height: 20px;
top:60%;
z-index:50;
}
.row_2 {
clear: both;
position:relative;
min-height:150px;
}
.column_2_align {
margin-top:25px;
}
.row_71 {
clear: both;
width: auto;
}
.column_40 {
float: left;
min-height:20px;
padding: 0;
margin-top: 0;
}
.column_41 {
float: left;
min-height:20px;
padding-left:5px;
}
img.image1 {
width: 100%;
display:inline-block;
}
.header {
min-height: 200px;
}
span.span3 {
font-size: min(max(12px, 1.4vw), 18px);
line-height: 135%;
}
span.span4 {
font-size: min(max(12px, 1.4vw), 18px);
}
div.span2 {
font-size: 18px;
line-height: 135%;
}
div.span5 {
font-size: 16px;
line-height: 135%;
}
div.span5 a {
font-size: 28px;
}
.signature_action {
clear: both;
min-height: 10px;
padding:5px;
float:left;
top:26%;
left:0.5%;
width:23%;
background-color:transparent;
}
.signature_action a {
color:#E7000A;
font-weight:400;
}
.page-content {
width: 100%;
min-height:30px;
}
.stocks {
clear: both;
min-height: 100px;
}
.row_5 {
clear: both;
width: auto;
min-height:650px;
padding: 0 20px 20px;
}
.row_32 {
clear: both;
width: auto;
}
.column_18 {
float: left;
display:block;
}
.row_33 {
clear: both;
width: auto;
padding:0;
min-height:50px;
}
.row_35 {
clear: both;
width: auto;
min-height:30px;
font-size:30px;
}
.row_36 {
clear: both;
width: auto;
min-height:50px;
}
.row_34 {
clear: both;
width: auto;
}
.column_19 {
float: left;
min-height:650px;
}
.row_31 {
clear: both;
width: auto;
}
.column_16 {
float: left;
}
.column_17 {
float: left;
}
.foto {
width: auto;
max-width:none;
}
.row_9 {
clear: both;
width: auto;
}
.column_4 {
float: left;
max-width:none;
width:33.33%;
padding: 7px;
}
.row_10 {
width: auto;
max-width:none;
}
.column_5 {
float: left;
width:50%;
background-color:transparent;
}
.column_5_prices {
float: left;
width:50%;
background-color:transparent;
}
.column_6 {
float: left;
background-color:transparent;
width:50%;
}
.column_6_prices {
float: left;
background-color:transparent;
width:50%;
text-align: left;
padding-left: 50px;
}
.row_24 {
clear: both;
min-height: 100px;
}
.tv {
clear: both;
min-height: 100px;
margin: 0 auto;
max-width:none;
}
.row_15 {
clear: both;
width: auto;
}
.column_7 {
float: left;
}
.row_16 {
margin:5px;
max-width:none;
}
.column_8 {
float: left;
}
.column_9 {
float: left;
}
.column_10 {
float: left;
}
.post-right {
clear: both;
min-height: 100px;
}
.post-right_prices {
clear: both;
min-height: 100px;
}
.row_60 {
clear: both;
width: auto;
}
.column_32 {
float: left;
width:50%;
}
.column_32_prices {
float: left;
width:50%;
text-align: left;
padding-left: 50px;
}
.column_33 {
float: left;
/*padding:5px;*/
width:50%;
}
.column_33_prices {
float: left;
/*padding:5px;*/
width:50%;
}
.post {
clear: both;
min-height: 100px;
max-width:none;
width:100%;
}
.post_prices {
clear: both;
min-height: 100px;
max-width:none;
width:100%;
}
.warp_post_padding {
width: auto;
padding: 10px;
}
.warp_post_padding_prices {
width: auto;
padding: 10px;
}
.row_13 {
clear: both;
width: auto;
}
.row_42 {
clear: both;
min-height: 100px;
}
.warp_column_15 {
clear: both;
min-height: 100px;
padding:20px 0;
}
.warp_column_15_prices {
clear: both;
min-height: 100px;
padding:20px 0;
}
.row_37 {
clear: both;
min-height: 100px;
max-width:none;
width:auto;
}
.warp_column_25 {
padding: 20px 0;
}
.row_38 {
clear: both;
width: auto;
}
.column_20 {
float: left;
}
.column_21 {
float: left;
}
.row_43 {
clear: both;
width: auto;
}
.column_25 {
float: left;
width:33.33%;
padding:7px;
}
.row_46 {
width:auto;
max-width:none;
}
.row_47 {
clear: both;
width: auto;
text-align: center;
}
.row_48 {
clear: both;
width: auto;
min-height:150px;
}
.row_44 {
clear: both;
width: auto;
}
.row_45 {
clear: both;
width: auto;
padding: 0 10px;
}
.column_26 {
float: left;
padding:10px;
min-height:25px;
width:50%;
}
.column_27 {
float: left;
padding:10px;
min-height:25px;
width:50%;
}
.price_table_design {
clear: both;
min-height: 100px;
}
.row_51 {
clear: both;
width: auto;
min-height:25px;
}
.row_price {
clear: both;
min-height: 100px;
margin: 0 auto;
}
.column_34 {
float: left;
padding: 0 20px;
width:50%;
}
.column_35 {
float: left;
width:50%;
}
.row_61 {
clear: both;
width: auto;
min-height:30px;
font-size:24px;
}
.row_69 {
clear: both;
width: auto;
}
.column_36 {
float: left;
min-height:0;
width:50%;
text-align:center;
}
.column_37 {
float: left;
min-height:0;
width:50%;
overflow:visible;
text-align:center;
}
.row_62 {
clear: both;
width: auto;
min-height:30px;
font-size:22px;
}
.row_63 {
clear: both;
width: auto;
min-height:30px;
font-size:22px;
}
.row_64 {
clear: both;
width: auto;
min-height:50px;
}
.row_65 {
clear: both;
width: auto;
min-height:50px;
}
.row_66 {
clear: both;
width: auto;
min-height:50px;
}
.row_67 {
clear: both;
width: auto;
min-height:50px;
}
.row_68 {
clear: both;
width: auto;
min-height:50px;
}
.table_services_design {
clear: both;
width: auto;
min-height:100px;
}
.row_58 {
clear: both;
width: auto;
padding:10px;
min-height:34px;
}
.row_52 {
clear: both;
width: auto;
min-height:25px;
}
.row_56 {
clear: both;
width: auto;
padding:10px;
min-height:33px;
}
.column_28 {
float: left;
padding:10px;
min-height:25px;
width:50%;
clear:none;
}
.column_29 {
float: left;
padding:10px;
min-height:25px;
width:50%;
}
.row_53 {
clear: both;
width: auto;
min-height:25px;
}
.row_57 {
clear: both;
width: auto;
padding:10px;
min-height:33px;
}
.column_30 {
float: left;
padding:10px;
min-height:25px;
width:50%;
}
.column_31 {
float: left;
padding:10px;
min-height:25px;
width:50%;
}
.row_54 {
clear: both;
width: auto;
padding:10px;
min-height:25px;
}
.row_5 > p:not(.hr),
.row_5 > div > p,
.row_5 > div > div > p {
margin: 0 auto;
padding: 20px 160px;
max-width: 1300px;
}
p.hr {
width: 95%;
}
.row_5 ul {
margin: 0 auto;
padding: 20px 160px;
max-width: 1300px;
}
.row_5 ol {
margin: 0 auto;
padding: 20px 160px;
max-width: 1300px;
}
.news-line {
margin: 0 auto;
padding: 20px 160px;
max-width: 1350px;
}
img.image18 {
max-width: 33%;
}
img.image19 {
max-width: 33%;
}
img.image20 {
max-width: 33%;
}
img.image21 {
max-width: 33%;
}
img.image22 {
max-width: 33%;
}
img.image23 {
max-width: 33%;
}
img.image24 {
max-width: 49.5%;
}
img.image25 {
max-width: 49.5%;
}
.row_4 {
display: block;
}
.row_6 {
clear: both;
width: auto;
display:block;
min-height:50px;
max-width: 1800px;
margin: 0 auto;
}
.row_6_confidic {
clear: both;
width: auto;
display:block;
min-height:50px;
max-width: 1800px;
margin: 0 auto;
padding: 20px 30px 20px 20px;
}
.row_24 {
clear: both;
width: auto;
max-width:none;
right:auto;
left:auto;
}
.column_15 {
float: left;
width:33.33%;
max-width:none;
padding: 7px;
}
.column_15_prices {
float: left;
width:33.33%;
max-width:none;
padding:7px;
}
.row_27 {
clear: both;
width: auto;
}
.row_27_prices {
clear: both;
width: auto;
}
.row_29 {
min-height: 50px;
}
.row_28 {
clear: both;
width: auto;
min-height: 280px;
}
.row_28_prices {
clear: both;
width: auto;
min-height: 280px;
}
.column_16 {
float: left;
}
.column_17 {
float: left;
}
.column_8 {
float: left;
width:60%;
min-height:50px;
padding-right:10px;
padding-bottom:10px;
}
.column_9 {
float: left;
width:40%;
min-height:50px;
text-align:center;
padding-top:30px;
padding-bottom:10px;
padding-right:10px;
}
.row_7 {
clear: both;
width: auto;
display:block;
min-height:50px;
max-width: 1800px;
margin: 0 auto;
}
.row_25 {
clear: both;
width: auto;
}
.column_10 {
float: left;
padding-top:35px;
padding-right:0;
min-height:50px;
text-decoration: none;
}
.column_11 {
float: left;
min-height:50px;
}
.column_12 {
float: left;
padding-top:10px;
min-height:50px;
}
.column_13 {
float: left;
padding-top:10px;
min-height:50px;
}
.column_14 {
float: left;
padding-left:20px;
min-height:50px;
}
.footer {
min-height: 100px;
}
}
/* ===== END: combined-responsive-media.css ===== */
/* only Bitrix top "Menu" button */
#bx-panel #bx-panel-menu {
  background: scroll transparent url(/bitrix/js/main/core/images/panel/top-panel-sprite-2.png) 0 -1171px !important;
}
#bx-panel #bx-panel-menu-text {
  background: scroll transparent url(/bitrix/js/main/core/images/panel/top-panel-sprite-2.png) right -1171px !important;
}
/* ===== Изображения в статье ===== */
.article-images-row {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
box-sizing: border-box;
margin: 0 auto;
width: 100%;
}
.article-images-row > img {
display: block;
flex: 0 1 auto;
min-width: 0;
max-width: 100%;
height: auto;
margin: 0;
}
/* Телефоны */
@media only screen and (max-width: 768px) {
.article-images-row {
flex-direction: column;
gap: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
}

.article-images-row > img {
flex: none;
width: 100%;
height: auto;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 7px 5px;
}
}
/* Планшеты и небольшие экраны */
@media only screen and (min-width: 769px) and (max-width: 1023px) {
.article-images-row {
flex-direction: row;
gap: 10px;
padding: 5px 0;
max-width: 970px;
}
}
/* Компьютеры */
@media only screen and (min-width: 1024px) {
.article-images-row {
flex-direction: row;
gap: 14px;
padding: 8px 20px;
max-width: 1600px;
}
}
/* ===== Изображения в статье ===== */
/* ===== Колонка текста в режиме правки (2026-08-07) =====
   В режиме правки Битрикс оборачивает включаемую область двумя своими слоями:
   .row_5 > div#bx_incl_area_N > div#bx_incl_area_N_M > div.news-detail > p
   Основные правила рассчитаны максимум на два div (.row_5 > div > div > p),
   поэтому ни одно из них не совпадает, абзац теряет ограничение ширины и
   растягивается во всю ширину контейнера.

   Правила ниже привязаны к идентификатору обёртки bx_incl_area, которого на
   живом сайте нет вообще, поэтому там они не совпадают ни с одним элементом.
   Проверено переписью вложенности на 150 страницах: чистые div-цепочки глубже
   двух уровней есть только на /prices/, и они сюда не попадают.

   Цифры повторяют основные правила (строки 1681 / 2243 / 2963) один в один.
   Откат: удалить всё от этого комментария до конца файла. */

@media only screen and (max-width: 768px) {
.row_5 > div[id^="bx_incl_area"] > div > p:not(.hr),
.row_5 > div[id^="bx_incl_area"] > div > div > p:not(.hr),
.row_5 > div[id^="bx_incl_area"] > div > div > div > p:not(.hr) {
margin: 0 auto;
padding: 20px 20px;
width: 100%;
}
}

@media only screen and (min-width: 769px) {
.row_5 > div[id^="bx_incl_area"] > div > p:not(.hr),
.row_5 > div[id^="bx_incl_area"] > div > div > p:not(.hr),
.row_5 > div[id^="bx_incl_area"] > div > div > div > p:not(.hr) {
margin: 0 auto;
padding: 20px 40px;
max-width: 820px;
}
}

@media only screen and (min-width: 1024px) {
.row_5 > div[id^="bx_incl_area"] > div > p:not(.hr),
.row_5 > div[id^="bx_incl_area"] > div > div > p:not(.hr),
.row_5 > div[id^="bx_incl_area"] > div > div > div > p:not(.hr) {
margin: 0 auto;
padding: 20px 160px;
max-width: 1300px;
}
}

/* ======================================================================
   2026-08-10. Карточки «фото + текст» во ВСЕХ разделах: описание стоит
   ровно по центру колонки при любой ширине окна, фото на всю высоту
   карточки, дата/заголовок/текст — одним левым краем.
   flex вместо float: при float центрировать текст по вертикали нельзя.
   row_37 — общая карточка листингов (статьи, блоги, стили, ТВ, пресса,
   новости, отзывы, вопрос-ответ) и статических блоков галереи, ремонта
   и страницы «О дизайнере», поэтому правило одно на всех.
   ====================================================================== */
.row_37 .column_21 { display: flex; flex-direction: column; box-sizing: border-box; padding: 22px 26px; }
.row_37 .column_21 .news-date-time { order: 1; display: block; padding: 0; margin: 0 0 6px; letter-spacing: .07em; }
.row_37 .column_21 h3 { order: 2; padding: 0; margin: 0 0 10px; text-align: left; }
.row_37 .column_21 p { order: 3; padding: 0; margin: 0; }
.row_37 .column_21 > div { order: 4; }
.row_37 .column_20 img { float: none !important; display: block; width: 100%; height: auto; margin: 0 !important; }

@media only screen and (min-width: 769px) {
  .row_37 { display: flex; align-items: stretch; }
  .row_37 .column_20 { float: none; width: 50%; flex: 0 0 50%; overflow: hidden; }
  .row_37 .column_21 { float: none; width: 50%; flex: 0 0 50%; justify-content: center; }
  .row_37 .column_20 img { height: 100%; object-fit: cover; }
}

/* Блоки главной и страницы «Услуги и цены». Стороны фото не меняются —
   какой столбец идёт первым в разметке, тот и остаётся слева. */
@media only screen and (min-width: 769px) {
  .post, .post-right, .post_prices, .post-right_prices { display: flex; align-items: stretch; }
  .post > div, .post-right > div, .post_prices > div, .post-right_prices > div { float: none; width: 50%; flex: 0 0 50%; box-sizing: border-box; }
  .column_5, .column_33, .column_5_prices, .column_33_prices { overflow: hidden; }
  .column_5 img, .column_33 img, .column_5_prices img, .column_33_prices img { display: block; width: 100%; height: 100%; object-fit: cover; }
  .column_6, .column_32, .column_6_prices, .column_32_prices { display: flex; flex-direction: column; justify-content: center; }
  .column_6 h3, .column_32 h3, .column_6_prices h3, .column_32_prices h3 { text-align: left; }
}

/* ----------------------------------------------------------------------
   Доводка отступов: зазор «фото → текст» одинаковый во ВСЕХ блоках.
   Было: листинги 26 px, главная 10 у заголовка и 15 у абзаца (то есть
   заголовок с текстом не выровнены между собой), цены 60/65 и разъезд
   с шириной окна (padding-left 30 → 50 в медиазапросах).
   Стало: колонка 22×26, у заголовка и абзацев своих отступов нет,
   между ними 10 px. Селекторы с классом строки — чтобы перебить более
   специфичные старые правила вида «.column_6 p { padding: 15px }».
   ---------------------------------------------------------------------- */
.post .column_6, .post-right .column_32,
.post_prices .column_6_prices, .post-right_prices .column_32_prices { padding: 22px 26px; }

.post .column_6 > *, .post-right .column_32 > *,
.post_prices .column_6_prices > *, .post-right_prices .column_32_prices > * { padding: 0; margin: 0 0 10px; }

.post .column_6 > *:last-child, .post-right .column_32 > *:last-child,
.post_prices .column_6_prices > *:last-child, .post-right_prices .column_32_prices > *:last-child { margin-bottom: 0; }

/* ----------------------------------------------------------------------
   Сетки карточек «3 в ряд»: детальные страницы (warp_column_25),
   главная (warp_column_15) и «Стоимость дизайн-проекта» на ценах
   (warp_column_15_prices).
   Было: float 33.33% + жёсткий запас высоты текстового блока
   (min-height 330/280 у row_28, 160/150 у row_48). Отсюда пустота
   59–108 px под короткими заголовками, а на ценах карточки расходились
   по высоте на 725 px — низы не совпадали вовсе.
   Стало: flex-обёртка, карточки в ряду равной высоты, перенос
   3 → 2 → 1 колонка. Где в карточке только заголовок — он по центру
   остатка; где заголовок с текстом — текст от верха.
   .foto (плитки фотографий) намеренно не тронуты: там все кадры
   1000×750, высоты и так равные.
   ---------------------------------------------------------------------- */
.warp_column_25, .warp_column_15, .warp_column_15_prices { display: flex; flex-wrap: wrap; align-items: stretch; }
.warp_column_25 > *, .warp_column_15 > *, .warp_column_15_prices > * { width: 100%; display: flex; }
.column_25, .column_15, .column_15_prices { float: none; width: 100%; display: flex; }
.column_25 > *, .column_15 > *, .column_15_prices > * { width: 100%; }

.row_46, .row_26, .row_26_prices { display: flex; flex-direction: column; }
.row_47, .row_27, .row_27_prices { flex: 0 0 auto; }
.row_47 img, .row_27 img, .row_27_prices img { display: block; width: 100%; height: auto; }

.row_48, .row_28, .row_28_prices { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; padding: 14px 16px; }
.row_48 { justify-content: center; }
.row_28, .row_28_prices { justify-content: flex-start; }
.row_48 h3, .row_28 h3, .row_28_prices h3 { padding: 0; margin: 0; }
.row_28 p, .row_28_prices p { padding: 0; margin: 10px 0 0; }

@media only screen and (min-width: 600px) {
  .warp_column_25 > *, .warp_column_15 > *, .warp_column_15_prices > * { width: 50%; }
}
@media only screen and (min-width: 1024px) {
  .warp_column_25 > *, .warp_column_15 > *, .warp_column_15_prices > * { width: 33.333%; }
}

/* Все сетки карточек — три в ряд до мобильной, ниже 769 px по одной.
   Промежуточной ступени в две колонки нет: решение владельца 2026-08-10. */
@media only screen and (min-width: 600px) and (max-width: 768px) {
  .warp_column_25 > *, .warp_column_15 > *, .warp_column_15_prices > * { width: 100%; }
}
@media only screen and (min-width: 769px) {
  .warp_column_25 > *, .warp_column_15 > *, .warp_column_15_prices > * { width: 33.333%; }
}

/* маркеры списков под линией абзаца (2026-08-14) */
.row_5 ul, .row_5 ol { list-style: none; }
.row_5 ul > li { position: relative; padding-left: 1.3em; }
.row_5 ul > li::before { content: "•"; position: absolute; left: 0; }
.row_5 ol { counter-reset: rlist; }
.row_5 ol > li { position: relative; padding-left: 1.9em; counter-increment: rlist; }
.row_5 ol > li::before { content: counter(rlist) "."; position: absolute; left: 0; }

/* End */


/* Start:/JS/slider/slider.css?17800880241418*/
/* ОСНОВНЫЕ СТИЛИ */
.slider-container {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
margin: 0;
padding: 0;
background: #191A1D;
}

.slider-wrapper {
position: relative;
width: 100%;
height: 100%;
}

.slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; /* Картинка заполняет весь экран */

opacity: 0;
z-index: 1;

/* ХИТРОСТЬ ДЛЯ "ЧЕТКОГО" ПЕРЕХОДА:
   Когда слайд становится НЕ активным (класс active убирается), 
   мы задерживаем (delay) его исчезновение на 2 секунды.
   Он остается видимым, пока новый слайд (z-index 2) плавно появляется поверх него.
   После 2 секунд старый слайд мгновенно выключается (duration 0s), но мы этого не видим, так как он уже перекрыт.
*/
transition: opacity 0s linear 2s; 
}

.slide.active {
opacity: 1;
z-index: 2;
/* Когда слайд становится активным, он плавно появляется за 2 секунды без задержки */
transition: opacity 2s ease-in-out; 
}

.slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* End */


/* Start:/JS/backtotop/backtotop.css?17885614692867*/
:root {
--primary-color: #6366f1; /* Индиго */
--bg-color: rgba(31, 41, 55, 0.8);
--icon-color: #f3f4f6;
/*--bg-color: rgba(255, 255, 255, 0.8);*/
/*--icon-color: #1f2937;*/
--size: 56px;
--progress-width: 3px;
--shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
--transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Темная тема */
/*@media (prefers-color-scheme: dark) {
:root {
--bg-color: rgba(31, 41, 55, 0.8);
--icon-color: #f3f4f6;
}
}*/

* {
box-sizing: border-box;
}
/*
body {
font-family: system-ui, -apple-system, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: #f9fafb;
color: #111827;
height: 300vh;
display: flex;
flex-direction: column;
align-items: center;
}

.demo-content {
padding: 40px 20px;
max-width: 600px;
text-align: center;
}
*/
/* Контейнер виджета - Позиционирование ПОСЕРЕДИНЕ СПРАВА */
.btt-container {
position: fixed;
top: 50%;
right: 20px;
z-index: 9999;
opacity: 0;
visibility: hidden;
/* Смещаем на -50% по Y для идеального центра + 20px вниз для анимации появления */
transform: translateY(-30%) scale(0.8);
transition: var(--transition);
}

.btt-container.visible {
opacity: 1;
visibility: visible;
transform: translateY(-50%) scale(1);
}

/* Кнопка */
.btt-button {
width: var(--size);
height: var(--size);
border-radius: 50%;
background: var(--bg-color);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: var(--shadow);
position: relative;
outline: none;
transition: var(--transition);
}

.btt-button:hover {
transform: scale(1.1);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
background: var(--primary-color);
}

.btt-button:hover .btt-icon {
stroke: white;
}

.btt-button:active {
transform: scale(0.95) translateY(-50%);
}

/* Иконка стрелки */
.btt-icon {
width: 24px;
height: 24px;
fill: none;
stroke: var(--icon-color);
stroke-width: 2.5;
stroke-linecap: round;
stroke-linejoin: round;
transition: var(--transition);
}

/* SVG Прогресс-бар */
.progress-svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: rotate(-90deg);
pointer-events: none;
}

.progress-circle {
fill: none;
stroke: var(--primary-color);
stroke-width: var(--progress-width);
stroke-dasharray: 157; /* 2 * PI * r (где r = 25) */
stroke-dashoffset: 157;
stroke-linecap: round;
transition: stroke-dashoffset 0.1s linear;
}

/* Адаптация для мобильных */
@media (max-width: 640px) {
.btt-container {
right: 10px;
}
:root {
--size: 48px;
}
}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/interiv_mega/style.css?178856523045439*/
/* ==========================================================================
   МЕГАМЕНЮ romanova.design
   Шаблон компонента bitrix:menu — interiv_mega
   Раскрытие на десктопе — чистый CSS (:hover / :focus-within), без JS.
   script.js отвечает только за прилипание шапки и мобильный аккордеон.
   ========================================================================== */

:root{
  /* палитра сайта */
  --rd-bg:            #191A1D;   /* фон страницы */
  --rd-header:        #191A1D;   /* фон шапки */
  --rd-panel:         #1F2124;   /* фон панели мегаменю — чуть светлее шапки */
  --rd-panel-alt:     #232528;   /* фон блока-заголовка внутри панели */
  /* На сайте нет ни белого текста, ни белых ссылок: всё набрано одним бежевым,
     а иерархия держится на размере и насыщенности. Значения сняты с romanova.design. */
  --rd-text:          #B2A598;   /* основной — им набрано почти всё */
  --rd-text-bright:   #D9D3CD;   /* чуть светлее: наведение и акценты */
  --rd-text-dim:      #92806E;   /* приглушённый: слоган, адрес, описания */
  --rd-hover-bg:      #25272B;   /* подложка пункта меню при наведении — как у них */
  --rd-accent:        #6366F1;   /* индиго — тот же, что в --primary-color кнопки «наверх» */
  --rd-line:          rgba(178,165,152,.18);
  --rd-line-strong:   rgba(178,165,152,.35);
  --rd-backdrop:      rgba(10,10,11,.55);

  /* шкала отступов — аналог --gap-* у eremont */
  --gap-1:4px;  --gap-2:8px;  --gap-3:12px; --gap-4:16px; --gap-5:20px;
  --gap-6:24px; --gap-8:32px; --gap-9:36px; --gap-10:40px; --gap-20:80px;

  --rd-font:      'Roboto', Arial, sans-serif;
  --rd-font-head: 'Yanone Kaffeesatz', 'Roboto', sans-serif;

  --rd-logo:      url("/images/templ_images/logo_interiv.webp");

  --rd-logo-mark: url("/images/templ_images/logo_mark.webp");

  --rd-header-h:  78px;
  --rd-easing:    cubic-bezier(.4,0,.2,1);
}

/* ВНИМАНИЕ: глобальных правил в этом файле быть не должно.
   Он подключается ПОСЛЕ стилей сайта, поэтому любое правило на голый тег
   (a, body, ul) перебивает template.css и меняет вид всех страниц.
   Так и случилось: ссылки в текстах потеряли свой приглушённый цвет #92806E
   и слились с текстом, размер шрифта застыл на 17px вместо clamp(17px,1.6vw,22px),
   у списков пропали маркеры и отступы. Найдено заказчиком 5 сентября 2026.
   Правила ниже достались от автономного прототипа, где стилей сайта не было
   вовсе и меню задавало себе основу само. Теперь все они ограничены шапкой. */
.rd-header *,.rd-header *::before,.rd-header *::after{box-sizing:border-box}
/* Плавной прокрутки здесь НЕ ДОЛЖНО БЫТЬ, и вот почему.
   Было: html{scroll-behavior:smooth}. Из-за неё переход по якорю при ЗАГРУЗКЕ
   страницы не срабатывал вовсе: браузер открывал /prices/#etap-4, адрес менялся,
   а прокрутка оставалась на нуле — цель висела в 5000px ниже экрана.
   Проверено 5 сентября 2026 и на телефоне, и в окне 1400px, и при клике из меню,
   и при прямом открытии адреса: со smooth — scrollY 0, с auto — прокручивается.
   Ломались все якорные ссылки сайта, в меню это шесть пунктов
   («Калькулятор стоимости», «Этапы работы», «3D-визуализация» и другие).
   Кнопка «наверх» плавность не потеряла — у неё свой behavior:'smooth' в JS. */
/* Было body{...} — убрано: цвет, фон и шрифт страниц задаёт сам сайт,
   и они совпадают с нашими. Осталось только сглаживание шрифта в шапке. */
/* Основа шрифта для шапки — ровно то, что раньше стояло в body этого файла.
   Без неё элементы, где размер и межстрочный не заданы явно (например строка
   «Ежедневно 9:00–22:00»), наследуют их от body сайта: 22px и 135% вместо
   17px и 1.5. Шапка от этого выросла со 176 до 187px. */
.rd-header{font:300 17px/1.5 var(--rd-font);-webkit-font-smoothing:antialiased}
.rd-header a{color:inherit;text-decoration:none}
.rd-header ul{list-style:none;margin:0;padding:0}

.rd-container{
  max-width:1560px;
  margin:0 auto;
  padding:0 var(--gap-10);
}

/* ==========================================================================
   1. ШАПКА
   ========================================================================== */
.rd-header{
  position:sticky; top:0; left:0; width:100%;
  /* Выше всех слоёв сайта: у блоков row_11 («Финалист PINWIN» и подобных)
     z-index:1000, у кнопки «наверх» — 9999. При z-index:200 прилипшая шапка
     уходила под них. */
  z-index:10000;
  background:var(--rd-header);
  border-bottom:1px solid var(--rd-line);
  transition:box-shadow .3s var(--rd-easing);
}
/* Прилипание. Шапка держится наверху всегда (position:sticky), но при прокрутке
   сворачивает верхнюю строку и оставляет только строку меню — иначе она съедала
   бы 130px экрана. У eremont здесь наоборот: шапка уезжает вверх и возвращается
   только при скролле вверх. */
.rd-header.is-compact{box-shadow:0 8px 24px -12px rgba(0,0,0,.65)}
.rd-header.is-compact .rd-topbar{
  max-height:0;
  padding-top:0; padding-bottom:0;
  opacity:0;
  border-bottom-color:transparent;
}
/* Строку меню открывает логотип, а не иконка «домой», и ведёт на главную.
   Он есть на всех ширинах и в обоих состояниях шапки, поэтому при прокрутке,
   когда верхняя строка сворачивается, логотип не пропадает.
   В прилипшей шапке на широких экранах монограмма разворачивается в целиковый
   логотип — там для него хватает места; на узких остаётся квадратная монограмма. */
.rd-nav > li.rd-nav__mark > a{
  padding:0 var(--gap-5) 0 var(--gap-2);
  opacity:.85;
  transition:opacity .2s var(--rd-easing);
}
.rd-nav > li.rd-nav__mark > a:hover{opacity:1}
.rd-brand__logomark{
  display:block;
  width:28px; height:28px;
  background:var(--rd-logo-mark) center/contain no-repeat;
}
.rd-nav__mark .rd-nav__logofull{display:none;width:150px}
/* Целиковый логотип в прилипшей шапке — от 1024px. На 1024–1249 места
   в обрез (было бы 33px запаса), поэтому там только в этом состоянии
   поджимаются отступы пунктов и логотип чуть меньше. Обычный вид не меняется. */
@media (min-width:1024px){
  .rd-header.is-compact .rd-nav__mark .rd-brand__logomark{display:none}
  .rd-header.is-compact .rd-nav__mark .rd-nav__logofull{display:block}
  .rd-header.is-compact .rd-nav > li.rd-nav__mark > a{padding:0 var(--gap-6) 0 0}
}
@media (min-width:1024px) and (max-width:1249px){
  .rd-nav__mark .rd-nav__logofull{width:120px}
  .rd-header.is-compact .rd-nav > li > a{padding:0 20px 0 8px}
  .rd-header.is-compact .rd-nav > li:not(.is-plain) > a::before{right:6px}
  .rd-header.is-compact .rd-nav > li.rd-nav__mark > a{padding:0 var(--gap-4) 0 0}
}

/* затемнение страницы под раскрытым меню — аналог .top_header.hover::before */
.rd-header::before{
  content:"";
  position:fixed; left:0; top:0;
  width:100%; height:100vh;
  background:var(--rd-backdrop);
  opacity:0; visibility:hidden;
  transition:opacity .25s var(--rd-easing), visibility 0s .25s;
  z-index:-1;
  pointer-events:none;
}
.rd-header.is-hover::before{opacity:1;visibility:visible;transition:opacity .25s var(--rd-easing),visibility 0s}

/* --- верхняя строка: логотип, телефон, адрес --- */
.rd-topbar{
  display:grid;
  grid-template-columns:auto 1fr auto;   /* логотип — адрес по центру — телефон */
  gap:var(--gap-10);
  align-items:center;
  padding:var(--gap-5) 0;
  border-bottom:1px solid var(--rd-line);
  max-height:160px;
  overflow:hidden;
  transition:max-height .3s var(--rd-easing), padding .3s var(--rd-easing),
             opacity .25s var(--rd-easing), border-color .3s var(--rd-easing);
}
.rd-brand{display:flex;align-items:center;gap:var(--gap-4)}
.rd-brand__mark{display:block;flex:none;line-height:0}
/* В файле логотипа вокруг букв есть прозрачное поле: 17px слева и справа,
   10px сверху, 8px снизу при размере 250x71 — из-за него логотип вставал
   с отступом от текста под ним. Растягиваем фон ровно на величину этого поля
   (250/216 = 115.74%) и смещаем так, чтобы буквы легли вровень с краем блока.
   Проценты не зависят от масштаба, поэтому по брейкпоинтам меняется только width. */
.rd-brand__img{
  display:block;
  width:250px;
  aspect-ratio:216 / 53;
  background:var(--rd-logo) 50% 55.6% / 115.74% auto no-repeat;
}
.rd-brand__slogan{font-size:13px;line-height:1.4;color:var(--rd-text-dim)}
.rd-topbar__phone{text-align:center}
.rd-topbar__phone a{
  font-family:var(--rd-font-head);
  font-size:26px;font-weight:400;line-height:1.1;color:var(--rd-text);
  white-space:nowrap;
}
.rd-topbar__phone span{display:block;font-size:13px;color:var(--rd-text-dim)}

/* --- мессенджеры и почта --- */
.rd-socials{display:flex;justify-content:center;gap:var(--gap-2);margin-top:var(--gap-2)}
.rd-socials a{
  display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.07);
  color:var(--rd-text);
  transition:background-color .2s var(--rd-easing), color .2s var(--rd-easing);
}
.rd-socials a:hover{background:var(--rd-hover-bg);color:var(--rd-text-bright)}
.rd-socials svg{width:18px;height:18px;display:block}
.rd-topbar__addr{font-size:13px;line-height:1.4;color:var(--rd-text-dim);text-align:center}

/* --- строка навигации --- */
.rd-navbar{position:relative}
.rd-nav{display:flex;align-items:stretch}
.rd-nav > li{position:static}                 /* static — чтобы панель тянулась во всю ширину */
.rd-nav > li > a{
  position:relative;
  display:flex;align-items:center;gap:var(--gap-2);
  height:var(--rd-header-h);
  padding:0 40px 0 24px;
  font-family:var(--rd-font-head);
  font-size:23px;font-weight:300;line-height:1;
  color:var(--rd-text);
  transition:color .2s var(--rd-easing);
}
.rd-nav > li.is-plain > a{padding-right:24px}
/* наведённый пункт подсвечивается подложкой и сливается с раскрытой панелью —
   на сайте у пунктов меню при наведении тоже меняется фон, а не цвет букв */
.rd-nav > li:not(.is-plain):hover > a,
.rd-nav > li:not(.is-plain):focus-within > a{background:var(--rd-panel);color:var(--rd-text-bright)}

/* стрелка-шеврон: на hover разворачивается вверх */
.rd-nav > li:not(.is-plain) > a::before{
  content:"";
  position:absolute; right:20px; top:calc(50% - 5px);
  width:7px;height:7px;
  border-right:1.5px solid currentColor;
  border-top:1.5px solid currentColor;
  transform:rotate(135deg);
  transition:transform .25s var(--rd-easing), top .25s var(--rd-easing);
}
.rd-nav > li:not(.is-plain):hover > a::before,
.rd-nav > li:not(.is-plain):focus-within > a::before{transform:rotate(-45deg);top:calc(50% - 2px)}

/* подчёркивание активного и наведённого пункта */
.rd-nav > li > a::after{
  content:"";
  position:absolute; left:0; bottom:0; width:100%;
  border-bottom:1px solid var(--rd-text);   /* тонкая линия — по просьбе заказчика, было 3px */
  opacity:0;
  transition:opacity .2s var(--rd-easing);
}
.rd-nav > li > a.is-active::after{opacity:1}
.rd-nav > li:hover > a::after,
.rd-nav > li:focus-within > a::after{opacity:1;border-bottom-color:var(--rd-text-bright)}

.rd-nav__icon{display:none}                    /* иконка пункта — только на мобиле */
.rd-nav__icon svg{width:22px;height:22px;display:block}

/* иконки-кнопки справа (дом, поиск) */
.rd-nav > li.is-icon > a{padding:0 18px}
.rd-nav > li.is-icon svg{width:22px;height:22px;display:block}
.rd-nav__spacer{flex:1}

/* ==========================================================================
   2. ПАНЕЛЬ МЕГАМЕНЮ (десктоп)
   ========================================================================== */
.rd-mega{
  position:absolute; left:0; top:100%;
  width:100%;
  z-index:100;
  background:var(--rd-panel);
  border-top:1px solid var(--rd-line);
  border-bottom:1px solid var(--rd-line);
  box-shadow:0 24px 48px -12px rgba(0,0,0,.55);
  padding:var(--gap-8) 0;
  opacity:0; visibility:hidden;
  transform:translateY(-8px);
  transition:opacity .22s var(--rd-easing), transform .22s var(--rd-easing), visibility 0s .22s;
}
.rd-nav > li:hover > .rd-mega,
.rd-nav > li:focus-within > .rd-mega{
  opacity:1; visibility:visible; transform:none;
  transition:opacity .22s var(--rd-easing), transform .22s var(--rd-easing), visibility 0s;
}

.rd-mega__grid{
  display:grid;
  grid-template-columns:380px 1fr;
  gap:var(--gap-20);
  align-items:start;
}

/* --- левый блок: иконка, крупный заголовок, описание, кнопка --- */
.rd-mega__head{display:grid;grid-template-columns:48px 1fr;gap:var(--gap-4);align-items:start}
.rd-mega__icon{color:var(--rd-text-dim)}
.rd-mega__icon svg{width:44px;height:44px;display:block}
.rd-mega__name{
  display:block;
  font-family:var(--rd-font-head);
  font-size:38px;font-weight:400;line-height:1.05;
  color:var(--rd-text);
}
.rd-mega__sub{
  display:block;
  margin-top:var(--gap-2);
  font-family:var(--rd-font-head);
  font-size:26px;font-weight:300;line-height:1.15;
  color:var(--rd-text-dim);
}
.rd-mega__btn{
  display:inline-block;
  margin-top:var(--gap-6);
  padding:12px 28px;
  border:1px solid var(--rd-line-strong);
  font-size:14px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--rd-text);
  transition:border-color .2s var(--rd-easing), color .2s var(--rd-easing), background-color .2s var(--rd-easing);
}
.rd-mega__btn:hover{border-color:var(--rd-line-strong);color:var(--rd-text-bright);background:var(--rd-hover-bg)}

/* --- колонки со ссылками --- */
.rd-mega__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-8)}
.rd-mega__cols ul li{padding:var(--gap-1) 0}
.rd-mega__cols ul li > a{
  position:relative;
  display:inline-block;
  padding-left:24px;
  font-size:16px;font-weight:300;line-height:24px;
  color:var(--rd-text);
  transition:color .18s var(--rd-easing);
}
/* маркер «—» перед ссылкой */
.rd-mega__cols ul li > a::before{
  content:"—";
  position:absolute;left:0;top:0;line-height:24px;
  color:var(--rd-text-dim);
  transition:color .18s var(--rd-easing);
}
.rd-mega__cols ul li > a:hover{color:var(--rd-text-bright)}
.rd-mega__cols ul li > a:hover::before{color:var(--rd-text-bright)}
.rd-mega__cols ul li > a.b{font-weight:500;color:var(--rd-text-bright)}

/* --- третья колонка «Контактов»: почта, адрес, карта --- */
.rd-contacts{display:grid;gap:var(--gap-4);justify-items:start}
.rd-contacts__item{display:flex;align-items:flex-start;gap:var(--gap-3);font-size:16px;line-height:24px}
.rd-contacts__item svg{width:18px;height:18px;flex:none;margin-top:3px;color:var(--rd-text-dim)}
.rd-contacts__item a:hover{color:var(--rd-text-bright)}
.rd-contacts__map{
  display:block;
  width:100%; max-width:339px;
  border:1px solid var(--rd-line);
  background:linear-gradient(135deg,#26282C 0%,#1B1D20 100%);
  height:118px;
  position:relative;
  overflow:hidden;
}
.rd-contacts__map span{
  position:absolute;inset:auto 0 var(--gap-3) 0;
  text-align:center;font-size:13px;color:var(--rd-text-dim);
}
.rd-contacts__map::after{
  content:"";position:absolute;inset:0;
  background:
    repeating-linear-gradient(0deg,transparent 0 22px,var(--rd-line) 22px 23px),
    repeating-linear-gradient(90deg,transparent 0 34px,var(--rd-line) 34px 35px);
  opacity:.7;
}
.rd-contacts__map:hover{border-color:var(--rd-line-strong)}

/* ==========================================================================
   3. АДАПТИВ ДЕСКТОПА
   Порог мобильной версии — 768px, а не 1250px как у eremont: горизонтальное
   меню на боевом сайте держится до 770px, мегаменю держим столько же.
   ========================================================================== */
@media (min-width:768px) and (max-width:1550px){
  .rd-container{padding:0 var(--gap-6)}
  .rd-nav > li > a{font-size:19px;padding:0 30px 0 16px}
  .rd-nav > li:not(.is-plain) > a::before{right:14px}
  .rd-mega__grid{grid-template-columns:300px 1fr;gap:var(--gap-9)}
  .rd-mega__name{font-size:32px}
  .rd-mega__sub{font-size:21px}
  .rd-mega__cols{gap:var(--gap-5)}
  .rd-mega__cols ul li > a{font-size:14px;line-height:21px}
  .rd-mega__cols ul li > a::before{line-height:21px}
}
@media (min-width:1551px) and (max-width:1750px){
  .rd-mega__grid{grid-template-columns:340px 1fr;gap:var(--gap-10)}
  .rd-nav > li > a{font-size:21px;padding:0 34px 0 20px}
}
/* самый узкий десктоп: поджимаем шапку — адрес дублируется в панели «Контакты» */
@media (min-width:1024px) and (max-width:1249px){
  .rd-brand__img{width:200px}
  .rd-topbar{gap:var(--gap-6);padding:var(--gap-4) 0}
  .rd-topbar__addr{font-size:12px}
  .rd-brand__slogan{font-size:12px}
  .rd-topbar__phone a{font-size:22px}
  .rd-nav > li > a{font-size:18px;padding:0 26px 0 12px;height:64px}
  .rd-nav > li.is-icon > a{padding:0 12px}
  .rd-nav > li.rd-nav__mark > a{padding:0 var(--gap-4) 0 var(--gap-1)}
  .rd-brand__logomark{width:26px;height:26px}
  .rd-mega__grid{grid-template-columns:260px 1fr;gap:var(--gap-6)}
  .rd-mega__head{grid-template-columns:36px 1fr;gap:var(--gap-3)}
  .rd-mega__icon svg{width:34px;height:34px}
  .rd-mega__name{font-size:28px}
  .rd-mega__sub{font-size:19px}
  .rd-mega__cols{gap:var(--gap-4)}
}
/* планшетный десктоп 768–1023px: строка меню ещё помещается, но боковой
   блок-заголовок в панели уже нет — переносим его наверх, над колонками */
@media (min-width:768px) and (max-width:1023px){
  .rd-container{padding:0 var(--gap-4)}
  .rd-brand__img{width:150px}
  .rd-topbar{grid-template-columns:auto 1fr auto;gap:var(--gap-4);padding:var(--gap-3) 0}
  .rd-topbar__addr{font-size:11px}
  .rd-brand__slogan{font-size:11px;line-height:1.35}
  .rd-topbar__phone a{font-size:20px}

  .rd-nav > li > a{font-size:16px;padding:0 18px 0 4px;height:52px}
  .rd-nav > li:not(.is-plain) > a::before{right:6px;width:6px;height:6px}
  .rd-nav > li.is-icon > a{padding:0 8px}
  .rd-nav > li.is-icon svg{width:18px;height:18px}
  .rd-nav > li.rd-nav__mark > a{padding:0 var(--gap-3) 0 0}
  .rd-brand__logomark{width:22px;height:22px}

  .rd-mega{padding:var(--gap-5) 0}
  .rd-mega__grid{grid-template-columns:1fr;gap:var(--gap-4)}
  .rd-mega__head{
    grid-template-columns:32px 1fr;gap:var(--gap-3);
    align-items:center;
    padding-bottom:var(--gap-4);
    border-bottom:1px solid var(--rd-line);
  }
  .rd-mega__icon svg{width:30px;height:30px}
  .rd-mega__name{display:inline;font-size:24px}
  .rd-mega__sub{display:inline;margin-top:0;font-size:18px}
  .rd-mega__sub::before{content:" — "}
  .rd-mega__btn{margin-top:var(--gap-3);padding:9px 20px;font-size:13px}
  .rd-mega__cols{gap:var(--gap-4)}
  .rd-mega__cols ul li > a{font-size:13px;line-height:20px}
  .rd-mega__cols ul li > a::before{line-height:20px}
  .rd-contacts__map{height:90px}
}

/* ==========================================================================
   4. МОБИЛЬНАЯ ВЕРСИЯ — панель на весь экран + аккордеон
   Включается либо когда узко (<768px), либо на тач-устройстве до 1249px:
   мегаменю живёт на :hover, а на тач-экране наведения нет.
   ========================================================================== */
.rd-burger{display:none}

@media (max-width:767px), (max-width:1249px) and (hover:none){
  .rd-header{position:fixed}
  /* высоту фиксированной шапки скрипт кладёт в --rd-header-real:
     со слоганом она зависит от того, на сколько строк он ляжет */
  body{padding-top:var(--rd-header-real,88px)}

  /* на мобильной шапка и так фиксирована, сворачивать нечего:
     верхняя строка — это весь её видимый контент */
  .rd-header.is-compact .rd-topbar{
    max-height:160px; opacity:1;
    padding-top:var(--gap-3); padding-bottom:var(--gap-3);
  }

  .rd-container{padding:0 var(--gap-4)}   /* 40px по краям на 375px — непозволительно много */
  .rd-topbar{
    grid-template-columns:auto 1fr auto;
    grid-template-areas:                 /* адрес в одну строку с логотипом не влезает */
      "brand phone burger"
      "addr  addr  addr";
    gap:var(--gap-3);
    padding:var(--gap-3) 0;
    border-bottom:none;
    position:relative;z-index:2;
    background:var(--rd-header);
  }
  .rd-brand{grid-area:brand}
  .rd-topbar__phone{grid-area:phone}
  .rd-burger{grid-area:burger}
  .rd-topbar__addr{grid-area:addr;font-size:10px;line-height:1.35;margin-top:var(--gap-1)}
  /* слоган, время работы и мессенджеры остаются и на мобильной */
  .rd-brand{flex-direction:column;align-items:flex-start;gap:var(--gap-1)}
  .rd-brand__img{width:130px}
  .rd-brand__slogan{font-size:10px;line-height:1.35}
  .rd-topbar__phone a{font-size:18px}
  .rd-topbar__phone span{font-size:11px}
  .rd-socials{gap:var(--gap-1);margin-top:var(--gap-1)}
  .rd-socials a{width:30px;height:30px}
  .rd-socials svg{width:16px;height:16px}

  .rd-burger{
    display:flex;align-items:center;justify-content:center;
    width:44px;height:44px;
    background:none;border:0;padding:0;cursor:pointer;color:var(--rd-accent);
  }
  .rd-burger svg{width:32px;height:32px;stroke-width:3;stroke-linecap:round}
  .rd-burger .rd-burger__close{display:none}
  .rd-header.is-open .rd-burger .rd-burger__close{display:block}
  .rd-header.is-open .rd-burger .rd-burger__open{display:none}

  /* сама панель меню */
  .rd-navbar{
    position:fixed; left:0; top:0;
    width:100%; height:100vh;
    padding-top:var(--rd-header-real,88px);
    background:var(--rd-bg);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    z-index:1;
    display:none;
  }
  .rd-header.is-open .rd-navbar{display:block}
  .rd-navbar .rd-container{padding:0}

  .rd-nav{display:block}
  .rd-nav__spacer{display:none}
  .rd-nav > li{border-bottom:1px solid var(--rd-line)}
  .rd-nav > li > a{
    height:auto;
    padding:var(--gap-3) 52px var(--gap-3) 56px;
    font-family:var(--rd-font);
    font-size:16px;font-weight:500;line-height:24px;
  }
  .rd-nav > li > a::after{display:none}
  .rd-nav > li:not(.is-plain) > a::before{right:20px;top:22px;transform:rotate(135deg)}
  .rd-nav > li.is-open:not(.is-plain) > a::before{transform:rotate(-45deg);top:25px}

  .rd-nav__icon{
    display:block;
    position:absolute;left:20px;top:14px;
    color:var(--rd-text-dim);
  }
  .rd-nav > li > a{position:relative}
  .rd-nav > li.is-open > a{color:var(--rd-text-bright);background:var(--rd-panel-alt)}
  .rd-nav > li.is-open .rd-nav__icon{color:var(--rd-text)}
  .rd-nav > li.is-icon > a{padding-left:20px}
  .rd-nav > li.is-icon svg{width:20px;height:20px}
  .rd-nav > li.rd-nav__mark > a{padding:var(--gap-3) 20px}
  .rd-brand__logomark{width:24px;height:24px}

  /* раскрытая панель внутри аккордеона */
  .rd-mega{
    position:static;
    opacity:1;visibility:visible;transform:none;transition:none;
    display:none;
    padding:0;
    background:var(--rd-panel);
    border:0;box-shadow:none;
  }
  .rd-nav > li.is-open > .rd-mega{display:block}
  .rd-mega__grid{display:block}
  .rd-mega__head{
    grid-template-columns:1fr;
    padding:var(--gap-4) 20px;
    background:var(--rd-panel-alt);
  }
  .rd-mega__icon{display:none}
  .rd-mega__name{display:none}          /* дублирует пункт меню — прячем */
  .rd-mega__sub{margin-top:0;font-size:20px;line-height:1.2}
  .rd-mega__btn{margin-top:var(--gap-4)}
  .rd-mega__cols{display:block}
  .rd-mega__cols > ul{padding:var(--gap-2) 0}
  .rd-mega__cols > ul + ul{border-top:1px solid var(--rd-line)}
  .rd-mega__cols > ul:empty{display:none}
  .rd-mega__cols ul li{padding:var(--gap-2) 20px}
  .rd-contacts{padding:var(--gap-4) 20px}
}

/* ==========================================================================
   6. СОВМЕСТИМОСТЬ С CSS САЙТА
   В template_styles.css есть глобальный клиафикс:
       div::before, ul::before, article::before, … { content:""; display:table; }
   В обычной вёрстке он безобиден, но в grid- и flex-контейнерах псевдоэлементы
   становятся полноценными ЯЧЕЙКАМИ. Два лишних элемента в каждом контейнере
   ломали раскладку: логотип уезжал во вторую колонку, телефон — на второй ряд,
   панель мегаменю раскрывалась криво.
   Гасим их внутри шапки. Теги a и span НЕ трогаем — на них держатся стрелка
   пункта меню, тире перед ссылкой и тире в подзаголовке на узких экранах.
   ========================================================================== */
.rd-header div::before,  .rd-header div::after,
.rd-header ul::before,   .rd-header ul::after,
.rd-header li::before,   .rd-header li::after,
.rd-header nav::before,  .rd-header nav::after{content:none}

/* Подложка под раскрытым меню — наш собственный ::before, и тот же клиафикс
   навязал ему display:table. Возвращаем блочный. */
.rd-header::before{display:block}

/* --------------------------------------------------------------------------
   Там же, в CSS сайта, есть глобальное правило:
       a:hover { font-size: clamp(17px,1.6vw,22px); font-weight:300; font-family:Roboto; … }
   Оно меняет размер шрифта у ЛЮБОЙ ссылки при наведении. Кнопка «подробнее»
   (14px) подпрыгивала до 22px и раздувала рамку.
   Пункты меню и ссылки в колонках не задеты — там наши селекторы выигрывают
   по специфичности. Ниже — те места, где проигрывали: кнопка, телефон, контакты.
   -------------------------------------------------------------------------- */
.rd-header .rd-mega__btn:hover{
  font-family:var(--rd-font); font-size:14px; font-weight:400; line-height:1.2;
  color:var(--rd-text-bright);
}
.rd-header .rd-contacts__item a:hover{
  font-family:var(--rd-font); font-size:16px; font-weight:300; line-height:24px;
  color:var(--rd-text-bright);
}
.rd-header .rd-topbar__phone a:hover{
  font-family:var(--rd-font-head); font-size:26px; font-weight:400; line-height:1.1;
  color:var(--rd-text);
}
@media (min-width:1024px) and (max-width:1249px){
  .rd-header .rd-topbar__phone a:hover{font-size:22px}
}
@media (min-width:768px) and (max-width:1023px){
  .rd-header .rd-mega__btn:hover{font-size:13px}
  .rd-header .rd-topbar__phone a:hover{font-size:20px}
}
@media (max-width:767px), (max-width:1249px) and (hover:none){
  .rd-header .rd-topbar__phone a:hover{font-size:18px}
}

/* Поправка к предыдущему блоку: в покое кнопка наследует от body font-weight:300
   и line-height:1.5, а я задал на наведении 400 и 1.2 — кнопка сжималась
   по высоте с 45px до 41px. Прибиваем ОБА состояния к одному набору значений,
   чтобы при наведении не менялось ничего, кроме цвета. */
.rd-header .rd-mega__btn,
.rd-header .rd-mega__btn:hover{
  font-family:var(--rd-font); font-size:14px; font-weight:300; line-height:1.5;
}
@media (min-width:768px) and (max-width:1023px){
  .rd-header .rd-mega__btn,
  .rd-header .rd-mega__btn:hover{font-size:13px}
}

/* Ссылки в блоке контактов — единственное место, где размер ссылке не был задан
   явно. Из-за глобального правила на сам тег a (font-size: clamp(17px,1.6vw,22px);
   line-height:135%) телефон, почта и мессенджеры отдавались 22px, а адрес рядом
   в теге span оставался 16px — отсюда разнобой. Задаём явно и одинаково. */
.rd-header .rd-contacts__item a,
.rd-header .rd-contacts__item span{
  font-family:var(--rd-font); font-size:16px; font-weight:300; line-height:24px;
}

/* ==========================================================================
   7. МОБИЛЬНАЯ: ШАПКА НЕ ПРИКЛЕЕНА, ПРИКЛЕЕНА ТОЛЬКО КНОПКА МЕНЮ
   Замер на 812×375 (телефон горизонтально) показал: фиксированная шапка
   занимала 167px из 375 — 45% экрана, и висела постоянно.
   Теперь шапка едет вместе со страницей и ничего не занимает, а кнопка меню
   остаётся плавающей поверх контента, поэтому меню всегда под рукой.
   Ничего не прячем — слоган, адрес, время работы и мессенджеры на месте.
   ========================================================================== */
@media (max-width:767px), (max-width:1249px) and (hover:none){

  .rd-header{position:static}
  body{padding-top:0}

  /* место под плавающую кнопку, чтобы телефон под неё не заезжал */
  .rd-topbar{padding-right:52px}

  /* кнопка меню — единственное, что остаётся приклеенным.
     Поверх всех слоёв сайта: у кнопки «наверх» z-index в районе сотен. */
  .rd-burger{
    position:fixed; top:10px; right:10px; z-index:1000;
    width:44px; height:44px; border-radius:50%;
    background:rgba(25,26,29,.82);
    -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
    box-shadow:0 2px 12px rgba(0,0,0,.45);
  }

  /* панель меню — под кнопкой, но выше всего остального */
  .rd-navbar{padding-top:64px; z-index:900}
}

/* Поправка к блоку 7 — про слои.
   .rd-topbar был position:relative + z-index:2, а это СВОЙ стековый контекст.
   Кнопка меню лежит внутри него, поэтому её z-index считался не от корня
   страницы, а внутри слоя со значением 2 — и панель меню (900) всегда
   оказывалась выше. Кнопка закрытия не нажималась: elementFromPoint в её
   точке возвращал панель.
   Убираем контекст у верхней строки — она больше не должна быть над панелью,
   потому что панель теперь закрывает весь экран.
   Значения слоёв подняты выше кнопки «наверх» вашего сайта (z-index: 9999),
   иначе она висит поверх открытого меню. */
@media (max-width:767px), (max-width:1249px) and (hover:none){
  .rd-topbar{position:static; z-index:auto}
  .rd-navbar{z-index:10000}
  .rd-burger{z-index:10001}
}

/* --- карта в панели «Контакты» ---------------------------------------------
   Не iframe, а картинка на нашем сервере: CSP сайта запрещает сторонние фреймы
   (default-src 'self'), да и меню стоит на каждой странице — встроенная карта
   означала бы запрос к Google при каждом просмотре любой из них.
   Тайлы OpenStreetMap, атрибуция вшита в изображение. */
.rd-contacts__map{position:relative; height:auto; overflow:hidden; line-height:0}
.rd-contacts__map img{
  display:block; width:100%; height:auto;
  filter:saturate(.8) brightness(.94);   /* чтобы светлая карта не резала глаз на тёмной панели */
  transition:filter .2s var(--rd-easing);
}
.rd-contacts__map:hover img{filter:saturate(1) brightness(1)}

/* --- мобильная: всё по центру экрана ---------------------------------------
   Было: логотип слева, телефон в остатке колонки справа, адрес во всю ширину.
   Центры разъезжались — телефон 227, адрес 162 при середине экрана 188.
   Выровнять телефон по центру в одной строке с логотипом нельзя: логотип 130px
   плюс половина блока телефона 68 = 198 при середине 188, не помещается.
   Поэтому телефон уходит на свою строку, и телефон с адресом встают на одну ось. */
@media (max-width:767px), (max-width:1249px) and (hover:none){
  .rd-topbar{
    grid-template-columns:1fr;
    grid-template-areas:"brand" "phone" "addr";
    gap:var(--gap-2);
    padding-right:0;              /* отступ под кнопку теперь только у логотипа */
  }
  .rd-brand{padding-right:52px}   /* чтобы слоган не заезжал под кнопку меню */
  .rd-topbar__phone{text-align:center}
  .rd-topbar__addr{text-align:center; margin-top:0}
  .rd-socials{justify-content:center}
}

/* Снимаем ограничение высоты на мобильной: max-height:160px и overflow:hidden
   нужны только для сворачивания шапки при прокрутке, а на мобильной шапка
   не приклеена и не сворачивается. С тремя строками содержимое переросло 160px,
   и адрес с мессенджерами обрезало. */
@media (max-width:767px), (max-width:1249px) and (hover:none){
  .rd-topbar{max-height:none; overflow:visible}
}

/* --- мобильная: контакты поднимаются к логотипу ----------------------------
   Логотип со слоганом слева занимает обе строки, справа группой — телефон,
   время работы, мессенджеры и адрес. Все на одной оси. */
@media (max-width:767px), (max-width:1249px) and (hover:none){
  .rd-topbar{
    grid-template-columns:auto 1fr;
    grid-template-areas:"brand phone" "brand addr";
    align-items:start;
    gap:var(--gap-1) var(--gap-3);
    padding-right:24px;
    max-height:none; overflow:visible;
  }
  .rd-brand{padding-right:0}
  .rd-topbar__phone{text-align:center}
  .rd-topbar__addr{text-align:center; margin-top:0; font-size:12px}
  .rd-socials{justify-content:center}
}

/* Адрес крупнее и на десктопе — места в колонке достаточно.
   Условие hover:hover — чтобы не задеть планшеты с мобильной раскладкой. */
@media (min-width:1250px){
  .rd-topbar__addr{font-size:15px}
}
@media (min-width:1024px) and (max-width:1249px) and (hover:hover){
  .rd-topbar__addr{font-size:14px}
}
@media (min-width:768px) and (max-width:1023px) and (hover:hover){
  .rd-topbar__addr{font-size:13px}
}

/* Шапка компактнее на широких экранах. Высоту задавала колонка с телефоном:
   телефон + время работы + мессенджеры плюс отступы сверху и снизу по 20px. */
@media (min-width:1250px){
  .rd-topbar{padding:var(--gap-3) 0}
  .rd-socials{margin-top:var(--gap-1)}
  .rd-socials a{width:32px;height:32px}
  .rd-socials svg{width:16px;height:16px}
  .rd-nav > li > a{height:66px}
}

/* Ступени компактности ниже 1250px.
   Было: при сужении окна логотип и телефон мельчали, а верхняя строка нет —
   подгонка «шапка компактнее» выше написана только для min-width:1250px,
   а ниже действовали прежние, более просторные значения: отступы 16px против 12
   и кнопки мессенджеров 36px против 32. Из-за этого на 1024–1249 шапка была
   ВЫШЕ (187px), чем на широком экране (176px) — при том, что содержимое меньше.
   Стало: высота убывает вместе с шириной — 176 → 161 → 147.
   Условие hover:hover — чтобы не задеть планшеты, у которых ниже 1250
   уже мобильный аккордеон со своей раскладкой. */
@media (min-width:1024px) and (max-width:1249px) and (hover:hover){
  .rd-topbar{padding:var(--gap-2) 0}
  .rd-socials{margin-top:var(--gap-1)}
  .rd-socials a{width:30px;height:30px}
  .rd-socials svg{width:15px;height:15px}
}
@media (min-width:768px) and (max-width:1023px) and (hover:hover){
  .rd-topbar{padding:var(--gap-2) 0}
  .rd-socials{margin-top:var(--gap-1)}
  .rd-socials a{width:28px;height:28px}
  .rd-socials svg{width:14px;height:14px}
}

/* Кнопка меню крупнее — по просьбе заказчика.
   Было: круг 44px, полоски 24x4px — внутри круга оставалось много пустоты.
   Стало: круг 56px, полоски 33x5,5px. Разметка не менялась, только размеры:
   иконка нарисована в viewBox 24x24, поэтому длина и толщина полосок растут
   пропорционально ширине svg. Крестик закрытия — тот же svg, растёт вместе.

   Отступ у колонки телефона. Кнопка висит в правом верхнем углу (fixed,
   10px от края), и на её высоте лежат телефон, время работы и мессенджеры.
   При круге 56px номер заезжал под него: на 375px оставалось 4px, на 320 —
   перекрытие. Отступ 46px уводит эту колонку левее; запас стал 27px на 375
   и 47px на 414. Отступ именно у колонки телефона, а не у всей верхней строки:
   адрес лежит НИЖЕ кнопки, и если сдвинуть его тоже, колонка сужается
   и «Нижний Сусальный переулок» разваливается на три строки, а шапка
   вырастает со 137 до 170px. Проверено, отброшено. */
@media (max-width:767px), (max-width:1249px) and (hover:none){
  .rd-burger{width:56px;height:56px}
  .rd-burger svg{width:44px;height:44px}
  .rd-topbar__phone{padding-right:46px}
}

/* Экраны уже 340px (iPhone SE и подобные). Там колонка телефона мала
   физически: от логотипа до кнопки остаётся 12px, двигать некуда.
   Ужимаем логотип и номер, иначе номер обрезается кругом. */
@media (max-width:340px){
  .rd-brand__img{width:116px}
  .rd-topbar__phone a{font-size:16px}
  .rd-topbar__phone span{font-size:10px}
  .rd-topbar__addr{font-size:11px}   /* иначе «Нижний Сусальный переулок» не влезает в строку */
}

/* Адрес на одну ось с телефоном и мессенджерами.
   Колонку телефона мы увели влево на 46px (см. выше), а адрес остался
   центрированным по своей полной ширине — его середина оказалась на 23px правее.
   Двигаем не отступом, а сдвигом самого текста: отступ сузил бы колонку,
   и «Нижний Сусальный переулок» разорвался бы на три строки (это уже проверено).
   Сдвиг ширину не меняет, поэтому строки и высота шапки остаются прежними.
   23px — ровно половина отступа колонки телефона: так центры совпадают точно.
   Проверено: 414 — 243, 375 — 224, 360 — 216, 320 — 196; на всех ширинах
   центры телефона, мессенджеров и адреса сходятся, до логотипа адрес не достаёт. */
@media (max-width:767px), (max-width:1249px) and (hover:none){
  .rd-topbar__addr{transform:translateX(-23px)}
}

/* «Нижний Сусальный переулок» — одной строкой на андроидах.
   На айфонах (375 и шире) фраза и так помещалась, а на 360 (Samsung и прочие
   андроиды) не хватало ровно одного пикселя: колонке адреса доставалось 163px
   при необходимых 163. Слово «переулок» падало на свою строку, адрес занимал
   три строки вместо двух, шапка вырастала со 137 до 154px.
   Место отыграно на полях и промежутке, а не на логотипе: боковые отступы
   контейнера 16→12px и промежуток между колонками 12→8px. Колонка стала 174px,
   запас 11. Логотип, шрифты и состав шапки не тронуты. */
@media (max-width:374px){
  .rd-container{padding:0 12px}
  .rd-topbar{gap:var(--gap-1) var(--gap-2)}
}

/* End */


/* Start:/bitrix/templates/Template_InteRIV_Main/template_styles.css?17857908655999*/
@charset "utf-8";
.row_10:hover, .row_37:hover, .row_26:hover, .row_46:hover, .row_33:hover, .row_33:hover, .post:hover, .post-right:hover, .search-wrap:hover {
text-decoration: none;
background-color: #222428;
outline: 1px solid #575B63;
}
.search-wrap {
width: auto;
min-height: 50px;
margin: 0 auto;
padding: 15px;
background-color:#1E2024;
border: 1px solid #33363B;
overflow: hidden;
clear: both;
}
.search-wrap h3 {
margin: 0 0 10px 0;
padding: 0;
line-height: 100%;
}
.text-wrap {
width: auto;
min-height: 50px;
margin: 20px auto;
padding: 15px;
background-color:#1E2024;
border: 1px solid #33363B;
overflow: hidden;
line-height: 1.3em;
clear: both;
}
.button {
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #76AF05;
border: none;
color: #f0f1f1;
font-size: 19px;
text-decoration: none;
padding: 10px;
white-space: nowrap;
cursor: pointer;
max-width: 100%;
}
.button:hover {
background-color: #5C8410;
transition: all .2s ease;
}
a.button {
display: inline-block;
font-weight: 400;
font-size: 18px;
margin: 5px;
padding: 10px;
color: #f0f1f1;
text-decoration: none;
background-color: #76AF05;
cursor: pointer;
border-radius: 0;
width: 95%;
max-width: 500px;
}
a.button:hover {
background-color: #5C8410;
text-decoration: none;
transition: all .2s ease;
}
.myButton_center {
text-align: center;
padding: 15px 0;
}
.tel a:link, .tel a:hover, .tel a:visited, .tel a:active {
text-decoration: none;
color: #E4E0DC;
font-size: 36px;
margin-bottom: 7px;
padding: 10px 0 10px 0;
line-height: 100%;
}
hr {
height: 2px;
border: 0;
width: 50%;
margin: 20px 25%;
background-color: #937F6D;
}
p.hr {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: min(max(34px, 3vw), 42px);
margin: 30px auto;
padding: 20px 10px;
text-align: center;
background-color:#1E2024;
}
.ptsans {
font-family: 'PT Sans', sans-serif;
font-weight: 300;
}
.h5link a {
font-family: 'Roboto', sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 120%;
margin: 30px 10px 20px 10px;
color: #B6A99C;
text-align: center;
text-decoration: none;
}
.pri_zakaze_remonta {
color: #6D9228;
font-size: 26px;
}
a.main_image_button {
display: inline-block;
font-weight: 400;
font-size: min(max(13px, 2vw), 19px);
padding: 10px;
color: #E4E0DC;
text-decoration: none;
background-color: #CE0606;
cursor: pointer;
border-radius: 0;
}
a.main_image_button:hover {
background-color: #B30505;
text-decoration: none;
}
.warp_post_padding a, .column_25 a, .warp_column_15 a {
text-decoration: none;
}
.arrow-down {
margin: 30px;
}
.arrow-down span {
display: block;
width: 30px;
height: 30px;
border-bottom: 5px solid;
border-right: 5px solid;
transform: rotate(45deg);
margin: -16px;
animation: arrow-down 2s infinite;
}
.arrow-down span:nth-child(2){
animation-delay: -0.2s;
}
.arrow-down span:nth-child(3){
animation-delay: -0.4s;
}
@keyframes arrow-down {
0%{opacity: 0;transform: rotate(45deg) translate(-20px,-20px);}
50%{opacity: 1;}
100%{opacity: 0;transform: rotate(45deg) translate(20px,20px);}
}
.map-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.map-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
.movie {width:100%;height:auto;margin:0 auto;display:block;max-width:900px;padding:30px 0;}
.b24-form-sign,.bx-livechat-copyright{display:none !important;}
.b24-widget-button-position-bottom-right{right:20px !important;bottom:20px !important;}
#licnt38C9{display:none;}
.bx-livechat-body{background-image:none !important;background-color:#232529 !important;}
.bx-livechat-help-title{color:#fff !important;}
.bx-livechat-box{background-color:#373A41 !important;border-radius:0 !important;}
.bx-im-textarea-input{color:#fff !important;}
.bx-livechat-title{font:20px var(--ui-font-family-secondary,var(--ui-font-family-helvetica)) !important;}
.b24-form-header-title{font:20px/33px var(--b24-font-family) !important;}
.b24-form-click-btn-wrapper-3>button:hover{background-color:#7FBC06 !important;}
.bx-livechat-position-bottom-right{right:0 !important;}
.b24-widget-button-inner-mask{display:none !important;}
.b24-widget-button-pulse{top:7px !important;left:7px !important;bottom:7px !important;right:7px !important;}
@media (min-width:1200px){.signature_action a{font-size:min(max(25px,2vw),42px);}}
@media (min-width:992px) and (max-width:1199px){.row_11,.row_11 a,.row_11 h3{font-size:min(max(18px,2.2vw),25px) !important;}.signature_action a{font-size:min(max(19px,2vw),42px);}}
@media (min-width:768px) and (max-width:991px){.row_11,.row_11 a,.row_11 h3{font-size:min(max(16px,2vw),21px) !important;}.signature_action a{font-size:min(max(12px,2vw),42px);}}
@media only screen and (min-width:769px){.sticky{position:fixed;top:0;width:100%;text-align:center;z-index:2000;}.whatsapp{float:left;width:35px;height:35px;margin-right:15px;}.whatsapp:hover{float:left;width:35px;height:35px;margin-right:15px;filter:brightness(120%);}.telegram{float:right;width:35px;height:35px;margin-left:15px;}.telegram:hover{float:right;width:35px;height:35px;margin-left:15px;filter:brightness(120%);}.e-mail{width:35px;height:35px;margin-left:5px;margin-right:5px;}.e-mail:hover{width:35px;height:35px;margin-left:5px;margin-right:5px;filter:brightness(120%);}}
@media only screen and (max-width:768px){.whatsapp{float:left;width:35px;height:35px;margin-right:15px;}.whatsapp:hover{float:left;width:35px;height:35px;margin-right:15px;filter:brightness(120%);}.telegram{float:right;width:35px;height:35px;margin-left:15px;}.telegram:hover{float:right;width:35px;height:35px;margin-left:15px;filter:brightness(120%);}.e-mail{width:35px;height:35px;margin-left:5px;margin-right:5px;}.e-mail:hover{width:35px;height:35px;margin-left:5px;margin-right:5px;filter:brightness(120%);}}
@media only screen and (max-width:767px){.row_11,.row_11 a,.row_11 h3{font-size:min(max(13px,6vw),27px) !important;}.signature_action a{font-size:min(max(16px,6vw),27px);}}
.pulseanim::before,.pulseanim::after{display:block;}
.imghover:hover{opacity:.5;transition:1s;}
/* End */
/* /bitrix/templates/fonts/materialsymbolsoutlined/css2.css?17854987621698 */
/* /bitrix/templates/fonts/robotoyanonekaffeesatz/css2.css?178549876221176 */
/* /bitrix/templates/Stylesheets/template.css?178755842256482 */
/* /JS/slider/slider.css?17800880241418 */
/* /JS/backtotop/backtotop.css?17885614692867 */
/* /bitrix/templates/.default/components/bitrix/menu/interiv_mega/style.css?178856523045439 */
/* /bitrix/templates/Template_InteRIV_Main/template_styles.css?17857908655999 */