/* Start:/local/templates/bits.media/redesign/fonts.css?178802828325006*/
/* Bits.media redesign — self-hosted webfonts (@font-face)
   BMR-4/35 — извлечено из макета (A·Консервативный, v052).
   Сгенерировано docs/redesign/tools/extract-stylebook.mjs — НЕ править вручную.
   Правки дизайна вносятся в макет, затем регенерируется стейтбук.
   Селекторы заскоуплены при переносе (см. docs/redesign/css-isolation.md). */

/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/ibm-plex-sans-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/newsreader-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/newsreader-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/newsreader-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/newsreader-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/newsreader-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/newsreader-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/newsreader-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/newsreader-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/newsreader-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/jetbrains-mono-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/jetbrains-mono-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/jetbrains-mono-greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/jetbrains-mono-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/jetbrains-mono-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/jetbrains-mono-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/jetbrains-mono-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/jetbrains-mono-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/jetbrains-mono-greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/jetbrains-mono-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/jetbrains-mono-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/jetbrains-mono-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/jetbrains-mono-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/jetbrains-mono-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/jetbrains-mono-greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/jetbrains-mono-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/jetbrains-mono-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/jetbrains-mono-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/montserrat-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/montserrat-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/montserrat-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/montserrat-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/montserrat-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/montserrat-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/montserrat-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/montserrat-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/montserrat-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/montserrat-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/montserrat-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/montserrat-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/montserrat-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/montserrat-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/montserrat-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/montserrat-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/montserrat-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/montserrat-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/montserrat-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/local/templates/bits.media/redesign/fonts/montserrat-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* End */


/* Start:/local/templates/bits.media/redesign/stylebook.css?178802828325897*/
/* Bits.media redesign — design tokens + primitives + @container responsive
   BMR-4/35 — извлечено из макета (A·Консервативный, v052).
   Сгенерировано docs/redesign/tools/extract-stylebook.mjs — НЕ править вручную.
   Правки дизайна вносятся в макет, затем регенерируется стейтбук.
   Селекторы заскоуплены при переносе (см. docs/redesign/css-isolation.md). */

/* =========================================================
   BitsMedia — Redesign Concept
   Design tokens + utility primitives.
   Palette inherits from the source mockups (slate + orange)
   with contrast tuned to WCAG AA. Light + Dark.
   ========================================================= */

:root {
  /* Brand */
  --brand-orange: #F0941F;       /* large UI accents only — fails AA on white for small text */
  --brand-orange-strong: #C26F0A;/* text-safe on white (AA, 5.0:1) */
  --brand-orange-soft: #FDEAD0;  /* tinted bg for chips/highlights */

  /* Semantic — Light theme defaults */
  --bg: #FFFFFF;
  --bg-page: #F5F7F9;
  --bg-subtle: #EEF1F4;
  --bg-elev: #FFFFFF;
  --border: #D9DFE5;
  --border-strong: #B7C2CC;
  --text: #131A21;               /* 16:1 on white */
  --text-secondary: #3F4E5C;     /* 9.7:1 on white */
  --text-muted: #6A7B8B;         /* 4.6:1 on white — AA for normal text */
  --text-inverse: #FFFFFF;

  --positive: #138A5A;
  --positive-bg: #DFF3E9;
  --negative: #C42121;
  --negative-bg: #FBE2E2;

  --link: #1A4D87;

  /* Radii / shadow / shape */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --shadow-card: 0 1px 0 rgba(19,26,33,.04), 0 1px 2px rgba(19,26,33,.04);
  --shadow-pop: 0 12px 32px -8px rgba(19,26,33,.18);

  /* Typography — pair tokens. Tweaks panel swaps these. */
  --font-display: "Newsreader", "Source Serif Pro", Georgia, serif;  /* десктоп; на телефоне переопределяется на Ubuntu (см. ниже) */
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}

/* Dark theme override */
[data-theme="dark"] {
  --bg: #0F1418;
  --bg-page: #0B0F12;
  --bg-subtle: #161C22;
  --bg-elev: #181F25;
  --border: #2A323A;
  --border-strong: #3A444E;
  --text: #ECF1F5;               /* 16:1 on bg */
  --text-secondary: #B8C4CF;
  --text-muted: #8FA0B0;         /* 5.6:1 */
  --text-inverse: #0F1418;

  --brand-orange: #F5A93C;
  --brand-orange-strong: #FFC36B; /* lighter on dark for AA */
  --brand-orange-soft: rgba(245,169,60,.14);

  --positive: #4AD193;
  --positive-bg: rgba(74,209,147,.14);
  --negative: #F26666;
  --negative-bg: rgba(242,102,102,.14);
  --link: #8AB6F0;

  --shadow-card: 0 1px 0 rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);
  --shadow-pop: 0 12px 32px -8px rgba(0,0,0,.55);
}

/* Font-pair override (default = "modern" pair declared in :root) */
[data-fontpair="montserrat"] {
  --font-display: "Montserrat", system-ui, sans-serif;
  --font-sans: "Montserrat", system-ui, sans-serif;
  --font-mono: "Montserrat", system-ui, sans-serif;
}

/* =========================================================
   Resets & primitives — scoped to .bm so we don't leak into
   the design-canvas chrome.
   ========================================================= */
.bm, .bm * {
  box-sizing: border-box;
}

.bm {
  font-family: var(--font-sans);
  color: var(--text);
  background: var(--bg);
  font-feature-settings: "ss01", "cv02", "cv11";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  line-height: 1.5;
}

.bm a { color: inherit; text-decoration: none; }
/* (0,1,1) — класс + тип: этот ресет СИЛЬНЕЕ одиночного классового селектора компонента.
   Кто задаёт кнопке padding/background классом, обязан подниматься выше: .btn — ниже в
   этом файле, .rwd-dnav-top — в menu/redesign_drawer/style.css (BMR-58). */
.bm button { font-family: inherit; cursor: pointer; border: 0; background: none; padding: 0; color: inherit; }
.bm ul, .bm ol { margin: 0; padding: 0; list-style: none; }
.bm h1, .bm h2, .bm h3, .bm h4 { margin: 0; font-weight: 600; line-height: 1.15; letter-spacing: -0.01em; }
.bm p { margin: 0; }
.bm img { display: block; max-width: 100%; }

:where(.bm) .mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
:where(.bm) .serif { font-family: var(--font-display); font-weight: 500; letter-spacing: -0.015em; }
:where(.bm) .sans { font-family: var(--font-sans); }
:where(.bm) .muted { color: var(--text-muted); }
:where(.bm) .sec { color: var(--text-secondary); }
:where(.bm) .pos { color: var(--positive); }
:where(.bm) .neg { color: var(--negative); }
:where(.bm) .up::before { content: "▲ "; font-size: .7em; }
:where(.bm) .down::before { content: "▼ "; font-size: .7em; }

/* =========================================================
   Layout helpers
   ========================================================= */
.bm-page {
  width: 1440px;
  background: var(--bg);
  overflow: hidden;
}
.bm-page--wide { background: var(--bg-page); }

:where(.bm) .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; }

/* =========================================================
   Reusable bits used across screens
   ========================================================= */
:where(.bm) .chip {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px; font-weight: 500;
  background: var(--bg-subtle);
  color: var(--text-secondary);
  border: 1px solid var(--border);
}
:where(.bm) .chip--ghost { background: transparent; }
:where(.bm) .chip--accent { background: var(--brand-orange-soft); color: var(--brand-orange-strong); border-color: transparent; }
:where(.bm) .chip--pos { background: var(--positive-bg); color: var(--positive); border-color: transparent; }
:where(.bm) .chip--neg { background: var(--negative-bg); color: var(--negative); border-color: transparent; }

:where(.bm) .tag {
  display: inline-flex; align-items: center;
  font-size: 10.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em;
  color: var(--brand-orange-strong);
}

