

/* Start:/local/assets/css/fonts.css?17083344769065*/
/* cyrillic-ext */
@font-face {
font-family: 'Roboto Flex';
font-style: normal;
font-weight: 400;
font-stretch: 130%;
font-display: swap;
src: url(/local/assets/fonts/robotoflex/NaNTepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGfttPZktqc2VdZ80KvCLZaPcSBZtOx2MifRuWR28sPJtUMbsFEK6cRrleUx9Xgbm3WLHa_F4Ep4Fm0PN19Ik5Dntczx0wZGzhPlL1YNMYKbv9_1IQXOw7AiUJVXRrV8cWW4O8LJCCXxhKEbQ.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto Flex';
font-style: normal;
font-weight: 400;
font-stretch: 130%;
font-display: swap;
src: url(/local/assets/fonts/robotoflex/NaNTepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGfttPZktqc2VdZ80KvCLZaPcSBZtOx2MifRuWR28sPJtUMbsFEK6cRrleUx9Xgbm3WLHa_F4Ep4Fm0PN19Ik5Dntczx0wZGzhPlL1YNMYKbv9_1IQXOw7AiUJVXRrV8cWW4O8LJCCVhhKEbQ.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Roboto Flex';
font-style: normal;
font-weight: 400;
font-stretch: 130%;
font-display: swap;
src: url(/local/assets/fonts/robotoflex/NaNTepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGfttPZktqc2VdZ80KvCLZaPcSBZtOx2MifRuWR28sPJtUMbsFEK6cRrleUx9Xgbm3WLHa_F4Ep4Fm0PN19Ik5Dntczx0wZGzhPlL1YNMYKbv9_1IQXOw7AiUJVXRrV8cWW4O8LJCCURhKEbQ.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto Flex';
font-style: normal;
font-weight: 400;
font-stretch: 130%;
font-display: swap;
src: url(/local/assets/fonts/robotoflex/NaNTepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGfttPZktqc2VdZ80KvCLZaPcSBZtOx2MifRuWR28sPJtUMbsFEK6cRrleUx9Xgbm3WLHa_F4Ep4Fm0PN19Ik5Dntczx0wZGzhPlL1YNMYKbv9_1IQXOw7AiUJVXRrV8cWW4O8LJCCXRhKEbQ.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: 'Roboto Flex';
font-style: normal;
font-weight: 400;
font-stretch: 130%;
font-display: swap;
src: url(/local/assets/fonts/robotoflex/NaNTepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGfttPZktqc2VdZ80KvCLZaPcSBZtOx2MifRuWR28sPJtUMbsFEK6cRrleUx9Xgbm3WLHa_F4Ep4Fm0PN19Ik5Dntczx0wZGzhPlL1YNMYKbv9_1IQXOw7AiUJVXRrV8cWW4O8LJCCXBhKEbQ.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto Flex';
font-style: normal;
font-weight: 400;
font-stretch: 130%;
font-display: swap;
src: url(/local/assets/fonts/robotoflex/NaNTepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGfttPZktqc2VdZ80KvCLZaPcSBZtOx2MifRuWR28sPJtUMbsFEK6cRrleUx9Xgbm3WLHa_F4Ep4Fm0PN19Ik5Dntczx0wZGzhPlL1YNMYKbv9_1IQXOw7AiUJVXRrV8cWW4O8LJCCUhhK.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto Flex';
font-style: normal;
font-weight: 338;
font-stretch: 135%;
font-display: swap;
src: url(/local/assets/fonts/robotoflex/NaNTepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGfttPZktqc2VdZ80KvCLZaPcSBZtOx2MifRuWR28sPJtUMbsFEK6cRrleUx9Xgbm3WLHa_F4Ep4Fm0PN19Ik5Dntczx0wZGzhPlL1YNMYKbv9_1IQXOw7AiUJVXRrV8cWW4O8LJCCXxhKEbQ.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto Flex';
font-style: normal;
font-weight: 338;
font-stretch: 135%;
font-display: swap;
src: url(/local/assets/fonts/robotoflex/NaNTepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGfttPZktqc2VdZ80KvCLZaPcSBZtOx2MifRuWR28sPJtUMbsFEK6cRrleUx9Xgbm3WLHa_F4Ep4Fm0PN19Ik5Dntczx0wZGzhPlL1YNMYKbv9_1IQXOw7AiUJVXRrV8cWW4O8LJCCVhhKEbQ.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Roboto Flex';
font-style: normal;
font-weight: 338;
font-stretch: 135%;
font-display: swap;
src: url(/local/assets/fonts/robotoflex/NaNTepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGfttPZktqc2VdZ80KvCLZaPcSBZtOx2MifRuWR28sPJtUMbsFEK6cRrleUx9Xgbm3WLHa_F4Ep4Fm0PN19Ik5Dntczx0wZGzhPlL1YNMYKbv9_1IQXOw7AiUJVXRrV8cWW4O8LJCCURhKEbQ.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto Flex';
font-style: normal;
font-weight: 338;
font-stretch: 135%;
font-display: swap;
src: url(/local/assets/fonts/robotoflex/NaNTepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGfttPZktqc2VdZ80KvCLZaPcSBZtOx2MifRuWR28sPJtUMbsFEK6cRrleUx9Xgbm3WLHa_F4Ep4Fm0PN19Ik5Dntczx0wZGzhPlL1YNMYKbv9_1IQXOw7AiUJVXRrV8cWW4O8LJCCXRhKEbQ.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: 'Roboto Flex';
font-style: normal;
font-weight: 338;
font-stretch: 135%;
font-display: swap;
src: url(/local/assets/fonts/robotoflex/NaNTepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGfttPZktqc2VdZ80KvCLZaPcSBZtOx2MifRuWR28sPJtUMbsFEK6cRrleUx9Xgbm3WLHa_F4Ep4Fm0PN19Ik5Dntczx0wZGzhPlL1YNMYKbv9_1IQXOw7AiUJVXRrV8cWW4O8LJCCXBhKEbQ.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto Flex';
font-style: normal;
font-weight: 338;
font-stretch: 135%;
font-display: swap;
src: url(/local/assets/fonts/robotoflex/NaNTepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGfttPZktqc2VdZ80KvCLZaPcSBZtOx2MifRuWR28sPJtUMbsFEK6cRrleUx9Xgbm3WLHa_F4Ep4Fm0PN19Ik5Dntczx0wZGzhPlL1YNMYKbv9_1IQXOw7AiUJVXRrV8cWW4O8LJCCUhhK.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto Flex';
font-style: normal;
font-weight: 500;
font-stretch: 135%;
font-display: swap;
src: url(/local/assets/fonts/robotoflex/NaNTepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGfttPZktqc2VdZ80KvCLZaPcSBZtOx2MifRuWR28sPJtUMbsFEK6cRrleUx9Xgbm3WLHa_F4Ep4Fm0PN19Ik5Dntczx0wZGzhPlL1YNMYKbv9_1IQXOw7AiUJVXRrV8cWW4O8LJCCXxhKEbQ.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto Flex';
font-style: normal;
font-weight: 500;
font-stretch: 135%;
font-display: swap;
src: url(/local/assets/fonts/robotoflex/NaNTepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGfttPZktqc2VdZ80KvCLZaPcSBZtOx2MifRuWR28sPJtUMbsFEK6cRrleUx9Xgbm3WLHa_F4Ep4Fm0PN19Ik5Dntczx0wZGzhPlL1YNMYKbv9_1IQXOw7AiUJVXRrV8cWW4O8LJCCVhhKEbQ.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Roboto Flex';
font-style: normal;
font-weight: 500;
font-stretch: 135%;
font-display: swap;
src: url(/local/assets/fonts/robotoflex/NaNTepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGfttPZktqc2VdZ80KvCLZaPcSBZtOx2MifRuWR28sPJtUMbsFEK6cRrleUx9Xgbm3WLHa_F4Ep4Fm0PN19Ik5Dntczx0wZGzhPlL1YNMYKbv9_1IQXOw7AiUJVXRrV8cWW4O8LJCCURhKEbQ.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto Flex';
font-style: normal;
font-weight: 500;
font-stretch: 135%;
font-display: swap;
src: url(/local/assets/fonts/robotoflex/NaNTepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGfttPZktqc2VdZ80KvCLZaPcSBZtOx2MifRuWR28sPJtUMbsFEK6cRrleUx9Xgbm3WLHa_F4Ep4Fm0PN19Ik5Dntczx0wZGzhPlL1YNMYKbv9_1IQXOw7AiUJVXRrV8cWW4O8LJCCXRhKEbQ.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: 'Roboto Flex';
font-style: normal;
font-weight: 500;
font-stretch: 135%;
font-display: swap;
src: url(/local/assets/fonts/robotoflex/NaNTepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGfttPZktqc2VdZ80KvCLZaPcSBZtOx2MifRuWR28sPJtUMbsFEK6cRrleUx9Xgbm3WLHa_F4Ep4Fm0PN19Ik5Dntczx0wZGzhPlL1YNMYKbv9_1IQXOw7AiUJVXRrV8cWW4O8LJCCXBhKEbQ.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto Flex';
font-style: normal;
font-weight: 500;
font-stretch: 135%;
font-display: swap;
src: url(/local/assets/fonts/robotoflex/NaNTepOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGfttPZktqc2VdZ80KvCLZaPcSBZtOx2MifRuWR28sPJtUMbsFEK6cRrleUx9Xgbm3WLHa_F4Ep4Fm0PN19Ik5Dntczx0wZGzhPlL1YNMYKbv9_1IQXOw7AiUJVXRrV8cWW4O8LJCCUhhK.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* End */


/* Start:/local/assets/css/reset.css?16832897551474*/
/* сброс стилей для всех элементов */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  /* сброс стилей для элементов форм */
  button,
  input,
  optgroup,
  select,
  textarea {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }

  input{
    border: 0;
  }

  input:focus{
    outline: none;
    border: 0;
  }
  
  /* сброс стилей для ссылок */
  a {
    color: inherit;
    text-decoration: none;
  }
  
  /* сброс стилей для изображений */
  img {
    max-width: 100%;
    height: auto;
    display: block;
  }
  
  /* сброс стилей для таблиц */
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  /* сброс стилей для заголовков */
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  
  
  /* сброс стилей для кнопок */
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
  }
  
  /* сброс стилей для списков */
  ul,
  ol {
    list-style: none;
    margin: 0;
    padding: 0;
  }

/* End */


/* Start:/local/assets/fonts/icomoon/style.css?16993477954001*/
@font-face {
  font-family: 'icomoon';
  src:  url('/local/assets/fonts/icomoon/fonts/icomoon.eot?orman7');
  src:  url('/local/assets/fonts/icomoon/fonts/icomoon.eot?orman7#iefix') format('embedded-opentype'),
    url('/local/assets/fonts/icomoon/fonts/icomoon.ttf?orman7') format('truetype'),
    url('/local/assets/fonts/icomoon/fonts/icomoon.woff?orman7') format('woff'),
    url('/local/assets/fonts/icomoon/fonts/icomoon.svg?orman7#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-artrockets_logo .path1:before {
  content: "\e929";
  color: rgb(255, 255, 255);
}
.icon-artrockets_logo .path2:before {
  content: "\e92a";
  margin-left: -5.91796875em;
  color: rgb(255, 255, 255);
}
.icon-artrockets_logo .path3:before {
  content: "\e92b";
  margin-left: -5.91796875em;
  color: rgb(255, 255, 255);
}
.icon-artrockets_logo .path4:before {
  content: "\e92c";
  margin-left: -5.91796875em;
  color: rgb(255, 255, 255);
}
.icon-artrockets_logo .path5:before {
  content: "\e92d";
  margin-left: -5.91796875em;
  color: rgb(255, 255, 255);
}
.icon-artrockets_logo .path6:before {
  content: "\e92e";
  margin-left: -5.91796875em;
  color: rgb(255, 255, 255);
}
.icon-artrockets_logo .path7:before {
  content: "\e92f";
  margin-left: -5.91796875em;
  color: rgb(255, 255, 255);
}
.icon-artrockets_logo .path8:before {
  content: "\e930";
  margin-left: -5.91796875em;
  color: rgb(255, 255, 255);
}
.icon-artrockets_logo .path9:before {
  content: "\e931";
  margin-left: -5.91796875em;
  color: rgb(255, 255, 255);
}
.icon-artrockets_logo .path10:before {
  content: "\e932";
  margin-left: -5.91796875em;
  color: rgb(255, 255, 255);
}
.icon-artrockets_logo .path11:before {
  content: "\e933";
  margin-left: -5.91796875em;
  color: rgb(237, 74, 74);
}
.icon-artrockets_logo .path12:before {
  content: "\e934";
  margin-left: -5.91796875em;
  color: rgb(255, 255, 255);
}
.icon-profile:before {
  content: "\e928";
}
.icon-family:before {
  content: "\e927";
}
.icon-download-link:before {
  content: "\e926";
}
.icon-cloud:before {
  content: "\e923";
}
.icon-curve:before {
  content: "\e924";
}
.icon-shield:before {
  content: "\e925";
}
.icon-cross-2:before {
  content: "\e922";
}
.icon-addNew:before {
  content: "\e921";
}
.icon-correct:before {
  content: "\e920";
}
.icon-cancel:before {
  content: "\e91e";
}
.icon-download:before {
  content: "\e91f";
}
.icon-time:before {
  content: "\e91d";
}
.icon-increase:before {
  content: "\e91c";
}
.icon-i:before {
  content: "\e91b";
}
.icon-map-route:before {
  content: "\e91a";
}
.icon-cross:before {
  content: "\e919";
}
.icon-tooltip:before {
  content: "\e918";
}
.icon-equip:before {
  content: "\e917";
}
.icon-link:before {
  content: "\e916";
}
.icon-load:before {
  content: "\e915";
}
.icon-doc:before {
  content: "\e914";
}
.icon-atom:before {
  content: "\e911";
}
.icon-fuel:before {
  content: "\e912";
}
.icon-beauty-oil:before {
  content: "\e913";
}
.icon-quote:before {
  content: "\e900";
}
.icon-search:before {
  content: "\e90f";
}
.icon-down-arrow:before {
  content: "\e90e";
}
.icon-deep:before {
  content: "\e901";
}
.icon-oil:before {
  content: "\e902";
}
.icon-water:before {
  content: "\e903";
}
.icon-corner-arrow:before {
  content: "\e904";
}
.icon-phone:before {
  content: "\e905";
}
.icon-tg:before {
  content: "\e906";
}
.icon-vk:before {
  content: "\e907";
}
.icon-info:before {
  content: "\e908";
}
.icon-eco:before {
  content: "\e909";
}
.icon-light:before {
  content: "\e90a";
}
.icon-play:before {
  content: "\e90b";
}
.icon-gallery:before {
  content: "\e90c";
}
.icon-left-arrow:before {
  content: "\e90d";
}
.icon-right-arrow:before {
  content: "\e910";
}

/* End */


/* Start:/local/assets/css/libs.css?16853485754909*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Perfectscrollbar */
/*
 * Container style
 */
 .ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
  }
  
  /*
   * Scrollbar rail styles
   */
  .ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0px;
    /* please don't change 'position' */
    position: absolute;
  }
  
  .ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear, top .3s;
    -webkit-transition: background-color .2s linear, opacity .2s linear, top .3s;
    width: 15px;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 0;
    /* please don't change 'position' */
    position: absolute;
  }
  
  .ps--active-x > .ps__rail-x,
  .ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
  }
  
  .ps:hover > .ps__rail-x,
  .ps:hover > .ps__rail-y,
  .ps--focus > .ps__rail-x,
  .ps--focus > .ps__rail-y,
  .ps--scrolling-x > .ps__rail-x,
  .ps--scrolling-y > .ps__rail-y {
    opacity: 1;
  }
  
  .ps .ps__rail-x:hover,
  .ps .ps__rail-y:hover,
  .ps .ps__rail-x:focus,
  .ps .ps__rail-y:focus,
  .ps .ps__rail-x.ps--clicking,
  .ps .ps__rail-y.ps--clicking {
    /* background-color: #eee; */
    opacity: 1;
  }
  
  /*
   * Scrollbar thumb styles
   */
  .ps__thumb-x {
    background-color: #BB9959;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 2px;
    /* please don't change 'position' */
    position: absolute;
  }

  .ps__thumb-y {
    background-color: #BB9959;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    /* there must be 'right' for ps__thumb-y */
    right: 10px;
    /* please don't change 'position' */
    position: absolute;
    opacity: 1;
  }
  
  .ps__rail-x:hover > .ps__thumb-x,
  .ps__rail-x:focus > .ps__thumb-x,
  .ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #999;
    height: 11px;
  }
  
  .ps__rail-y:hover > .ps__thumb-y,
  .ps__rail-y:focus > .ps__thumb-y,
  .ps__rail-y.ps--clicking .ps__thumb-y {
    /* background-color: #999; */
    width: 6px;
  }
  
  /* MS supports */
  @supports (-ms-overflow-style: none) {
    .ps {
      overflow: auto !important;
    }
  }
  
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
      overflow: auto !important;
    }
  }
  
/* End */


/* Start:/local/assets/css/global.css?170803073958330*/
:root {
    --primary-color: #BB9959;
    --primary-color-light: #EACD97;
    --secondary-color: #1D6549;
    --color-green-2: #27AE60;
    --tertiary-color: #FFCC00;
    --background-color: #F7F5F5;
    --background-color-secondary: #F6F5F5;
    --text-color: #282828;
    --grey: #9F9F9F;
    --light-grey: #C2C2C2;
}


body {
    /* font-family: 'Roboto Flex', sans-serif;
     */
    font-family: 'Roboto Flex', sans-serif;
    color: var(--text-color);
    font-stretch: 130%;
    /* font-variation-settings: 'GRAD' 0, 'slnt' 0, 'XTRA' 468, 'XOPQ' 96, 'YOPQ' 79, 'YTLC' 514, 'YTUC' 712, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738; */
}

a {
    transition: all .2s linear;
}

a:hover {
    color: var(--primary-color);
}

/*секции и контейнеры*/
section {
    padding: 120px 0;
}

.hidden{
    display: none;
}
.h100{
    height: 100%;
}
.w80{
    width: 80px;
}

.center {
    align-items: center;
}


.section--bot80 {
    padding-top: 0;
    padding-bottom: 80px;
}

.section--green-bg {
    background-image: url('/local/assets/img/green-bg.png');
    background-size: cover;
}

.section--80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.section--60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.container {
    margin: 0 auto;
    padding: 0 60px;
    max-width: 1920px;
    width: 100%;
    position: relative;
}

.section--border {
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 0;
    padding-top: 0;
}

.section--border.section--80,
.section--border.section--60 {
    padding-bottom: 0;
    padding-top: 0;
}

.section--border.section--80 .container {
    padding-top: 80px;
    padding-bottom: 80px;
}

.section--border.section--60 .container {
    padding-bottom: 60px;
    padding-top: 60px;
}

.section--border .container {
    padding: 120px 0;
    border-bottom: 2px solid #ECECEC;
    max-width: 1800px;
}

.section--logo .container {
    background-image: url('/local/assets/img/special-bg.png');
    background-repeat: no-repeat;
    background-position: 100% center;
    background-size: 587px;
    min-height: 700px;
}

@media (max-width:1400px) {
    .section--logo .container {
        background-position: 130% 100px;
    }
}

@media (max-width:1199px) {
    .section--80 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .section--60 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .section--border {
        padding-right: 20px;
        padding-left: 20px;
    }

    .section--border.section--80 .container,
    .section--border.section--60 .container {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .section--logo .container {
        background-image: none;
        min-height: auto;
    }
}

@media (max-width:767px) {
    .section--border {
        padding-right: 25px;
        padding-left: 25px;
    }
}

/*секции и контейнеры END*/


i {
    transition: all .2s linear;
}

i.rotate {
    transform: rotate(180deg);
}


/*прелоудер*/
.preload {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FBF7F7;
    z-index: 1500;
}

.preload__lines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: preload02 2s ease-in-out;
}

.preload__lines img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.preload__logo {
    animation: preload 3s ease-in-out;
}

@keyframes preload {
    0% {
        clip-path: ellipse(0px 0px at 0% 100%);
    }

    100% {
        clip-path: ellipse(300px 300px at 0% 100%);
    }
}

@keyframes preload02 {
    0% {
        clip-path: polygon(10% 0, 10% 0, 10% 0, 80% 100%, 80% 100%, 80% 100%);
    }

    100% {
        clip-path: polygon(0 100%, 0 0, 100% 0, 100% 0, 100% 100%, 0 100%);
    }
}

/*прелоудер END*/


/*мобильные классы*/
.no-mobile {
    display: flex;
}

.mobile--active,
.mobileBlock--active {
    display: none !important;
}

/*мобильные классы END*/



.section--grey {
    background-color: var(--background-color);
}

.section--beige {
    background-color: #FBF7F7;
}

.bg--white {
    background-color: #FFFFFF;
}

.color--white {
    color: white;
}

.color--primary {
    color: var(--primary-color);
}

.color--secondary {
    color: #F6F5F5;
}

.header--18 {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}

.header--30 {
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
}

.header--32 {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
}

.header--50 {
    font-weight: 500;
    font-size: 50px;
    line-height: 60px;
}

.text--12 {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
}

.text--14 {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.text--14--strong {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
}

.text--16 {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.text--18 {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}

.text--20 {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}

.text--24 {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}

.text--40 {
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
}

.text--50 {
    font-weight: 500;
    font-size: 50px;
    line-height: 60px;
}

.mt8 {
    margin-top: 8px;
}

.no-mb {
    margin-bottom: 0 !important;
}

.no-pb {
    padding-bottom: 0 !important;
}

.mb8 {
    margin-bottom: 8px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px;
}

.mt60 {
    margin-top: 60px;
}

.mb80 {
    margin-bottom: 80px;
}

.mt60 {
    margin-top: 60px;
}

.mt-auto {
    margin-top: auto;
}

.mt0 {
    margin-top: 0 !important;
}

.font--black {
    color: #282828;
}

.font--lightGray {
    color: #C2C2C2;
}

.font--lightGray2 {
    color: #717171;
}

.font--darkgray {
    color: #737373
}

.font--white {
    color: #ffffff;
}

.font--gray {
    color: #E6E6E6;
}

.flex__col--sbtw {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flex__col--sbtw100 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.flex__col--8 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.flex__col--10 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.flex__col--16 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.flex__col--20 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.flex__col--28 {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.flex__col--30 {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.flex__col--60 {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.flex__row--top {
    display: flex;
    align-items: flex-start;
}

.flex__row {
    display: flex;
    align-items: center;
}

.flex__row--wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.flex__row--8 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.flex__row--10 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.flex__row--20 {
    display: flex;
    align-items: center;
    gap: 20px;
}

.flex__row--40 {
    display: flex;
    align-items: center;
    gap: 40px;
}

.flex__row--sbtw {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.burger {
    position: relative;
    height: calc(9px + 20px);
    width: calc(34px + 20px);
    cursor: pointer;
    display: inline-block;
    padding: 10px;
}

.burger::after,
.burger::before {
    display: block;
    content: '';
    position: absolute;
    height: 2px;
    width: calc(100% - 20px);
    background-color: black;
    transition: all .2s ease-in-out;
}

.burger.burger--primary::after,
.burger.burger--primary::before {
    background-color: var(--primary-color);
}

.burger::after {
    top: 10px;
}

.burger::before {
    bottom: 10px;
}

.burger.active::after,
.burger.active::before {
    top: 50%;
}

.burger.active::after {
    transform: translateY(-50%) rotate(45deg);
}

.burger.active::before {
    bottom: auto;
    transform: translateY(-50%) rotate(-45deg);
}

.eco {
    width: 122px;
    height: 122px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 60px;
    left: 60px;
    border-radius: 50%;
    border: 1px solid var(--secondary-color);
    cursor: pointer;
    z-index: 50;
}

.eco--under_cookie {
    bottom: 110px;
}

.eco i {
    font-size: 39px;
    color: var(--color-green-2);
}

.eco_text {
    width: 100%;
    height: 100%;
    position: absolute;
    animation: rotateText 10s linear infinite;
    font-weight: 400;
    font-size: 7px;
    text-transform: uppercase;
}

.eco_text p span {
    position: absolute;
    left: 60px;
    top: 13px;
    transform-origin: 0 47px;
    color: black;
    font-weight: 400;
    font-size: 9px;
    text-transform: uppercase;
}

.eco_text p span:nth-child(36) {
    left: 59px;
}

.eco_text p span:nth-child(17) {
    left: 61px;
}

@keyframes rotateText {
    0% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.show-more {
    position: relative;
    transition: max-height .3s linear;
}

.show-more--visible {
    max-height: 300px;
    overflow: hidden;
    margin-bottom: 20px;
}

.show-more--visible.active {
    max-height: 100%;
}

.show-more.show-more--600 {
    max-height: 600px;
}

.show-more.show-more--600.active {
    max-height: 2000px !important;
}

.show-more.show-more--visible::before {
    opacity: 1;
}

.show-more::before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: opacity .3s linear;
    background: -webkit-linear-gradient(90deg, rgb(255 255 255) 5%, rgba(255, 255, 255, 0) 30%);
    pointer-events: none;
}

.show-more.active::before {
    opacity: 0;
}

.show-more_button {
    width: 100%;
    display: none;
    padding: 10px 0;
}

.show-more_button span {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    border-bottom: 1px dashed var(--primary-color);
    cursor: pointer;
    width: fit-content;
    text-transform: uppercase;
}

.show-more_button.show-more--visible {
    display: block;
}

@media (max-width:767px) {
    .show-more.active.show-more--600 {
        max-height: 300px;
    }
}

@media (max-width:500px) {
    .show-more {
        max-height: 200px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .show-more.active {
        max-height: 2000px;
    }

    .show-more::before {
        opacity: 1;
    }

    .show-more_button {
        display: block;
    }
}

.section--grey .show-more::before {
    background: -webkit-linear-gradient(90deg, rgb(246, 244, 244) 5%, rgba(246, 244, 244, 0) 50%)
}

.section--beige .show-more::before {
    background: -webkit-linear-gradient(90deg, rgb(251, 247, 247) 5%, rgba(251, 247, 247, 0) 50%)
}

.section_head {
    margin-bottom: 50px;
}

.section_title {
    font-size: 36px;
    text-transform: uppercase;
}

.section_head--80 {
    margin-bottom: 80px;
}

.section_head--border {
    padding-bottom: 60px;
    border-bottom: 2px solid #ECECEC;
}

.link {
    transition: color .2s linear;
}

.link--icon {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    gap: 10px;
}

.link--icon i {
    font-size: 24px;
    color: var(--primary-color);
}

.link:hover {
    color: var(--primary-color);
}

.button {
    border: 2px solid var(--primary-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 48px;
    max-width: fit-content;
    transition: background-color .2s linear;
}

.button:hover {
    background-color: var(--primary-color);
}

.button:hover .button_text,
.button:hover .button_icon {
    color: white;
}

.button_text {
    padding: 0 25px;
    display: flex;
    height: 100%;
    align-items: center;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    border-right: 2px solid var(--primary-color);
    color: #000;
}

.footer_button .button_text {
    color: #fff;
}

.button_icon {
    text-align: center;
    width: 42px;
}

.button--withIcon {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.button--withIcon span {
    transition: all 0.2s ease-in;
}

.button--withIcon:hover span {
    color: var(--primary-color);
    transition: all 0.2s ease-in;
}

.icon-addNew {
    color: var(--primary-color);
}


.button--addNew {
    display: flex;
    align-items: center;
    gap: 10px;
}

.button--addNew {}

.button--white_text .button_text,
.button--white_text .button_icon {
    color: #fff;
}

/* Форма "Остались вопросы" */
.form__body {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
}

.form__body .form__input {
    width: 100%;
    margin-bottom: 50px;
}

.questions_form__body {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
    margin-bottom: 50px;
}

.questions_form__body .questions_form__input {
    width: 100%;
    margin-bottom: 35px;
}

.questions_form__body .questions_form__input:not(textarea) {
    padding-right: 0;
}

.questions_form__body .questions_form__input--top {
    margin-bottom: 50px;
}

.questions_form__body .questions_form__input--half {
    width: calc(50% - 10px);
}

.questions_form__body .questions_form__input:last-child {
    margin-bottom: 0;
}

.questions_form__body .questions_form__input textarea {
    height: 130px;
    width: 100%;
}

.form__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form__input textarea {
    height: 130px;
    width: 100%;
}


.question_form__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width:767px) {
    .question_form__footer {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }

    .form__footer--reverse {
        flex-direction: column-reverse;
    }

    .questions_form__body {
        gap: 40px;
    }

    .questions_form__body .questions_form__input--half {
        width: 100%;
    }

    .questions_form__body .questions_form__input,
    .questions_form__body .questions_form__input--top {
        margin-bottom: 0;
    }

    .form__footer {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }
}

/* Форма "Остались вопросы" END*/

/*  */

.form_title {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 60px;
    /*
    max-width: 330px;*/
}

.form_title span {
    color: var(--primary-color);
}

.input {
    display: flex;
    align-items: center;
    /* padding-bottom: 11px; */
    position: relative;
    border-bottom: 1px solid #292929;
    padding-right: 32px;
    transition: all 0.2s ease-in;
}

textarea {
    border: 1px solid #292929;
    padding: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    background-color: transparent;
    resize: none;
}

textarea::placeholder {
    color: #AFAFAF;
}

.textarea {
    position: relative;
}

.textarea--max {
    position: relative;
}

.textarea--max::before {
    position: absolute;
    content: 'макс. 300 символов';
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #AFAFAF;
    left: 20px;
    bottom: 20px;
}

.textarea--max_en::before {
    content: 'max. 300 symbols';
}

.textarea .textarea__label {
    position: absolute;
    top: 20px;
    left: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #AFAFAF;
    pointer-events: none;
    opacity: 1;
    transition: all 0.2s ease-out;
}

.textarea .textarea__labelCounter {
    position: absolute;
    left: 20px;
    bottom: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    font-stretch: 130%;
    color: #AFAFAF;
}

.textarea span {
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: 12px;
    opacity: 0;
    transition: all 0.2s ease-in;
}

textarea.focused~.textarea__label {
    opacity: 0;
    transition: all 0.2s ease-in;
}

textarea:focus {
    outline: none;
}

.input input {
    width: 100%;
    border: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    height: 42px;
    background-color: transparent;
}

.input input::placeholder {
    color: #C2C2C2;
    transition: opacity .2s linear;
}

.input input:focus::placeholder {
    opacity: 0;
}

.input i {
    position: absolute;
    right: 0;
    font-size: 25px;
    color: var(--primary-color);
    cursor: pointer;
}

.input.error label,
.textarea.error label {
    color: #EB5757;
}

.input.error,
.textarea.error textarea {
    border-color: #EB5757;
    transition: all 0.2s ease-in;
}

.textarea.error span {
    opacity: 1;
    transition: all 0.2s ease-in;
    color: #EB5757;
}

.breadcrumb--transparent .breadcrumb_list {
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

.breadcrumb {
    margin-top: 15px;
}

.breadcrumb_list {
    display: flex;
    align-items: center;
    color: #A9A9A9;
    font-weight: 400;
    font-size: 12px;
    background-color: #F6F5F5;
    max-width: fit-content;
    padding: 7px 8px;
    transition: all 0.3s ease-out;
}

.breadcrumb_list.breadcrumb_list--transparent {
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

.breadcrumb_list a {
    transition: all 0.3s ease-out;
    white-space: nowrap;
}

.breadcrumb_list a:hover {
    color: #292929;
    transition: all 0.3s ease-out;
}

.breadcrumb_list li {
    margin-bottom: 0;
}

.breadcrumb_list li+li:before {
    font-family: 'icomoon';
    padding: 0 9px;
    color: inherit;
    content: "\e910";
    font-size: 10px;
    line-height: 0;
}

.breadcrumb_list li:not(:last-child):hover {
    cursor: pointer;
}

.breadcrumb_list li:last-child {
    pointer-events: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.grid-row {
    display: -ms-grid;
    display: grid;
    gap: 20px;
    min-width: 0;
}

.row-gap--60 {
    row-gap: 60px !important;
}

.gap-20 {
    gap: 20px;
}

.gap-30 {
    gap: 30px;
}

.gap-40 {
    gap: 40px;
}

.gap-80 {
    gap: 80px;
}

.grid-row--2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-row--3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-row--4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid-row--6 {
    grid-template-columns: repeat(6, 1fr);
}

.grid-row--8 {
    grid-template-columns: repeat(8, 1fr);
}

.grid-row--12 {
    grid-template-columns: repeat(12, 1fr);
}

.grid-col-1 {
    grid-column: 1 span;
    min-width: 0;
}

.grid-col-2 {
    grid-column: 2 span;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.grid-col-3 {
    grid-column: 3 span;
    min-width: 0;
}

.grid-col-4 {
    grid-column: 4 span;
    min-width: 0;
}

.grid-col-5 {
    grid-column: 5 span;
    min-width: 0;
}

.grid-col-6 {
    grid-column: 6 span;
    min-width: 0;
}

.grid-col-7 {
    grid-column: 7 span;
    min-width: 0;
}

.grid-col-8 {
    grid-column: 8 span;
    min-width: 0;
}

.grid-6 {
    grid-column: 6;
    min-width: 0;
}

.grid-col-4--offset {
    grid-column: 9/13;
    min-width: 0;
}

.nav-wrapper {
    display: grid;
    grid-template-columns: repeat(4, auto);
    justify-content: space-between;
    gap: 20px;
}

.list {
    margin-left: 20px;
}

.list--mb .list_item {
    margin-bottom: 10px;
}

.list--no-mb .list_item {
    margin-bottom: 0 !important;
}

.list_item {
    list-style: disc;
}

.list.list--icon {
    margin-left: 0;
}

.list--icon .list_item {
    list-style: none;
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}

.list--icon .list_item:not(:last-child) {
    margin-bottom: 50px;
}

.list--icon .list_item i {
    margin-right: 25px;
    width: 50px;
    display: flex;
    justify-content: center;
    font-size: 50px;
    color: var(--primary-color);
}

@media(max-width:1199px) {
    .list--mb .list_item {
        margin-bottom: 5px;
    }

    .list--icon .list_item {
        font-size: 14px;
        line-height: 20px;
    }

    .list--icon .list_item:not(:last-child) {
        margin-bottom: 25px;
    }

    .list--icon .list_item i {
        width: 40px;
        font-size: 40px;
        margin-right: 15px;
    }
}

.nav {
    grid-column: 1 span;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.nav_list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 10px;
}

.nav_title {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
}

.nav_title i {
    display: none;
    padding: 5px;
    margin-right: -5px;
}

.nav_title--no_dropdown i {
    display: none !important;
}

.nav_list__item {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.social {
    display: flex;
    align-items: center;
    gap: 12px;
}

.social_item {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.phone {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: fit-content;
}

.phone_link {
    font-weight: 500;
    font-size: 28px;
    line-height: 28px;
    white-space: nowrap;
    font-stretch: 160%;
}

.phone_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #C2C2C2;
}


.line {
    width: 100%;
    border-top: 1px solid #E7E7E7;
    margin-top: 15px;
}

.line--primary {
    border-top: 1px solid var(--primary-color);
}

.section_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    max-width: 90%;
}

.section_text--auto {
    max-width: 100%;
}

.section_text--20 {
    font-size: 20px;
    line-height: 28px;
}

.section_text--28 {
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    max-width: 100%;
}

.section_text--grey {
    color: #9F9F9F;
}

.section_suptitle {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #A9A9A9;
    text-transform: uppercase;
}

/* .image-slider-wrapper {
    position: relative;
}

.image-slider_slide {
    height: 650px;
}

.image-slider .slick-slide img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}

.image-slider--contain .slick-slide img{
    object-fit: contain;
}

.image-slider_corner_icon.corner_icon {
    background-color: white;
}

.title-slider .section_title{
    margin-bottom: 0;
}

.comment-slide{
    background-color: white;
    padding: 40px 30px 27px 30px;
    min-height: 320px;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    margin-right: 20px;
}

.comment-slide_text{
    max-width: 100%;
}

.comment-slide_author{
    display: flex;
    align-items: center;
    gap: 15px;
}

.comment-slide_author__img{
    border-radius: 50%;
    width: 53px;
    height: 53px;
}

.comment-slide_author__img img{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.comment-slide_author__text{
    max-width: 100%;
    margin-bottom: 10px;
}

@media (max-width:767px){
    .comment-slide{
        max-width: 285px;
    }

    .comment-slider{
        margin-right: -25px;
        margin-left: -25px;
        padding-left: 25px;
    }
}

.slider_arrows {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 160px;
    height: 80px;
    display: flex;
}

.slider_arrows.slider_arrows--mini {
    position: static;
    height: 50px;
    width: 100px;
}

.slider_arrows.slider_arrows--mini .slider_arrow {
    border: 2px solid #E4E4E4;
}

.slider_arrows.slider_arrows--mini .slider_arrow:first-child {
    border-right: none;
}

.slider_arrows.slider-arrows--transparent .slider_arrow{
    background-color: transparent;
    color: white;
    border: 2px solid #7BA07F;
}

.slider_arrow {
    background-color: white;
    flex: 1;
    height: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .2s linear;
}

.slider_arrow:hover {
    background-color: var(--primary-color) !important;
    color: white;
}

.section--grey .slider_arrow {
    background-color: var(--background-color);
}

.section--beige .slider_arrow {
    background-color: #FBF7F7;
}

.card-slider .slick-list {
    margin-right: -10px;
    margin-left: -10px;
}

.card-slider .slick-slide {
    margin: 0 10px;
    height: inherit;
}

.card-slider .slick-track {
    display: flex;
} */


.show_tab {
    display: none;
}


.card__button {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 65px;
    height: 65px;
    background-color: var(--background-color-secondary);
}

.card__button.card__button--white {
    background-color: #FFF;
}

.card__button i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #A9A9A9;
    font-size: 24px;
}

.titleWithCounter {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.titleWithCounter__counter span {
    position: relative;
    top: 12px;
    text-transform: uppercase;
}

.backButton {
    max-width: 150px;
}

.backButton {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    cursor: pointer;
}

.backButton__icon {
    font-size: 12px;
    color: #282828;
    transition: all 0.2s ease-in;
}

.backButton__text {
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    color: #A9A9A9;
    transition: all 0.2s ease-in;
}

.backButton:hover .backButton__text {
    color: #282828;
    transition: all 0.2s ease-in;
}

.backButton:hover .backButton__icon {
    color: var(--primary-color);
    transition: all 0.2s ease-in;
}


.dateYears {
    margin-bottom: 20px;
}

.mediaArchive__search {
    width: 50%;
}

.font--primaryColor {
    color: #BB9959;
}

a.colorLink {
    transition: all 0.3s ease-in;
}

a.colorLink:hover {
    color: #BB9959;
    transition: all 0.3s ease-out;
}

.pt60 {
    padding-top: 60px;
}


/* .salesGraph {
    grid-column: span 2;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(6, 1fr);
    gap: 30px;
    position: relative;
    padding: 30px 0;
}

.salesGraph__lines--back {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.salesGraph__lines {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 1fr;
    height: 100%;
}

.salesGraph__lines div:first-child,
.salesGraph__lines div:nth-child(2) {
    border-left: none;
}

.salesGraph__lines div:last-child {
    border-right: 1px dotted #C7C7C7;
}

.salesGraph__lines div {
    grid-column: 1fr;
    border-left: 1px dotted #C7C7C7;
    width: 100%;
}

.salesGraph__elem {
    position: relative;
    grid-column: 1/ snap 6;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 1fr;
}

.salesGraph__text {
    display: flex;
    align-items: center;
    text-align: end;
    justify-content: flex-end;
}

.salesGraph__names {
    display: flex;
    flex-direction: column;
    gap: 30px;
} */

/* .graphBlock {
    grid-column: 2 / span 5;
    background: linear-gradient(90deg, #FF903E 0%, #FBE947 100%);
    margin-left: 20px;
}

.graphBlock--2 {
    width: 70%;
}

.graphBlock--3 {
    width: 42%;
}

.graphBlock--4 {
    width: 42%;
}

.graphBlock--5 {
    width: 22%;
}

.graphBlock--6 {
    width: 3%;
}

.graphBlock__text {
    position: relative;
    color: #a9a9a9;
    left: calc(100% + 10px);
    top: 25%;
} */


.contentCard--gray {
    padding: 30px;
    background-color: #F6F5F5;
}

.textWithFlag__flag {
    margin-right: 12px;
    width: 32px;
    height: 32px;
}

.headerWithButton--col {
    height: 100%;
}


.linkCard__container {
    gap: 65px;
    grid-column: span 3;
}

.linkCard {
    background-color: #F6F5F5;
    padding: 35px 70px 35px 30px;
    position: relative;
    min-height: 185px;
}

.linkCard:hover {
    color: var(--primary-color);
    transition: all 0.3s ease-in;
}

.linkCard:hover i {
    color: var(--primary-color);
    transition: all 0.3s ease-in;
}

.textWithDot {
    margin-left: 15px;
    position: relative;
}

.textWithDot::before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #292929;
    border-radius: 50%;
    margin-right: 15px;
    display: block;
}

.textWithDot__subtext {
    padding-left: 40px;
}

.input__search--w30 {
    width: 30%;
}

.input__search--w50 {
    width: 50%;
}

.input__search--w55 {
    width: 55%;
}

.input label {
    position: absolute;
    left: 0;
    font-family: 'HelveticaNeueCry', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #A9A9A9;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    pointer-events: none;
}

.input input:not(.select__head):focus~label,
.input textarea:focus~label,
.input label.active {
    margin-top: -48px;
    font-size: 12px;
}

.input span {
    font-size: 10px;
    color: #EB5757;
    opacity: 0;
    transition: all 0.2s ease-in;
    white-space: nowrap;
}

.input.error span {
    opacity: 1;
    transition: all 0.2s ease-in;
}


.table--col4 {
    grid-column: span 4;
}

.input__select {
    position: relative;
    cursor: pointer;
}

.input__select .icon-down-arrow {
    font-size: 12px;
}

.select__body {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px 48px 50px rgba(0, 0, 0, 0.12);
    /* max-height: 280px; */
    z-index: 10;
}

.select__body.active {
    /* display: block !important; */
}

.select__item {
    transition: all 0.3s ease-in;
    display: block;
}

.select__item.disable {
    display: none;
}

.select__item:hover {
    color: #BB9959;
    transition: all 0.3s ease-out;
}

.select__item.active {
    color: var(--primary-color);
}

.noSelectItems {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 55px 0;
}

.noSelectItems.active {
    display: flex;
}

.noSelectItems .noSelectItems__icon {
    position: relative;
    font-size: 25px;
}

.noSelectItems .noSelectItems__text {
    color: #9F9F9F;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    opacity: 1;
}

.rotate {
    transform: rotate(-180deg)
}

.select__counter {
    display: none;
    background-color: var(--primary-color);
    width: 24px;
    height: 24px;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 74px;
}

.select__counter.active {
    display: block;
}

.textarea--row5 {
    grid-row: span 5;
    width: 100%;
    height: 100%;
}

.textarea--row3 textarea {
    height: 100%;
    width: 100%;
}

.checkbox {
    position: relative;
    display: flex;
    gap: 10px;
    /* max-width: 40%; */
}

.checkbox--w50 {
    max-width: 50%;
}

.checkbox input {
    position: absolute;
    pointer-events: none;
    width: 1px;
    visibility: hidden;
}

.checkbox__group--once {
    gap: 20px;
}

.checkbox.error .checkbox__square,
.checkbox__group--once.error .checkbox__square,
.checkbox__group.error .checkbox__square {
    border: 1px solid red;
}

.checkbox.error .checkbox__text,
.checkbox__group--once.error .checkbox__text,
.checkbox__group.error .checkbox__text {
    color: red;
}

.checkbox__square {
    max-width: 20px;
    width: 20px;
    height: 20px;
    background-color: #EAEAEA;
    position: relative;
    cursor: pointer;
    flex: 1 0 auto;
}

.checkbox__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #AFAFAF;
    cursor: pointer;
}

.checkbox__text--agreement {
    font-size: 12px;
    line-height: 20px;
    color: #000;
}

.checkbox__text--w50 {
    width: 50%;
}

input[type="checkbox"]:checked~.checkbox__square {
    background-color: var(--primary-color);
}

input[type="checkbox"]:checked~.checkbox__square::before {
    content: '\e920';
    font-family: icomoon !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* width: 15px; */
    /* height: 15px; */
    font-size: 15px;
    color: #fff;
}

input[type="checkbox"]:checked~.checkbox__text {
    color: #292929;
}

.grid-row--2 .checkbox {
    grid-column: 2 / span 1;
    align-items: center;
    justify-self: end;
}

.bg__logo {
    position: absolute;
    right: -9%;
    top: 5%;
}

.bg__logo--container {
    position: relative;
}

.cardLong {
    background-color: #fff;
    padding: 25px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}

.cardLong__innerBlock--w50 {
    width: 50%;
}

.cardLong .cardLong__header {
    transition: all 0.3s ease-out;
}

.cardLong__status {
    justify-self: end;
    font-size: 14px;
    line-height: 120%;
}

.cardLong__status i {
    color: #E6E6E6;
}

.cardLong .cardLong__icon {
    transition: all 0.3s ease-in;
}

.cardLong__icon {
    width: 25px;
    height: 25px;
    transform: rotate(270deg);
    justify-self: end;
}

.cardLong__icon i {
    color: #E6E6E6;
    font-size: 25px;

}

.cardLong:hover .cardLong__header {
    color: var(--primary-color);
    transition: all 0.3s ease-out;
}

.cardLong:hover .cardLong__icon {
    transform: rotate(315deg);
    transition: all 0.3s ease-out;
}

.cardLong:hover .cardLong__icon i {
    color: #414141;
}

.cardLong--vacancie {
    display: flex;
    align-items: center;
}

.cardLong--vacancie .cardLong__col {
    flex-shrink: 0;
}

.cardLong--vacancie .cardLong__col:nth-child(1) {
    width: 62%;
}

.cardLong--vacancie .cardLong__col:nth-child(2) {
    width: 38%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vacainciesList {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.show-md {
    display: none !important;
}

.show-md--flex {
    display: none !important;
}

.show-mb {
    display: none !important;
}

.fedresurs__logo {
    align-items: end;
}

.contentBlock-1 {
    border-bottom: 1px solid #ECECEC;
    gap: 20px;
}

.contentBlock-1--g40 {
    gap: 40px;
}

.contentBlock-1.contentBlock-1--noGap {
    gap: 0
}

.contentBlock-1.contentBlock-1--noPad {
    padding: 0;
}

.contentBlock-1.contentBlock-1--padBot40 {
    padding-bottom: 40px;
}

/* .contentBlock-1.salesGraphContainer {
    padding-right: 32px;
} */

.contentBlock-1__text,
.contentBlock-1__left {
    grid-column: span 2;
}

.contentBlock-1__left--col_span_12 {
    grid-column: span 12;
}

.contentBlock-1__right--col1 {
    grid-template-columns: 1fr !important;
}

.contentBlock-1__right--col2 {
    grid-template-columns: repeat(2, 1fr);
}

.contentBlock-1__right {
    grid-column: span 4;
    display: grid;
    /* row-gap: 60px;
    column-gap: 20px; */
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}

.contentBlock-1__right--col_span_12 {
    grid-column: span 12;
}

.contentBlock-1__right .contacts_map {
    grid-column: 1/4;
    margin-top: 0;
}

.contentBlock-1__right.contentBlock-1__right--noGap {
    gap: 0;
}

.contentBlock-1__right--col2 {
    grid-template-columns: repeat(2, 1fr);
}

.contentBlock-1__right--col3 {
    grid-template-columns: repeat(3, 1fr);
}

.contentBlock-1__item--right {
    justify-self: end;
}

.contentBlock-1__fullLine {
    grid-column: 1/ max-content;
}

.contentBlock-1:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.contentBlock-1.contentBlock-1--noBorders {
    border: none;
}

.contentBlock-1.contentBlock-1--noBordersBot {
    border-bottom: none;
}

.contentBlock-1.contentBlock-1--bordersTop {
    border-top: 1px solid #ECECEC;
}

.contentBlock-1__right.contentBlock-1__right--80 {
    gap: 80px;
}

.contentBlock-1__right--inner2 {
    grid-column: span 2;
    /* display: grid; */
    row-gap: 60px;
    column-gap: 20px;
}

.contentBlock-1__right--inner3 {
    grid-column: span 3;
    display: grid;
    row-gap: 60px;
    column-gap: 20px;
}

.show-sm {
    display: none !important;
}

@media (max-width: 1350px) {
    .contentBlock-1__right--col3 {
        grid-template-columns: repeat(2, 1fr);
    }

    .contentBlock-1__right .contacts_map {
        grid-column: 1/3;
    }
}

@media (max-width: 1560px) {
    .contentCard--gray .flex__row--20 {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
}

@media(max-width: 1540px) {
    .progress__select {
        grid-column: span 1;
    }
}



@media (max-width:1440px) {
    .grid-col-4--offset {
        grid-column: 5 span;
    }

    .table--col4 {
        grid-column: span 6;
    }

    .bg__logo {
        display: none;
    }

    .newsList {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:1199px) {
    .progress__select {
        grid-column: span 2;
    }

    .grid-col-md-4 {
        grid-column: 4 span;
    }

    .no-mobile {
        display: flex;
    }

    .hide-md {
        display: none !important;
    }

    .show-md {
        display: block !important;
    }

    .show-md--flex {
        display: flex !important;
    }

    .mobile--active,
    .mobileBlock--active {
        display: none;
    }

    .container {
        padding: 0 20px;
    }

    section {
        padding: 80px 0;
    }

    .section_head {
        margin-bottom: 40px;
    }

    .section_head>.section_title:not(.section_title--secondary) {
        grid-column: 4 span;
    }

    .section_head> :nth-child(2) {
        grid-row: 2;
        grid-column: 4 span;
    }

    .section_title {
        font-size: 30px;
        line-height: 35px;
    }

    /* .section_title--50{
        font-size: 30px;
        text-transform: none;
    } */

    .section_title.section_title--secondary {
        font-size: 18px;
        line-height: 24px;
    }

    .section_head>.section_title.section_title--secondary {
        line-height: 35px;
    }

    .section_text {
        font-size: 14px;
        line-height: 20px;
    }

    .section_text.section_text--28 {
        font-size: 18px;
        line-height: 24px;
        max-width: 100%;
    }

    .section_body {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .section_body.section_body--reverse {
        flex-direction: column-reverse;
    }

    .flex__row--20,
    .flex__row--40 {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;

    }

    .flex__row--sbtw {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
    }

    .grid-row--2.cardListWithBigCard {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 1fr);
    }

    .horizontalScroll__block--news {
        overflow-x: scroll;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .horizontalScroll__block--news::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .grid-row--4.horizontalScroll__block--news {
        grid-template-columns: repeat(4, 450px);
    }

    .gridList-column1 {
        grid-template-columns: 1fr;
        grid-auto-rows: 1fr;
    }

    .imageCard--left {
        grid-column: 1;
    }

    .show_tab {
        display: block;
    }

    .nav-wrapper {
        gap: 40px 50px;
        justify-content: flex-start;
        grid-template-columns: repeat(3, 1fr);
    }

    .nav-wrapper .nav:nth-child(1) {
        grid-row: 2 span;
    }

    /* .image-slider .slick-list {
        margin-right: 0;
    }

    .image-slider .slick-slide {
        max-width: 100%;
        height: 450px;
    }

    .image-slider .slick-slide img {
        width: 100%;
    }

    .slider_arrows {
        position: relative;
        width: 86px;
        height: 42px;
        margin-top: 20px;
    }

    .slider_arrow {
        border: 2px solid #E4E4E4;
    }

    .slider_arrow:hover {
        background-color: var(--primary-color);
        color: white;
    }

    .slider_arrow:nth-child(1) {
        border-right: 1px solid #E4E4E4;
    }

    .slider_arrow:nth-child(2) {
        border-left: 1px solid #E4E4E4;
    } */

    .eco {
        width: 88px;
        height: 88px;
        right: 20px;
        left: auto;
        bottom: 20px;
    }

    .eco--under_cookie {
        bottom: 20px;
    }

    .eco i {
        font-size: 28px;
    }

    .eco_text p span {
        left: 43px;
        top: 7px;
        transform-origin: 0 36px;
        font-size: 7px;
    }

    .titleWithCounter__counter span {
        top: 2px;
    }

    .newsList {
        grid-template-columns: repeat(2, 1fr);
    }

    .headerWithButton--col .button {
        margin-top: 20px;
    }

    .text--24 {
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
    }

    .linkCard__container {
        gap: 40px;
    }

    .text--50 {
        font-weight: 500;
        font-size: 25px;
        line-height: 30px;
    }

    .cardLong {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .input__search--w50 {
        width: 100%;
    }

    .input__search--w55 {
        width: 100%;
    }

    .fedresurs__logo {
        align-items: start;
    }

    .contentBlock-1 {
        display: grid;
        grid-template-columns: 1fr;
        gap: 40px;
        padding-left: 0;
        padding-right: 0;
    }

    .contentBlock-1__left {
        grid-column: span 1;
    }

    .contentBlock-1__left.contentBlock-1__left--2 {
        grid-column: span 2;
    }


    .contentBlock-1__right {
        grid-column: span 1;
        row-gap: 30px;
        column-gap: 10px;
    }

    .contentBlock-1__right.contentBlock-1__right--4 {
        grid-column: span 4;
        row-gap: 30px;
        column-gap: 10px;
    }

    .contentBlock-1__right--col3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .contentBlock-1__right.contentBlock-1__right--80 {
        gap: 60px;
    }

    .contentBlock-1__item--right.fedresurs__link {
        justify-self: start;
        align-self: center;
    }

    .contentBlock-1__right div[data-accordion] {
        grid-column: span 3;
        margin-bottom: 0;
    }

    .contentBlock-1__right .contacts_map {
        grid-column: 1/4;
    }
}

@media (max-width:767px) {
    .header_menu .language-switcher {
        margin-left: 0;
    }
    .progress__select {
        grid-column: span 4;
    }

    .hide-sm {
        display: none !important;
    }

    .show-sm {
        display: block !important;
    }

    .show-mb {
        display: block !important;
    }

    .no-mobile {
        display: none !important;
    }

    .mobile--active {
        display: flex !important;
    }

    .mobileBlock--active {
        display: block !important;
    }

    .section--no-pt {
        padding-top: 0;
    }

    .break-w {
        word-break: break-all;
    }

    .mb30 {
        margin-bottom: 15px;
    }

    .mb40 {
        margin-bottom: 30px;
    }

    .mb60 {
        margin-bottom: 40px;
    }

    .mt60 {
        margin-top: 40px;
    }

    .mb80 {
        margin-bottom: 60px;
    }

    .pt60 {
        padding-top: 40px;
    }

    .text--20 {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
    }

    section {
        padding: 40px 0;
    }

    .container {
        padding: 0 25px;
    }

    .section_title {
        font-size: 25px;
        line-height: 30px;
    }

    .section_text {
        line-height: 16px;
        max-width: 100%;
    }

    .section_text.section_text--28 {
        font-size: 18px
    }

    .section_head {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 30px;
    }

    .nav-wrapper {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .nav_title {
        font-size: 14px;
        line-height: 26px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .nav_title i {
        display: inline;
    }

    .nav_list {
        display: none;
    }

    .nav_list__item {
        font-size: 14px;
    }

    /* .image-slider .slick-slide {
        height: auto;
    } */

    .phone {
        gap: 5px;
    }

    .phone_link {
        font-size: 16px;
    }

    .eco {
        width: 40px;
        height: 40px;
        right: 25px;
        bottom: 25px;
    }
    
    .eco--under_cookie {
        bottom: 105px;
    }

    .eco i {
        font-size: 18px;
    }

    .eco_text {
        display: none;
    }

    .button.button--full {
        max-width: 100%;
        width: 100%;

    }

    .button.button--full .button_text {
        flex: 1;
        justify-content: center;
    }

    .grid-row--4.horizontalScroll__block--news {
        grid-template-columns: repeat(4, 220px);
    }

    .horizontalScroll__block--news .card_img {
        height: auto;
    }

    .horizontalScroll__block--news .card {
        min-height: auto;
    }

    .cardWide {
        grid-template-columns: 1fr;
    }

    .card__button {
        width: 40px;
        height: 40px;
    }

    .card__button i {
        font-size: 20px;
    }

    .grid-row--2.cardListWithBigCard {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 1fr);
    }

    .cardWide {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .cardWide .cardWide__text {
        width: 90%;
    }

    .grid-row--2.cardListWithBigCard {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 1fr);
    }

    .newsList {
        grid-template-columns: 1fr;
    }

    .mediaArchive__continer {
        display: flex;
        flex-direction: column;
    }

    .mediaArchive__search {
        width: 100%;
    }

    /* .salesGraph__elem {
        grid-template-rows: repeat(2, 1fr);
        gap: 10px;
    } */

    /* .salesGraph__text {
        text-align: start;
        justify-content: flex-start;
    }

    .salesGraph__text,
    .graphBlock {
        grid-column: span 6;
    } */

    /* .graphBlock {
        margin-left: 0;
    }

    .graphBlock__text {
        top: 0;
    } */

    .imageCard {
        padding: 20px 40px 50px 20px;
    }

    .imageCard__content .header--32 {
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
    }

    .linkCard {
        min-height: auto;
        padding-right: 40px;
    }

    .linkCard__container {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .input__search--w30 {
        width: 100%;
    }

    .input label,
    .textarea .textarea__label {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
    }

    .statisticWithContent {
        grid-template-columns: 1fr;
    }

    .input__search--w50 {
        width: 100%;
    }

    .input__search--w55 {
        width: 100%;
    }

    .cardLong {
        flex-direction: column;
        align-items: flex-start;
        padding: 25px;
    }

    .cardLong__innerBlock--w50 {
        width: 100%;
    }

    .cardLong__status {
        justify-self: start;
    }

    .cardLong__icon {
        justify-self: end;
    }

    .cardLong--vacancie {
        padding: 20px;
    }

    .cardLong--vacancie .cardLong__col:nth-child(1) {
        width: 100%;
        margin-bottom: 13px;
    }

    .cardLong--vacancie .cardLong__col:nth-child(2) {
        width: 100%;
    }

    .input.error span {
        position: absolute;
        bottom: -20px;
    }

    .input__select .select__head {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
    }

    .noSelectItems .noSelectItems__text {
        color: #9F9F9F;
        font-weight: 400;
        font-size: 10px;
        line-height: 12px;
        opacity: 1;
    }

    .checkbox {
        max-width: 100%;
    }

    .checkbox__square {
        flex: 0 0 auto;
    }

    .grid-row {
        gap: 16px;
    }

    /* .card-slider .card_img {
        height: 164px;
    }

    .card-slider .card {
        width: 213px;
    }

    .card-slider .card_main {
        padding: 20px 15px 40px;
    } */

    .phone_text {
        font-size: 12px;
        line-height: 16px;
        color: #fff;
    }

    .phone {
        gap: 3px;
    }

    .form__body .form__input {
        width: 100%;
        margin-bottom: 40px;
    }

    .contentBlock-1 {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    /* .contentBlock-1.grid-row {
        gap: 0;
    } */

    .contentBlock-1__right {
        grid-template-columns: 1fr;
        grid-column: span 1;
    }

    .contentBlock-1__right--col3 {
        grid-template-columns: 1fr;
    }

    .contentBlock-1__right--inner3 {
        grid-column: span 1;
        row-gap: 30px;
        column-gap: 10px;
    }

    .contentBlock-1__right--inner3.contentBlock-1__right--col2 {
        grid-template-columns: 1fr;
    }

    .contentBlock-1__right--g40 {
        gap: 40px;
    }

    .contentBlock-1__item--right {
        justify-self: start;
    }

    .contentBlock-1__right div[data-accordion] {
        grid-column: span 1;
    }

    .contentBlock-1__right .contacts_map {
        grid-column: 1/2;
    }

    .section_text--bold_md {
        font-weight: 500;
        font-stretch: 135%;
    }
}

/* Элементы списка для проточной схемы и новостей */
.production-detail_info ul,
.newsDetail__center ul,
.section_text ul {
    margin-left: 20px;
    margin-top: 20px;
}

.production-detail_info ul li,
.newsDetail__center ul li,
.section_text ul li {
    list-style: disc;
}

@media (max-width: 1199px) {

    .production-detail_info ul li,
    .newsDetail__center ul li,
    .section_text ul li {
        list-style: none;
        margin-bottom: 10px;
    }

    .production-detail_info ul,
    .newsDetail__center ul,
    .section_text ul {
        margin-left: 0;
    }
}

/* Элементы списка для проточной схемы и новостей  END */

/* Элементы статистики */
.statistic_title {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 25px;
}

.statistic-wrapper {
    height: fit-content;
    display: flex;
    gap: 40px;
}

.statistic-wrapper--col {
    flex-direction: column;
}

.statistic_item {
    /* max-width: 268px; */
    max-width: fit-content;
    flex: 1;
    align-self: start;
}

.statistic_item>div:first-child {
    font-weight: 500;
    font-size: 35px;
    white-space: nowrap;
}

.statistic_item i {
    font-size: 30px;
    margin-right: 10px;
}

.statistic_item sup {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    /*margin-left: 8px;
     vertical-align: top; */
    position: relative;
    top: -3px;
    color: var(--text-color);
}
.statistic_item span {
    margin: 0 8px;
}

.statistic_item p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #A9A9A9;
}

.statistic-wrapper .statistic__desc {
    font-size: 14px;
    line-height: 18px;
    color: #A9A9A9;
    margin-top: 2px;
}

.main .statistic-wrapper--white .statistic_item p,
.main .statistic-wrapper--white .statistic__desc {
    color: #CDCDCD;
}

.statistic-wrapper--white .statistic__count sup,
.statistic-wrapper--white .statistic__count {
    color: white;
}

.statistic-wrapper--white .statistic_item p,
.statistic-wrapper--white .statistic__desc {
    color: white;
}

.statistic-wrapper--white .statistic_item--bordered {
    background:
        linear-gradient(to right, #ffffff 1px, transparent 1px) 0 0,
        linear-gradient(to right, #ffffff 1px, transparent 1px) 0 100%,
        linear-gradient(to left, #ffffff 1px, transparent 1px) 100% 0,
        linear-gradient(to left, #ffffff 1px, transparent 1px) 100% 100%,
        linear-gradient(to bottom, #ffffff 1px, transparent 1px) 0 0,
        linear-gradient(to bottom, #ffffff 1px, transparent 1px) 100% 0,
        linear-gradient(to top, #ffffff 1px, transparent 1px) 0 100%,
        linear-gradient(to top, #ffffff 1px, transparent 1px) 100% 100%;
    background-repeat: no-repeat;
    background-size: 6px 7px;
    padding: 10px 45px;
}

.statistic_item--bordered {
    background:
        linear-gradient(to right, #282828 1px, transparent 1px) 0 0,
        linear-gradient(to right, #282828 1px, transparent 1px) 0 100%,
        linear-gradient(to left, #282828 1px, transparent 1px) 100% 0,
        linear-gradient(to left, #282828 1px, transparent 1px) 100% 100%,
        linear-gradient(to bottom, #282828 1px, transparent 1px) 0 0,
        linear-gradient(to bottom, #282828 1px, transparent 1px) 100% 0,
        linear-gradient(to top, #282828 1px, transparent 1px) 0 100%,
        linear-gradient(to top, #282828 1px, transparent 1px) 100% 100%;
    background-repeat: no-repeat;
    background-size: 8px 8px;
    padding: 7px 20px;
}


@media (max-width:1199px) {

    .statistic-wrapper {
        flex-wrap: wrap;
        gap: 20px;
    }

    .statistic-wrapper--col {
        flex-direction: row;
    }
}


@media (max-width:767px) {

    .statistic_item--bordered {
        padding: 0;
        background: none;
    }

    .statistic_item>div:first-child {
        font-size: 20px;
        line-height: 25px;
    }

    .statistic_item sup {
        font-size: 8px;/*
        margin-left: 9px;*/
        top: 0;
    }

    .statistic_item {
        font-size: 10px;
        line-height: 14px;
        max-width: 228px;
        margin-top: 4px;
    }

    /*
    .statistic__count {
        font-size: 20px;
        line-height: 25px;
    }

    .statistic__count sup {
        font-size: 8px;
        margin-left: 9px;
        top: 0;
    }

    .statistic__desc {
        font-size: 10px;
        line-height: 14px;
        max-width: 228px;
        margin-top: 4px;
    }*/
}

/* Элементы статистики END */

[data-slider="text"],
[data-slider="comment"] {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

[data-slider="text"] .slick-list.draggable,
[data-slider="comment"] .slick-list.draggable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* End */


/* Start:/local/assets/css/main.css?17080307404465*/
.main {
    padding-top: 20px;
    padding-bottom: 80px;
}

.main--2 {
    padding-top: 20px;
    padding-bottom: 60px;
    position: relative;
}

.redText{
    color: #C51D2E;
}

.main--vh {
    height: calc(var(--viewport-height) - 200px);
}

.eco_text p span {
    display: inline-block;
}

.fs13{
    font-size: 13px;
}
/*
.main--2-border {
    padding: 0 !important;
}*/

.main--white{
    color: white;
}

.main--2-nopb {
    padding-bottom: 0;
}

.main--2-border .main-wrapper {
    /*padding-top: 20px;*/
    padding-bottom: 60px;
    border-bottom: 2px solid #ECECEC;
}

.main_bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: var(--viewport-height);
    z-index: -1;
}

.main_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.main_col--center {
    align-items: center;
}

.main_col:nth-child(1) {
    grid-column: 4 span;
}

.main_col:nth-child(2) {
    grid-column: 2 span;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.main_col:nth-child(2) .section_text{
    margin-top: 15px;
}

.main_col:nth-child(2) .section_text--production {
    margin-top: 3px;
}

.main_title {
    font-weight: 500;
    font-size: 75px;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-stretch: 135%;
}

.backButton+.main_desc{
    margin-top: 50px;
}

.main_desc {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-left: 8px;
}

.main_desc__line {
    grid-column: 1;
}

.main_desc__text {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    grid-column: 2 span;
}

.main-between{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.main-footer__content--copy{
    height: 100%;
}

.main-footer{
    align-items: center;
}

.main-footer_col:nth-child(1){
    grid-area: 1/2/1/5;
}

.main-footer_col:nth-child(2){
    grid-column: 2 span;
}

.main-footer_links{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.main_arrow-link{
    position: absolute;
    right: 60px;
    bottom: 0;
}
.main_arrow-link i{
    font-size: 47px;
}

@media (max-width: 1490px) {
    .main_title--prod_sales {
        font-size: 40px;
        line-height: 45px;
    }
}

@media (max-width:1199px) {
    .main{
        padding-bottom: 60px;
    }

    .main_title {
        font-weight: 500;
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 30px;
    }

    .backButton+.main_desc{
        margin-top: 30px;
    }

    .main_desc__text {
        font-size: 18px;
        line-height: 22px;
        grid-column: 3 span;
    }

    .main--2-border .main-wrapper {
        padding-bottom: 40px;
    }

    .main-footer__content{
        height: 100%;
    }

    .main-footer{
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        gap: 20px;
    }

    .main-footer_links{
        flex-direction: column;
        align-items: flex-start;
    }

    .main_arrow-link{
        display: none;
    }

    .main-between{
        gap: 35px;
    }
}

@media (max-width:767px) {

    .main {
        padding-bottom: 40px;
    }

    .main_title--break_word {
        word-break: break-word;
    }

    /*.main--2-border {
        padding-top: 0;
    }*/

    .main--vh{
        height: calc(var(--viewport-height) - 152px);
    }

    .main--2-border-no-mobile .main-wrapper {
        border-bottom: 0;
    }

    .main-wrapper {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .main_title {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .backButton+.main_desc{
        margin-top: 20px;
    }

    .main_desc {
        display: flex;
        margin-left: 0;
    }

    .main_desc__line {
        display: none;
    }

    .main_desc__text {
        font-size: 14px;
        line-height: 18px;
        grid-column: 3 span;
    }

    .main_col:nth-child(2) .section_text{
        margin-top: 0px;
    }

    .main-footer_col{
        width: 100%;
    }
}
/* End */


/* Start:/local/assets/css/popup.css?16866446248191*/
.popup {
    pointer-events: none;
    opacity: 0;
    z-index: 1000;
    transition: opacity .4s ease;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(var(--vh, 1vh)*100);
    overflow: auto;
    color: var(--black);
}

.popup__fullSize {
    position: fixed;
    z-index: 1100;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    background-color: #fff;
    overflow: auto;
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s ease-out;
}

.popup__inner--flexCol {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.popup__body {
    height: 100%;
    display: flex;
    align-items: center;
}

.popup__body form {
    width: 100%;
}

.popup.active {
    opacity: 1;
    pointer-events: auto
}

.popup__fullSize.active {
    opacity: 1;
    pointer-events: auto;
    left: 0%;
    transition: all 0.4s ease-in;
}

.popup_form-container {
    max-width: 586px;
    margin: 0 auto;
}

.popup__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(44, 44, 44, .8);
}

.popup__header_title {
    font-weight: 500;
    font-size: 50px;
    line-height: 85px;

}

.popup__inner--img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 150;
    width: max-content;
    max-width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
    border-radius: 4px;
    max-height: 100vh;
}

.popup__inner--img img {
    max-height: 80vh;
}

.popup__inner--img .popup__close {
    bottom: calc(100% + 10px);
    left: 50%;
    right: auto;
    top: auto;
    transform: translate(-50%, 0);
}

.popup__inner--fullSize {
    padding: 60px 0;
    /* height: 100%; */
}

.popup--full .popup__inner {
    padding: 20px 0;
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    height: 100%;
    border-radius: 0;
    max-width: 100%;
    overflow: auto;
}

.popup__clear {
    font-weight: 550;
    font-size: 14px;
    color: var(--main-color);
}

.popup__close {
    transition: all 0.3s ease-in;
}

.popup__close:hover i {
    color: var(--primary-color);
    transition: all 0.3s ease-in;
}

.popup__close--big {
    position: absolute;
    top: 60px;
    right: 100px;
    cursor: pointer;
}

.popup__close--big i {
    font-size: 35px;
    color: rgba(255, 255, 255, 1);
}

.popup__close--big:hover i {
    color: var(--primary-color);
}

.popup__close--small {
    position: absolute;
    top: 100px;
    right: 65px;
    width: 20px;
    height: 20px;
    z-index: 50;
}

.popup__close--small i {
    font-size: 20px;
    cursor: pointer;
}

.popup__container {
    width: fit-content;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.popup__formContainer--col1 {
    display: grid;
    grid-column: span 2;
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 20px;
}

.popup__formContainer--col2 {
    display: grid;
    grid-column: span 2;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
}

.popup__formContainer--col3 {
    display: grid;
    grid-column: span 2;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px;
}

.popup__formContainer--col4 {
    display: grid;
    grid-column: span 2;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 20px;
}

.popup__formElem--col2 {
    grid-column: span 2;
}

.popup__formElem--row8 {
    grid-row: span 8;
}

.popup__formContainer--col2 textarea {
    width: 100%;
    height: 100%;
}

.popup__fullSize .popupForm__checkbox {
    grid-template-columns: 1fr;
}

.popup__fullSize .popupForm__checkbox .checkbox {
    grid-column: span 1;
    justify-self: start;
}

.success__content_wrap {
    display: flex;
    justify-content: center;
    margin: 222px 0 0;
}

.success__icon {
    position: absolute;
    top: 100%;
    right: 10%;
    width: 512px;
    height: 512px;
}


@media (max-width:1199px) {
    .popup__close.popup__close--big {
        right: 0;
        left: 0;
        margin: 0 auto;
        width: fit-content;
    }

    .popup__close.popup__close--big i {
        font-size: 25px;
    }

    .popup__close.popup__close--small {
        top: 35px;
        right: 24px;
    }

    .popup__fullSize .grid-row--3,
    .popup__formContainer--col2 {
        grid-template-columns: 1fr;
    }

    .success__icon {
        position: absolute;
        right: 10%;
        width: 360px;
        height: 360px;
    }
}

@media (max-width: 767px) {
    .popup__header {
        font-weight: 500;
        font-size: 24px;
        line-height: 30px;
    }

    .popup__body {
        margin-top: 25px;
        align-items: flex-start;
    }

    .form_title {
        font-size: 14px;
        max-width: 100%;
        margin-bottom: 40px;
    }

    .popup__header .container {
        display: flex;
        flex-direction: column-reverse;
        gap: 25px;
    }

    .popup__header_title {
        font-weight: 500;
        font-size: 24px;
        line-height: 30px;
    }

    .popup__inner--fullSize {
        padding: 35px 0;
    }

    .popup__inner--fullSize .backButton {
        margin-top: 0;
    }

    .popup__inner .success__icon {
        position: relative;
        width: 160px;
        height: 160px;
        bottom: auto;
        right: auto;
        align-self: center;
    }

    .success__content .success__text {
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        margin-bottom: 20px;
    }

    .mobileBlock--active .success__content {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        display: grid;
        grid-template-rows: repeat(auto-fit, minmax(50px, 1fr));
        /* height: -webkit-fill-available; */
        height: 100%;
        width: 100%;
    }

    .success__content .button {
        align-self: end;
    }

    .success__content .flex__col--60 {
        gap: 30px;
    }

    .popup__success .popup__inner,
    .popup__success .container {
        height: 100%;
    }

    .popup__formContainer--col4 {
        grid-template-columns: 1fr;
    }

    .popup__formElem--col2 {
        grid-column: span 1;
    }

    .success__content_wrap {
        margin: 0;
        height: calc(100vh - 70px);
    }

    .success__icon {
        top: auto;
        margin-bottom: 80px;
    }

    .success__content .popup__header {
        margin-bottom: 110px;
    }

    .success__content .backButton {
        max-width: 100%;
    }

    .popup__inner--img img {
        padding: 0 20px;
    }
}

/* Success */
.popup__success {
    overflow: hidden;
}

/* Success END */

/* Обратный звонок  */
[data-popup="callback"] .popup__inner {
    overflow: hidden;
}

[data-popup="callback"] .special_bg {
    width: 512px;
    top: 80%;
    position: absolute;
    right: 100px;
    align-self: center;
    z-index: 1;
}

[data-popup="callback"] .form__footer,
[data-popup="offers"] .form__footer {
    margin-top: 20px;
}

@media (max-width: 1750px) {
    [data-popup="callback"] .special_bg {
        width: 400px;
        top: 90%;
    }
}

@media (max-width: 1500px) {
    [data-popup="callback"] .special_bg {
        width: 300px;
        top: 90%;
    }
}

@media (max-width: 1350px) {
    [data-popup="callback"] .special_bg {
        display: none;
    }
}

@media (max-width: 1199px) {
    [data-popup="callback"] .form__footer {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    [data-popup="callback"] .popup_form-container {
        max-width: 100%;
        margin: auto;
    }

    [data-popup="callback"] .form__footer {
        margin-top: 0;
    }

    [data-popup="callback"] .form__body .form__input {
        margin-bottom: 30px;
    }
}

/* Обратный звонок END */
/* End */


/* Start:/local/assets/css/components/header.css?17060810276450*/
.header{
    padding: 40px 0;
    position: relative;
    transition: background-color .2s linear;
}

.header.active{
    background-color: white;
}

.header--white:not(.active){
    color: white;
}


.header--milk_bg {
    background: #FBF7F7;
}

.header.header--fixed{
    height: 60px;
    position: fixed;
    background-color: white;
    box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.08);
    z-index: 1000;
    padding: 0;
    display: flex;
    align-items: center;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    pointer-events: none;
    transition: opacity .3s ease-in;
}

.header.header--fixed .header_nav-wrapper--left {
    padding-left: 12px;
}

.header.header--fixed.active{
    opacity: 1;
    pointer-events: auto;
}

.header_inner{
    grid-template-columns: repeat(6,1fr);
}

.header_nav-wrapper{
    display: flex; 
    gap: 27px;
}

.header_nav-wrapper--left{
    grid-column: 2 span;
    gap: 60px;
}

.header_nav-wrapper--right{
    gap: 27px;
    grid-column: 5;
}

.header_menu__col:nth-child(1){
    grid-column: 4 span;
}

.header_menu__col:nth-child(2){
    grid-column: 7 span;
}

.header_item{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}

.header.header--fixed .header_item{
    flex-direction: row;
    align-items: center;
}

.header_item__link{
    font-weight: 338;
    font-size: 16px;
}

.header_logo{
    width: max-content;
}

.header_item__info_count{
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}

.header_item__info_text{
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #A9A9A9;
}

.header--white .header_item__info_text{
    color: #CDCDCD;
}

.header_control{
    display: flex;
    justify-content: flex-end;
    grid-column: span 3;
    align-self: start;
    align-items: center;
    gap: 20px;
}

.header_control .header_item {
    gap: 17px;
}

.header.header--fixed .header_control{
    align-items: center;
    align-self: center;
}

.language-switcher{
    display: flex;
    gap: 7px;
    margin-left: 44px;
}

.language-switcher__text{
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: rgba(40, 40, 40, .4);
    transition: color .2s ease-in-out;
    cursor: pointer;
}

.header--white:not(.active) .language-switcher__text{
    color: rgba(255, 255, 255, 1);
}

.header--white:not(.active) .language-switcher__option .language-switcher__text.checked{
    color: rgba(255, 255, 255, .4);
}

.language-switcher__option .language-switcher__text.checked{
    color: var(--text-color)
}

.header_phone{
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
}

.header_burger{
    margin-left: auto;
}

.header--white:not(.active) .header_burger:after,
.header--white:not(.active) .header_burger:before{
    background-color: white;
}

.header_menu{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: white;
    padding: 36px 0 64px 0;
    z-index: 1000;
    display: none;
    max-height: var(--viewport-height);
    overflow: auto;
}

.header_menu__contacts{
    grid-column: 4 span;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.header_social__social{
    grid-column: 11;
}

.header_menu__head {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    align-items: flex-start;
    margin-bottom: 90px;
}
.header_menu__logo {
    grid-column: 4 span;
    justify-self: start;
    display: flex;
    align-items: center;
}
.header_menu__logo img {
    flex-shrink: 0;
    margin-right: 29px;
}
.header_menu__logo_text {
    font-size: 14px;
    line-height: 18px;
    color: #292929;
    padding-left: 29px;
    border-left: 1px solid #D9D9D9;
}
.header_menu__search {
    grid-column: 7 span;
    margin-top: 54px;
}
.header_menu__burger {
    margin-top: 60px;
    right: -99px;
}

@media (max-width:1199px){
    .header_menu__burger {
        right: 0;
    }


    .header_nav-wrapper--right{
        display: none;
    }

    .header_control{
        grid-column: 3 span;
        margin-left: auto;
    }

    .header_menu-wrapper{
        gap: 50px;
    }

    .header_menu__col:nth-child(1){
        grid-column: 12 span;
    }
    
    .header_menu__col:nth-child(2){
        grid-column: 11 span;
    }

    .header_social__social{
        grid-column: 12 span;
    }

    .header_menu__nav-wrapper.nav-wrapper{
        display: grid;
        grid-template-columns: repeat(3,auto);
        justify-content: space-between;
    }

    .header_menu__contacts {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 20px;
    }

    .header_menu-wrapper .grid-wrapper_col-4{
      order: -1;
    }
}

@media (max-width:767px){
    .header{
        padding: 20px 0;
    }
    .header_menu{
        padding-top: 20px;
    }

    .header_menu__contacts{
        flex-direction: row;
    }

    .header_menu__head_phone {
        grid-column: 12 span;
        justify-self: end;
        margin-top: -70px;
    }

    .language-switcher{
        display: none;
    }

    .header_nav-wrapper--left{
        display: none;
    }
    .header_logo{
        grid-column: 2 span;
    }
    .header_control{
        grid-column: 4 span;
    }

    .header_menu-wrapper{
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .header_menu__nav-wrapper.nav-wrapper{
        display: flex;
    }

    .header_logo {
        width: auto;
    }

    .header_menu__logo_text {
        display: none;
    }
    .header_menu__logo img {
        margin-right: 0;
        width: 56px;
    }
    .header_menu__search {
        grid-column: 12 span;
        order: 10;
        margin-top: 35px;
    }
    .header_menu__head {
        margin-bottom: 40px;
        gap: 0;
    }
    .header_menu__burger {
        margin-top: 51px;
        margin-left: auto;
        grid-column: 8 span;
    }
    .header_menu .nav_title {
        font-size: 16px;
        line-height: 26px;
    }
    .header_menu .header_social__social {
        justify-content: flex-end;
    }
}

/* End */


/* Start:/local/assets/css/components/footer.css?16993477954559*/
.footer{
    padding: 50px 0;
    padding-bottom: 21px;
    background-color: var(--secondary-color);
    background-image: url(/local/assets/img/footer-bg.png);
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
}

.footer_head{
    padding-bottom: 50px;
    margin-bottom: 83px;
    border-bottom: 1px solid #77A592;
    align-items: center;
}

.footer_body{
    margin-bottom: 28px;
}

.footer_logo{
    grid-column: 2 span;
    display: flex;
}

.footer_phone{
    grid-column: 1 span;
}

.footer_phone .phone_link{
    font-size: 24px;
}

.footer_button{
    grid-column: 2 span;
    display: flex;
    justify-content: flex-end;
}

.footer_nav .nav_list__item{
    color: #A8C7B1;
}
.footer_nav .nav_list__item .nav_title{
    color: white;
}

.footer_info{
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.footer_info__title{
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 650;
    font-size: 14px;
    line-height: 16px;
    font-stretch: 130%;
    text-transform: uppercase;
}

.footer_info__title i {
    font-size: 20px;
}

.footer_info__text{
    font-weight: 400;
    font-size: 26px;
    line-height: 30px;
}

.footer_link{
    display: flex;
    align-items: center;
    margin-bottom: 75px;
}

.footer_copyright{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer_copyright__text{
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #8EC6A8;
}

.footer_copyright__text a{
    text-decoration: underline;
}

.footer_link__social{
    margin-left: 185px;
}

.footer_link__complaint{
    display: flex;
    align-items: center;
    margin-left: auto;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}

.footer_link__complaint i{
    margin-right: 8px;
    font-size: 16px;
}

.footer_link__complaint:hover {
    color: #BB9959;
    transition: all 0.3s ease-in;
}

.footer_nav{
    grid-template-columns: repeat(4,1fr);
}

.footer_copyright__company {
    font-size: 12px;
    display: flex;
    flex-direction: column;
}
.footer_copyright__company a {
    margin-top: -8px;
    opacity: 0.5;
}

@media (max-width:1199px){
    .footer_logo{
        grid-column: 1 span;
    }

    .footer_logo img {
        max-width: 57px;
    }

    .footer_button{
        grid-column: 3 span;
    }

    .footer_info{
        display: none;
    }

    .footer_body .grid-wrapper_col:nth-child(1){
        display: none;
    }

    .footer_link{
        flex-direction: column;
        align-items: flex-start;
        gap: 23px;
    }

    .footer_link__social{
        margin-left: 0;
    }
    
    .footer_link__complaint{
        margin-left: 0;
        font-size: 18px;
    }
}

@media (max-width:767px){
    .footer {
        padding-top: 40px;
        background-image: url(/local/assets/img/footer-bg-mob.jpg);
    }

    .footer .grid-row {
        gap: 29px;
    }

    .footer .footer_body {
        gap: 0;
        padding-bottom: 30px;
        border-bottom: 1px solid #77A692;
        margin-bottom: 31px;
    }

    .footer_head{
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .footer_head.section_head{
        display: grid;
    }

    .footer_logo{
        grid-column: 2 span;
    }

    .footer_button{
        grid-column: 4 span;
        justify-content: flex-end;
    }


    .footer_phone .phone_link{
        font-size: 16px;
    }

    .footer_phone{
        grid-row: 2;
        grid-column: 3 span;
    }

    .footer_copyright {
        flex-direction: column;
        gap: 32px;
        align-items: flex-start;
    }

    .footer_link__complaint {
        font-size: 14px;
        line-height: 24px;
    }

    .footer_link {
        margin-bottom: 26px;
    }

    .footer_copyright__text {
        font-size: 10px;
        line-height: 12px;
    }

    .footer_copyright__company {
        font-size: 13px;
        line-height: 16px;
    }

    .footer_copyright__company a {
        margin-top: -6px;
    }

}

.footer_copyright__company .icon-artrockets_logo{
    font-size: 25px;
}
@media (max-width:767px){
    .footer_copyright__company .icon-artrockets_logo{
        font-size: 20px;
    }
}
/* End */


/* Start:/local/assets/css/components/user_attention.css?16993554642532*/
.user_attention {/*
    background-image: url(/local/assets/img/client-attention-bg.png);*/
    background-color: #487847;
    display: none;
}

.user_attention__inner {
    padding: 24px 0;
    display: flex;
    align-items: center;
}

.user_attention__icon {
    font-size: 21px;
    flex-shrink: 0;
    margin-right: 26px;
    color: #fff;
}

.user_attention__line {
    flex-grow: 1;
    max-width: 232px;
    min-width: 40px;
    flex-shrink: 0;
    height: 1px;
    background: #FFFFFF;
    opacity: 0.2;
    margin-right: 20px;
}

.user_attention__text {
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    margin-right: 20px;
    max-width: 1108px;
    font-weight: 400;
}

.user_attention__text a {
    text-decoration: underline;
}

.user_attention__button {
    margin-left: auto;
    margin-right: 90px;
    flex-shrink: 0;
    color: #fff;
    border-color: #fff;
}

.user_attention__button .button_text {
    border: none;
}

.user_attention__button:hover {
    background: transparent;
}

.user_attention__cross {
    font-size: 20px;
    cursor: pointer;
    opacity: 0.4;
    color: #fff;
}

.user_attention__inner--mobile {
    display: none;
    flex-wrap: wrap;
}

.user_attention__mob_head {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    font-stretch: 135%;
    cursor: pointer;
    padding: 20px 0;
}

.user_attention__mob_head i {
    font-size: 19px;
    color: #fff;
    transition: transform .2s;
}

.user_attention__mob_content {
    display: none;
    width: 100%;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 30px;
}

.user_attention.active .user_attention__mob_head i:first-child {
    transform: rotate(180deg);
}

@media (max-width: 1199px) {

    .user_attention__line,
    .user_attention__icon {
        display: none;
    }

    .user_attention__inner {
        padding: 15px 0;
    }

    .user_attention__text {
        margin-right: 55px;
        font-size: 12px;
        line-height: 14px;
    }

    .user_attention__button {
        margin-right: 57px;
    }
}

@media (max-width: 767px) {
    .user_attention__inner--desktop {
        display: none;
    }

    .user_attention__inner--mobile {
        display: flex;
        padding: 0;
    }

    .user_attention__cross {
        margin-left: auto;
        font-size: 16px;
    }

    .user_attention__button {
        margin-left: 0;
        margin-top: 20px;
    }
}
/* End */


/* Start:/local/assets/css/components/cookie_message.css?17083344762220*/
.cookie_message {
    position: fixed;
    width: calc(100% - 20px);
    max-width: 1536px;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%, 0);/*
    background-image: url(/local/assets/img/client-attention-bg.png);*/
    background-color: #487847;
    z-index: 10;
    display: flex;
    align-items: center;
    min-height: 72px;
    padding: 15px 50px 15px 60px;
    display: none;
}

.cookie_message__icon {
    font-size: 21px;
    flex-shrink: 0;
    margin-right: 26px;
    color: #fff;
}

.cookie_message__line {
    flex-grow: 1;
    max-width: 206px;
    min-width: 40px;
    flex-shrink: 0;
    height: 1px;
    background: #FFFFFF;
    opacity: 0.2;
    margin-right: 20px;
}

.cookie_message__text {
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    margin-right: 91px;
    max-width: 847px;
    font-weight: 400;
}

.cookie_message__button {
    margin-left: auto;
    margin-right: 90px;
    flex-shrink: 0;
    color: #fff;
    border-color: #fff;
}

.cookie_message__button .button_text {
    border: none;
}

.cookie_message__button:hover {
    background: transparent;
}

.cookie_message__cross {
    font-size: 20px;
    cursor: pointer;
    opacity: 0.4;
    color: #fff;
    margin-left: auto;
}

@media (max-width: 1199px) {
    .cookie_message {
        bottom: 24px;
        min-height: 72px;
        padding: 15px 20px 15px 27px;
        right: 125px;
        left: 20px;
        transform: none;
        width: auto;
    }

    .cookie_message__icon {
        font-size: 16px;
        margin-right: 20px;
    }

    .cookie_message__line {
        display: none;
    }

    .cookie_message__text {
        font-size: 12px;
        line-height: 18px;
        margin-right: 27px;
    }

    .cookie_message__button {
        margin-right: 44px;
    }
}

@media (max-width: 767px) {
    .cookie_message__icon {
        display: none;
    }

    .cookie_message__button {
        display: none;
    }

    .cookie_message__text {
        margin-right: 16px;
    }

    .cookie_message {
        bottom: 0;
        left: 0;
        right: 0;
        min-height: 68px;
        padding: 15px 24px;
    }

    .cookie_message__cross {
        font-size: 16px;
    }
}
/* End */


/* Start:/local/assets/css/components/docs_list.css?16863008742576*/
.table {
    width: 100%;
    flex-direction: column;
}

.table .table__head,
.table .table__row {
    display: flex;
    gap: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #D9D9D9;
}
.table .table__row {
    padding: 25px 0;
}

.table__head .table__elem,
.table__row .table__elem {
    min-width: 80px;
}

.table__head .table__elem:first-child,
.table__row .table__elem:first-child {
    flex-basis: 54%;
}

.table__row .table__elem:first-child {
    cursor: pointer;
}

.table__head .table__elem:last-child,
.table__row .table__elem:last-child {
    flex-basis: 12%;
    justify-content: flex-end;
}

.table__elem {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #8F8F8F;
    font-stretch: 130%;
}

.table__elem--center {
    display: flex;
    align-items: center;
}



.table__row .table__elem {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #292929;
    font-stretch: 130%;
}

.table__downloadButton {
    display: flex;
    align-items: center;
    gap: 8px;
}

.table__downloadButton i {
    color: var(--primary-color);
    transition: all 0.2s ease-in;
}

.table__row:hover .table__downloadButton,
.table__row:hover .table__elem:first-child {
    color: var(--primary-color);
    transition: all 0.2s ease-in;
}

.table__badge {
    background-color: #F6F5F5;
    padding: 8px;
    width: fit-content;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.table__badge span {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #A9A9A9;
    font-stretch: 130%;
}

.table__downloadButton {
    cursor: pointer;
}

@media (max-width: 767px) {
    .table .table__head {
        display: none;
    }
    .table .table__row {
        flex-wrap: wrap;
        row-gap: 12px;
        column-gap: 4px;
    }
    .table__row .table__elem {
        min-width: auto;
    }

    .table__row .table__elem:first-child,
    .table__row .table__elem:nth-child(2) {
        flex-basis: 100%;
    }
    .table__row--inner {
        display: flex;
        align-items: center;
        flex-basis: 100%;
        justify-content: space-between;
    }
    .table .table__row--inner:first-child {
        flex-basis: auto;
    }

    .table__row--format {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .table--about_docs .table__elem:nth-child(5) {
        margin-right: auto;
    }
    .table--about_docs .table__elem:nth-child(3) {
        order: 9;
    }
    .table--about_docs .table__elem:nth-child(4) {
        order: 10;
    }
}
/* End */


/* Start:/local/assets/css/components/pagination.css?16852731901317*/
.pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 60px;
}

.pagination__block {
    display: flex;
    gap: 7px;
}

.pagination__elem {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    transition: all 0.3s ease-in;
    cursor: pointer;
}

.pagination__elem a {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    transition: all 0.3s ease-in;
}

.pagination__elem:hover,
.pagination__elem.active {
    transition: all 0.3s ease-out;
    background-color: #BB9959;
    color: #fff;
}

.pagination__elem.active {
    color: #fff;
}

.pagination__elem:hover a,
.pagination__elem.active a {
    color: #fff;
    transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
    .pagination {
        display: flex;
        flex-direction: column;
        gap: 24px;
        margin-top: 40px;
    }

    .pagination__block {
        gap: 10px;
    }

    .pagination__addButton {
        border-bottom: 1px dashed #BB9959;
        padding-bottom: 12px;
        cursor: pointer;
        transition: all 0.2s ease-in;
    }

    .pagination__addButton:hover {
        color: var(--primary-color);
        transition: all 0.2s ease-in;
    }
}
/* End */


/* Start:/local/assets/css/components/table.css?16929717887991*/
.table {
    width: 100%;
    border-collapse: collapse;
}

.table--w60 {
    width: 60%;
}

.table .tableHead {
    display: table-header-group;
    border-bottom: 2px solid #D9D9D9;
}

.table .tableBody {
    display: table-row-group;
}

.table .tableFooter {
    margin-top: 60px;
}

.table .tableRow {
    display: table-row;
}

.table .tableCol {
    display: table-cell;
    padding-right: 40px;
}

.table .tableHead .tableCol {
    padding-bottom: 20px;
    padding-top: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #C2C2C2;
    /* white-space: nowrap; */
    /* border-bottom: 2px solid #D9D9D9; */
}

.table .tableBody .tableRow:not(:first-child) {
    border-top: 2px solid #D9D9D9;
}

.table .tableBody .tableRow:last-child {
    border-bottom: 2px solid #D9D9D9;
}

.table.table--no-border .tableBody .tableRow:last-child {
    border-bottom: 0;
}

.table .tableBody .tableCol {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: baseline;
}

/* Таблица с именами */
.table.table-positions {
    display: table;
    table-layout: fixed;
}


.table-positions .tableBody .tableCol:nth-child(1) {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
}

.table-positions .tableBody .tableCol:nth-child(2) {
    font-weight: 400;
    font-size: 18px;
    color: #A9A9A9;
}

@media (max-width:767px) {
    .table-positions .tableBody .tableCol:nth-child(1) {
        font-size: 16px;
        line-height: 24px;
    }

    .table-positions .tableBody .tableCol:nth-child(2) {
        font-size: 14px;
        color: var(--text-color);
    }

    .table.table-positions .tableBody .tableRow:first-child {
        border-top: 2px solid #D9D9D9;
    }
}

/* Таблица с именами END */

/* Таблица сертификации качества */
.certification_table .tableBody .tableCol:last-child {
    padding-right: 0;
    white-space: nowrap;
}

.certification_table .tableCol:first-child {
    width: 45%;
    padding-right: 5%;
}

@media (max-width:767px) {
    .certification_table .tableBody .tableCol span {
        color: #8F8F8F;
    }

    .certification_table--company .tableBody .tableCol:nth-child(3) {
        display: none;
    }

    .certification_table .tableCol {
        width: 100%;
    }

    .certification_table--company .tableBody .tableCol span {
        display: block;
        margin-top: 12px;
        color: #8F8F8F;
    }

    .certification_table .tableCol:first-child{
        width: 100%;
    }
}

/* Таблица сертификации качества END*/

/* Таблица с табами */
.table-mobile .table {
    display: table;
}

.table-mobile .tableHead-mobile {
    display: none;
    justify-content: space-between;
    padding-bottom: 20px;
}

.table-mobile .tableCol-mobile {
    font-weight: 400;
    font-size: 12px;
    color: #8F8F8F;
    transition: color .2s linear;
}

.table-mobile .tableCol-mobile.active {
    color: var(--primary-color);
}

.table-mobile .tableCol:not(:first-child) {
    white-space: nowrap;
}

.table-mobile.table-mobile--center .tableCol:not(:first-child) {
    text-align: center;
}

/* Таблица с табами END*/

.table.tableList {
    display: table;
}

.tableList .tableBody .tableCol {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 18px;
}

.tableList-button {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

.tableList-button::before {
    font-family: 'icomoon';
    content: '\e915';
    vertical-align: middle;
    color: var(--primary-color);
    margin-right: 8px;
    font-size: 16px;
}

.tableList-format {
    background: #F6F5F5;
    font-weight: 400;
    font-size: 12px;
    line-height: normal;
    color: #A9A9A9;
    padding: 7px 8px;
    width: fit-content;
    white-space: nowrap;
    text-transform: uppercase;
}

.tableList-button {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    text-align: right;
    transition: color .2s linear;
}


.tableRow:hover .tableList-button {
    color: var(--primary-color);
}




/* Таблица результатов поиска */

.table.table-search {
    table-layout: auto;
    display: table;
}

.table.table-search .tableCol {
    padding-right: 0;
    padding-top: 25px;
    padding-bottom: 25px;
}

.table.table-search .tableCol:nth-child(1) {
    width: 70%;
}

.table.table-search .tableCol:not(:last-child) {
    padding-right: 60px;
}

.table.table-search .tableRow {
    position: relative;
}

.table.table-search .tableRow {
    border-top: 1px solid #D9D9D9;
}

/*
.table.table-search .tableRow:last-child {
    border-bottom: 2px solid #D9D9D9;
}*/

.table.table-search .tableRow:hover {
    color: unset;
    cursor: pointer;
}

.table.table-search .tableRow:hover::after {
    color: var(--primary-color-light);
}

.table.table-search .tableRow::after {
    position: absolute;
    font-family: 'icomoon';
    content: '\e904';
    font-size: 25px;
    color: rgba(65, 65, 65, .2);
    right: 0;
    top: 25px;
}

.table-search__item {
    max-width: 750px;
}

.table-search .table-search__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;/*
    margin-bottom: 20px;*/
}

.table-search .table-search__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
}

.table-search .table-search__type {
    background: #F6F5F5;
    font-weight: 400;
    font-size: 12px;
    line-height: normal;
    color: #A9A9A9;
    padding: 7px 8px;
    width: fit-content;
    white-space: nowrap;
}

.highlight {
    background-color: #F9E4BA;
}

/* Таблица результатов поиска END*/

@media (max-width:767px) {
    .table .tableHead {
        display: none;
    }

    .table .tableRow {
        display: flex;
        flex-direction: column;
        padding: 20px 0;
        gap: 20px;
    }

    .table .tableBody .tableCol {
        padding: 0;
    }

    /* Таблица с табами */
    .table-mobile .tableHead-mobile {
        display: flex;
    }

    .table-mobile .tableHead {
        display: none;
    }

    .table-mobile .tableBody .tableRow {
        display: table-row;
        padding: 0;
    }

    .table-mobile .tableBody .tableCol {
        padding: 15px 0;
    }

    .table-mobile .tableBody .tableCol:not(:nth-child(-n+2)) {
        display: none;
    }

    /* Таблица с табами END*/

    .tableList .tableRow {
        position: relative;
    }

    .tableList .tableList-formatCol {
        position: absolute;
        bottom: 16px;
        right: 0;
    }

    .tableList .tableList-formatCol--pdf {
        right: 60px;
    }

    .tableList .tableList-button {
        text-align: left;
    }

    /* Таблица результатов поиска */
    .table.table-search .tableRow {
        padding: 15px 0;
    }

    .table.table-search .tableCol:not(:last-child) {
        padding-right: 0;
    }

    .table.table-search .tableCol:nth-child(1) {
        width: 100%;
    }

    .table.table-search .tableCol:nth-child(2) {
        display: none;
    }

    .table.table-search .tableRow::after {
        display: none;
    }

    .table-search .table-search__title {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .table-search .table-search__text {
        font-size: 12px;
        line-height: 18px;
        margin-top: 15px;
    }

    /* Таблица результатов поиска END*/
}
/* End */


/* Start:/local/assets/css/components/accordion.css?17268301654054*/
.accordion:not(:last-child) {
    margin-bottom: 100px;
}

.accordion--questions.accordion {
    margin-bottom: 0;
}

.accordion__item {
    border-top: 2px solid #ECECEC;
}

.accordion__item:last-child {
    border-bottom: 2px solid #ECECEC;
}

.accordion__item.active {
    border-bottom: 0;
}

.accordion__item:last-child .accordion__body {
    padding-bottom: 0;
}

.accordion__head {
    height: 110px;
    position: relative;
    cursor: pointer;
}

.accordion__head--3cols {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding-right: 60px;
}

.accordion--questions .accordion__head {
    height: 77px;
}

.accordion--questions .accordion__item .accordion__body {
    padding-bottom: 35px;
}

.accordion__head::after {
    position: absolute;
    font-family: 'icomoon';
    content: '\e910';
    transform: translateY(-50%) rotate(90deg);
    transition: all .2s linear;
    font-size: 14px;
    right: 40px;
    top: 50%;
}

.accordion__item.active .accordion__head::after {
    transform: translateY(-50%) rotate(270deg);
}

.accordion--questions .accordion__head:after {
    content: '\e922';
    font-size: 20px;
}

.accordion--questions .accordion__item.active .accordion__head::after {
    transform: translateY(-50%) rotate(45deg);
    color: var(--primary-color);
}

.accordion__head-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding-right: 60px;
}

.accordion--questions .accordion__head-title {
    font-weight: 550;
    font-size: 16px;
    line-height: 24px;
    font-stretch: 135%;
}

.accordion__head-title img {
    width: 39px;
    margin-right: 25px;
}

.accordion__head-title i {
    margin-right: 25px;
    font-size: 32px;
    width: 32px;
    color: var(--primary-color-light);
}

.accordion__item .accordion__body {
    display: none;
    padding-bottom: 96px;
}

.accordion_title {
    font-weight: 550;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 50px;
    max-width: 690px;
}

.accordion__body .section_text {
    font-size: 16px;
    line-height: 20px;
    color: #7C7C7C;
}

.accordion__feature_title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.01em;
    margin-bottom: 8px;
}

.accordion__feature_text {
    font-size: 16px;
    line-height: 20px;
    color: #7C7C7C;
}

.accordion__song_layout {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, 1fr);
    padding-right: 60px;
}

.accordion__song_title {
    font-size: 16px;
    line-height: 20px;
    color: #7C7C7C;
}

.accordion__song_text {
    grid-column: span 2;
    font-family: Roboto Flex;
    font-size: 16px;
    line-height: 20px;
}

@media (max-width:1199px) {
    .accordion:not(:last-child) {
        margin-bottom: 40px;
    }

    .accordion_title {
        margin-bottom: 30px;
    }

    .accordion__head {
        height: 100px;
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .accordion__head-title {
        font-size: 18px;
        line-height: 24px;
    }

    .accordion__head::after {
        right: 20px;
    }

    .accordion--questions .accordion__head {
        height: auto;
    }
}

@media (max-width:767px) {
    .accordion_title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 24px;
    }

    .accordion__head {
        height: 100%;
        padding-right: 0;
    }

    .accordion__head::after {
        right: 0;
    }

    .accordion__head-title img {
        width: 24px;
        margin-right: 12px;
    }

    .accordion__head-title i {
        font-size: 24px;
        width: 24px;
        margin-right: 12px;
    }

    .accordion__head--3cols {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .accordion__song_layout {
        grid-template-columns: 1fr;
        padding-right: 0;
    }

    .accordion__song_title {
        grid-column: span 1;
        gap: 8px;
    }
}
/* End */
/* /local/assets/css/fonts.css?17083344769065 */
/* /local/assets/css/reset.css?16832897551474 */
/* /local/assets/fonts/icomoon/style.css?16993477954001 */
/* /local/assets/css/libs.css?16853485754909 */
/* /local/assets/css/global.css?170803073958330 */
/* /local/assets/css/main.css?17080307404465 */
/* /local/assets/css/popup.css?16866446248191 */
/* /local/assets/css/components/header.css?17060810276450 */
/* /local/assets/css/components/footer.css?16993477954559 */
/* /local/assets/css/components/user_attention.css?16993554642532 */
/* /local/assets/css/components/cookie_message.css?17083344762220 */
/* /local/assets/css/components/docs_list.css?16863008742576 */
/* /local/assets/css/components/pagination.css?16852731901317 */
/* /local/assets/css/components/table.css?16929717887991 */
/* /local/assets/css/components/accordion.css?17268301654054 */