:where(.bm) .btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 16px;
  border-radius: var(--r-md);
  font-size: 13px; font-weight: 600;
  background: var(--text); color: var(--bg);
  transition: opacity .15s;
}
:where(.bm) .btn:hover { opacity: .85; }
:where(.bm) .btn--ghost { background: transparent; color: var(--text); border: 1px solid var(--border); }
:where(.bm) .btn--accent { background: var(--brand-orange); color: #1A1206; }
/* .bm button { background: none } специфичнее .btn — возвращаем кнопкам стили .btn */
.bm button.btn { background: var(--text); color: var(--bg); padding: 10px 16px; }
.bm button.btn--ghost { background: transparent; color: var(--text); }
.bm button.btn--accent { background: var(--brand-orange); color: #1A1206; }

:where(.bm) .card {
  background: var(--bg-elev);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  overflow: hidden;
}

:where(.bm) .divider { height: 1px; background: var(--border); width: 100%; }

/* ticker */
:where(.bm) .ticker {
  background: var(--text);
  color: var(--bg);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.02em;
  display: flex; align-items: center;
  height: 32px;
  overflow: hidden;
  white-space: nowrap;
}
:where(.bm) .ticker__row { display: flex; gap: 32px; padding: 0 24px; align-items: center; }
:where(.bm) .ticker__item { display: inline-flex; gap: 8px; align-items: center; }
:where(.bm) .ticker__item .pos, :where(.bm) .ticker__item .neg { font-size: 11px; }
/* мобильный тикер — свайп-прокрутка по горизонтали (бегущая лента топ-монет);
   скроллбар скрыт. Десктопный тикер (Bold) остаётся overflow:hidden */
:where(.bm-rwd) .rwd-show-mob .ticker { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
:where(.bm-rwd) .rwd-show-mob .ticker::-webkit-scrollbar { display: none; }

/* placeholder image (striped) */
:where(.bm) .ph {
  background:
    repeating-linear-gradient(135deg,
      var(--bg-subtle) 0 8px,
      var(--bg-page) 8px 16px);
  display: flex; align-items: center; justify-content: center;
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em;
}

/* "logo" — original-looking word mark, NOT a recreation of the real logo */
:where(.bm) .wordmark {
  display: inline-flex; align-items: baseline; gap: 6px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 22px;
  letter-spacing: -0.02em;
  color: var(--text);
}
:where(.bm) .wordmark__dot {
  width: 10px; height: 10px; border-radius: 2px;
  background: var(--brand-orange);
  display: inline-block;
  transform: translateY(-1px);
}
:where(.bm) .wordmark__sub {
  font-family: var(--font-sans);
  font-size: 11px; font-weight: 500;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

/* small price row */
:where(.bm) .price-row { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--border); }
:where(.bm) .price-row:first-child { border-top: 0; }
:where(.bm) .price-row__sym { display: flex; align-items: center; gap: 10px; }
:where(.bm) .coin-dot {
  width: 22px; height: 22px; border-radius: 50%;
  background: var(--bg-subtle);
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--font-mono); font-size: 10px; font-weight: 600;
  color: var(--text-secondary);
  flex: none;
}

/* sparkline (svg styled by stroke vars set inline) */
:where(.bm) .spark { display: block; }

/* checkbox-y bullet */
:where(.bm) .bullet { width: 4px; height: 4px; border-radius: 50%; background: var(--brand-orange); display: inline-block; }

/* concept-notes */
:where(.bm) .notes h2 { font-family: var(--font-display); font-weight: 500; font-size: 28px; margin-bottom: 8px; }
:where(.bm) .notes h3 { font-family: var(--font-sans); font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-muted); margin: 24px 0 8px; }
:where(.bm) .notes p { font-size: 14px; color: var(--text-secondary); max-width: 620px; }
:where(.bm) .notes ul { margin: 8px 0 0 0; }
:where(.bm) .notes li { font-size: 14px; color: var(--text-secondary); padding: 6px 0 6px 18px; position: relative; }
:where(.bm) .notes li::before { content: "·"; position: absolute; left: 4px; top: 0; color: var(--brand-orange); font-weight: 800; }

/* swatch */
:where(.bm) .swatch { display: inline-flex; flex-direction: column; gap: 4px; font-family: var(--font-mono); font-size: 10px; color: var(--text-muted); }
:where(.bm) .swatch__chip { width: 64px; height: 48px; border-radius: 6px; border: 1px solid var(--border); }

/* scrollable lists shouldn't actually scroll inside artboards — keep them visible */
.bm .scrollable { overflow: visible; }

/* =========================================================
   RESPONSIVE — контейнерные правила. Активны ТОЛЬКО внутри .bm-rwd
   (full-viewport страница /responsive/). В дизайн-канвасе контейнера
   нет → @container не срабатывает → утверждённый десктоп 1:1.
   ========================================================= */
.bm-rwd { container-type: inline-size; container-name: rwd; width: 100%; }
/* корень HomeConservative фиксирован width:1440px (для канваса) —
   в responsive заставляем заполнять контейнер, на широких центрируем 1440 */
.bm-rwd .bm-page { width: 100% !important; max-width: 1440px !important; margin-inline: auto !important; }
/* центр — контейнер, чтобы заголовки карточек масштабировались по ширине КОЛОНКИ (cqi) */
.bm-rwd .rwd-main { container-type: inline-size; }

/* Баннеры — фиксированного размера во всех адаптациях; scale только если
   не влезают по ширине (max-width:100% + aspect-ratio в компонентах).
   На телефоне (<768) длинные лидерборды заменяются мобильным креативом 320×100
   (видимость рекламы важна; решение команды 16.06). Мобильный креатив скрыт
   глобально (вкл. канвас-десктоп), показывается только в .bm-rwd <768. */
:where(.bm-rwd) .rwd-ad-mob { display: none; }
/* ≤679: 2-я и 3-я карточки «Главного» — заголовок под фото (совмещено с
   переходом «Главного» в компакт-сетку, который тоже на 679) */
:where(.bm-rwd) .rwd-show-phone { display: none; }
@container rwd (max-width: 679px) {
  .bm-rwd .rwd-hide-phone { display: none !important; }
  .bm-rwd .rwd-show-phone { display: block !important; }
}
/* мобильный порядок секций (решение команды 16.06): биржи подняты под «Главное».
   .rwd-show-mob — мобильная копия (скрыта на десктопе/канвасе) */
:where(.bm-rwd) .rwd-show-mob { display: none; }
/* баннер в разрыве хроноленты — виден только на телефоне (см. ≤679) */
:where(.bm-rwd) .rwd-chrono-midbanner { display: none; }
@container rwd (max-width: 1023px) {
  .bm-rwd .rwd-hide-mob { display: none !important; }   /* баннер B1 + оригинал бирж */
  .bm-rwd .rwd-show-mob { display: block !important; }  /* поднятые биржи */
}
@container rwd (max-width: 767px) {
  .bm-rwd .rwd-ad-desk { display: none !important; }
  .bm-rwd .rwd-ad-mob { display: flex !important; }
  /* виджет бирж на телефоне — 5 строк (3 платных + 2 органических), не 10
     (решение команды 16.06: «не только рекламные места») */
  .bm-rwd .rwd-ex-extra { display: none !important; }
}

/* fluid-заголовки карточек: max = утверждённый px → на десктопе не меняются,
   на узком плавно уменьшаются по ширине центральной колонки (нет выхода за карточку) */
.bm-rwd .rwd-ovh-big { font-size: clamp(1.125rem, 3.3cqi, 1.5rem) !important; }
.bm-rwd .rwd-ovh-sm { font-size: clamp(0.8rem, 2.06cqi, 0.94rem) !important; }
.bm-rwd .rwd-th { font-size: clamp(0.82rem, 1.99cqi, 0.91rem) !important; }
.bm-rwd .rwd-sph { font-size: clamp(0.92rem, 2.33cqi, 1.06rem) !important; }
/* заголовок материала: на десктопе утверждённые 34px, на телефоне ужимается до 24px —
   иначе H1 занимает 6 строк и съедает первый экран */
.bm-rwd .rwd-arth { font-size: clamp(1.5rem, 6.2cqi, 2.125rem) !important; line-height: 1.22 !important; }

/* ≤1439: 3 колонки, центр гибкий */
@container rwd (max-width: 1439px) {
  .bm-rwd .rwd-mast, .bm-rwd .rwd-body { grid-template-columns: 240px minmax(0,1fr) 300px !important;
    gap: 24px !important; padding-left: 20px !important; padding-right: 20px !important; }
}

/* ≤1307: 2 колонки. Рельса (col1) собирает виджеты ОБЕИХ колонок —
   правая встаёт под левую, заполняя пустоту рядом с высоким центром.
   Центр (col2) занимает обе строки. Совпадает с перестроением «Главного». */
@container rwd (max-width: 1307px) {
  .bm-rwd .rwd-body { grid-template-columns: 300px minmax(0,1fr) !important; row-gap: 0 !important; }
  .bm-rwd .rwd-aside-left { grid-column: 1 !important; grid-row: 1 !important; }
  .bm-rwd .rwd-main { grid-column: 2 !important; grid-row: 1 / span 99 !important; }
  .bm-rwd .rwd-aside-right { grid-column: 1 !important; grid-row: 2 !important; align-self: start !important; margin-top: 20px !important; }
}

/* ≤1274: секции «4 в ряд» → «2 в ряд» */
@container rwd (max-width: 1274px) {
  .bm-rwd .rwd-themed { grid-template-columns: 1fr 1fr !important; }
}

/* база мобайла 16px — через @media (контейнер не может стилизовать сам себя
   своим же @container; .bm-rwd есть только на /responsive/, канвас не задет) */
@container rwd (max-width: 1023px) { .bm-rwd .bm-page { font-size: 16px; } }
/* шрифт display: десктоп — Newsreader (:root), телефон — Ubuntu (как на проде).
   @media по .bm-rwd → канвас-десктоп не затронут; токен наследуется заголовками/lede */
@container rwd (max-width: 679px) { .bm-rwd .bm-page { --font-display: "Ubuntu", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; } }

/* <1024: одна колонка + бургер; виджеты колонок — плиткой (auto-fit), не во всю ширину */
@container rwd (max-width: 1023px) {
  /* читабельность: мета/даты ≥12px, межстрочный заголовков карточек 1.3 */
  .bm-rwd .rwd-sm { font-size: 12px !important; }   /* только кегль; цвет (оранж/серый) — как в компоненте */
  .bm-rwd .rwd-meta-dim { color: var(--text-secondary) !important; }  /* счётчики форума → AA-контраст */
  /* подвал на мобиле — по левому краю (десктоп остаётся по центру) */
  .bm-rwd footer { text-align: left !important; }
  .bm-rwd .rwd-foot-bottom { align-items: flex-start !important; text-align: left !important; }
  .bm-rwd .rwd-foot-bottom > div { text-align: left !important; }   /* копирайт-абзац */
  .bm-rwd .rwd-ovh-big, .bm-rwd .rwd-ovh-sm, .bm-rwd .rwd-sph { line-height: 1.3 !important; }
  /* тач-таргеты (аудит): теги-хэштеги — крупнее и с зазором */
  .bm-rwd .rwd-tags-row { gap: 12px 14px !important; }
  .bm-rwd .rwd-tag { font-size: 12px !important; padding: 6px 0 !important; }
  /* теги статьи — плашки с фоном: кегль ужимаем, но внутренние отступы и перенос
     строк сохраняем (в отличие от тегов главной, которые идут просто текстом) */
  .bm-rwd .art-tag { font-size: 12.5px !important; }
  /* строки таблицы бирж ≥44pt, пин крупнее */
  .bm-rwd .rwd-exrow { padding-top: 13px !important; padding-bottom: 13px !important; }
  .bm-rwd .rwd-pin { font-size: 15px !important; }
  .bm-rwd .rwd-mast { display: flex !important; flex-wrap: wrap !important; align-items: center !important;
    gap: 12px !important; padding: 8px 16px !important; }
  .bm-rwd .rwd-burger { display: inline-flex !important; }
  .bm-rwd .rwd-mast-logo { flex: 1 1 auto; }
  .bm-rwd .rwd-mast-logo img { height: 34px !important; }
  /* BMR-64: по классу, а не по тегу. Слоган — h1 на главной и span на остальных
     страницах (masthead.php: два h1 на внутренней были бы SEO-ошибкой), и правило по
     `span` главную не задевало: на телефоне её слоган оставался 13.5px против 12px
     везде ещё. Класс снимает зависимость стиля от тега насовсем. */
  .bm-rwd .rwd-mast-logo .rwd-mast-tagline { font-size: 12px !important; }
  /* top-баннер не прячем — переносим на отдельную строку (видимость рекламы) */
  .bm-rwd .rwd-mast-banner { order: 5; flex-basis: 100% !important; margin-top: 4px; }
  .bm-rwd .rwd-mast-side { flex: none !important; flex-direction: row !important; }
  .bm-rwd .rwd-mast-side > :first-child { display: none !important; }   /* соцсети — в drawer */
  .bm-rwd .rwd-mast-search span { display: none !important; }            /* поиск — иконкой */
  .bm-rwd .rwd-mast-search { padding: 10px !important; }
  .bm-rwd .rwd-nav { display: none !important; }
  /* ── Порядок v2 (17.06): единый поток. Все колонки и пары баннеров —
     display:contents, их блоки сортируются order'ом в .rwd-body. Боковые баннеры
     (Группы 1/2) и подвал распределены по ленте, видимость ≈ как на десктопе.
     cqi-заголовки переезжают с .rwd-main на .bm-rwd — в пределах clamp. ── */
  .bm-rwd .rwd-body { display: flex !important; flex-direction: column !important;
    gap: 28px !important; padding: 16px !important; }
  .bm-rwd .rwd-main, .bm-rwd .rwd-aside-left, .bm-rwd .rwd-aside-right, .bm-rwd .rwd-adpair, .bm-rwd .rwd-footrow { display: contents !important; }
  /* боковые/подвальные баннеры фикс. ширины — по центру потока */
  .bm-rwd .rwd-o-g1m1, .bm-rwd .rwd-o-g1m2, .bm-rwd .rwd-o-g1m3, .bm-rwd .rwd-o-g1m4, .bm-rwd .rwd-o-g2m1, .bm-rwd .rwd-o-g2m2, .bm-rwd .rwd-o-g2m3, .bm-rwd .rwd-o-g2m4, .bm-rwd .rwd-o-foot1, .bm-rwd .rwd-o-foot2, .bm-rwd .rwd-o-foot3 { align-self: center !important; }
  /* последовательность v2 (позиции 3..33) */
  .bm-rwd .rwd-o-glav { order: 30 !important; }
  .bm-rwd .rwd-o-birzhi { order: 40 !important; }
  .bm-rwd .rwd-o-b1 { order: 50 !important; }
  .bm-rwd .rwd-o-an { order: 60 !important; }
  .bm-rwd .rwd-o-b2 { order: 70 !important; }
  .bm-rwd .rwd-o-sp { order: 80 !important; }
  .bm-rwd .rwd-o-b3 { order: 90 !important; }
  .bm-rwd .rwd-o-c0 { order: 100 !important; }
  .bm-rwd .rwd-o-g2m1 { order: 110 !important; }
  .bm-rwd .rwd-o-c1 { order: 120 !important; }
  .bm-rwd .rwd-o-g1m1 { order: 130 !important; }
  .bm-rwd .rwd-o-c2 { order: 140 !important; }
  .bm-rwd .rwd-o-g2m2 { order: 150 !important; }
  .bm-rwd .rwd-o-c3 { order: 160 !important; }
  .bm-rwd .rwd-o-g1m2 { order: 170 !important; }
  .bm-rwd .rwd-o-th2 { order: 180 !important; }
  .bm-rwd .rwd-o-g2m3 { order: 190 !important; }
  .bm-rwd .rwd-o-t0 { order: 200 !important; }
  .bm-rwd .rwd-o-g1m3 { order: 210 !important; }
  .bm-rwd .rwd-o-t1 { order: 220 !important; }
  .bm-rwd .rwd-o-pag { order: 230 !important; }
  .bm-rwd .rwd-o-g2m4 { order: 240 !important; }
  .bm-rwd .rwd-o-lenta { order: 250 !important; }
  .bm-rwd .rwd-o-g1m4 { order: 260 !important; }
  .bm-rwd .rwd-o-news { order: 270 !important; }
  .bm-rwd .rwd-o-foot1 { order: 280 !important; }
  .bm-rwd .rwd-o-forum { order: 290 !important; }
  .bm-rwd .rwd-o-foot2 { order: 300 !important; }
  .bm-rwd .rwd-o-mostread { order: 310 !important; }
  .bm-rwd .rwd-o-youtube { order: 320 !important; }
  .bm-rwd .rwd-o-foot3 { order: 330 !important; }
}

/* <680: «Главное» в стопку, виджеты в 1 колонку, футер перекомпонуется */
@container rwd (max-width: 679px) {
  /* компактные карточки (решение команды 16.06): крупная первая на всю ширину,
     остальные две — сеткой рядом (вместо стопки больших карточек) */
  .bm-rwd .rwd-chrono { grid-template-columns: 1fr 1fr !important; }
  .bm-rwd .rwd-chrono-big { grid-column: 1 / -1 !important; grid-row: auto !important; }
  .bm-rwd .rwd-chrono-sm { grid-column: auto !important; grid-row: auto !important; }
  /* фото первой главной (hero) на мобиле компактнее: 16/9 вместо квадрата */
  .bm-rwd .rwd-lead-big > div { aspect-ratio: 16 / 9 !important; }
  /* баннеры Группы 2/1 (места 1) переезжают В РАЗРЫВ хроноленты «большая ↔ мелкие»
     (по разметке ТЗ v2: 1 большая → банер → 4 маленькие). Боковые-оригиналы на
     телефоне скрываем, чтобы не задвоить */
  .bm-rwd .rwd-chrono-midbanner { display: block !important; grid-column: 1 / -1 !important; }
  .bm-rwd .rwd-o-g2m1, .bm-rwd .rwd-o-g1m1 { display: none !important; }
  /* теги в одну строку: 3-й хэштег, не влезающий по ширине, не переносим, а
     прячем — высота одной строки (тег 30px) + клип 2-й строки (row-gap 12px) */
  .bm-rwd .rwd-tags-row { max-height: 34px !important; overflow: hidden !important; }
  .bm-rwd .rwd-aside-left, .bm-rwd .rwd-aside-right { grid-template-columns: 1fr !important; }
  .bm-rwd .rwd-foot-contacts { grid-template-columns: 1fr !important; }
  .bm-rwd .rwd-foot-bottom { flex-direction: column !important; text-align: center; gap: 14px !important; }
  .bm-rwd .rwd-foot-bottom nav { margin-left: 0 !important; }
}

/* End */


/* Start:/local/templates/bits.media/redesign/isolation.css?178802828335928*/
/* BMR-36 — слой изоляции каскада между старым CSS шаблона и каркасом редизайна.
   Механизм и все числа — спайк BMR-33 (docs/redesign/css-isolation.md), решения по
   монтажу — ADR-0003. Прообраз файла: local/redesign/proto/shell-reset.proto.css.

   Подключать ТОЛЬКО со страницы или шаблона САЙТА (redesign/include.php), не из
   кэшируемого шаблона компонента: на cache-hit шаблон не выполняется и стили слетают
   (грабли BMR-19).

   Специфичность выбрана так, чтобы правило выигрывало НЕЗАВИСИМО ОТ ПОРЯДКА склейки:
   имя кэш-бандла Bitrix не зависит от порядка файлов (getAssetChecksum() делает ksort),
   поэтому порядок в бандле задаёт первый сгенерировавший запрос. На порядок опираться
   нельзя — это измерено, см. css-isolation.md, «Почему нельзя опираться на порядок».

   Здесь только то, что ИЗМЕРЕНО как протечка, плюс страховка стыка с контентом. */

/* ─────────────────────────────────────────────────────────────────────────────
   1. Защита каркаса от element-селекторов старого шаблона
   ───────────────────────────────────────────────────────────────────────────── */

/* template_styles: h1,h2,h3{font-family:Ubuntu} — (0,0,1) бьёт наследование от .bm.
   ВАЖНО (найдено премортемом BMR-36): ресет НЕЛЬЗЯ писать как «.bm h1» — (0,1,1)
   победил бы заскоупленный примитив «:where(.bm) .serif» (0,1,0) и снёс дисплейный
   шрифт всем заголовкам карточек нового дизайна (<h3 class="serif"> в _cards.php).
   Спайк этого увидеть не мог: в его фикстуре центр был заменён legacy-контентом.
   Поэтому ресет действует только на заголовки БЕЗ шрифтового класса стейтбука
   (.serif / .mono / .sans — единственные примитивы, задающие font-family). */
.bm h1:not(.serif):not(.mono):not(.sans),
.bm h2:not(.serif):not(.mono):not(.sans),
.bm h3:not(.serif):not(.mono):not(.sans),
.bm h4:not(.serif):not(.mono):not(.sans) { font-family: inherit; }

/* template_styles: header{position:relative;background:#fff} (top-level) +
   @media(min-width:990px) header{height:115px;z-index:3;
   box-shadow:0 0 30px 8px #d3dbe1;margin-bottom:25px} + 1310px→141px + 1630px→161px.
   Парный селектор header.bm — потому что `bm` стоит на самом <header> (остров). */
.bm header, header.bm {
	position: static;
	height: auto;
	margin: 0;
	background: transparent;
	box-shadow: none;
	z-index: auto;
}

/* template_styles: header .place-top{padding:30px 20px;background:#f9f9f9;
   overflow:hidden;clear:both;position:relative;margin:0 -20px} (top-level) +
   @media(min-width:990px){position:absolute;width:410px;height:50px;top:12px;
   left:357px;padding:0;background:#fff;text-align:right} (+варианты 1310/1630) —
   рекламные слоты каркаса рисует старый advertising.banner с теми же классами
   (замер: верхний баннер обрезался до 615×76 вместо 728×90). */
.bm .places, .bm .place-top {
	position: static;
	width: auto;
	height: auto;
	top: auto;
	left: auto;
	right: auto;
	margin: 0;
	padding: 0;
	background: transparent;
	text-align: start;
	overflow: visible;
	clear: none;
	z-index: auto;
}

/* ПСЕВДОЭЛЕМЕНТЫ старой шапки — Critical, найдено ревью BMR-36.
   Ресет выше гасит свойства самого <header>, но НЕ его ::before/::after, а
   template_styles.css:4204/4231 внутри @media(max-width:989px) объявляет
   header:before{content:'';position:absolute;top:0;left:0;width:100%;height:75px;
   background:#fff;opacity:.6;z-index:2;box-shadow:0 0 120px 50px #D8D8D8} и
   header:after{…top:49px;height:1px;z-index:4}. Так как ресет делает сам header
   position:static, эти absolute-псевдо привязываются к ICB и ложатся ПОВЕРХ масштхеда:
   полоса 100%×75px перехватывала клики — на ≤989px бургер (единственный вход в меню,
   .rwd-nav там display:none) и кнопка поиска не открывались ВООБЩЕ.
   Замер: elementFromPoint в центре .rwd-burger на /files/ при 390 и 767 даёт HEADER, а
   реальный клик мышью не открывает drawer; при 1000 и на превью главной — работает.
   Инструменты паритета этого не увидели, потому что мерили только 1440.
   Сюда же header .place-top:before (content:'';position:absolute;box-shadow:0 0 30px 8px)
   — класс .place-top печатает старый advertising.banner внутри баннерного слота шапки.
   Специфичность: header.bm::before = (0,1,2) против header:before (0,0,2);
   .bm .place-top::before = (0,2,1) против header .place-top:before (0,1,2). */
.bm header::before, .bm header::after,
header.bm::before, header.bm::after,
.bm .places::before, .bm .places::after,
.bm .place-top::before, .bm .place-top::after {
	content: none;
	display: none;
}

/* BMR-43: страницы хешрейта несут глобальные .card-правила (inline <style> в
   /hashrate/index.php и style.css компонента hashrate.cryptocurrency):
   .card{border-radius:24px|1.25rem; cursor:pointer} + .card:hover{box-shadow:…}.
   Специфичность совпадает со стейтбуковским :where(.bm) .card — побеждает порядок
   склейки бандла, а он нестабилен (см. шапку файла). Замер на /hashrate/: карточки
   сайдбаров каркаса получили radius 24px и cursor:pointer (эталон /fee/bitcoin/ —
   var(--r-lg) и auto). Возвращаем значения стейтбука с запасом специфичности (0,2,0).
   cursor — только div.card: у карточки-ссылки (<a class="card">, rightcol youtube)
   pointer — UA-поведение ссылки, а «cursor:auto» автором перебил бы его.
   Остальные глобали хешрейта измерены как безвредные для хрома: h-правила не находят
   целей (в хроме только h4 с классовыми размерами),
   body{line-height:inherit!important} не доходит до подвала/totop (у них свой 1.5).
   body{background:#F6F7F8} ДОХОДИТ (замер ревью: rgb(246,247,248) против токена
   rgb(245,247,249) — глазом неразличимо, 1/255 по каналу), но при смене --bg-page
   /hashrate/ разъехался бы в одиночку — возвращаем токен явно: (0,1,1) против (0,0,1). */
.bm .card { border-radius: var(--r-lg); }
.bm div.card { cursor: auto; }
.bm .card:hover { box-shadow: none; }
body.bmr-shell { background: var(--bg-page, #F5F7F9); }

/* BMR-57: белые карточки легаси-страниц потеряли отделение от фона. На старом сайте
   /hashrate/ красил body в #F6F7F8 своим inline-<style>, и белая карточка читалась на
   сером; в каркасе она лежит на белом .bm-page (--bg: #FFFFFF), а .border-0 снял ещё и
   рамку. Замер: background rgb(255,255,255), border 0px none, box-shadow none — от фона
   не отделяет ничего, пока не наведёшь курсор. Возвращаем объём тенью (заявка 20.08).

   Селектор по `.border-0` — это и есть описание дефекта: «автор снял рамку». Единственная
   другая легаси-карточка каркаса (`.card` на /price/<from>/<to>/) держит бутстраповскую
   рамку 1px rgba(0,0,0,.125), с фоном не сливается и под правило намеренно не попадает.
   Под правилом 28 карточек на 9 страницах: /hashrate/ (5), /hashrate/<coin>/ (1×5 монет),
   /fee/<coin>/ (6×3 монеты) — свип 15 страниц каркаса на 1440.

   Снаружи `.bm` — намеренно: строкой выше живёт щит .bm .card:hover{box-shadow:none}
   (BMR-43), гасящий авторский hover на карточках сайдбаров каркаса. Правка под `.bm`
   спорила бы со щитом.

   Парное правило наведения ОБЯЗАТЕЛЬНО: (0,4,0) правила по умолчанию бьёт авторское
   .card:hover (0,2,0), и без пары эффект наведения пропал бы вовсе. Значение оставлено
   авторское — «этот эффект оставим как есть», — и привязано к кликабельности: на
   /hashrate/ карточка лежит в div.col[onclick] и ведёт на страницу монеты, а на
   /hashrate/<coin>/ и /fee/<coin>/ она не кликабельна (cursor:auto) и hover-правила у
   неё сегодня нет. Подъём там обещал бы курсору переход, которого не будет.

   Почему не токен --shadow-card. Он гораздо слабее (0 1px 0 /.04 + 0 1px 2px /.04),
   рассчитан на карточку, которая уже отделена рамкой — именно так устроены карточки
   каркаса, — и в проекте не используется ни разу. На карточке без рамки этот волосок
   слишком слаб, и он другой семьи, чем авторская тень наведения: переход читался бы как
   подмена тени, а не как её рост. Здесь тень той же семьи, что авторская, но втрое
   короче; чернила rgba(19,26,33,·) — те же, что у токенов стейтбука. */
.bm-rwd .bm-legacy .card.border-0 {
	box-shadow: 0 1px 2px rgba(19, 26, 33, .06), 0 4px 10px -2px rgba(19, 26, 33, .08);
}
.bm-rwd .bm-legacy [onclick] .card.border-0:hover {
	box-shadow: 0 4px 32px rgba(0, 0, 0, .1);
}

/* BMR-65: крошки на страницах с ЛЕГАСИ-центром (например /about/) выглядели по-старому.
   Компонент крошек один и тот же — его печатает каркас, — но на этих страницах он
   попадает в остров .main-col.bm-legacy, то есть ВНЕ .bm, и правила article.css
   (.bm .art-crumbs .breadcrumb) до него не достают. Оставалось легаси-правило
   `ul.breadcrumb` (замер: 14px Roboto, цвет rgb(15,27,46), блочная раскладка,
   разделитель « | »), и на этих страницах крошки выбивались из остального сайта.

   Повторяем здесь вид редизайна один в один со значениями из article.css. Селектор
   (0,3,0) против легасишного ul.breadcrumb (0,1,1) — с запасом, на порядок склейки
   бандла не опираемся (см. шапку файла).

   Последнее звено НЕ прячем: на легаси-центре это имя текущего раздела, а не
   заголовок материала (та же причина, по которой правило сокрытия в article.css
   сужено до .art-crumbs--detail). */
.bm-rwd .bm-legacy .breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 4px;
	padding: 0;
	list-style: none;
	font-family: var(--font-mono);
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--text-muted);
}
.bm-rwd .bm-legacy .breadcrumb li { display: inline-flex; align-items: center; gap: 8px; }
.bm-rwd .bm-legacy .breadcrumb a { color: var(--text-muted); text-decoration: none; }
.bm-rwd .bm-legacy .breadcrumb a:hover { color: var(--text-secondary); }
/* текстовый « | » гасим и рисуем макетную точку — как в article.css */
.bm-rwd .bm-legacy .breadcrumb .divider {
	font-size: 0;
	width: auto;
	height: auto;
	background: none;
	border: 0;
	flex: none;
	margin: 0;
}
.bm-rwd .bm-legacy .breadcrumb .divider::after { content: "\00B7"; font-size: 12px; color: var(--border-strong); }
.bm-rwd .bm-legacy .breadcrumb li:last-child .divider { display: none; }

/* BMR-47: computed-паритет с макетом (эталон /makets/v052/shell/): асайды там
   прозрачны (rgba(0,0,0,0)), а стайлбуковский .bm{background:var(--bg)} красил их
   var(--bg). Визуально это no-op (под асайдами лежит .bm-page с тем же var(--bg) —
   и в каркасе, и в макете; уточнение дельта-ревью), но выравнивание computed-стилей
   защищает от расхождения при будущей смене токенов и чистит отчёт shell-parity.
   Специфичность (0,2,1) против (0,1,0); матчится ровно на 2 элемента каркаса
   (shell/header.php и shell/footer.php); drawer без .bm — не задет. */
.bm-rwd aside.bm { background: transparent; }

/* ПРОВЕРЕНО и ОТКЛОНЕНО (спайк): старое svg:not(:root){overflow:hidden} совпадает с
   UA-дефолтом — это не протечка, а правило .bm svg{overflow:visible} само создавало
   расхождение с эталоном (4 узла). Типографика с .bm-page убрана в генераторе
   стейтбука (BMR-35), здесь правило не требуется. */

/* ─────────────────────────────────────────────────────────────────────────────
   2. Раскладка острова старого контента (.bm-legacy)
   ───────────────────────────────────────────────────────────────────────────── */

/* Отдельного «.main-col{width:920px}» в старом CSS НЕТ: 920px — вычисленная ширина от
   @media(min-width:1310px) .wo{width:1280px;padding:0 40px} +
   @media(min-width:990px) .mainbox{grid-template-columns:280px 1fr}. Старую обёртку
   .wo/.mainbox новый каркас не печатает, но .main-col остаётся (ради
   .main-col .next-btn/.btn-more — кнопки пагинации), и без нейтрализации центр
   вылезает из ячейки 728px и налезает на правый сайдбар (замер: правый край 1566 при
   вьюпорте 1440). Селектор от .bm-rwd, а не от .bm: остров лежит ВНЕ .bm. */
.bm-rwd .bm-legacy,
.bm-rwd .bm-legacy > .main-col {
	display: block;
	width: auto;
	max-width: 100%;
	min-width: 0;
	float: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

/* Стейтбук объявляет .bm-rwd .rwd-main{container-type:inline-size}, а это включает
   contain:layout style: элемент становится containing block для position:fixed/absolute
   потомков и изолирует счётчики. В старом контенте такие потомки бывают (лайтбоксы,
   залипающие панели), а cq-единиц там нет — для legacy-центра контейнер снимаем.
   Мобильные @container rwd этим не задеты: они спрашивают контейнер с ИМЕНЕМ rwd
   (это .bm-rwd), а не безымянный контейнер .rwd-main. */
.bm-rwd .rwd-main-legacy { container-type: normal !important; }

/* Мобильный кегль островов. Стейтбук объявляет `.bm{font-size:15px}` и отдельно
   `@container rwd (max-width:1023px){.bm-rwd .bm-page{font-size:16px}}` — на превью
   главной корень несёт .bm, а 16px приходит в блоки НАСЛЕДОВАНИЕМ от .bm-page. По
   схеме островов `.bm` стоит на самом сайдбаре/шапке, и его 15px перебивают
   унаследованные 16px: замер на 390 давал сайдбары 15px/22.5px против 16px/24px у
   эталона. Внутри мобильного контейнера возвращаем наследование (line-height не трогаем:
   он у .bm безразмерный 1.5 и наследуется правильно, а у .bm-page пришёл бы из
   normalize html{line-height:1.15}). Специфичность (0,2,0) против (0,1,0).
   Селектор от .bm-rwd, а не от .bm-page: подвал и кнопка «наверх» лежат ВНЕ .bm-page, и
   под .bm-page они оставались 15px — единственные несогласованные блоки (повторное ревью;
   макет v052/shell на 390 даёт подвалу 16px/24px). Вне .bm-page наследование приходит от
   body, где старый CSS кегль не задаёт, то есть те же 16px. */
@container rwd (max-width: 1023px) {
	.bm-rwd .bm { font-size: inherit; }
}

/* ─────────────────────────────────────────────────────────────────────────────
   3. Мобильный порядок острова
   ───────────────────────────────────────────────────────────────────────────── */

/* На ≤767px стейтбук делает .rwd-main/.rwd-aside-* display:contents, и блоки каркаса
   сортируются своими якорями .rwd-o-* (30…330) среди детей .rwd-body. У острова
   старого контента якоря нет → он получил бы order:0 и встал бы выше всего, включая
   строку тикера. Ставим явно: сразу после шапки, до блоков сайдбаров. */
@container rwd (max-width: 767px) {
	.bm-rwd .bm-legacy { order: 20 !important; }
}

/* Первые слоты боковых групп на телефоне — найдено ревью BMR-36.
   Стейтбук в @container rwd (max-width:679px) скрывает .rwd-o-g1m1 и .rwd-o-g2m1,
   потому что ПО МАКЕТУ эти креативы переезжают в разрыв хроноленты главной
   (.rwd-chrono-midbanner, stylebook.css:440-441). На обёрнутой странице хроноленты нет
   вообще — и два ПРОДАННЫХ места просто исчезали, хотя показ по ним уже списан сервером
   (CAdvBanner::FixShow в advertising.banner). Возвращаем их только если в слоте есть
   креатив (иначе перебили бы схлопывание пустых слотов из adslot.css).
   Признак обёрнутой страницы — наличие острова старого контента .bm-legacy, а НЕ
   отсутствие .rwd-chrono-midbanner: второе повторным ревью измерено как ложный страж —
   узел не печатает ни один шаблон (grep по local/ + 0 вхождений в HTML главной), поэтому
   :not(:has()) был всегда истинен и правило меняло вид ПРЕВЬЮ ГЛАВНОЙ на ≤679.
   Отдельный дефект, не этой задачи: на главной .rwd-chrono-midbanner не реализован, то
   есть те же два места на телефоне теряются и там — записано в bitrix-page-map.md.
   Специфичность (0,4,0) против (0,2,0) стейтбука. */
@container rwd (max-width: 679px) {
	.bm-rwd:has(.bm-legacy) .rwd-o-g1m1:has(.places),
	.bm-rwd:has(.bm-legacy) .rwd-o-g2m1:has(.places) { display: block !important; }
}

/* ─────────────────────────────────────────────────────────────────────────────
   4. Страховка стыка: контент старых страниц не должен рвать колонку 728px
   ───────────────────────────────────────────────────────────────────────────── */

/* img в старом CSS уже ограничен (img{max-width:100%}), iframe/video/object — нет;
   pre/code не переносятся по словам и легко выходят за колонку. */
.bm-rwd .bm-legacy iframe,
.bm-rwd .bm-legacy video,
.bm-rwd .bm-legacy object,
.bm-rwd .bm-legacy embed { max-width: 100%; }
.bm-rwd .bm-legacy pre { max-width: 100%; overflow-x: auto; }

/* Обёртка-скроллер для таблиц ставится СКРИПТОМ каркаса (shell/script.js) и только тем
   таблицам, которые реально шире колонки: безусловный table{display:block} менял бы
   раскладку всем таблицам старого контента. */
.bm-rwd .bm-legacy .bmr-tablescroll { overflow-x: auto; max-width: 100%; }

/* ─────────────────────────────────────────────────────────────────────────────
   5. Legacy-лента карточек `.news-list` в колонке каркаса (BMR-54)
   ───────────────────────────────────────────────────────────────────────────── */

/* Продолжение § 4: та же природа — контент старых страниц не должен рвать колонку.
   Пять страниц отдают разметку `.news-list > .col-box > .news-item > .news-content`
   внутри каркаса: /price/<пара>/ (uninews.main шаблон pairs), /library/ и /tag/<тег>/
   (шаблон .default, у тега три ленты), /beginner/ (bits:beginners), /quiz/
   (bits:quiz.test.list). Ширина карточки там задана В ПИКСЕЛЯХ (263/290/355 —
   template_styles.min.css) при ПРОЦЕНТНОЙ колонке `.news-item` (50 % / 33.33 %).
   Пиксели подбирались под старый центр ~880px; центр каркаса — 702px, поэтому
   карточка вылезала из своей колонки и накрывала соседнюю: замер 4px на 1920,
   56px на 1440, 71px на 1310, вылет за контейнер до 78px. С `?bmr_shell=0`
   наложения нет ни на одной ширине — дефект принадлежит каркасу, поэтому лечим
   здесь, а не в старом CSS: путь отката должен остаться нетронутым.

   СПЕЦИФИЧНОСТЬ СЧИТАНА ПОИМЁННО, А НЕ «СКОУП ДОБАВИТ ДВА КЛАССА». В реальном
   бандле Bitrix isolation.css идёт ТРЕТЬИМ, а template_styles.min.css — ПОСЛЕДНИМ,
   то есть легаси стоит в каскаде ПОСЛЕ нас и любая ничья решается против нас.
   Запас есть у всех правил ниже, кроме одного: у самого <img> легаси держит (0,5,1)
   (`.news-list .news-item .news-content .news-link .img img`), и короткая цепочка
   `.bm-rwd .bm-legacy .news-list .news-item .news-link img` даёт РОВНО столько же.
   Замер: такое правило, вставленное в <head> первым, проигрывает — max-width
   остаётся 290px и у снимка появляются поля по 26px с каждой стороны. Поэтому у
   правила по <img> цепочка длинная, до (0,7,1). Не укорачивать.

   Граница — 640px, а не 639: на ровно 639 у легаси срабатывают ОБЕ ветки
   медиазапросов (`min-width: 639px` и `max-width: 639px`), и грид даёт там карточки
   241px при зазоре 60. На 639 и ниже оставляем легаси как есть — наложения там нет.

   `auto-fill`, не `auto-fit`: на /beginner/ и /quiz/ в `.col-box` нет полноширинного
   ребёнка, и `auto-fit` схлопнул бы пустые треки, растянув одинокую карточку с 341
   до 702px. На остальных трёх страницах разницы не видно — пейджер занимает все
   колонки и схлопнуться им не даёт. */
@media (min-width: 640px) {
	/* Число карточек в ряду — от ширины колонки, а не от брейкпоинта вьюпорта.
	   Пейджер, кнопку «Больше статей» и метки дат разворачиваем на всю ширину: они
	   не карточки ряда. Вкладывать карточки в свою обёртку нельзя — догрузка
	   каркаса (shell/script.js) доклеивает ответ прямо в `.col-box`, и обёртки у
	   неё нет.

	   Правила для «геройской» первой карточки (`.col-box.first-page >
	   .news-item:first-child`) здесь СОЗНАТЕЛЬНО НЕТ. Первая редакция раздела его
	   несла — ревью показало, что оно мёртвое: класс `first-page` печатают пять
	   шаблонов, но внутри `.news-list` — три (`pairs`, `.default`,
	   `editorial_choice`), и во всех трёх первым ребёнком `.col-box` всегда идёт
	   `<div class="news-items-label">` (метка даты печатается перед первым
	   элементом, т.к. `$label` пуст), поэтому `:first-child` не совпадает никогда.
	   У легаси ровно та же беда с его собственным `.news-list .first-page
	   .news-item:first-child`. Ни одна из пяти страниц `first-page` сегодня не
	   включает (PAGE_SIZE_FIRST равен PAGE_SIZE), так что терять нечего, а
	   непроверяемый код с ложным описанием — терять есть что. */
	.bm-rwd .bm-legacy .news-list .col-box {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
		/* Зазор ПО ФАКТУ неодинаков: 20px по горизонтали и 40px по вертикали, потому
		   что легаси держит `.news-item { padding-bottom: 20px !important }` внутри
		   @media (min-width: 991px) — template_styles.css:3793. Специально не
		   выравниваем: чтобы убрать те 20px, пришлось бы бить чужой !important своим
		   ради косметики, тогда как требование (зазор ≥ 16px в обе стороны) и так
		   выполнено. Приёмка меряет ОБА зазора и печатает оба, чтобы это не читалось
		   как случайность. */
		gap: 20px;
	}
	.bm-rwd .bm-legacy .news-list .col-box > *:not(.news-item) {
		grid-column: 1 / -1;
	}
	.bm-rwd .bm-legacy .news-list .news-item {
		width: auto;
		float: none;
	}

	/* Пиксельную ширину снять обязательно — без этого грид ничего не чинит: карточка
	   355px осталась бы в треке 341px. Потолок 355px = Bits::PIC_STD_WIDTH, ширина
	   самого узкого превью на сайте: свип вьюпорта шагом 10px (а не по круглым
	   ширинам) показал, что при контейнере 730–880 две колонки дают карточку до
	   396px — шире любого превью, и белые поля у снимка возвращаются. `margin: 0 auto`
	   делит остаток трека поровну, чтобы ряд оставался симметричным. */
	.bm-rwd .bm-legacy .news-list .news-item .news-content {
		width: auto;
		max-width: 355px;
		margin: 0 auto;
	}

	/* BMR-59 — скругление как у карточки ленты главной. 12px — не подобранное на
	   глаз число: столько несёт OverlayCard хроноленты (_cards.php:52, замер
	   computed на живой главной даёт те же 12px). Соседние блоки главной скруглены
	   на 10px, но это «Выбор редакции» и 2-up, а не лента.

	   Скругляем именно `.news-content` — это и есть видимая коробка карточки: белый
	   фон и тень 0 2px 8px 1px #d3dbe1 живут на ней (template_styles.css:1088).
	   Отдельного правила для снимка не нужно: фото прижато к её верхней и боковым
	   границам вплотную (замер: top0 left0 right0 на всех ширинах ≥640), а сама
	   коробка уже несёт overflow:hidden (template_styles.css:2843) — верхние углы
	   фото подрезаются даром.

	   Почему внутри блока ≥640, а не рядом с ним: ниже 640 коробки просто нет —
	   `@media screen and (max-width: 639px)` (template_styles.css:4317) гасит и фон,
	   и тень, карточка становится компактной строкой. Скруглять там нечего.

	   Цепочка (0,5,0) при том, что легаси border-radius на `.news-content` не задаёт
	   нигде: порядок склейки бандла нестабилен (см. шапку файла), и правило пишется
	   с запасом, а не на честном слове порядка. */
	.bm-rwd .bm-legacy .news-list .news-item .news-content {
		border-radius: 12px;
	}

	/* Снимок во всю ширину карточки. Пиксельные max-width/max-height у <img> легаси
	   держит на трёх брейкпоинтах; здесь цепочка длинная (0,7,1) — см. шапку раздела. */
	.bm-rwd .bm-legacy .news-list .news-item .news-content .news-link .img img {
		max-width: 100%;
		max-height: 100%;
	}

	/* Не больше шести тегов. Замер: при восьми обрезка хвоста почти не падает
	   (/library/ 17 карточек из 24), при шести — падает до 4. Делаем стилем, а не
	   PHP: теги в шаблонах — <a href="#">, мёртвые ссылки, ничего не теряется;
	   правило само распространяется на догруженные ajax'ом карточки; flag-off и
	   ширины ниже 640 остаются нетронутыми (там блок тегов и так скрыт).
	   Адресуем именно `> a`: на /quiz/ в этом же блоке лежит ОПИСАНИЕ квиза, а не
	   ссылки, и `> *` испортил бы его. */
	.bm-rwd .bm-legacy .news-list .news-item .news-tags > a:nth-of-type(n+7) {
		display: none;
	}
}

/* Полоса снимка: пропорция вместо жёстких 154/160/196px, иначе выросшая карточка
   получает полосу прежней высоты и снимок повисает в белых полях. Пропорция выбрана
   ИЗМЕРЕНИЕМ, а не константой: превью генерятся разными (377×200 на /price/ и
   /library/, Bits::PIC_STD_* = 355×196 на трёх остальных), и из трёх кандидатов
   `16 / 9` единственный дал медианное боковое поле 0 на четырёх страницах
   (`355/196` даёт 7px на /quiz/, `377/200` — 13px на /beginner/ и 20px на /quiz/).
   Отдельным `@supports`, а не внутри общего блока: без поддержки `aspect-ratio`
   полоса схлопнулась бы по высоте картинки, а раскладка выше от этого не зависит и
   обязана работать в любом случае. */
@supports (aspect-ratio: 1 / 1) {
	@media (min-width: 640px) {
		.bm-rwd .bm-legacy .news-list .news-item .news-link .img {
			height: auto;
			aspect-ratio: 16 / 9;
		}
	}
}

/* End */


/* Start:/local/templates/bits.media/redesign/adslot.css?17880282831910*/
/* BMR-26 / BMR-36 — поведение рекламных слотов каркаса: схлопывание пустых слотов и
   взаимный фолбэк десктоп/мобайл-крейтива. Оба крейтива рендерятся сервером, что
   показать — решает :has().
   Брейкпоинт @container rwd 767 совпадает с переключением .rwd-ad-desk/.rwd-ad-mob
   в стейтбуке.

   BMR-36: правила переехали из inline-<style> шаблона компонента главной в файл —
   слоты рекламы рисует теперь и каркас всех страниц (ADR-0003). Специфичность
   селекторов с :has() заведомо выше правил стейтбука, поэтому от порядка склейки
   бандла результат не зависит (см. docs/redesign/css-isolation.md). */

.rwd-adslot img { max-width: 100%; height: auto; }

/* слот без баннера места не занимает */
.rwd-adslot:not(:has(.places)) { display: none !important; }

/* оба крейтива пусты → весь слот убрать */
.rwd-adwrap:not(:has(.places)) { display: none !important; }

/* десктоп: нет десктопного крейтива, но есть мобильный → показать мобильный (по центру) */
.rwd-adwrap:not(:has(.rwd-ad-desk .places)):has(.rwd-ad-mob .places) .rwd-ad-mob { display: flex !important; }

/* мобила: нет мобильного крейтива, но есть десктопный → показать десктопный (ресайз под окно) */
@container rwd (max-width: 767px) {
	.rwd-adwrap:not(:has(.rwd-ad-mob .places)):has(.rwd-ad-desk .places) .rwd-ad-desk { display: flex !important; }
}

/* End */


/* Start:/local/templates/bits.media/redesign/article.css?178802828322760*/
/* BMR-38 (T05) — страница материала: типографика тела статьи и стили art-блоков.
   Источник значений — макет v052/article (article-screens.jsx: ArtBody, ArtQuote,
   ArtUl/ArtOl, ArtTable, ArtFigure, ArtBreadcrumbs). Всё скоуплено под .bm — это
   закрывает «Открытую дыру» из docs/redesign/css-isolation.md: тело статьи — сырой
   CMS-HTML, который редакция писала под старый CSS, и ресеты стейтбука (.bm p{margin:0},
   .bm ul{list-style:none}) без этого файла сносили бы отступы, маркеры и вид ссылок.
   Подключается через redesign/include.php (уровень шаблона САЙТА — грабли BMR-19). */

/* ── крошки над статьёй: старая разметка ul.breadcrumb (deferred-компонент каркаса),
      вид макета ArtBreadcrumbs: mono 12px uppercase, разделитель «·» ── */
.bm .art-crumbs { min-height: 0; }
.bm .art-crumbs .breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: var(--font-mono);
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--text-muted);
}
.bm .art-crumbs .breadcrumb li { display: inline-flex; align-items: center; gap: 8px; }
.bm .art-crumbs .breadcrumb a { color: var(--text-muted); text-decoration: none; }
.bm .art-crumbs .breadcrumb a:hover { color: var(--text-secondary); }
/* старый разделитель — текстовый « | »; прячем текст, рисуем макетную точку.
   ВАЖНО: класс .divider совпадает с примитивом стейтбука «разделительная линия»
   (:where(.bm) .divider — width/height/background), и внутри .bm крошки получали
   длинные полосы вместо точек (замечено на живом скрине) — гасим геометрию линии */
.bm .art-crumbs .breadcrumb .divider {
	font-size: 0;
	width: auto;
	height: auto;
	background: none;
	border: 0;
	flex: none;
	margin: 0;
}
.bm .art-crumbs .breadcrumb .divider::after { content: "·"; font-size: 12px; color: var(--border-strong); }
/* правило макета: заголовок статьи в крошки не выводим — последний элемент цепочки
   (текущая страница, li без ссылки) скрыт. Висячую точку перед ним прячем по
   nth-last-child(2): вложить :has в :has нельзя (селектор невалиден целиком —
   проверено, правило молча не применялось), а в .art-crumbs последний элемент
   цепочки — всегда заголовок статьи (крошки этого вида существуют только на
   детальной, uninews кладёт название материала последним звеном). */
.bm .art-crumbs--detail .breadcrumb li:last-child:not(:has(a)) { display: none; }
.bm .art-crumbs--detail .breadcrumb li:nth-last-child(2) .divider { display: none; }
/* BMR-65: только на ДЕТАЛЬНОЙ. Раньше селектор был по .art-crumbs и прятал последнее
   звено на любой странице — а у списка это имя раздела: на /cryptocurrency/ и /news/
   от крошек оставалось одно слово «Главная», на /mining/ пропадал «Майнинг».
   У списка последнее звено ссылки не имеет (это текущая страница), поэтому висячий
   разделитель перед ним гасим отдельно. */
.bm .art-crumbs:not(.art-crumbs--detail) .breadcrumb li:last-child .divider { display: none; }

/* контейнер крошек без цепочки места не занимает. НЕ :empty — между deferred-слотами
   каркаса всегда есть whitespace-узлы и :empty мёртв (ревью BMR-38) */
.bm .art-crumbs:not(:has(.breadcrumb)) { display: none; }

/* ── тело статьи: сырой CMS-HTML (DETAIL_TEXT) в типографике макета (ArtBody) ── */
/* BLOCK, а не flex (ревью BMR-38): flex-контейнер делал каждого прямого ребёнка
   flex-item'ом и убивал float у CMS-классов smimg-l/r (347 статей с обтеканием).
   РИТМ (дельта-ревью-2): «owl» (0,2,0) проигрывал поэлементным правилам (0,2,1) —
   H2→P схлопывался в 0. Поэтому отступы заданы ПОЭЛЕМЕНТНО: макетный собственный
   margin-top + 18px базовых (в макете flex-gap суммировался с собственными), низ —
   макетный. Соседние маргины в block-модели схлопываются (max, не сумма) — даёт
   погрешность ≤4px против макета на парах «блок→абзац», принято осознанно.
   :where-owl остаётся страховкой для элементов без своих правил (div-обёртки CMS),
   его нулевая специфичность не мешает поэлементным. ::after чистит незакрытые float. */
.bm .art-body {
	display: block;
	font-size: 17px;
	line-height: 1.7;
	color: var(--text);
}
.bm .art-body > :where(:not(:first-child)) { margin-top: 18px; }
.bm .art-body > :first-child { margin-top: 0 !important; }
.bm .art-body::after { content: ""; display: block; clear: both; }
.bm .art-body p { margin: 18px 0 0; }
.bm .art-body a {
	color: var(--link);
	text-decoration: underline;
	text-decoration-color: var(--border-strong);
	text-underline-offset: 3px;
}
/* BMR-46: font-family через !important — ресет isolation.css
   `.bm h2:not(.serif):not(.mono):not(.sans)` (0,4,1: .bm + три :not(.class) + h2)
   перебивает `.bm .art-body h2` (0,2,1) и возвращал заголовкам ТЕЛА статьи
   наследуемый sans вместо дисплейного
   Newsreader (в макете body-H2/H3 — serif). Классов у CMS-заголовков нет, поэтому
   :not(.serif) их не исключает. Порядок склейки бандла нестабилен (см. isolation.css)
   → !important, как и в остальных order-зависимых правилах файла. Замер: h2 тела
   Newsreader, как в макете. */
.bm .art-body h2 {
	font-family: var(--font-display) !important;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.25;
	margin: 32px 0 0; /* 14 макетных + 18 базовых */
}
.bm .art-body h3 {
	font-family: var(--font-display) !important;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
	margin: 26px 0 0; /* 8 + 18 */
}
.bm .art-body h4 { font-family: var(--font-display) !important; font-size: 18px; font-weight: 600; margin: 24px 0 0; /* 6 + 18 */ }
.bm .art-body blockquote {
	position: relative;
	margin: 28px 0 4px; /* 10 + 18 */
	padding: 2px 0 2px 56px;
	font-family: var(--font-display);
	font-size: 21px;
	line-height: 1.45;
	color: var(--text);
	border: 0;
}
.bm .art-body blockquote::before {
	content: "«";
	position: absolute;
	left: 0;
	top: -8px;
	font-size: 58px;
	line-height: 1;
	color: var(--brand-orange);
	font-weight: 600;
}
.bm .art-body ul,
.bm .art-body ol {
	display: flex;
	flex-direction: column;
	gap: 9px;
	margin: 20px 0 2px; /* 2 + 18 */
	padding: 0;
	list-style: none;
}
.bm .art-body ul > li {
	position: relative;
	padding-left: 17px;
}
.bm .art-body ul > li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--brand-orange);
}
.bm .art-body ol { counter-reset: art-ol; }
.bm .art-body ol > li {
	position: relative;
	padding-left: 26px;
	counter-increment: art-ol;
}
.bm .art-body ol > li::before {
	content: counter(art-ol) ".";
	position: absolute;
	left: 0;
	top: 3px;
	font-family: var(--font-mono);
	font-size: 13px;
	font-weight: 600;
	color: var(--brand-orange-strong);
}
.bm .art-body img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}
.bm .art-body figure { margin: 28px 0 4px; /* 10 + 18 */ }
.bm .art-body figcaption {
	font-size: 14px;
	color: var(--text-muted);
	line-height: 1.5;
	margin-top: 8px;
}
.bm .art-body iframe,
.bm .art-body video,
.bm .art-body embed,
.bm .art-body object { max-width: 100%; }
.bm .art-body pre { max-width: 100%; overflow-x: auto; }
/* таблицы: вид макета (ArtTable); широкие оборачивает shell/script.js в .bmr-tablescroll */
.bm .art-body table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}
.bm .art-body table th {
	padding: 10px 14px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .07em;
	color: var(--text-muted);
	text-align: left;
	background: var(--bg-subtle);
	border-bottom: 1px solid var(--border);
	white-space: nowrap;
}
.bm .art-body table td {
	padding: 10px 14px;
	border-bottom: 1px solid var(--border);
	vertical-align: top;
}
.bm .art-body .bmr-tablescroll {
	border: 1px solid var(--border);
	border-radius: 10px;
	/* дельта-ревью-2: без overflow обёртка в modern-центре не скроллилась —
	   правило isolation.css живёт только под .bm-legacy */
	overflow-x: auto;
	max-width: 100%;
}
.bm .art-body hr {
	border: 0;
	border-top: 1px solid var(--border);
	margin: 26px 0 8px; /* 8 + 18 */
}

/* ── лайтбокс картинок тела (механика старого шаблона news.detail) ── */
.bm .art-body img { cursor: pointer; }
.bm .art-body img.iactive {
	transform: scale(2.2);
	transition-duration: 1s;
	position: relative;
	z-index: 999999;
}
.bm .art-body img.inonactive {
	transform: scale(1);
	transition-duration: 1s;
}

/* ── твиты по центру (перенос из старого шаблона) ── */
.bm .art-body .twitter-tweet { margin-left: auto; margin-right: auto; }

/* ── CMS-классы старых статей (ревью BMR-38): редакция годами верстала DETAIL_TEXT под
      правила, жившие в скоупе .article-page (styles.css) — класс-магнит убран, значит
      правила переезжают сюда, цвета приведены к токенам. Масштаб по базе (ИБ 4/7):
      bigimg-centr 2268, smimg-* 347, bold 62, rowpics 50, pic-desc 23, author-note 23,
      big-image 22, warn-box/warning 21, caption-s 18. ── */
.bm .art-body .bold { font-weight: 700; }
.bm .art-body .author-note { color: var(--text-muted); }
.bm .art-body .bigimg-centr { display: block; width: 100%; height: auto !important; }
.bm .art-body .big-image { clear: both; }
.bm .art-body .big-image img { display: block; width: 100%; height: auto !important; }
.bm .art-body .big-image .pic-desc { font-weight: 700; font-style: italic; }
.bm .art-body .smimg-l { float: left; margin: 12px 15px 10px 0; }
.bm .art-body .smimg-r { float: right; margin: 12px 0 10px 15px; }
.bm .art-body .caption-s { font-weight: 700; font-style: italic; display: block; text-align: center; }
.bm .art-body .pic-desc { padding: 12px 11%; text-align: center; font-size: 14px; color: var(--text-muted); }
.bm .art-body .rowpics { clear: both; overflow: hidden; margin: 20px -10px; }
.bm .art-body .rowpics .rowpic { float: left; }
.bm .art-body .rowpics .rowpic a { display: block; margin: 0 10px; text-align: center; }
.bm .art-body .rowpics .rowpic a img { max-width: 100%; }
/* предупреждение: смысл старого warn-box (рамка-акцент, оранжевый заголовок с «!»),
   палитра — токены редизайна */
.bm .art-body .warn-box,
.bm .art-body .warning {
	font-style: italic;
	padding: 16px 18px;
	border: 1px solid var(--brand-orange);
	border-radius: 10px;
	background: var(--bg-subtle);
}
.bm .art-body .warn-box .warn-title,
.bm .art-body .warn-box .bold,
.bm .art-body .warning .warn-title,
.bm .art-body .warning .bold {
	font-style: normal;
	color: var(--brand-orange-strong);
	display: block;
	line-height: 24px;
	margin-bottom: 12px;
	font-weight: 700;
}
.bm .art-body .warn-box .warn-title::before,
.bm .art-body .warn-box > .bold:first-child::before,
.bm .art-body .warning .warn-title::before,
.bm .art-body .warning > .bold:first-child::before {
	content: "!";
	color: #fff;
	background: var(--brand-orange);
	display: inline-block;
	width: 24px;
	text-align: center;
	border-radius: 12px;
	margin-right: 8px;
}

/* ─────────────────────────────────────────────────────────────────────────────
   BMR-39 — хвост материала (art-tail): зазоры группы «кнопки + комментарии».
   Пустой cackle-контейнер — всегда в разметке (механика cackleLoad 1:1: scroll к
   offset контейнера — прятать его display:none нельзя), но как flex-ребёнок группы
   с gap:16 он добавлял бы лишние 16px между кнопками и Telegram-картой в закрытом
   состоянии (замер ревью: 56 → после группировки было бы 44 при макетных 28).
   Гасим gap отрицательным отступом, пока контейнер пуст; после клика (preload
   получает inline display:block, затем Cackle монтирует виджет) возвращаем 0 —
   макетный зазор 16 между кнопками и комментариями. :has в проекте уже опора
   (isolation.css), поддержка браузеров та же. */
.art-tail .bmr-cackle { margin-top: -16px; }
.art-tail .bmr-cackle:has(.cackle_widget_preload[style*="block"]),
.art-tail .bmr-cackle:has(> :not(.cackle_widget_preload)) { margin-top: 0; }

/* ─────────────────────────────────────────────────────────────────────────────
   BMR-50 — выравнивание текста тела: десктоп по ширине, телефон по левому краю.

   Точка перелома — РОВНО та, где display-шрифт меняется с Newsreader на Ubuntu
   (stylebook.css, граница 679/680). Отдельный `@media` брать нельзя: он меряет
   окно, а типографика меряет контейнер `rwd` (.bm-rwd), и на планшете край текста
   разъехался бы с гарнитурой.

   Условие записано как ДОПОЛНЕНИЕ к правилу шрифта — `not (max-width: 679px)`, а не
   `min-width: 680px`. Два мотива. Точность границы: при дробной ширине контейнера
   (браузерный зум, дробный DPR) между 679 и 680 гарнитура была бы уже десктопной,
   а текст ещё по левому краю; дополнение эту полосу исключает. И деградация: в
   браузере без контейнерных запросов (Safari <16, старый Android WebView) правило
   просто не применится, и телефон получит прежний левый край, а не `justify` —
   правда, ценой того, что и на десктопе там останется левый край.

   Выравнивание висит на `p`/`li` любой глубины. Обход всего корпуса (44 777
   материалов, 367 531 абзац): прямых детей `.art-body` — 82,8%, в цитатах — 10,6%,
   в списках — 3,6%, в ячейках — 0,8%, в прочих обёртках — 2,2%. Материалов без
   единого абзаца первого уровня — 459 (1,0%). Правило только по прямым детям
   потеряло бы 17% абзацев, из них 8 тысяч — обычный текст в обёртках `div`.

   Ниже — сбросы. Широкий селектор сам по себе даёт два дефекта (найдены ревью и
   подтверждены замерами на живых материалах):
     * прямое правило на `p` перебивает УНАСЛЕДОВАННОЕ авторское выравнивание:
       `<td style="text-align:center"><p>` — сам `td` остаётся центрированным, а
       абзац внутри уезжает в `justify`. Абзацы, реально наследующие выравнивание
       от обёртки, есть в 48 материалах (из них центрирование — в 30);
     * `justify` протекает туда, где его не должно быть: в цитату (38 877 абзацев
       в `blockquote`), в ячейки таблиц (2 970) и в лид карточки ArtInlink
       (`.art-inlink p`, 13.5px — в макете он по левому краю).
   `text-align: inherit` в сбросе возвращает значение РОДИТЕЛЯ: авторское, если
   автор его задал, и `start`, если нет. Обёртка без выравнивания (`style="margin:…"`)
   под сброс не попадает — покрытие тела сохраняется.

   Селекторы по атрибуту `align` — защита от разметки вида `<tr align="center">`
   и `<div align="center">`. У `<table align>` атрибут центрирует саму таблицу, а не
   текст, и абзацы внутри такой таблицы держит сброс `td p`; сегодня в корпусе все
   26 `align`-обёрток — именно таблицы, то есть селектор пока про запас.

   `hyphens` включён вместе с `justify`: на колонке 728px русский текст по ширине
   без переносов даёт «реки» из растянутых пробелов. `lang="ru"` на <html> уже
   стоит, дополнительной разметки не требуется. Разбор и цифры —
   docs/redesign/article-page.md, «Выравнивание текста тела». */
@container rwd not (max-width: 679px) {
	.bm .art-body p,
	.bm .art-body li {
		text-align: justify;
		-webkit-hyphens: auto;
		hyphens: auto;
	}
	/* `hyphens` здесь НЕ гасим: часть этих узлов выравнивание по ширине всё-таки
	   получает — по наследству от обёртки с авторским `text-align: justify`, — и
	   без переносов даёт ровно те «реки», ради которых переносы и включены. */
	.bm .art-body [style*="text-align" i] p,
	.bm .art-body [style*="text-align" i] li,
	.bm .art-body [align] p,
	.bm .art-body [align] li,
	.bm .art-body blockquote p,
	.bm .art-body blockquote li,
	.bm .art-body td p,
	.bm .art-body td li,
	.bm .art-body th p,
	.bm .art-body th li,
	.bm .art-body .art-inlink p,
	.bm .art-body .art-inlink li {
		text-align: inherit;
	}

	/* BMR-56 — лид (`.art-lede`) держится того же правила: заявка редакции
	   (20.08.2026) распространила «по ширине на десктопе, по левому краю на
	   телефоне» и на него. Правилом выше он не покрыт, потому что лежит ВНЕ
	   `.art-body` (шаблон статьи: лид — строка 158, тело — 167).

	   Сбросы ему не нужны и понадобиться не могут: компонент прогоняет
	   `PREVIEW_TEXT` через `strip_tags` (news.detail/class.php:40), поэтому внутри
	   лида всегда плоский текст — ни авторского выравнивания, ни цитат, ни ячеек
	   там не бывает. По той же причине не нужен мобильный `!important`: перебивать
	   нечего (лид отрисовывается у 34 697 материалов, и подстрока `text-align` есть
	   в исходном `PREVIEW_TEXT` ровно у одного — у того, чей лид пустой). */
	.bm .art-lede {
		text-align: justify;
		-webkit-hyphens: auto;
		hyphens: auto;
	}
}
@container rwd (max-width: 679px) {
	/* Ниже 680 своего `justify` мы не ставим вовсе, поэтому отменять нечего — кроме
	   авторского inline, который бьёт любой селектор по классу и требует
	   `!important`. Точечно: селектор по `align:justify`, а не по голому `justify`
	   (голое поймало бы и `justify-content` в авторском style). Флаг `i` берёт и
	   запись без пробела, и капсом. Поставленное на обёртку правило наследуется
	   вложенными абзацами, поэтому случай «автор выровнял div целиком» закрыт.
	   Авторское центрирование под этот селектор не попадает: подстроки
	   `align:justify` в его inline-стиле нет. */
	.bm .art-body [style*="align:justify" i],
	.bm .art-body [style*="align: justify" i],
	.bm .art-body [align="justify" i] {
		text-align: left !important;
	}
}

/* End */


/* Start:/local/templates/bits.media/components/bitrix/menu/redesign/style.css?17880282832988*/
/* BMR-6 — .rwd-nav (десктоп): выпадашки по наведению. Авто-подключается Bitrix.
   Мобайл: .rwd-nav скрыт стейтбуком (@container ≤1023), там drawer (часть 2b). */
.rwd-navitem { position: relative; }
.rwd-navlink {
	display: inline-flex; align-items: center; gap: 5px;
	padding: 14px 0; margin-bottom: -1px;
	font-size: 14px; font-weight: 500;
	color: var(--text-secondary);
	border-bottom: 2px solid transparent;
	text-decoration: none;
	white-space: nowrap;
}
.rwd-navlink:hover { color: var(--text); }
/* BMR-60: пункт без перехода (PARAMS['NO_EVENT'] в .top.menu.php). Печатается span,
   поэтому UA-курсора ссылки у него нет — ставим default вместо текстового I-beam:
   наведение по-прежнему раскрывает выпадашку, и курсор-стрелка это и означает.

   `color: inherit` — чтобы пункт не отличался от соседей. Соседи-ссылки цвет из
   .rwd-navlink НЕ получают: ресет стейтбука `.bm a { color: inherit }` — это (0,1,1)
   против (0,1,0), он сильнее, и вся навигация наследует --text от .rwd-nav. Span под
   этот ресет не попадает и один получил бы заявленный --text-secondary — то есть
   выглядел бы бледнее остальных. Повторяем поведение соседей буквально.

   NB: расхождение с макетом (v052 NavDropdown: неактивный пункт — var(--text-secondary))
   существует и сейчас, до этой правки, и касается ВСЕХ пунктов меню. Чинить его здесь
   не стал: это видимое изменение шапки на всех страницах, отдельное решение. */
.rwd-navlink--static { cursor: default; color: inherit; }
.rwd-navlink.is-active { font-weight: 600; color: var(--text); border-bottom-color: var(--brand-orange); }
.rwd-chev { font-size: 8px; color: var(--text-muted); transition: transform .15s; }
.rwd-navitem:hover .rwd-chev { transform: rotate(180deg); }

.bm-ddl {
	display: none;
	position: absolute; top: 100%; left: -16px; z-index: 200;
	min-width: 230px;
	background: var(--bg);
	border: 1px solid var(--border);
	border-radius: 10px;
	box-shadow: 0 12px 32px rgba(0, 0, 0, .14);
	padding: 8px 0;
}
.rwd-navitem:hover .bm-ddl { display: block; }
.bm-ddl .rwd-ddl-item {
	display: block; padding: 8px 18px; margin: 0 6px;
	font-size: 13px; color: var(--text-secondary);
	text-decoration: none; white-space: nowrap; border-radius: 6px;
}
.bm-ddl .rwd-ddl-item:hover { background: var(--bg-subtle); color: var(--text); }
.bm-ddl .rwd-ddl-item.is-active { color: var(--text); font-weight: 600; }

/* End */


/* Start:/local/templates/bits.media/components/bitrix/menu/redesign_drawer/style.css?17880282832684*/
/* BMR-6 (часть 2b) — аккордеон-меню мобильного drawer. Авто-подключается Bitrix. */
.rwd-dnav { display: flex; flex-direction: column; }
.rwd-dnav-item { border-bottom: 1px solid var(--border); }
/* BMR-58 — префикс `.bm` здесь ОБЯЗАТЕЛЕН, а не для красоты. Пункт верхнего уровня
   рендерится двумя тегами: родитель с подменю — <button>, лист — <a>. Голый
   `.rwd-dnav-top` — это (0,1,0), и ресет стейтбука `.bm button { padding: 0 }`
   (stylebook.css:108) — (0,1,1) — его перебивал: у пунктов-кнопок боковой отступ
   становился нулевым, текст прижимался к краю панели, шеврон упирался в правый край,
   а листья-<a> свои 16px сохраняли — левый край меню выходил рваным. `.bm` поднимает
   правило до (0,2,0) и возвращает макетное значение обоим тегам сразу.
   В макете (/var/www/makets/v052/shell/index.html, MobileDrawer) этот же отступ задан
   инлайном — инлайн бьёт любой селектор, поэтому там дефекта не было и перенос в класс
   его создал. Тот же ресет и тем же способом чинится для .btn — stylebook.css:170.
   16px — ритм самого drawer: шапка 10px 8px 10px 16px, кнопка поиска margin:16. */
.bm .rwd-dnav-top {
	display: flex; align-items: center; width: 100%; min-height: 48px; padding: 0 16px;
	font-size: 16px; font-weight: 600; text-align: left; color: var(--text);
	text-decoration: none; background: none; border: 0; cursor: pointer;
	font-family: inherit;
}
/* тоже с `.bm`: иначе (0,2,0) против (0,2,0) — ничья, которую разруливал бы только
   порядок строк в файле */
.bm .rwd-dnav-top.is-active { color: var(--brand-orange-strong); }
.rwd-dnav-chev { margin-left: auto; font-size: 10px; color: var(--text-muted); transition: transform .15s; }
.rwd-dnav-top[aria-expanded="true"] .rwd-dnav-chev { transform: rotate(180deg); }
.rwd-dnav-sub { background: var(--bg-subtle); }
.rwd-dnav-link {
	display: flex; align-items: center; min-height: 44px; padding: 0 16px 0 32px;
	font-size: 15px; color: var(--text-secondary); text-decoration: none;
	border-top: 1px solid var(--border);
}
.rwd-dnav-link:active { background: var(--border); }

/* End */


/* Start:/local/templates/bits.media/google.fonts.min.css?16216854412532*/
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'),local('Roboto-Regular'),url(/local/templates/bits.media/fonts/google/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:local('Roboto Bold'),local('Roboto-Bold'),url(/local/templates/bits.media/fonts/google/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'),local('Roboto-Regular'),url(/local/templates/bits.media/fonts/google/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:local('Roboto Bold'),local('Roboto-Bold'),url(/local/templates/bits.media/fonts/google/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;font-display:swap;src:local('Ubuntu Regular'),local('Ubuntu-Regular'),url(/local/templates/bits.media/fonts/google/ubuntu/v15/4iCs6KVjbNBYlgoKfw72.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;font-display:swap;src:local('Ubuntu Regular'),local('Ubuntu-Regular'),url(/local/templates/bits.media/fonts/google/ubuntu/v15/4iCs6KVjbNBYlgoKew72j00.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Ubuntu;font-style:normal;font-weight:700;font-display:swap;src:local('Ubuntu Bold'),local('Ubuntu-Bold'),url(/local/templates/bits.media/fonts/google/ubuntu/v15/4iCv6KVjbNBYlgoCxCvjtGyNL4U.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Ubuntu;font-style:normal;font-weight:700;font-display:swap;src:local('Ubuntu Bold'),local('Ubuntu-Bold'),url(/local/templates/bits.media/fonts/google/ubuntu/v15/4iCv6KVjbNBYlgoCxCvjsGyN.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* End */


/* Start:/local/templates/bits.media/components/bitrix/breadcrumb/bits/style.css?17176767741031*/
/* line 4, style.scss */
.divider{color: #0F1B2E;}
  ul.breadcrumb {
    display: block;
font-size: 14px;
line-height: 16px;
color: #0F1B2E;
    margin: 0 20px 20px;
    clear: both;
    overflow: hidden;
    list-style: none; }
    /* line 15, style.scss */
    ul.breadcrumb li {
      display: inline;
      font-size: 14px;
      line-height: 16px;
      color: #808A9C; }
      /* line 19, style.scss */
      ul.breadcrumb li svg.ico {
        margin: 0 10px;
        display: inline-block;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-size: 10px; }
    /* line 30, style.scss */
    ul.breadcrumb a {
font-size: 14px;
line-height: 16px;
color: #0F1B2E;
      text-decoration: none;
      cursor: pointer; }
      /* line 34, style.scss */
      ul.breadcrumb a:hover {
        color: #f99d1c; } 

@media (max-width: 990px) {
  ul.breadcrumb {
    margin: 10px 20px 20px;
  }
}
/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/bits.media/styles.min.css?17220066594287*/
.text_content .place-base{border:1px dotted #ccc;padding:15px 0}.article-page .bold{font-weight:700}.article-page blockquote{position:relative;margin:0;padding:30px 0}.article-page blockquote p,.article-page blockquote div,.article-page blockquote span{position:relative;z-index:2;margin:0;padding:0}.article-page blockquote p{font-style:italic;font-weight:700}.article-page blockquote p:first-of-type:before{content:'';position:absolute;width:71px;height:64px;top:-30px;left:-20px;background:url(/local/templates/bits.media/images/quote.png)no-repeat;z-index:-1}.article-page img{max-width:100%;height:auto}.article-page .author-note{color:#a5b8c4}.article-page .bigimg-centr{display:block;width:100%;height:auto!important}.article-page .big-image{clear:both}.article-page .big-image img{display:block;width:100%;height:auto!important}.article-page .big-image .pic-desc{font-weight:700;font-style:italic}.article-page ul{list-style:none;margin:0 0 20px;padding:0}.article-page ul li{position:relative;padding-left:20px}.article-page ul li:before{position:absolute;top:0;left:0;font-size:30px;color:#a5b8c4;content:'\2022'}.article-page .warn-box,.article-page .warning{font-weight:700;font-style:italic;padding:20px 0;border-bottom:1px solid #bfbfbf}.article-page .warn-box .warn-title,.article-page .warn-box .bold,.article-page .warning .warn-title,.article-page .warning .bold{font-style:normal;color:#e38a0d;display:block;height:24px;line-height:24px;margin-bottom:20px}.article-page .warn-box .warn-title:before{content:'!';color:#fff;background:#e38a0d;display:inline-block;width:24px;text-align:center;border-radius:12px;margin-right:10px}.article-page .smimg-l{float:left;margin:12px 15px 10px 0}.article-page .smimg-r{float:right;margin:12px 0 10px 15px}.article-page .caption-s{font-weight:700;font-style:italic;display:block;text-align:center}.rowpics{clear:both;overflow:hidden;margin:20px -10px}.rowpics .rowpic a{display:block;margin:0 10px;text-align:center}.rowpics .rowpic a img{max-width:100%}.article-author{overflow:hidden;clear:both;margin-bottom:20px}.article-author div{line-height:20px;font-size:16px}.article-author div.label{padding-top:5px;color:#a5b8c4}.article-author div.role{color:#a5b8c4}.article-author div.name,.article-author div.name a{text-decoration:none;color:#e38a0d}.article-author div.name a:hover{color:#5a778a}.article-author .img{display:inline-block;width:50px;height:50px;border-radius:25px;overflow:hidden;margin:0 15px 15px 0}.article-author .img img{max-height:50px;max-width:50px}.article-page blockquote .article-author{margin:0 0 16px 10px}.article-page blockquote .article-author .img{width:100px;height:100px;border-radius:50px}.article-page blockquote .article-author .img img{width:100px;max-width:100px;max-height:100px!important}.article-page blockquote .article-author div.name{padding-top:27px}@media(min-width:960px){.rowpics .rowpic{float:left}.row2 .rowpic{width:50%}.row3 .rowpic{width:33.33%}.row4 .rowpic{width:25%}}@media(min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}}@media(min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}}@media(min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}}@media(min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.5rem!important}.mr-5{margin-right:3rem!important}.mr-auto{margin-right:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.5rem!important}.ml-5{margin-left:3rem!important}.ml-auto{margin-left:auto!important}.float-left{float:left!important}.float-right{float:right!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.5rem!important}.pr-5{padding-right:3rem!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.5rem!important}.pl-5{padding-left:3rem!important}
/* End */


/* Start:/local/templates/bits.media/template_styles.min.css?177703869166871*/
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}body,html{padding:0;margin:0;font-family:Roboto,sans-serif;color:#2a2a2a}ul{list-style:none;margin:0;padding:0}a,div,form,header,input,li,section,span,table,textarea{box-sizing:border-box}.ico{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}.ico-hands{width:1.3828125em}.ico-mail{width:1.400390625em}.ico-send{width:1.1923828125em}.ico-chat{width:1.0439453125em}.ico-eye{width:1.3330078125em}.ico-attach{width:.90625em}body{background:#f9f9f9}a{text-decoration:underline;color:#e38a0d}a:hover{text-decoration:none}h1,h2,h3{font-family:Ubuntu}h1{font-size:24px}h2,h3{padding-top:20px;font-size:20px}img{max-width:100%}.wo{margin:0 auto;text-align:left;min-width:320px;width:100%;padding:0 20px}.main{padding:0}#bt-menu{position:absolute;top:22px;right:20px;font-size:32px;font-weight:700;color:#2a2a2a;cursor:pointer}.button{background:#f99d1c;text-align:center;border-radius:3px;display:block;height:60px;line-height:60px;color:#fff!important;text-decoration:none!important;text-transform:uppercase;font-size:18px;font-weight:700;border:none;cursor:pointer;outline:0}button{cursor:pointer}.btn-alt{background:#a6b8c4}.btn-stext{font-size:14px;font-weight:400;text-transform:none}.btn-3d{box-shadow:0 5px 15px 0 #f3cc95}.button:hover{background:#fff;color:#5a778a!important;box-shadow:0 5px 15px 0 #f3cc95}.btn-more{margin:0 20px 40px;position:relative}.btn-more:after{font-size:24px;position:absolute;top:17px}.soc-box{overflow:hidden;list-style:none}.soc-box li{text-align:center}.soc-box a{text-decoration:none;color:#a5b8c4;overflow:hidden}.soc-box a:hover{color:#2a2a2a}.form{display:block;clear:both;background:#e0e5e9;padding:20px;margin-bottom:20px}.form h2{text-align:center}.form .error{color:red;text-align:center;margin-bottom:20px}.form input,.form textarea{width:100%;margin-bottom:30px;display:block;border:none;background:#fff}.form input{height:40px;line-height:40px;padding:0 10px}.form textarea{height:200px;padding:10px}.form button{width:100%;height:50px;line-height:50px}header{position:relative;background:#fff}header .wo{padding-top:70px;position:relative;z-index:2}header .logo{height:53px;width:230px;position:absolute;top:10px;left:20px;display:table;text-decoration:none}header .logo>span{display:table-cell;vertical-align:middle}header .logo>span:first-child{height:53px;width:46px;background:#fff url(/local/templates/bits.media/images/bits.png) 0 0 no-repeat;display:inline-block}header .logo>span:last-child{color:#7691a6;font-size:14px}header .logo>span span{display:block}header .main-nav{display:none}header .small-logo{display:none}header .place-top{padding:30px 20px;background:#f9f9f9;overflow:hidden;clear:both;position:relative;margin:0 -20px}header .place-top a{z-index:2}header .place-top img{z-index:2;width:728px;height:auto;max-width:100%;display:block;margin:0 auto}header .rate{display:table;position:absolute;top:78px;right:20px;width:280px}header .rate div{display:table-cell;font-size:14px}header .rate div:first-child{padding-right:25px}header .rate div:last-child{padding-left:25px;color:#7691a6}header .rate div>span{display:block;font-weight:700;color:#7691a6}header .rate div>span:last-child{font-weight:400;text-align:right}header .rate div span span{float:right;font-weight:400;color:#2a2a2a}header .rate .progr:after{font:bold 17px Arial;padding-left:2px}header .rate .up:after{content:'\2191';color:#70c218}header .rate .down:after{content:'\2193';color:#fa6a74}header .soc-cont{display:none}.menu-wrap{display:none;position:absolute;top:0;left:0;background:rgba(255,255,255,.5);z-index:998;width:100%;min-height:100%}.menu-wrap .main-nav{position:absolute;top:0;right:0;width:100%;background:#f99d1c;box-shadow:0 0 15px 1px #f99d1c;z-index:999;color:#fff;padding:40px 0 20px 0}.menu-wrap .main-nav .icon-close{position:absolute;top:20px;right:20px;cursor:pointer;font-size:16px;color:#e38a0d}.menu-wrap .main-nav .icon-close:hover{color:#fff}.menu-wrap .main-nav form{background:#e38a0d;display:block;margin:10px 20px;height:40px;padding:0 40px 0 0;position:relative}.menu-wrap .main-nav form button,.menu-wrap .main-nav form input{background:0 0;border:none;height:40px;color:#fff;outline:0}.menu-wrap .main-nav form input{display:block;width:100%;padding:0 45px 0 5px}.menu-wrap .main-nav form ::-webkit-input-placeholder{color:#f3cc95}.menu-wrap .main-nav form ::-moz-placeholder{color:#f3cc95}.menu-wrap .main-nav form :-moz-placeholder{color:#f3cc95}.menu-wrap .main-nav form :-ms-input-placeholder{color:#f3cc95}.menu-wrap .main-nav form button{position:absolute;top:0;right:0;width:40px;speak:none;cursor:pointer}.menu-wrap .main-nav form button svg.ico{color:inherit}.menu-wrap .main-nav form button:hover{color:#f3cc95}.menu-wrap .main-nav ul ul{display:none}.menu-wrap .main-nav ul li{display:block}.menu-wrap .main-nav ul>li{padding:5px 20px;position:relative;font-size:16px}.menu-wrap .main-nav ul>li.has-sub svg.ico{color:#fff;position:absolute;top:12px;height:16px;right:20px;speak:none}.menu-wrap .main-nav ul>li li{font-size:12px}.menu-wrap .main-nav ul>li.active{background:#f9a633}.menu-wrap .main-nav ul>li.active ul{display:block}.menu-wrap .main-nav ul>li.active.has-sub svg.ico{-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}.menu-wrap .main-nav ul a,.menu-wrap .main-nav ul span{color:#fff;display:block;text-decoration:none;white-space:nowrap;text-transform:uppercase;font-weight:700;line-height:30px;cursor:pointer}.news-list{background:#f9f9f9}.news-list .news-link{display:block;position:relative;text-decoration:none}.news-list .news-link img{width:100%;height:auto}.news-list .news-link .news-date{position:absolute;top:20px;left:20px;color:#fff;font-size:14px;padding:5px 10px;background:rgba(0,0,0,.6)}.news-list .news-link .news-name{display:block;padding:20px;font:bold 18px/21px Ubuntu;color:#2a2a2a}.news-list .news-tags{display:block;padding:0 20px 20px 20px}.news-list .news-tags a{font-size:14px;color:#7691a6;text-decoration:none;margin-right:10px}.news-list .news-tags:before{display:none}.news-list .news-item .news-content{background:#fff;margin:0 20px 20px 20px;box-shadow:0 2px 8px 1px #d3dbe1;position:relative}.news-list .news-item .news-view{display:none}.news-list .news-item .labels{position:absolute;right:20px;top:20px}.news-list .news-item .labels>span{height:34px;width:34px;line-height:34px;display:block;background:#f99d1c none 50% 50% no-repeat;margin-bottom:10px;border-radius:2px}.news-list .news-item .labels>span span{display:none;padding:0 10px;color:#fff;font-size:16px}.news-list .news-item .labels>span.label-lib{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPCAYAAADQ4S5JAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QYSCQMKoLWJYQAAAFRJREFUKM9j/P///38GBGBEYgswMDC8Z0AFuxhJ1MDAxEAiIFkDCxYxOQYGhk/E2sDJwMCwnoGBYS0DAwMrVh3/UcFiJPbK/1gAeihR39OjGogABwDslEEijIYJaQAAAABJRU5ErkJggg==)}.news-list .news-item .labels>span.label-choice{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QYSCQMGqQPFSgAAAOhJREFUOMuVkzFKA1EQhr8VsbGJIYJpxIDgBVLGygPYeAkhB7IVvIAHkLTWqUwXrAQX9gBCPpsxrgnz1v1hmMfwzbzHzJtKpaCb8C8ZUHUUeA5/mxJqZhN1EzbJuIPC7XOgCpv3fcGx2virJmJ77CFwB5wDp8AIOAMugEHrngHwCqyBD6AGPoF31Jla21+1Ovt5yqW66pH8Fjl/enCiLv6RvAiW3QKoR+qykLwMJh3jFzAujHYczFa7Ba5iEplGwaQFrlvnBrgPaxJmrweP8XUf1GErPozYJhiyJj6p08J+TIPZxrq2sVPfMU3OW92JZjAAAAAASUVORK5CYII=)}.news-list .news-item .news-preview{display:none;background:#f99d1c;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;color:#fff;padding:29px 19px 100px;box-shadow:0 0 7px 0 #f99d1c;text-decoration:none;-webkit-transition:all 1s ease-out .5s;-moz-transition:all 1s ease-out .5s;-o-transition:all 1s ease-out .5s;transition:all 1s ease-out .5s}.news-list .news-item .news-preview>span:first-child{display:block;height:100%;overflow:hidden;position:relative;font:14px/18px Ubuntu}.news-list .news-item .news-preview>span:first-child:after{content:'';width:100%;height:1px;left:0;bottom:-1px;display:block;position:absolute;box-shadow:0 0 40px 20px #f99d1c}.news-list .news-item .news-preview span.btn{border:1px solid #fff;border-radius:4px;padding:0 25px;height:50px;font:bold 14px/50px Ubuntu;position:absolute;left:19px;bottom:29px}.news-list .news-item:hover .news-preview{display:block}.news-list .first-page .news-item:first-child .news-content{padding:20px 20px 0;background:#f99d1c}.news-list .first-page .news-item:first-child .news-content .news-link .news-name{color:#fff}.news-list .first-page .news-item:first-child .news-preview{padding:40px 29px 120px}.news-list .first-page .news-item:first-child .news-preview>span:first-child{font-size:16px}.side-left{background:#f9f9f9;overflow:hidden}.side-left .news-line{padding:0 0 21px}.side-left .news-line .news-line-title{font:bold 24px Ubuntu}.side-left .news-line .news-line-item{margin-top:20px;display:block;text-decoration:none}.side-left .news-line .news-line-date{font-size:14px;display:block;color:#7691a6;margin-bottom:10px}.side-left .news-line .news-line-name{font-size:16px;color:#2a2a2a}.side-left .news-line .news-line-all{width:280px;max-width:100%;margin:20px auto 0 auto}.side-left .soc-box{width:100%;display:table;height:30px;margin:20px 0}.side-left .soc-box li{display:table-cell}.side-left .soc-box a{font-size:30px;line-height:30px;width:30px;height:30px}.side{padding:0 20px}.side .places{text-align:center;padding:0 0 21px 0}.side .places img{max-width:100%;height:auto!important}.side-right .button{text-align:left;padding:0 20px;position:relative;border-radius:0}.side-right .button svg.ico{position:absolute;right:20px;top:50%;margin-top:-8px;width:16px;height:16px}.side-right .button:hover{color:#f99d1c;box-shadow:0 5px 15px 0 #a5b8c4}.side-right .side-calc{background:#aebfca}.side-right .side-calc .title{font:bold 18px Ubuntu;color:#fff;padding:20px 20px 0 20px;position:relative}.side-right .side-calc .title .icon{position:absolute;right:20px;top:24px;font-size:14px}.side-right .side-calc .t-dark{background:#a5b8c4}.side-right .side-calc form{padding:0 20px 10px 20px;background:#a5b8c4}.side-right .side-calc table{border-collapse:collapse;width:100%}.side-right .side-calc table.calc td:first-child{padding:5px 0;font-size:12px}.side-right .side-calc table.calc td:last-child{padding:5px 0;width:105px;text-shadow:0 0 2px #5a778a;font-weight:700}.side-right .side-calc table.calc input{padding:0 5px;width:105px;height:27px;line-height:27px;color:#fff;background:#92a8b5;border:none}.side-right .side-calc .result{padding:10px 20px;font-size:12px;text-align:left}.side-right .side-calc .result td{color:#fff;padding-top:15px;font-weight:700;text-shadow:0 0 2px #5a778a}.side-right .side-calc .result td font{text-shadow:none}.side-right .side-calc .result td:first-child,.side-right .side-calc .result th{color:#5a778a;font-weight:700;text-shadow:none}.side-right .side-calc .article{min-height:283px;background:#aebfca none 0 100% no-repeat;background-size:cover;color:#fff;padding:176px 20px 20px 20px;vertical-align:bottom}.side-right .side-calc .article img{max-width:100%;height:auto}.side-right .side-calc .article .text{font-weight:700;font-style:italic;font-size:14px}.side-right .side-calc .article .author{font-size:12px;text-align:right}.side-right .next-btn{padding:0 20px 20px}.side-right .next-btn a:after{content:'';display:inline-block;width:22px;height:19px;margin-left:10px;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAATCAYAAACUef2IAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QYREBYb/PJ4lgAAAWVJREFUOMud1T1rFFEYxfEzG3bBgCuKCGohglUaEd9qbQTRlH6CgN/ATksrbbSxEgTBTktfCGKnRYIIooUhlS+QLtEgbIqfhVcMQza7d55mYM65//vw3DtnkgmFw7iJd9j0t7bwCfdxMjWFGdzC722w93hRNtnwv57gwDTQWbwsi77jOva1PH1cwVLxreLEbtAGT4v5eRs4xn+7+Fewf5xxoZjeoF8xun/wRzuJA3zDLxypPJMelgt8ri3OF+FuOhSu7rge94pwriN4gHV8aAuvCniAg7iMphL+FqNe6/2eJOtN04ySXEjysGkalY2vJem3wRtJhphJcjrJcoeJHEqy1QZ/SdIkOZXkbC0YgyRzST73cB57i7ZYnteSnEmyVNntpSTDJIvBV4zwGjfwAz/LIR7tfI/LDbiIO/i4LVg2K8cw/ssrhmN4hgdTAqfLiooO69JtAmyIx53zeBfw8RL8E/8gfwCX0Og3RUL6AQAAAABJRU5ErkJggg==) 0 100% no-repeat}.side-right .next-btn a:hover{color:#e38a0d}.side-right .next-btn a:hover:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAATCAYAAACUef2IAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QYZBwQE1dOYqgAAAqpJREFUOMudlV9IU2EYxp/v+G3M7Uxnjfy3UDNT8CZmWmYJ2kUJRdBNRV0FURddudAsyqKIvFh33QReRBcRBmV/MAIj1KxMJwTByv9OjeGRTbe5zfN53i68cWq543P9vL/v4f3geRk2kehv2UsL424KDlVQaEKGiAISB7Pkxpmt6BdLL7jH9ze3rZ1j/wR63EYKDr/XJj/UYDm+ArPmR2G0RiCiJgr7LFAjDACk7KpJlllWy8saRv4LFh63XZv65KXZwe0s1a4xR80zZs5q4vsafas8ZooqjeT/dpUCv83MkiOkXSeP8YobnRuChcctaTOffeTvy2E7nIqUXeVcDdzITwFvjzbeUclkhyrtPlXMyxrG1hnVrvon8VYHLb2qCwiP24wkpXZe7I23OkjtODsMANKa12Wa+ngO3Awpt7qWO12LyYJZRkk1sxUtajPdhaLv7okEMEWVaxRVUqScQwO8vGkQOsSdLsGyDjwEAJofa04AI/LnOAAwa94jbEEs1d4Cg0w0P1KamDimOAAARrlN9D/Yo/ZebxYet6QjdZhZd0YoNGFKHNKEAQaZuNMVpljgsjb27hZ3ujRdsQ1yGJpI/DykmOJQI0x43EbE5ipZWsGc7n2oYRkSTwQzU8Y0QMBS6DRFZoqZOdOrhyk8bplCPguz5sUk8fX2BdHfkg0AMGe9BgAK+67Q/KgNpm1desAUVRqhhhlLL/zJtdH2xxQPpCy11wWwtPCFmeyaNt1dDrHImDHtpY60XBt7Ww8ALL3gDpdKztsQD16i8PQZUn4coZiysh6eCl7eNJB02oC3i4JDZinn8AivuPlmfVd8v39Q8/e/YAZLwHD0aWkSSTfsCoYtSne7bVL6uTQ72ENRxb5ZH3NdMWm5UPN/zwctr1yQrMpVF+R5gvUvhChRQl671nUAAAAASUVORK5CYII=)}.cur-table .cur-item{margin-bottom:10px;color:#eff1f2}.cur-table .cur-title{margin-bottom:5px}.cur-table .cur-title a{color:inherit;font-size:13px}.cur-table .cur-row{overflow:hidden;clear:both;line-height:20px}.cur-table .cur-label{width:100px;display:inline-block}.cur-table .cur-val{float:right}.footer{clear:both;overflow:hidden;background:#f0f0f0;padding:50px 0}.footer .places{text-align:center;padding-bottom:10px}.footer .places img{max-width:100%;height:auto}.footer .emails{text-align:center;font-size:14px}.footer .emails a{text-decoration:none;color:#f99d1c;padding-left:30px;height:16px;line-height:16px;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QYSDh0gqgBp7QAAAVdJREFUOMut1LFLW1EYxuEnF3V00I7JGnAouKpYKFRaxM0YHHRScXVycc7SobgViXbqoA6OosQO6h9gFkdBCVmCk4MgEXX5CiGJ2qQ5cOHe877nx3vO992TethJf8If9OnNeMRUgmcso94DaD1YTwlOcI9p3P0H9C4Y9yglGMAePmIclS6gFUwEYx8DSQgp/IhtjKHcAbQcgZaCQZuCrSGNKfzG13egx1jAT+QahaSNOYeDWFB8A1rEYnhzzeJrLTaJM3zDNQpN+kbs6BQj7QDJG4nSyOJXpK/HsxBz2fDoBFzFZ+RxGam/xNlfx1w+PNV/BZcDUsAKhlDCBwzH+1BohfC2dFHqYSf93PB9FJ2xi9Em79MrYcqYx2bUpKV4W9E2JWQ6OLbRWDODG6w2gtdxEZ0w2MWfl8E5ZnGF7wnmUMNhl9C/YzAYNcwluMU2+ntwu/UHq/YCMMlMG64AQAkAAAAASUVORK5CYII=) 0 50% no-repeat}.footer .soc{padding:20px 0}.footer .soc .soc-cont{text-align:center}.footer .soc .soc-cont .soc-box li{font-size:40px;display:inline-block;padding:0 8px}.footer .soc .soc-cont .soc-box li:first-child{padding-left:0}.footer .soc .soc-cont .soc-box li:last-child{padding-right:0}.footer .copy{text-align:center}.footer .info{text-align:center}.footer .info a{color:#2a2a2a;text-decoration:none}.sepr{text-align:center;clear:both;overflow:hidden;margin-bottom:7px}.tabled{display:table}.tabled>div{display:table-cell}.to-top{height:40px;width:40px;position:fixed;top:50%;right:5px;margin-top:-20px;z-index:20;cursor:pointer}.to-top:before{content:'';height:40px;width:40px;position:absolute;top:0;left:0;background:#fff;opacity:.7;border-radius:50%;z-index:1;box-shadow:2px 2px 9px 3px #ccc}.to-top svg.ico{height:24px;width:24px;position:absolute;top:7px;left:9px;speak:none;color:#e38a0d;z-index:2}h1,h2{margin:0 20px 20px}.news-page .news-item{margin:0 20px 20px}.news-page .news-item .news-date{display:block;font-size:14px;color:#7691a6;margin-bottom:15px}.news-page .news-item .news-name{margin-bottom:15px;font:bold 18px/20px Ubuntu;display:block}.news-page .news-item .item-row{padding-top:15px}.news-page .news-item a.news-preview{text-decoration:none;color:#f99d1c}.news-page .news-item a.news-preview:hover{color:#7691a6}.news-page .news-item .news-tags a{color:#7691a6;text-decoration:none;font-size:12px;margin-right:10px}.news-page .news-top{position:relative}.news-page .news-top .img-box{position:absolute;bottom:0;left:0;width:100%;text-align:center}.news-page .news-top .img-box img{height:157px!important;width:auto!important}.news-page .has-image{padding-bottom:184px}.share42-item{display:inline-block;margin:0 6px 6px 0;height:32px}.share42-item a{display:inline-block;width:32px;height:32px;margin:0;padding:0;outline:0;position:relative;background:transparent url(/local/templates/bits.media/images/soc.png) 0 0 no-repeat}.share42-item a.fb{background-position:0 0}.share42-item a.fb:hover{background-position:0 -32px}.share42-item a.tg{background-position:-96px 0}.share42-item a.tg:hover{background-position:-96px -32px}.share42-item a.linkedin svg{fill:#a5b8c4;display:inline-block;width:32px;height:32px;margin:0;padding:0;outline:0;position:relative}.share42-item a.linkedin:hover svg{fill:#2a2a2a}.share42-item a.ok{background-position:-32px 0}.share42-item a.ok:hover{background-position:-32px -32px}.share42-item a.vk{background-position:-160px 0}.share42-item a.vk:hover{background-position:-160px -32px}.share42-item a.tw{background-position:-128px 0}.share42-item a.tw:hover{background-position:-128px -32px}.share42-item .share42-counter{display:inline-block;vertical-align:top;margin-left:9px;position:relative;background:#fff;color:#666;display:none}.share42-item .share42-counter:before{content:"";position:absolute;top:0;left:-8px;width:8px;height:100%}.share42-item .share42-counter{padding:0 8px 0 4px;font:14px/32px Arial,sans-serif;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAgCAYAAADkK90uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALVJREFUeNrs200KQiEUQGENnNesfbjA1hAEb1OO3rQ3FfxbgGBkXqI1aHAOXMTp/aaqnXNd0azeY44x25i7tbbrPmIv86q1qhijKqXI9QzIInnvVQjhBsgitdbUvu/hxCrWyBgjxxWQxQIEEAIEEAIEEAIEEAIEEAKEAAGEAAGEAAGEAAGEACFAACFA/jZ5KDeKgCxSSkmOjaekk5PH1jnnH8hF8x1harL7p/p+R3hYa18fAQYA49lEn38pVB4AAAAASUVORK5CYII=) 100% 0}.share42-item .share42-counter:before{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAgCAYAAAAv8DnQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALRJREFUeNrck8EJAyEQRZ1gBR4ExXtSVLaAVJQC0s56TgOi4MEKlImzSWDdiEmu+2EQ/U+dcRAQkW1lrT3V4VLjzDvmEQDuxhgmhGAfAO0kU0q5TA4dYKKdb/UAwTkfAo12CNRnRq11S1CzKOZ5Ru89bjU08ZtJ+ilJqCewEEIXALqGTLqGKlBKNcDS19cinYSreVvmuqK/k9wnkHLOQ+CWUhoCV+ccizGyUsqzWYPvPz0EGADHGK9qjbXCqgAAAABJRU5ErkJggg==)}.popup-shadow{position:fixed;height:100%;width:100%;top:0;left:0;background:#5a778a;z-index:99997;opacity:.5}.popup-box{width:320px;max-width:100%;margin:10px 0 0 -160px;position:fixed;top:50%;left:50%;background:#fff;z-index:99999;box-shadow:0 20px 50px 0 #334f66;padding:20px}.popup-box .error{font-size:12px;padding-bottom:5px;color:#fa6a74}.popup-box .btns{padding-top:15px}.popup-box .btns .button{width:320px;max-width:100%}.popup-box .row{padding-bottom:20px}.popup-box .row input{display:block;width:100%;height:40px;line-height:40px;padding:0 20px;border:1px solid #eff1f2;border-radius:3px;outline:0}.popup-box .box{padding:20px;border:1px solid #eff1f2;border-radius:3px}.popup-box .box textarea{display:block;height:130px;width:100%;border:none;outline:0}.popup-box div.file{clear:both;overflow:hidden;padding-top:5px;position:relative}.popup-box div.file div{display:none;text-align:center;width:100%;font-size:14px;height:18px;line-height:18px}.popup-box div.file div i{display:block;width:0;height:14px;background:#a5b8c4}.popup-box div.file div a{color:#a5b8c4;margin-left:5px;text-decoration:none}.popup-box div.file div a:hover{color:#eff1f2}.popup-box div.file input{position:absolute;left:-150%}.popup-box div.file label{z-index:3;width:100%;display:block;background:#f6f8f9;text-align:center;color:#a5b8c4;font-size:16px;height:40px;line-height:40px;cursor:pointer}.popup-box div.file label:hover{color:#5a778a}.popup-close{position:absolute;top:20px;right:20px;z-index:10;height:16px;cursor:pointer}.popup-close svg.ico{color:#bfbfbf}.popup-close:hover svg.ico{color:#5a778a}.popup-title{padding:15px 0;font:bold 24px Ubuntu}.popup-ok{background:#fff url(/local/templates/bits.media/images/sendok.png) 50% 50px no-repeat;padding:225px 0 70px;text-align:center}.popup-ok div:first-child{font:bold 24px Ubuntu;margin-bottom:20px}.popup-ok div:last-child{font:24px/30px Ubuntu}#open-search{display:none;z-index:3}#open-search .ico-close{display:none;color:#bfbfbf}.drop-down{display:inline-block;border:1px solid #a5b8c4;height:40px;line-height:40px;border-radius:2px;position:relative}.drop-down svg.ico{position:absolute;top:10px;right:12px;height:20px;width:20px;color:#f99d1c}.drop-down svg.ico:hover{color:#5a778a}.drop-down div{height:40px;line-height:40px;padding:0 40px 0 15px}.drop-down ul{display:none;background:#fff;width:100%;border:1px solid #a5b8c4;border-radius:2px;border-top:none}.drop-down ul li{line-height:30px;padding:0 20px}.drop-down ul li a{cursor:pointer;display:block;color:#7691a6}.drop-down ul li a:hover{color:#5a778a}.drop-down:hover ul{display:block;list-style:none;position:absolute;top:37px;left:-1px}.con-box{margin:0 20px}.news-section{clear:both;overflow:hidden;position:relative}a.anchor{position:absolute;margin-top:-64px}.js-back .js-b{display:none;text-decoration:none}.js-back .js-b svg.ico{width:25px;height:25px;color:#e38a0d}.js-back .js-b:hover svg.ico{color:#5a778a}@media (max-width:960px){.back-exists{position:relative;padding-left:40px}.back-exists .js-b{position:absolute;top:6px;left:20px;display:block}}.sendnews{background:#a5b8c4 url(/local/templates/bits.media/images/sendform.jpg) 0 100% no-repeat;position:relative;padding:50px 40px;color:#fff;margin:0 20px 20px}.sendnews:after,.sendnews:before{position:absolute;width:100%;left:0;content:'';height:17px;background:#a5b8c4 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAARCAIAAACzTQ64AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QYeDysFIwz5UAAAA0lJREFUWMO1mN9y2lYQh397jgQCgRAgYWPs2pOb5gH6vn2NvENvMr3rdKapY9dGMhKIf0ISOtsLJU3GmUzDQdpbGLHn0+7Z/aBf3/3WQgatOJbK7rR//mn69m5mSIG6g5nvnxfv//x7udm1TVMzSRgdpG/oj7fivY3dEUaNGQqUCvKJb3/nX4SB4pyzjh375mLcBEcA+yy/Dxb7Q24a+udnCIdWN/RXG5lCzXkKqBytR77b8EAIKK38wMzdTnsyHDh2twmOSqlotY2SbXEsBZEuR7Kw9yhwKZIo60UpoI4wY/Yj9nO0hXbrKcUXQ2fqDXWP+T+xTbOPwSLLCxL6HEvIEb1c4d7AkUF1l+QxRfeR3+zRIyjNxiGg1TIvRoNBr5GSZOZ4vQ3iVVkqKfRLyaTCo2BMIYPqRUlgBZlgOOdZjpZEKfRaDyB/2PdcR4hGanKTZvMoOWQFg/V+QEEwaIzQx9w8Zx58JyTKHZw5X6foVmS1UDJMQ95MxoNeB81EGCfPiyVA59ySEuUUD2MKK6y1Jxmx/8S3Cp/mjTidIxtSjBzbGzpSyiY47tJDuEy26QEAaaGsjudS7FHQwa721ibwDv0XvtjwgEEE1kFZlspqmbeXXr9jNVSST4vVy3IDhvZAU5Amimv6MKCY616AKpQBTwOe/ccROHFfZUAKcuzupefKZnbJNMufo9Vmt9d+PoMEVA/rS/qng1Sh3tZhBnJYIa4SjAXKrwb6iSVpd9pXvmtbjZQkM8+jZLXelkppP6SEbCOd0kMPa4Kqt7sFFEOEPI3ZfyVOp755Hjq968moocG9z/KPwWKXZufcwpXezOhDC1ndJVnpTfuR79bsShx1UFZ6Y1vWZOj0u83pzSZKtnkNehO6tBRQzeiNF7OfwXoliuLHW08pnowa1pt5lOWFOE9vxk3qzR72w2e9efXpj46dL3pjN6Y3yTaIk/P1xqdgTEHteoNKb3gU8KxAS341cE6oSqVYCHE5cjy339Atud6lz4vlIc/5826hsUsC8DD38dSE3gioDdxKbxigb/I0vnczgr98tVQsDQydXss0s7xoAmUYr8PlmhkEMLMWSkgoFwuLtge2av8/zUCxYD/gK8VEKL995f8CuUG9DZh21u4AAAAASUVORK5CYII=) 0 0 repeat-x}.sendnews:before{top:0}.sendnews:after{bottom:0}.sendnews .send-title{font:bold 20px/28px Ubuntu}.sendnews .send-info{margin-top:25px;font:18px}.sendnews .btns{margin-top:25px;text-align:center}.sendnews .btns .button{background:#fff;width:320px;max-width:100%;margin:0 auto;height:60px;font-size:18px;font-weight:700;display:block;text-align:center;text-decoration:none;color:#2a2a2a!important;box-shadow:0 10px 20px 0 #7691a6}.sendnews .btns .button:hover{color:#eff1f2;box-shadow:none}.article-page{margin:0 20px 50px 20px}.article-page .sendnews{margin:0 0 20px}.article-page h1,.article-page h2,.article-page h3{margin:0 0 20px}.article-page a{text-decoration:underline;color:#e38a0d}.article-page a:hover{text-decoration:none}.article-page li,.article-page p{line-height:20px;text-align:justify}.article-page li{margin-top:5px}.article-page li:first-child{margin-top:0}.article-page .article-date{color:#a5b8c4;font-size:16px}.article-page .article-picture{width:100%;margin-bottom:20px}.article-page .pic-desc{padding:20px 0}.article-page .article-info{clear:both;overflow:hidden;color:#a5b8c4;font-size:14px;margin-bottom:20px}.article-page .article-info a{color:#a5b8c4;font-size:14px;text-decoration:none;margin-right:10px}.article-page .article-info a:hover{color:#e38a0d}.article-page .article-info>div{padding-top:8px}.article-page .article-view{float:left;margin-right:12px}.article-page .article-links{float:left}.article-page .first-p{font-weight:700;line-height:20px}.article-page .share42init{clear:both;margin:0!important}.article-btns .button{width:100%;max-width:320px;height:50px;line-height:50px}#article-nav{position:relative;height:64px;line-height:24px;text-align:center;margin:30px 0;padding:20px 0;border:1px solid #bfbfbf;border-width:1px 0}#article-nav a{text-decoration:none}#article-nav .art-nav-row{position:absolute;height:24px;top:20px}#art-nav-prev{left:0}#art-nav-prev svg.ico{float:left;margin-right:8px;width:23px;height:23px}#art-nav-next{right:0}#art-nav-next svg.ico{width:23px;height:23px;float:right;margin-left:8px}@media (max-width:960px){header .place-top:before{content:'';position:absolute;top:-1px;left:0;width:100%;height:1px;box-shadow:0 0 30px 8px #d3dbe1;z-index:1}#article-nav a span{display:none}.article-btns a{margin:0 auto 20px auto}.article-btns a span{display:none}.article-page .back-exists .js-b{left:0}.article-page .article-top{position:relative;padding-bottom:20px;margin-bottom:20px}.article-page .article-date{/*position:absolute;*/bottom:0;left:0}}@media (max-width:414px){.article-page-wraapper-share--author .article-author{float: none!important;}.wrapper-article-date{height: 25px!important;}}.main-col .next-btn{clear:both;overflow:hidden}.main-col .next-btn .btn-more{margin-left:5px;margin-right:0}@media (min-width:960px){.article-page{margin:0 20px 50px 20px}.article-page blockquote{padding:30px 0 30px 30px}.article-page blockquote p{padding-left:20px}.article-page blockquote p:first-of-type:before{top:-20px;left:-30px}}.sponsor{position:relative;margin-bottom:10px;text-align:right;margin-top:-10px}.sponsor div{display:inline-block;background:#f99d1c;color:#f0f0f0;padding:0 6px;line-height:28px;font-size:13px}.ico-icon{width:35px;height:35px;display:inline-block;vertical-align:middle;color:#a5b8c4}.rates{display:none;height:25px;line-height:25px;overflow:hidden;font-size:12px}.rates-item{overflow:hidden;height:25px;line-height:25px}.rates-label{display:inline-block;position:relative;overflow:hidden;font-weight:700}.rates-label:after{content:'';box-sizing:border-box;width:6px;height:6px;display:inline-block;vertical-align:middle;border:3px solid transparent;position:absolute;right:1px}.rates-value{display:inline-block;overflow:hidden}.rates-up:after{top:7px;border-bottom-color:green}.rates-down:after{top:10px;border-top-color:red}.widgets{display:-ms-grid;display:grid;grid-template-rows:max-content max-content max-content max-content max-content max-content max-content max-content;-ms-grid-rows:max-content max-content max-content max-content max-content max-content max-content max-content}.widgets-partner1{grid-column:1;-ms-grid-column:1;grid-row:2;-ms-grid-row:2}.widgets-item1{grid-column:1;-ms-grid-column:1;grid-row:1;-ms-grid-row:1;background:#aebfca;margin:0 0 25px 0;padding-bottom:60px;position:relative}.widgets-item1.side-calc{padding-bottom:0}.widgets-item1.side-calc .side-sub{height:100%}.widgets-item1 a.button{position:absolute;bottom:0;left:0;width:100%}.widgets-partner2{grid-column:1;-ms-grid-column:1;grid-row:4;-ms-grid-row:4}.widgets-item2{grid-column:1;-ms-grid-column:1;grid-row:3;-ms-grid-row:3;background:#aebfca;margin:0 0 25px 0;padding-bottom:60px;position:relative}.widgets-item2 a.button{position:absolute;bottom:0;left:0;width:100%}.widgets-partner3{grid-column:1;-ms-grid-column:1;grid-row:6;-ms-grid-row:6}.widgets-item3{grid-column:1;-ms-grid-column:1;grid-row:5;-ms-grid-row:5;background:#aebfca;margin:20px 0}.widgets-partner4{grid-column:1;-ms-grid-column:1;grid-row:8;-ms-grid-row:8}.widgets-item4{grid-column:1;-ms-grid-column:1;grid-row:7;-ms-grid-row:7;background:#aebfca;margin:20px 0}.widgets-item4 .side-sub{height:100%}.mainbox{display:-ms-grid;display:grid;grid-template-rows:max-content max-content max-content;-ms-grid-rows:max-content max-content max-content;grid-template-columns:100%;-ms-grid-columns:100%}.mainbox .side-left{grid-column:1;-ms-grid-column:1;grid-row:2;-ms-grid-row:2}.mainbox .main-col{grid-column:1;-ms-grid-column:1;grid-row:1;-ms-grid-row:1}.mainbox .side-right{grid-column:1;-ms-grid-column:1;grid-row:3;-ms-grid-row:3}#table-courses{padding:10px 20px}.ratetable{font-size:13px;text-align:left}.ratetable td{color:#fff;text-align:right;font-weight:700;text-shadow:0 0 2px #5a778a}.ratetable thead td{padding-top:0!important;color:#5a778a;text-shadow:none}.ratetable tbody td{padding-top:15px}.ratetable tbody td:first-child{font-weight:700!important;text-align:left;color:#5a778a!important;text-shadow:none}.ratetable tbody td.key{cursor:pointer}.ratetable tbody td.key:hover{text-decoration:underline;color:#fff}.symbol-active:after{content:'';display:inline-block;vertical-align:middle;box-sizing:border-box;border:1px solid #fff;border-width:0 1px 1px 0;width:8px;height:8px;margin-top:-5px;margin-left:10px;transform:rotate(45deg)}.symbol-list{display:none;position:absolute;top:20px;left:0;background:#92a8b5;z-index:3}.symbol-item{display:block;padding:0 20px;cursor:pointer;white-space:nowrap}.symbol-item:hover{color:#5a778a}#symbolSelect{margin-left:20px;position:relative}#calc .calc td:first-child{color:#5a778a;font-weight:700}.news-items-label{display:none}@media (min-width:639px){.wo{width:580px}.news-list{background:0 0;clear:both;overflow:hidden}.news-list .col-box{margin:0 13px}.news-list .news-item{width:50%;float:left}.news-list .news-item .news-content{width:263px;position:relative;padding-bottom:20px;margin:0 7px 7px 7px}.news-list .news-item .news-content{height:357px;overflow:hidden;border-bottom:24px solid #fff}.news-list .news-item:hover .news-content{border-bottom:24px solid #f99d1c}.news-list .news-item .news-link .img{width:100%;display:block;height:154px;vertical-align:middle;text-align:center;overflow:hidden}.news-list .news-item .news-link img{width:auto;max-width:290px;max-height:154px}.news-list .news-item .labels{right:0}.news-list .news-item .labels>span{width:auto;background-image:none!important;border-radius:0;height:24px;line-height:24px}.news-list .news-item .labels>span span{font-size:12px;display:block}.news-list .news-item .news-name{line-height:19px;padding:0;margin:20px;overflow:hidden}.news-list .news-item .news-tags{z-index:1;width:100%;background:#fff;padding-top:5px}.news-list .first-page .news-item:first-child{width:100%;float:none;position:relative;margin-bottom:14px}.news-list .first-page .news-item:first-child .news-content{width:auto}.news-list .first-page .news-item:first-child .news-content .news-link .img{height:auto}.news-list .first-page .news-item:first-child .news-content .news-link .img img{max-height:none;max-width:none;width:100%}.news-list .first-page .news-item:first-child .labels>span{height:34px;line-height:34px}.news-list .first-page .news-item:first-child .labels>span span{font-size:16px}.news-list .first-page .news-item:first-child img{display:block}.news-list .first-page .news-item:first-child .news-content{padding:0}.news-list .first-page .news-item:first-child .news-name{margin:0;position:absolute;bottom:0;width:100%;left:0;background:rgba(0,0,0,.6);padding:20px 20px 38px;height:auto}.news-list .first-page .news-item:first-child .news-tags{background:0 0;height:38px}}@media (max-width:990px){.rates{display:grid;display:-ms-grid;border-top:1px solid #d3dbe1;margin:0 -20px;grid-template-rows:max-content;-ms-grid-rows:max-content;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;-ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr;justify-items:center}.rates-label{padding-right:10px;margin-right:2px}.rates-item{display:none}.rates-item:nth-of-type(1){display:block;grid-row:1;grid-column:1;-ms-grid-row:1;-ms-grid-column:1}.rates-item:nth-of-type(2){display:block;grid-row:1;grid-column:2;-ms-grid-row:1;-ms-grid-column:2}.rates-item:nth-of-type(3){display:block;grid-row:1;grid-column:3;-ms-grid-row:1;-ms-grid-column:3}.rates-item:nth-of-type(4){display:block;grid-row:1;grid-column:4;-ms-grid-row:1;-ms-grid-column:4}.rates-item:nth-of-type(5){display:block;grid-row:1;grid-column:5;-ms-grid-row:1;-ms-grid-column:5}.rates-item:nth-of-type(6){display:block;grid-row:1;grid-column:6;-ms-grid-row:1;-ms-grid-column:6}}@media (max-width:560px){.rates{grid-template-columns:1fr 1fr 1fr 1fr;-ms-grid-columns:1fr 1fr 1fr 1fr}.rates-item:nth-of-type(5){display:none}.rates-item:nth-of-type(6){display:none}}@media (max-width:400px){.rates{grid-template-columns:1fr 1fr 1fr;-ms-grid-columns:1fr 1fr 1fr}.rates-item:nth-of-type(4){display:none}}@media (min-width:990px){h1{font-size:28px}h2,h3{font-size:22px}.wo{width:960px;padding:0 30px}.main{position:relative}#bt-menu{display:none}.side-left{padding:0;background:0 0;overflow:visible;margin-right:40px;position:relative}.main-col{margin:0;padding:0}.mainbox{grid-template-columns:280px 1fr;-ms-grid-columns:280px 1fr;grid-template-rows:max-content max-content;-ms-grid-rows:max-content max-content}.mainbox .side-left{grid-column:1;-ms-grid-column:1;grid-row:1/3;-ms-grid-row:1;-ms-grid-row-span:2}.mainbox .main-col{grid-column:2;-ms-grid-column:2;grid-row:1;-ms-grid-row:1}.mainbox .side-right{grid-column:2;-ms-grid-column:2;grid-row:2;-ms-grid-row:2}.form{padding:30px}.form button,.form input{height:70px;line-height:70px}.form .group{margin:0 -15px;clear:both;overflow:hidden}.form .group .row{width:50%;float:left;padding:0 15px}header{height:115px;z-index:3;box-shadow:0 0 30px 8px #d3dbe1;margin-bottom:25px}header .wo{position:relative}header .logo{width:248px;left:30px}header .logo>span:first-child{width:245px;background:#fff url(/local/templates/bits.media/images/bits2.png) 0 0 no-repeat}header .logo>span:last-child{position:absolute;bottom:0;right:4px;font-size:11px}header .logo>span:last-child span{display:inline;font-size:11px}header .place-top{position:absolute;width:410px;height:50px;top:12px;left:357px;padding:0;background:#fff;text-align:right}header .place-top img{width:100%!important;height:auto!important;max-height:100%!important}header .rate{width:170px;top:12px;right:30px;left:auto;display:block}header .rate div{display:block;padding:0!important;font-size:12px;overflow:hidden;clear:both;line-height:22px}header .rate div>span{display:inline-block;overflow:hidden}header .rate div>span:first-child{width:115px}header .rate div .progr{float:right}header .main-nav{display:block;top:67px;position:absolute;width:100%;left:0;padding:0 30px}header .main-nav form{text-align:right;overflow:hidden;position:absolute;right:30px;top:10px;height:30px;width:30px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out}header .main-nav form button{width:30px;position:absolute;top:0;right:0;z-index:2;font-size:16px}header .main-nav form input{z-index:1}header .main-nav form button,header .main-nav form input{border:none;background:#fff;display:inline-block;height:30px;outline:0}header .main-nav ul.mmain{width:860px}header .main-nav ul.mmain svg.ico{display:none}header .main-nav ul{display:block}header .main-nav ul li{display:inline-block;float:left;line-height:50px;z-index:3}header .main-nav ul li a{text-decoration:none;text-transform:uppercase;color:#2a2a2a;font-size:16px;font-weight:700;cursor:pointer;display:block;height:48px;text-align:center;padding:0 4px}header .main-nav ul div{position:absolute;left:0;top:48px;width:100%;z-index:80;background:0 0;overflow:hidden;clear:both}header .main-nav ul ul{display:none;margin:0 30px 30px 30px;width:auto;background:#fff;z-index:3;box-shadow:0 0 30px 0 #a5b8c4;position:relative}header .main-nav ul ul:before{position:absolute;left:0;top:-1px;content:'';height:1px;background:red;width:100%;box-shadow:0 0 30px 0 #32424c}header .main-nav ul ul:after{display:block;clear:both;overflow:hidden;content:'';height:1px;width:100%;position:relative;margin-top:-1px}header .main-nav ul ul li a{text-align:center;font-size:12px;padding:0 3px 0 4px}header .main-nav ul ul li:first-child a{text-align:left;padding-left:0}header .main-nav ul ul li:last-child a{text-align:right;padding-right:0}header .main-nav>ul>li:first-child>a{padding-left:0}header .main-nav>ul>li:last-child>a{padding-right:0}.news-list{background:0 0;clear:both;overflow:hidden}.news-list .col-box{margin:0 13px}.news-list .news-item{width:50%;float:left}.news-list .news-item .news-content{width:290px;position:relative;padding-bottom:20px;margin:0 7px 7px 7px}.news-list .news-item .news-link .img{width:100%;display:block;height:154px;vertical-align:middle;text-align:center;overflow:hidden}.news-list .news-item .news-link img{width:auto;max-width:290px;max-height:154px}.news-list .news-item .labels{right:0}.news-list .news-item .labels>span{width:auto;background-image:none!important;border-radius:0;height:24px;line-height:24px}.news-list .news-item .labels>span span{font-size:12px;display:block}.news-list .news-item .news-name{line-height:19px;padding:0;margin:20px;overflow:hidden}.news-list .news-item .news-tags{width:100%;background:#fff;padding-top:5px}.news-list .first-page .news-item:first-child{width:100%;float:none;position:relative;margin-bottom:14px}.news-list .first-page .news-item:first-child .news-content{width:auto}.news-list .first-page .news-item:first-child .news-content .news-link .img{height:auto}.news-list .first-page .news-item:first-child .news-content .news-link .img img{max-height:none;max-width:none;width:100%}.news-list .first-page .news-item:first-child .labels>span{height:34px;line-height:34px}.news-list .first-page .news-item:first-child .labels>span span{font-size:16px}.news-list .first-page .news-item:first-child img{display:block}.news-list .first-page .news-item:first-child .news-content{padding:0}.news-list .first-page .news-item:first-child .news-name{margin:0;position:absolute;bottom:0;width:100%;left:0;background:rgba(0,0,0,.6);padding:20px 20px 38px;height:auto}.news-list .first-page .news-item:first-child .news-tags{background:0 0;height:38px}.footer .wo .links{overflow:hidden;position:relative}.footer .wo .links .places{width:170px;margin:0 auto;float:left}.footer .wo .links .places img{width:auto!important;height:43px!important}.footer .wo .links .places.order_1,.footer .wo .links .places:first-child{width:340px;margin-right:27px;text-align:left}.footer .wo .links .places.order_3,.footer .wo .links .places:last-child{float:right;width:340px;text-align:right}.footer .wo .emails{clear:both;overflow:hidden}.footer .wo .emails>div{width:33.333%;float:left}.footer .info{margin-top:20px}.footer .info p{margin:0}.sticky #sticky-box{position:fixed;background:#fff;width:100%;top:0;box-shadow:0 0 30px 8px #d3dbe1;left:0;z-index:30}.sticky .main-nav{margin:0 auto;width:960px;padding:0 30px 0 95px;position:relative;top:0;background:#fff;height:68px}.sticky .main-nav .small-logo{height:53px;width:46px;background:#fff url(/local/templates/bits.media/images/bits.png) 0 0 no-repeat;background-size:contain;display:inline-block;position:absolute;left:32px;top:7px}.sticky .main-nav ul.mmain{width:805px}.sticky .main-nav ul.mmain>li{line-height:68px}.sticky .main-nav ul.mmain>li>a,.sticky .main-nav ul.mmain>li>span{height:68px;font-size:14px}.sticky .main-nav ul.mmain div{top:68px}.sticky .main-nav form{top:17px}.news-page .has-image{padding-bottom:0}.news-page .has-image .img-box{position:relative;float:left;top:auto;bottom:auto;width:auto;padding:0 30px 30px 0}.news-page .news-text{clear:both;overflow:hidden}.popup-box{width:700px;margin-left:-350px}.popup-box .group{overflow:hidden;clear:both;margin:0 -10px}.popup-box .group div.row{padding:0 10px 10px;width:50%;float:left}.popup-box .btns button{float:right}.popup-box div.file{overflow:hidden;clear:both}.popup-box div.file div{float:right;width:auto;height:40px;line-height:40px;margin-right:10px;white-space:nowrap;overflow:hidden}.popup-box div.file label{float:right;width:190px}.news-tags:before{display:inline;color:#a5b8c4;font-size:10px}.news-view{display:block;font-size:12px;color:#a5b8c4;padding:10px 0}.share42init{padding-top:0!important;margin-top:-30px}.news-short .share42init{margin:0}.news-item{padding-bottom:20px!important}.homepage .side-left{right:0;margin-left:0}.article-page .pic-desc{padding:20px 11%;text-align:center}.article-page .share42init{clear:none}.article-page .article-info{min-height:34px}.article-btns{margin:0;height:50px;line-height:50px;margin-bottom:20px}.article-btns .btn-com{float:right;max-width:290px}.article-btns .btn-com span{display:none}.article-btns .btn-forum{width:auto;padding:0 40px;float:left}.sendnews{overflow:hidden;clear:both;padding:50px 30px}.sendnews .send-info{line-height:50px;height:50px;float:left}.sendnews .btns .button{width:284px;height:50px;line-height:50px;float:left;margin:0 0 0 20px}.g-recaptcha{float:left}.form .btns{clear:both;overflow:hidden}.form .btns button{width:215px;float:right}.rates{width:170px;top:12px;right:30px;left:auto;display:block;position:absolute;height:50px;overflow:hidden}.rates-item{float:left;width:85px}.rates-label{padding-right:5px;width:31px}.rates-value{width:51px}}@media (min-width:990px) and (max-width:1280px){#open-search{display:block}header .main-nav .search-active{width:900px}header .main-nav .search-active input{width:100%;padding:0 40px}header .main-nav .search-active #btn-search{left:0;right:auto}header .main-nav .search-active #open-search .ico-close{display:inline-block}header .main-nav .search-active #open-search .ico-search{display:none!important}.sticky header .main-nav .search-active{width:845px}.homepage .right-box{padding-left:47px;width:660px}.side-right{padding:0 12px;background:0 0;overflow:visible;width:635px}.side-right .col-box{overflow:hidden;clear:both}.side-right .col-box .col{width:25%;padding:93px 8px 0;float:left;position:relative}.side-right .col-box .col .places{height:93px;overflow:hidden;position:absolute;width:100%;top:0;left:0}.side-right .col-box .col .places>div{margin:0 8px}.side-right .side-calc .title{font-size:16px}.side-right .side-calc .result td:nth-child(3),.side-right .side-calc .result td:nth-child(4),.side-right .side-calc .result th:nth-child(3),.side-right .side-calc .result th:nth-child(4){display:none}}@media (min-width:990px) and (max-width:1629px){.widgets{clear:both;grid-template-columns:1fr 1fr;-ms-grid-columns:1fr 1fr;grid-template-rows:min-content min-content min-content min-content;-ms-grid-rows:min-content min-content min-content min-content}.widgets-partner1{grid-column:1;-ms-grid-column:1;grid-row:2;-ms-grid-row:2;margin:10px}.widgets-item1{grid-column:1;-ms-grid-column:1;grid-row:1;-ms-grid-row:1;margin:10px}.widgets-partner2{grid-column:1;-ms-grid-column:1;grid-row:3;-ms-grid-row:3;margin:10px}.widgets-item2{grid-column:1;-ms-grid-column:1;grid-row:4;-ms-grid-row:4;margin:10px}.widgets-partner3{grid-column:2;-ms-grid-column:2;grid-row:2;-ms-grid-row:2;margin:10px}.widgets-item3{grid-column:2;-ms-grid-column:2;grid-row:1;-ms-grid-row:1;margin:10px}.widgets-partner4{grid-column:2;-ms-grid-column:2;grid-row:3;-ms-grid-row:3;margin:10px}.widgets-item4{grid-column:2;-ms-grid-column:2;grid-row:4;-ms-grid-row:4;margin:10px}}@media (min-width:1310px) and (max-width:1600px){.widgets{grid-template-columns:1fr 1fr 1fr 1fr;-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-rows:min-content min-content min-content;-ms-grid-rows:min-content min-content min-content}.widgets-partner1{grid-column:1;-ms-grid-column:1;grid-row:2;-ms-grid-row:2;margin:10px}.widgets-item1{grid-column:1/3;-ms-grid-column:1;-ms-grid-column-span:2;grid-row:1;-ms-grid-row:1;margin:10px}.widgets-partner2{grid-column:2;-ms-grid-column:2;grid-row:2;-ms-grid-row:2;margin:10px}.widgets-item2{grid-column:1/3;-ms-grid-column:1;-ms-grid-column-span:2;grid-row:3;-ms-grid-row:3;margin:10px}.widgets-partner3{grid-column:3;-ms-grid-column:3;grid-row:2;-ms-grid-row:2;margin:10px}.widgets-item3{grid-column:3/5;-ms-grid-column:3;-ms-grid-column-span:2;grid-row:1;-ms-grid-row:1;margin:10px}.widgets-partner4{grid-column:4;-ms-grid-column:4;grid-row:2;-ms-grid-row:2;margin:10px}.widgets-item4{grid-column:3/5;-ms-grid-column:3;-ms-grid-column-span:2;grid-row:3;-ms-grid-row:3;margin:10px}}@media screen and (max-width:989px){section{z-index:2}header{background:0 0}header .place-top{z-index:4;background:0 0;padding-top:10px;height:80px;padding-bottom:10px}header .place-top:before{display:none}header:before{content:'';width:100%;height:75px;background:#fff;z-index:2;position:absolute;top:0;left:0;display:block;opacity:.6;box-shadow:0 0 120px 50px #d8d8d8}header .wo{padding-top:50px;z-index:3}header .rates{border:none;z-index:4}header:after{background:#d8d8d8;content:'';width:100%;height:1px;position:absolute;top:49px;left:0;z-index:4}header #bt-menu{width:50px;height:49px;line-height:49px;text-align:center;border-left:1px solid #d8d8d8;top:0;right:0;font-size:22px;background:#fff;z-index:4}header .logo{display:-ms-grid;display:grid;grid-template-columns:26px 1fr;-ms-grid-columns:26px 1fr;grid-template-rows:30px;-ms-grid-rows:30px;height:30px;align-items:center;z-index:4}header .logo>span:first-child{grid-column:1;-ms-grid-column:1;grid-row:1;-ms-grid-row:1;width:26px;height:30px;background-size:contain;display:block}header .logo>span:last-child{grid-column:2;-ms-grid-column:2;grid-row:1;-ms-grid-row:1;padding:0 0 0 10px}}@media screen and (max-width:639px){.news-items-label{position:relative;margin-top:-1px;display:block;overflow:hidden;clear:both;height:30px;background:#fff;border:1px solid #dfdfdf;border-width:1px 0;line-height:30px;text-align:center;text-transform:uppercase;font-size:12px}.news-list .news-item{padding:25px 0;margin:0 20px;border-bottom:1px solid #dfdfdf}.news-list .news-item .news-content{margin:0;box-shadow:none;background:0 0}.news-list .news-item .news-content .news-tags{display:none}.news-list .news-link{display:-ms-grid;display:grid;grid-template-rows:max-content;grid-template-columns:1fr 112px;-ms-grid-rows:max-content;-ms-grid-columns:1fr 112px;align-items:center}.news-list .news-link .img{grid-row:1;grid-column:2;-ms-grid-row:1;-ms-grid-column:2;width:112px;height:64px}.news-list .news-link .news-name{font-size:14px;line-height:20px;padding:0 20px 0 0;font-weight:400}.news-list .news-link .labels{display:none}.news-list .news-item__choice{margin:0;border:none;padding-bottom:0}.news-list .news-item__choice .news-link{display:block}.news-list .news-item__choice .news-link .img{width:100%;height:auto}.news-list .news-item__choice .news-link .news-name{margin:0 25px;border-bottom:1px solid #dfdfdf;font-size:20px;line-height:20px;padding-bottom:25px;padding-top:20px}.news-list .news-item__choice .labels{display:block;right:0}.news-list .news-item__choice .labels span.label-choice{background-image:none;width:auto;height:20px;line-height:20px;border-radius:0}.news-list .news-item__choice .labels span.label-choice span{display:inline;line-height:15px;font-size:12px;padding-right:15px;text-transform:uppercase}.news-list .news-date,.news-list .news-preview{display:none!important}.news-list .sepr{margin:10px 0}.news-list .next-btn{position:relative;margin:-1px 20px 0 20px;padding:20px 0 0 30px;text-align:center;border-top:1px solid #dfdfdf}.news-list .next-btn a{box-shadow:none!important;background:0 0!important;color:#2a2a2a!important}.news-list .next-btn a:hover{color:#5a778a!important}.side{padding:0}.side-left .news-line{background:#fff;padding:20px!important;border:1px solid #d8d8d8;border-width:1px 0}.side-left .news-line .news-line-title{margin:10px 0;font-style:normal!important;font-weight:700!important;font-size:13px!important;line-height:20px!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:#2a2a2a!important}.side-left .news-line .news-line-item{margin:0;padding:20px 0;border-bottom:1px solid #d8d8d8}.side-left .news-line .news-line-date{font-size:12px}.side-left .news-line .news-line-name{font-size:15px;line-height:20px}.side-left .news-line .news-line-all{position:relative;margin:0 20px;padding:20px 0 10px 0;height:auto;font-weight:500;font-size:13px;line-height:20px;letter-spacing:.05em;text-transform:uppercase;text-align:center;box-shadow:none!important;background:0 0!important;color:#2a2a2a!important}.side-left .news-line .news-line-all:hover{color:#5a778a!important}.side-left .soc-cont .soc-box li{border-right:1px solid #d8d8d8;height:50px;line-height:50px}.side-left .soc-cont .soc-box li a{height:50px;line-height:57px;position:relative;vertical-align:middle;display:inline-block}.side-left .soc-cont .soc-box li:last-child{border:none}.subscribe-form-news{background:#fff;padding:30px 0;border:1px solid #d8d8d8;border-width:1px 0;box-shadow:none}.subscribe-form-news input:focus{background:#fff;color:#2a2a2a;border:none;outline:0}.subscribe-form-news form{display:-ms-grid;display:grid;grid-template-columns:1fr 145px;-ms-grid-columns:1fr 145px;grid-template-rows:max-content;-ms-grid-rows:max-content}.subscribe-form-news form .placeholder-wrap{grid-column:1;grid-row:1;-ms-grid-column:1;-ms-grid-row:1;background:#fff;height:40px;line-height:40px;border:1px solid #d8d8d8}.subscribe-form-news form .placeholder-hold{color:#2a2a2a}.subscribe-form-news form .sub-btns{grid-column:2;grid-row:1;-ms-grid-column:2;-ms-grid-row:1;margin:0;background:#e38a0d}.subscribe-form-news form .sub-btns button{height:40px;background:#e38a0d;color:#fff;line-height:40px;font-weight:500;font-size:13px;align-items:center;letter-spacing:.05em;text-transform:uppercase;width:100%;text-align:center}.subscribe-form-news form .sub-btns button svg.ico{display:none}.subscribe-form-news .sub-h2{font-size:15px;line-height:20px;color:#2a2a2a}.subscribe-form-news .sub-h1,.subscribe-form-news:after,.subscribe-form-news:before{display:none}#rssFieldData .news-line-item:last-of-type{border:none!important}#rssBox{margin-bottom:20px}.double-place{background:#fff;padding:25px;display:-ms-grid;display:grid;grid-template-columns:1fr 1fr;-ms-grid-columns:1fr 1fr;grid-template-rows:max-content;-ms-grid-rows:max-content;border:1px solid #d8d8d8;border-width:1px 0;margin:10px 0}.double-place .places{padding:0}.double-place .places:nth-child(1){grid-column:1;grid-row:1;-ms-grid-column:1;-ms-grid-row:1}.double-place .places:nth-child(2){grid-column:2;grid-row:1;-ms-grid-column:2;-ms-grid-row:1}.widgets-item1,.widgets-item2,.widgets-item3{margin:0 0 10px 0;border:1px solid #d8d8d8;border-width:1px 0;background:#fff;padding:0}.side-right .side-calc{background:#fff}.side-right .side-calc .t-dark{background:#fff;font-style:normal;font-weight:700;font-size:13px;line-height:20px;align-items:center;letter-spacing:.05em;text-transform:uppercase;color:#2a2a2a;margin-bottom:30px}.side-right .side-calc form{margin:0 25px;background:#fff;border-bottom:1px solid #d8d8d8;padding:0 0 10px 0}.side-right .side-calc .title{background:#fff;font-style:normal;font-weight:700;font-size:13px;line-height:20px;align-items:center;letter-spacing:.05em;text-transform:uppercase;color:#2a2a2a;margin-bottom:30px}#calc .calc td:first-child{color:#2a2a2a;vertical-align:middle;font-size:13px;font-weight:400}.side-right .side-calc table.calc input{color:#2a2a2a;vertical-align:middle;font-size:13px;font-weight:400;height:40px;line-height:40px;border:1px solid #d8d8d8;background:#fff}.side-right .side-calc .result{color:#2a2a2a;padding:10px 0;margin:0 25px;border-bottom:1px solid #d8d8d8}.side-right .side-calc .result td,.side-right .side-calc .result th{text-align:right;color:#2a2a2a;text-shadow:none;font-weight:400;font-size:13px}.side-right .side-calc .result th{color:#7d97aa}.side-right .side-calc .result td:first-child,.side-right .side-calc .result th:first-child{color:#2a2a2a;text-align:left;font-weight:400}.side-right .widgets a.button{margin:10px 0;width:100%;display:block;background:#fff;color:#2a2a2a!important;box-shadow:none!important;text-align:center;position:relative!important;height:40px;line-height:40px}.side-right .widgets a.button svg.ico{display:inline-block;position:relative!important;top:auto;right:auto;vertical-align:middle;margin-left:10px;margin-top:-3px}.side-right .side-calc table.ratetable thead td{font-weight:400!important;text-shadow:none!important}.side-right .side-calc table.ratetable tbody td{color:#2a2a2a!important;text-shadow:none!important}#table-courses{padding:10px 0;margin:0 25px;border-bottom:1px solid #d8d8d8}.widgets-item3 .result{border:none!important}.side-right .side-calc table.calc td:last-child{text-shadow:none!important;font-weight:400}.footer .emails div{display:-ms-grid;display:grid;grid-template-columns:1fr max-content;-ms-grid-columns:1fr max-content;grid-template-rows:max-content;border-bottom:1px solid #d8d8d8;padding:10px 0;align-items:center}.footer .emails div p{grid-row:1;grid-column:1;-ms-grid-row:1;-ms-grid-column:1;padding-right:10px;text-align:left;font-size:12px;line-height:15px;color:#7691a6}.footer .emails div a{grid-row:1;grid-column:2;-ms-grid-row:1;-ms-grid-column:2;background:0 0;padding:0;color:#2a2a2a;font-size:12px;line-height:15px}.footer .copy{padding:30px 0;color:#000;font-size:13px}.footer .info{font-size:12px;color:#7691a6;line-height:15px}.footer .info a{color:#7691a6}.footer .soc{border-bottom:1px solid #d8d8d8}.footer .soc .soc-cont .soc-box li{height:50px;line-height:50px;position:relative;border-right:1px solid #d8d8d8;padding:0 20px}.footer .soc .soc-cont .soc-box li:last-child{border:none}.footer .soc .soc-cont .soc-box li a{width:25px;height:25px;line-height:25px;font-size:25px}}@media (min-width:1310px){h1{font-size:36px}h2{font-size:26px}.wo{width:1280px;padding:0 40px}.sticky #sticky-box .main-nav{width:1280px}.sticky #sticky-box .main-nav ul.mmain{width:860px}.sticky #sticky-box .main-nav ul.mmain li a{font-size:16px}.sticky #sticky-box .main-nav ul.mmain>li>a{padding:0 13px}.sticky #sticky-box .main-nav ul.mmain>li:first-child>a{padding-left:0}.sticky #sticky-box .main-nav ul.mmain>li:last-child>a{padding-right:0}.sticky #sticky-box .main-nav ul.mmain ul li a{padding:0 10px;font-size:14px}.sticky #sticky-box .main-nav ul.mmain ul li:first-child a{padding-left:0}.sticky #sticky-box .main-nav ul.mmain ul li:last-child a{padding-right:0}header{height:141px}header .soc-cont{display:block;height:30px;width:240px;right:40px;position:absolute;z-index:9999;top:10px}header .soc-cont li{padding-left:22.5px;float:left}header .soc-cont li:first-child{padding-left:0}header .soc-cont a{font-size:30px;line-height:30px;width:30px;height:30px}header .rate{width:240px;display:table;top:54px;right:40px}header .rate div{width:50%;display:table-cell;line-height:14px}header .rate div>span:first-child{width:100%}header .rate div:first-child>span{padding-right:10px}header .rate div:last-child>span{padding-left:10px}header .rate div .progr{float:none;display:block;clear:both}header .logo{left:40px;text-decoration:none}header .logo>span:first-child{background-image:url(/local/templates/bits.media/images/bits3.png)}header .logo>span:last-child{position:relative;bottom:auto;right:auto;font-size:14px;display:block;clear:both}header .logo>span:last-child span{font-size:14px}header .place-top{width:615px;height:76px;left:349px}header .place-top img{height:76px!important}header .main-nav{top:93px;padding:0 40px}header .main-nav ul.mmain{width:920px}header .main-nav ul.mmain>li>a{padding:0 8px!important}header .main-nav ul.mmain>li:first-child>a{padding-left:0}header .main-nav ul.mmain>li:last-child>a{padding-right:0}header .main-nav ul.mmain ul li a{padding:0 18px}header .main-nav ul.mmain ul li:first-child a{padding-left:0}header .main-nav ul.mmain ul li:last-child a{padding-right:0}header .main-nav form{position:absolute;right:40px;top:5px;width:240px;height:30px}header .main-nav form input{width:210px;padding:0 5px;position:absolute;left:0;top:0;z-index:1;border-bottom:1px solid #d3dbe1}.news-list .news-item{width:33.33%}.news-list .news-item .news-content .news-link .img{height:160px}.news-list .news-item .news-content .news-link .img img{max-height:160px;max-width:290px}.news-list .first-page .news-item:first-child .news-content{width:auto}.news-list .first-page .news-item:first-child .news-content .news-link .img{height:auto}.news-list .first-page .news-item:first-child .news-content .news-link .img img{max-height:none;max-width:none;width:100%}.homepage .news-list .news-item{width:50%}.homepage .widgets{width:100%;display:-ms-grid;display:grid;grid-template-columns:1fr;-ms-grid-columns:1fr;grid-template-rows:max-content max-content max-content max-content max-content max-content max-content max-content;-ms-grid-rows:max-content max-content max-content max-content max-content max-content max-content max-content}.homepage .widgets-partner1{grid-column:1;-ms-grid-column:1;grid-row:2;-ms-grid-row:2}.homepage .widgets-item1{grid-column:1;-ms-grid-column:1;grid-row:1;-ms-grid-row:1;background:#aebfca;margin:0 0 20px}.homepage .widgets-partner2{grid-column:1;-ms-grid-column:1;grid-row:4;-ms-grid-row:4}.homepage .widgets-item2{grid-column:1;-ms-grid-column:1;grid-row:3;-ms-grid-row:3;background:#aebfca;margin:20px 0}.homepage .widgets-partner3{grid-column:1;-ms-grid-column:1;grid-row:6;-ms-grid-row:6}.homepage .widgets-item3{grid-column:1;-ms-grid-column:1;grid-row:5;-ms-grid-row:5;background:#aebfca;margin:20px 0}.homepage .widgets-partner4{grid-column:1;-ms-grid-column:1;grid-row:8;-ms-grid-row:8}.homepage .widgets-item4{grid-column:1;-ms-grid-column:1;grid-row:7;-ms-grid-row:7;background:#aebfca}.footer .wo .links .places{width:234px}.footer .wo .links .places img{height:60px!important}.footer .wo .links .places.order_1,.footer .wo .links .places:first-child{width:470px;margin-right:14px}.footer .wo .links .places.order_3,.footer .wo .links .places:last-child{width:470px}.rates{right:40px;top:45px;width:240px;box-sizing:border-box;font-size:14px}.rates-item{box-sizing:border-box;width:120px}.rates-label{width:50px}.rates-label:after{width:8px;height:8px;border-width:4px}.rates-value{max-width:70px}}@media (min-width:1310px) and (max-width:1599px){.side-right{padding:0 12px;background:0 0;overflow:visible}.side-right .col-box{overflow:hidden;clear:both}.side-right .col-box .col{width:25%;padding:125px 8px 0;float:left;position:relative}.side-right .col-box .col .places{height:120px;overflow:hidden;position:absolute;width:100%;top:0;left:0}.side-right .col-box .col .places>div{margin:0 8px}.homepage .side-right .col-box .col{float:none;width:100%;padding:0}.homepage .side-right .col-box .col .places{position:relative;height:auto}.homepage .side-right .col-box .col .places>div{margin:0}}@media (min-width:1310px) and (max-width:1600px){.homepage .mainbox{grid-template-columns:280px 1fr 284px;-ms-grid-columns:280px 1fr 284px;grid-template-rows:max-content;-ms-grid-rows:max-content}.homepage .mainbox .side-left{grid-column:1;-ms-grid-column:1;grid-row:1;-ms-grid-row:1;-ms-grid-row-span:1}.homepage .mainbox .main-col{grid-column:2;-ms-grid-column:2;grid-row:1;-ms-grid-row:1}.homepage .mainbox .main-col .col-box{margin:0}.homepage .mainbox .side-right{grid-column:3;-ms-grid-column:3;grid-row:1;-ms-grid-row:1;padding:0 0 0 40px}.contacts-itms{margin:0 -15px;overflow:hidden;clear:both}.contacts-itms .contact{width:33.33%;float:left;padding:60px 15px 0;background-position:50% 0;text-align:center;height:180px;position:relative}.contacts-itms .contact .link{position:absolute;width:100%;left:0;bottom:0}}@media (min-width:1630px){h1{font-size:38px}.wo{width:1600px}.sticky #sticky-box .main-nav{width:1600px}.sticky #sticky-box .main-nav ul.mmain{width:1100px}.sticky #sticky-box .main-nav ul.mmain>li>a{padding:0 31px}.sticky #sticky-box .main-nav ul.mmain>li:first-child>a{padding-left:0}.sticky #sticky-box .main-nav ul.mmain>li:last-child>a{padding-right:0}.sticky #sticky-box .main-nav ul.mmain ul li a{font-size:16px;padding:0 13px}.sticky #sticky-box .main-nav ul.mmain ul>li:first-child>a{padding-left:0}.sticky #sticky-box .main-nav ul.mmain ul>li:last-child>a{padding-right:0}header{height:161px}header .logo span{vertical-align:baseline}header .logo>span:first-child{width:310px;height:67px;background-image:url(/local/templates/bits.media/images/bits4.png)}header .logo>span:last-child{padding:5px 0 0 3px;font-size:17px;line-height:20px}header .logo>span:last-child span{font:inherit}header .place-top{left:443px;width:755px;height:90px}header .place-top img{max-width:728px;height:90px!important}header .soc-cont{height:39px;width:310px;right:40px}header .soc-cont li{padding-left:28.75px}header .soc-cont li:first-child{padding-left:0}header .soc-cont a{font-size:39px;line-height:39px;width:39px;height:39px}header .rate{padding-top:10px;width:310px}header .rate div{line-height:18px;font-size:16px}header .main-nav{top:113px}header .main-nav ul.mmain{width:1135px}header .main-nav ul.mmain>li>a{padding:0 15px;font-size:18px}header .main-nav ul.mmain>li:first-child>a{padding-left:0}header .main-nav ul.mmain>li:last-child>a{padding-right:0}header .main-nav ul.mmain ul li a{font-size:16px;padding:0 13px}header .main-nav ul.mmain ul li:first-child a{padding-left:0}header .main-nav ul.mmain ul li:last-child a{padding-right:0}header .main-nav form{width:310px}header .main-nav form input{width:276px}.news-list .news-item{width:50%}.news-list .news-item .news-content{width:355px}.news-list .news-item .news-content .news-link .img{height:196px}.news-list .news-item .news-content .news-link .img img{max-height:196px;max-width:355px}.news-list .first-page .news-item:first-child .news-content{width:auto}.news-list .first-page .news-item:first-child .news-content .news-link .img{height:auto}.news-list .first-page .news-item:first-child .news-content .news-link .img img{max-height:none;max-width:none;width:100%}.mainbox{grid-template-columns:390px 1fr 390px;-ms-grid-columns:390px 1fr 390px;grid-template-rows:max-content;-ms-grid-rows:max-content}.mainbox .side-left{grid-column:1;-ms-grid-column:1;grid-row:1;-ms-grid-row:1;-ms-grid-row-span:1;padding:0 80px 0 0}.mainbox .main-col{grid-column:2;-ms-grid-column:2;grid-row:1;-ms-grid-row:1}.mainbox .main-col .col-box{margin:0}.mainbox .side-right{grid-column:3;-ms-grid-column:3;grid-row:1;-ms-grid-row:1;padding:0 0 0 80px}.footer .wo .links .places.order_1,.footer .wo .links .places:first-child{margin-right:165px}.rates{right:40px;top:58px;width:310px;font-size:16px}.rates-item{box-sizing:border-box;width:155px}.rates-label{width:40%}.rates-label:after{width:10px;height:10px;border-width:5px}.rates-value{width:60%;padding-left:10px}.rates-up:after{top:5px}}a.news-line-item:hover .news-line-name{color:#e38a0d!important}@media (min-width:960px){.mmain a.active,.mmain a:hover,.mmain span.active,.mmain span:hover{color:#e38a0d!important;border-bottom:5px solid #5a778a}}.ico-search:hover{color:#e38a0d!important}.news-line-title a,h2 a{font:inherit!important;color:inherit!important;text-decoration:none!important}.article-page #share42:before{content:"Поделиться: ";color:#a5b8c4;padding-right:10px;line-height:32px;height:32px;display:inline-block;vertical-align:top;font-size:16px}.article-page .share42-item{margin-right:10px}.article-page-wraapper-share--author #share42{display:inline-block;vertical-align:top;margin-top:7px}.article-page-wraapper-share--author{position:relative}.article-page-wraapper-share--author .article-author{float:right;overflow:inherit;white-space:nowrap}.share-wrapper-top-article{float:right;padding-bottom:20px}.wrapper-article-date{height:55px;line-height:55px;display:inline-block}.share-wrapper-top-article .article-author{white-space:nowrap}.article-page .share42-item:last-child{margin-right:0}@media (max-width:480px){.article-page #share42:before{display:block;padding-bottom:5px}}@media (max-width:1310px){.share-wrapper-top-article{width:100%;margin-top:7px}}.framed-text{overflow:hidden;padding:20px 30px 20px 26px;border-radius:8px;background-color:#fff;box-shadow:0 0 6px 0 rgb(0 0 0 / 4%),0 4px 10px 0 rgb(13 35 67 / 25%);-webkit-transform:translateZ(0);transform:translateZ(0);margin-bottom:15px}.article-author-wrapper-label-and-name{display:inline-block;vertical-align:top}.exchangerFooter{text-align:center}
@media (min-width:991px) and (max-width:1309px){.rates-label:after{visibility:hidden}}@media (min-width:990px) and (max-width:990px){.rates-value{width:49px}}

/* End */
/* /local/templates/bits.media/redesign/fonts.css?178802828325006 */
/* /local/templates/bits.media/redesign/stylebook.css?178802828325897 */
/* /local/templates/bits.media/redesign/isolation.css?178802828335928 */
/* /local/templates/bits.media/redesign/adslot.css?17880282831910 */
/* /local/templates/bits.media/redesign/article.css?178802828322760 */
/* /local/templates/bits.media/components/bitrix/menu/redesign/style.css?17880282832988 */
/* /local/templates/bits.media/components/bitrix/menu/redesign_drawer/style.css?17880282832684 */
/* /local/templates/bits.media/google.fonts.min.css?16216854412532 */
/* /local/templates/bits.media/components/bitrix/breadcrumb/bits/style.css?17176767741031 */
/* /local/templates/bits.media/styles.min.css?17220066594287 */
/* /local/templates/bits.media/template_styles.min.css?177703869166871 */