@font-face {
  font-family: "GolosText";
  src: local("GolosText Regular"), local("GolosTextRegular"),
    url("/include/fonts/golos-text_regular.woff2") format("woff2"),
    url("/include/fonts/golos-text_regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GolosText";
  src: local("GolosText Medium"), local("GolosTextMedium"),
    url("/include/fonts/golos-text_medium.woff2") format("woff2"),
    url("/include/fonts/golos-text_medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GolosText";
  src: local("GolosText Bold"), local("GolosTextBold"),
    url("/include/fonts/golos-text_bold.woff2") format("woff2"),
    url("/include/fonts/golos-text_bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/*!!!* ОБЩИЙ СБРОС И ОБЩИЕ НАСТРОЙКИ *!!!*/

@media all {
  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }

  html {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    background-color: var(--color-white);
    box-sizing: border-box;
  }

  html.with-fancybox body.hide-scrollbar {
    /* width: 100% !important; */
    width: calc(100% - var(--fancybox-body-margin, 0px) - var(--fancybox-scrollbar-compensate, 0px)) !important;
  }

  .block-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .items-reset {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
  }

  b {
    font-weight: var(--font-bold);
  }

  .nowrap {
    white-space: nowrap;
  }

  a,
  a:link,
  a:focus,
  a:hover,
  a:active,
  a:visited,
  a:visited:hover {
    text-decoration: none;
    /* color: currentColor; */
  }

  *,
  *:link,
  *:focus,
  *:hover,
  *:active,
  *:visited,
  *:visited:hover
  {
    outline: none;
    -webkit-tap-highlight-color: var(--color-black);
    -webkit-tap-highlight-color: transparent;
  }

  [href^="tel:"],
  [href^="tel:"]:hover,
  [href^="tel:"]:visited {
    border-bottom: 0;
    color: currentColor;
    text-decoration: none;
    white-space: nowrap;
  }

  .btn-reset {
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
  }

  img {
    display: block;
    max-width: 100%;
    font-size: 70%;
    color: var(--color-black);
    object-fit: cover;
  }

  svg {
    display: block;
  }

  .visually-hidden {
    position: absolute;
    overflow: hidden;
    margin: -1px;
    padding: 0;
    border: 0;
    width: 1px;
    height: 1px;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
  }
}

@media (max-width: 2200px) {
  html {
    background-color: var(--color-black);
  }
}

/*!!!* CUSTOM PROPERTIES *!!!*/

:root {
  --width-body: 2000px;
  --width-container: 1640px;
  --padding-container: 120px;
  --padding-block: 120px;
  --color-white: #fff;
  --color-black: #1b1b1e; /* 27,27,30 */
  --color-grey: #3d3b3e;
  --color-grey-medium: #616161;
  --color-grey-light: #dee0e0;
  --color-grey-turquoise: #4e695f;
  --color-ochre: #ca8e07; /* 202,142,7 */
  --color-brown-light: #984a10; /* 152,74,16 */
  --color-brown: #8c3f13; /* 140,63,19 */
  --color-brown-dark: #4e3222; /* 78,50,34 */
  --color-green-dark: #4c5542; /* 78,50,34 */
  /* --color-bg-blue: rgba(0,86,150,0.12); */
  /* --color-bg-white: rgba(255,255,255,0.3); */
  --font-normal: 400;
  --font-medium: 500;
  --font-bold: 700;
}

@media (max-width: 1440px) {
  :root {
    --padding-container: 60px;
    --padding-block: 100px;
  }
}

@media (max-width: 1024px) {
  :root {
    --padding-container: 30px;
    --padding-block: 80px;
  }
}

/*!!!* GLOB STYLES *!!!*/

@media all {
  .en-page {
    position: relative;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    flex: auto;
    overflow: visible;
    width: 100%;
    min-width: 320px;
    max-width: var(--width-body);
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    font-family: 'GolosText', sans-serif;
    color: var(--color-black);
    font-weight: var(--font-normal);
    background-color: var(--color-white);
  }

  .en-main {
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex: auto;
    overflow: hidden;
    width: 100%;
    z-index: 1;
  }

  .en-block-bg-white {
    background-color: var(--color-white);
    color: var(--color-black);
    z-index: 2;
  }

  .en-block-bg-grey {
    background-color: var(--color-grey-light);
  }

  .en-block-bg-ochre {
    background-color: var(--color-ochre);
    color: var(--color-white);
    z-index: 1;
  }

  .en-block-bg-brown {
    background-color: var(--color-brown-light);
    color: var(--color-white);
    z-index: 1;
  }

  .en-container {
    position: relative;
    margin: 0 auto;
    padding-right: var(--padding-container);
    padding-left: var(--padding-container);
    width: 100%;
    max-width: var(--width-container);
  }

  .en-section-title {
    margin: 0;
    margin-top: -9px;
    margin-bottom: -6px;
    padding-bottom: 60px;
    font-size: 50px;
    line-height: 50px;
    font-weight: var(--font-bold);
    text-align: center;
    text-transform: uppercase;
    background-color: var(--color-bg-blue);
  }

  .en-section-title--proyecto {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .en-section-title--white {
    color: var(--color-white);
  }

  .en-section-title--ochre {
    color: var(--color-ochre);
  }

  .en-section-title--birdie {
    --birdie-height: 35px;
    position: relative;
    padding-right: calc(var(--birdie-height)*2);
    background-color: var(--color-bg-white);
  }

  .en-section-title--birdie::after {
    content: '';
    position: absolute;
    top: 9px;
    right: 0;
    width: var(--birdie-height);
    height: var(--birdie-height);
    background-image: url("/images/logo_birdie.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .en-section-title a {
    border-bottom: 3px solid;
    border-color: transparent;
    color: currentColor;
    transition: border-color .3s ease-in-out;
  }

  @media (min-width: 1025px) {
    .en-section-title a:hover {
      border-color: currentColor;
      color: currentColor;
    }
  }

  .en-section-text {
    position: relative;
    margin: 0;
    margin-top: -12px;
    margin-bottom: -8px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
  }

  .en-section-text + .en-section-text {
    padding-top: 40px;
  }

  .en-section-text--medium {
    font-weight: 500;
  }

  .en-section-text--corazon {
    padding-bottom: calc(-8px + 60px + 31px + 8px);
  }

  .en-section-text--corazon::after {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 50%;
    width: 36px;
    height: 31px;
    background-image: url("/images/bg/bg_serdce_green.svg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    transform: translateX(-50%);
  }

  .en-tekst a {
    border-bottom: 1px solid currentColor;
    color: rgb(27,134,192);
  }

  @media (min-width: 1024px) {
    .en-tekst a:hover {
      color: rgba(252,74,10,1.0);
    }
  }

  .en-tekst a:visited {
    color: rgba(85,26,139,1.0);
  }

  .en-tekst [href^="tel:"],
  .en-tekst [href^="tel:"]:hover,
  .en-tekst [href^="tel:"]:visited {
    border-bottom: 0;
    color: currentColor;
  }

  .en-btn-more {
    position: relative;
    padding: 8px calc(10px + 7px + 15px) 12px 14px;
    border: 1px solid;
    font-size: 18px;
    line-height: 20px;
    cursor: pointer;
    transition: border-color .3s ease-in-out;
  }

  .en-btn-more::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    width: 7px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    transform: translateY(-50%);
  }
}

@media (max-width: 1440px) {
  .en-section-title {
    margin-top: -8px;
    margin-bottom: -5px;
    font-size: 43px;
    line-height: 43px;
  }

  .en-section-title--birdie {
    --birdie-height: 30px;
  }

  .en-section-title--birdie::after {
    top: 8px;
  }
}

@media (max-width: 1024px) {
  .en-section-title {
    margin-top: -7px;
    margin-bottom: -5px;
    padding-bottom: 35px;
    font-size: 38px;
    line-height: 39px;
  }

  .en-section-title--proyecto {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .en-section-title--birdie {
    --birdie-height: 27px;
  }

  .en-section-title--birdie::after {
    top: 7px;
  }

  .en-section-text {
    margin-top: -10px;
    margin-bottom: -6px;
    font-size: 16px;
    line-height: 24px;
  }

  .en-section-text + .en-section-text {
    padding-top: 32px;
  }

  .en-section-text--corazon {
    padding-bottom: calc(-6px + 35px + 22px + 6px);
  }

  .en-section-text--corazon::after {
    bottom: 6px;
    width: 26px;
    height: 22px;
  }

  .en-btn-more {
    padding: 10px calc(10px + 5px + 15px) 12px 14px;
    font-size: 14px;
    line-height: 16px;
  }

  .en-btn-more::after {
    width: 5px;
    height: 9px;
  }
}

@media (max-width: 768px) {
  .en-section-title {
    margin-top: -4px;
    margin-bottom: -3px;
    font-size: 25px;
    line-height: 25px;
  }

  .en-section-title--proyecto {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .en-section-title--birdie {
    --birdie-height: 18px;
  }

  .en-section-title--birdie::after {
    top: 4px;
  }

  .en-section-text {
    margin-top: -8px;
    margin-bottom: -4px;
    line-height: 20px;
  }

  .en-section-text + .en-section-text {
    padding-top: 24px;
  }

  .en-section-text--corazon {
    padding-bottom: calc(-4px + 35px + 22px + 4px);
  }

  .en-section-text--corazon::after {
    bottom: 4px;
  }

  .en-btn-more {
    padding: 5px calc(5px + 5px + 10px) 7px 9px;
    font-size: 12px;
    line-height: 14px;
  }

  .en-btn-more::after {
    right: 10px;
  }
}

/*!!!* HEADER *!!!*/

@media all {
  .en-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: var(--color-black);
    z-index: 3;
  }

  .en-header__container {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
    z-index: 2;
  }

  .en-header__logo {
    position: absolute;
    top: 0;
    left: 50%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc((190*100%) / 1640);
    background-color: var(--color-ochre);
    transform: translateX(-50%);
    z-index: 2;
  }

  .en-header__logo::after {
    content: "";
    position: relative;
    display: block;
    width: 100%;
    padding-top: calc(100% - 10px);
    z-index: 1;
  }

  .en-logo--header {
    position: absolute;
    outline: 2px solid transparent;
    outline-offset: 10px;
    border-radius: 1px;
    width: 73%;
    z-index: 2;
  }

  .en-logo--header:focus-visible {
    outline-color: var(--color-white);
  }

  @media (min-width: 1025px) {
    .en-logo--header:hover {
      outline-color: transparent;
    }
  }

  .en-logo__img--header {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 1440px) {
  .en-header__logo {
    width: calc((190*100%) / 1520);
  }
}

@media (max-width: 1200px) {
  .en-header {
    height: 80px;
    z-index: 1002;
  }

  .en-header__container {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }

  .en-header__logo {
    width: 150px;
  }
}

@media (max-width: 576px) {
  .en-header {
    height: 60px;
  }

  .en-header__logo {
    width: 110px;
  }
}

/*!!!* MENU - основа *!!!*/

@media all {
  .en-nav__text {
    position: relative;
    outline: 2px solid transparent;
    outline-offset: 6px;
    border-radius: 1px;
    margin: 0;
    color: var(--color-white);
    text-transform: uppercase;
    transition: outline-color .3s ease-in-out, color .3s ease-in-out;
    white-space: nowrap;
  }

  .en-nav__text::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--color-ochre);
    transform: scaleX(0);
    transform-origin: top left;
    transition: transform .3s ease, background-color .3s ease-in-out;
  }

  .en-page--index .en-nav__text--index,
  .en-page--tehnologii .en-nav__text--tehnologii,
  .en-page--materialy .en-nav__text--materialy,
  .en-page--raboty .en-nav__text--raboty,
  .en-page--kompaniya .en-nav__text--kompaniya,
  .en-page--uslugi .en-nav__text--uslugi,
  .en-page--kontakty .en-nav__text--kontakty {
    color: var(--color-ochre);
    z-index: -1;
  }

  .en-page--tehnologii .en-nav__text--tehnologii::after,
  .en-page--materialy .en-nav__text--materialy::after,
  .en-page--raboty .en-nav__text--raboty::after,
  .en-page--kompaniya .en-nav__text--kompaniya::after,
  .en-page--uslugi .en-nav__text--uslugi::after,
  .en-page--kontakty .en-nav__text--kontakty::after {
    transform: none;
  }

  .en-page--clt .en-nav__sublink--clt,
  .en-page--fahverk .en-nav__sublink--fahverk,
  .en-page--cotta .en-nav__sublink--cotta,
  .en-page--brus .en-nav__sublink--brus,

  .en-page--komplekty-domov .en-nav__sublink--komplekty-domov,
  .en-page--izolyacionnye-materialy .en-nav__sublink--izolyacionnye-materialy,
  .en-page--porody-drevesiny .en-nav__sublink--porody-drevesiny,
  .en-page--krovlya .en-nav__sublink--krovlya,
  .en-page--dymohodnye-sistemy .en-nav__sublink--dymohodnye-sistemy,
  .en-page--fasady .en-nav__sublink--fasady,
  .en-page--okna .en-nav__sublink--okna,
  .en-page--dveri .en-nav__sublink--dveri,
  .en-page--lestnicy .en-nav__sublink--lestnicy,
  .en-page--otdelochnye-materialy .en-nav__sublink--otdelochnye-materialy,
  .en-page--krepyozhnye-sistemy .en-nav__sublink--krepyozhnye-sistemy,
  .en-page--utepliteli .en-nav__sublink--utepliteli,
  .en-page--dekorativnye-pokrytiya .en-nav__sublink--dekorativnye-pokrytiya,

  .en-page--konsultacii-i-ekspertizy .en-nav__sublink--konsultacii-i-ekspertizy,
  .en-page--proektirovanie .en-nav__sublink--proektirovanie,
  .en-page--dizayn-i-dekor .en-nav__sublink--dizayn-i-dekor,
  .en-page--stroitelno-montazhnye-raboty .en-nav__sublink--stroitelno-montazhnye-raboty,
  .en-page--fundamenty .en-nav__sublink--fundamenty,
  .en-page--inzhenernye-seti .en-nav__sublink--inzhenernye-seti,
  .en-page--umnyy-dom .en-nav__sublink--umnyy-dom,
  .en-page--blagoustroystvo .en-nav__sublink--blagoustroystvo,
  .en-page--dom-pod-klyuch .en-nav__sublink--dom-pod-klyuch,
  .en-page--postavka-komplektov .en-nav__sublink--postavka-komplektov {
    color: var(--color-ochre);
  }

  .en-nav__link:focus-visible .en-nav__text {
    outline-color: var(--color-white);
  }

  @media (min-width: 1025px) {
    .en-nav__item:hover .en-nav__text {
      outline-color: transparent;
      color: var(--color-ochre);
    }

    .en-nav__item:hover .en-nav__text::after {
      transform: scaleX(1);
    }
  }
}

/*!!!* MENU - СОЦСЕТИ - основа *!!!*/

@media all {
  .en-social__items {
    gap: 14px;
  }

  .en-social__link > svg {
    transition: fill .3s ease-in-out;
  }
}

/*!!!* MENU - СОЦСЕТИ - HEADER *!!!*/

@media all {
  .en-social--header {
    display: none;
    gap: 14px;
  }

  .en-social--header .en-social__link > svg {
    width: 26px;
    height: 26px;
    fill: var(--color-ochre);
  }

  .en-social--header .en-social__link > svg > circle,
  .en-social--header .en-social__link > svg > path:first-child {
    fill: transparent;
  }
}

@media (max-width: 1200px) {
  .en-social--header {
    display: flex;
  }
}

/*!!!* MENU - СОЦСЕТИ - FOOTER *!!!*/

@media all {
  .en-social--footer {
    align-items: end;
  }

  .en-social--footer .en-social__link > svg {
    width: 32px;
    height: 32px;
    fill: var(--color-white);
  }

  .en-social--footer .en-social__link > svg > circle,
  .en-social--footer .en-social__link > svg > path:first-child {
    fill: transparent;
  }

  .en-social--footer .en-social__link:focus-visible > svg {
    fill: var(--color-ochre);
  }

  @media (min-width: 1025px) {
    .en-social--footer .en-social__link:hover > svg {
      fill: var(--color-ochre);
    }
  }
}

@media (max-width: 768px) {
  .en-social--footer {
    justify-content: center;
    align-items: center;
  }

  .en-social--footer .en-social__link > svg {
    width: 26px;
    height: 26px;
  }
}

/*!!!* MENU - КОНТАКТЫ - основа *!!!*/

@media all {
  .en-contacts {
    flex-direction: column;
    align-items: start;
    color: var(--color-white);
  }

  .en-contacts__title {
    margin: 0;
    text-transform: uppercase;
  }

  .en-contacts__phone {
    margin: 0;
  }

  .en-contacts__phone a {
    outline: 2px solid transparent;
    outline-offset: 4px;
    border-radius: 1px;
    transition: color .3s ease-in-out;
  }

  .en-contacts__phone a:focus-visible {
    outline-color: var(--color-white);
  }

  @media (min-width: 1025px) {
    .en-contacts__phone a:hover {
      color: var(--color-ochre);
    }
  }

  .en-contacts__email, .en-contacts__address {
    margin: 0;
    text-transform: uppercase;
  }

  .en-contacts__email a {
    outline: 2px solid transparent;
    outline-offset: 4px;
    border-radius: 1px;
    border-bottom: 1px solid var(--color-white);
    color: var(--color-white);
    transition: color .3s ease-in-out, border-color .3s ease-in-out;
  }

  .en-contacts__email a:focus-visible {
    outline-color: var(--color-white);
  }

  @media (min-width: 1025px) {
    .en-contacts__email a:hover {
      border-color: rgba(202,142,7,0.4);
      color: var(--color-ochre);
    }
  }
}

/*!!!* MENU - КОНТАКТЫ - HEADER *!!!*/

@media all {
  .en-contacts--header {
    display: none;
    flex-direction: column;
    align-items: start;
    gap: 22px;
    color: var(--color-white);
  }

  .en-contacts__phone--header {
    flex-direction: column;
    gap: 6px;
    margin-top: -4px;
    margin-bottom: -2px;
    font-size: 20px;
    line-height: 20px;
  }

  .en-contacts__email--header, .en-contacts__address--header {
    margin-top: -3px;
    margin-bottom: -3px;
    font-size: 13px;
    line-height: 15px;
    opacity: .78;
  }
}

@media (max-width: 1200px) {
  .en-contacts--header {
    display: flex;
  }
}

/*!!!* MENU - КОНТАКТЫ - FOOTER *!!!*/

@media all {
  .en-contacts--footer {
    gap: 20px;
  }

  .en-contacts__title--footer {
    margin-top: -3px;
    margin-bottom: -3px;
    font-size: 14px;
    line-height: 16px;
    font-weight: var(--font-bold);
  }

  .en-contacts__email--footer, .en-contacts__phone--footer, .en-contacts__address--footer {
    margin-top: -3px;
    margin-bottom: -3px;
    font-size: 14px;
    line-height: 16px;
    opacity: .82;
  }

  .en-contacts__address--footer {
    flex-direction: column;
    justify-content: space-between;
    flex: auto;
  }
}

@media (max-width: 768px) {
  .en-contacts--footer {
    align-items: center;
    gap: 10px;
    text-align: center;
  }

  .en-contacts__title--footer {
    padding-bottom: 8px;
  }

  .en-contacts__address--footer {
    margin-top: -4px;
    margin-bottom: -4px;
    font-size: 12px;
    line-height: 16px;
  }
}

/*!!!* MENU HEADER *!!!*/

@media all {
  .en-header__menu {
    position: absolute;
    inset: 0;
    left: 50%;
    align-items: center;
    width: calc(100% - var(--padding-container) * 2);
    height: 100%;
    transform: translateX(-50%);
  }

  .en-header__nav {
    position: relative;
    flex: auto;
    height: 100%;
  }

  .en-nav__items--header {
    --width-one: 119px; /* calc((119*100%) / 1400) */
    --width-two: 110px; /* calc((110*100%) / 1400) */
    --width-three: 130px; /* calc((130*100%) / 1400) */
    --width-four: 119px; /* calc((119*100%) / 1400) */
    --width-five: 69px; /* calc((69*100%) / 1400) */
    --width-six: 96px; /* calc((96*100%) / 1400) */
    --width-seven: 26px; /* 23px — calc((23*100%) / 1400) */
    --width-pass: calc((190*100%) / 1400);
    flex-wrap: nowrap;
    width: 100%;
    background-color: var(--color-bg-white);
  }

  .en-nav__item--header {
    position: relative;
    background-color: var(--color-bg-white);
  }

  .en-nav__item--zero {
    display: none;
  }

  .en-nav__item--one {
    margin-right: calc(((50% - var(--width-one) - var(--width-two) - var(--width-three) - (var(--width-pass) / 2))) / 3);
    width: var(--width-one);
  }

  .en-nav__item--two {
    margin-right: calc(((50% - var(--width-one) - var(--width-two) - var(--width-three) - (var(--width-pass) / 2))) / 3);
    width: var(--width-two);
  }

  .en-nav__item--three {
    margin-right: calc(((50% - var(--width-one) - var(--width-two) - var(--width-three) - (var(--width-pass) / 2))) / 3);
    width: var(--width-three);
  }

  .en-nav__item--pass {
    margin-right: calc(((50% - var(--width-four) - var(--width-five) - var(--width-six) - var(--width-seven) - (var(--width-pass) / 2))) / 4);
    width: var(--width-pass);
    height: 10px;
    background-color: var(--color-bg-white);
  }

  .en-nav__item--four {
    margin-right: calc(((50% - var(--width-four) - var(--width-five) - var(--width-six) - var(--width-seven) - (var(--width-pass) / 2))) / 4);
    width: var(--width-four);
  }

  .en-nav__item--five {
    margin-right: calc(((50% - var(--width-four) - var(--width-five) - var(--width-six) - var(--width-seven) - (var(--width-pass) / 2))) / 4);
    width: var(--width-five);
  }

  .en-nav__item--six {
    margin-right: calc(((50% - var(--width-four) - var(--width-five) - var(--width-six) - var(--width-seven) - (var(--width-pass) / 2))) / 4);
    width: var(--width-six);
  }

  .en-nav__item--seven {
    align-items: center;
    width: var(--width-seven);
  }

  .en-nav__link--header {
    position: relative;
    align-items: center;
    height: 100%;
  }

  .en-nav__link--social {
    height: auto;
  }

  .en-nav__link--social > svg {
    width: var(--width-seven);
    height: var(--width-seven);
    fill: var(--color-white);
    transition: fill .3s ease-in-out;
  }

  .en-nav__link--social > svg > circle{
    fill: transparent;
  }

  @media (min-width: 1025px) {
    .en-nav__link--social:hover > svg {
      fill: var(--color-ochre);
    }
  }

  .en-nav__text--header {
    font-size: 17px;
    line-height: 20px;
    font-weight: 500;
  }

  .en-nav__item--header:last-child .en-nav__text--header::after {
    display: none;
  }

  .en-nav__subitems {
    position: absolute;
    top: 100%;
    left: 50%;
    display: none;
    flex-direction: column;
    padding: 40px 30px;
    min-width: 280px;
    background-color: var(--color-grey);
    transform: translateX(-50%);
  }

  .en-nav__item--one .en-nav__subitems {
    min-width: 180px;
  }

  .en-nav__subitem {
    margin-top: -4px;
    margin-bottom: -4px;
  }

  .en-nav__subitem:not(:last-child) {
    margin-bottom: 20px;
  }

  .en-nav__sublink {
    outline: 2px solid transparent;
    outline-offset: 4px;
    border-radius: 1px;
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
    color: var(--color-grey-light);
    text-transform: uppercase;
    transition: outline-color .3s ease-in-out, color .3s ease-in-out;
  }

  .en-nav__sublink:focus-visible {
    outline-color: var(--color-white);
  }

  @media (min-width: 1025px) {
    .en-nav__sublink:hover {
      outline-color: transparent;
      color: var(--color-ochre);
    }
  }

  .en-header__en {
    position: absolute;
    top: 31px;
    right: var(--padding-container);
    display: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: var(--color-white);
    text-transform: uppercase;
  }
}

@media (max-width: 1440px) {
  .en-nav__items--header {
    --width-one: 98px;
    --width-two: 91px;
    --width-three: 107px;
    --width-four: 98px;
    --width-five: 57px;
    --width-six: 80px;
    /* --width-seven: 19px; */
  }

  .en-nav__text--header {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 1200px) {
  .en-header__menu {
    position: fixed;
    top: 0;
    right: -100%;
    left: auto;
    display: none;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    flex-wrap: nowrap;
    gap: 40px;
    overflow-y: scroll;
    margin: 30px 0 60px 60px;
    padding: 60px 30px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: calc(100% - 60px);
    max-width: 460px;
    height: calc(100% - 30px - 60px);
    background-color: var(--color-black);
    z-index: 1003;
    transform: none;
    animation-name: CloseMenuMobil;
    animation-duration: .9s;
  }

  .en-header__menu.open {
    right: 0;
    animation-name: OpenMenuMobil;
  }

  .en-header__menu.close {
    right: -100%;
    animation-name: CloseMenuMobil;
  }

  .en-header__nav {
    width: 100%;
    height: auto;
   }

  .en-nav__items--header {
    flex-direction: column;
    flex-wrap: wrap;
  }

  .en-nav__item--header {
    flex-direction: column;
  }

  .en-nav__item--header:not(:last-child) {
    margin-bottom: 20px;
  }

  .en-nav__item--zero {
    display: flex;
  }

  .en-nav__item--one, .en-nav__item--two, .en-nav__item--three, .en-nav__item--pass, .en-nav__item--four, .en-nav__item--five, .en-nav__item--six, .en-nav__item--seven {
    margin-right: 0;
    width: auto;
  }

  .en-nav__item--pass {
    display: none;
  }

  .en-nav__item--seven {
    display: none;
    /* margin-top: 20px;
    margin-bottom: 20px; */
  }

  .en-nav__link--header {
    height: auto;
  }

  .en-nav__text--header {
    margin-top: -4px;
    margin-bottom: -4px;
  }

  .en-nav__subitems {
    position: relative;
    top: 0;
    left: 0;
    padding: 25px 10px 10px;
    min-width: auto;
    background-color: transparent;
    transform: none;
  }

  .en-header__en {
    display: flex;
  }

  @keyframes OpenMenuMobil {
    from {right: -100%;}
    to {right: 0;}
  }

  @keyframes CloseMenuMobil {
    from {right: 0;}
    to {right: -100%;}
  }
}

@media (max-width: 576px) {
  .en-header__menu {
    margin: 15px 0 50px 20px;
    width: calc(100% - 20px);
    height: calc(100% - 15px - 50px);
  }

  .en-nav__item--seven {
    display: none;
  }

  .en-header__en {
    top: 21px;
  }
}

/*!!!* MENU HEADER - фиксированная версия *!!!*/

@media (min-width: 1201px) {
  .en-header__container.fixed {
    position: fixed;
    max-width: none;
    height: 50px;
    max-width: var(--width-body);
    padding-right: 0;
    padding-left: 0;
    background-color: var(--color-black);
    animation-name: MenuOpen;
    animation-duration: .8s;
  }

  .en-header__container.fixed .en-header__logo {
    display: none;
  }

  .en-header__container.fixed .en-header__menu {
    max-width: 1400px;
  }

  .en-header__container.fixed .en-nav__items--header {
    gap: 34px;
  }

  .en-header__container.fixed .en-nav__item--zero {
    display: flex;
  }

  .en-header__container.fixed .en-nav__item--one, .en-header__container.fixed .en-nav__item--two, .en-header__container.fixed .en-nav__item--three, .en-header__container.fixed .en-nav__item--pass, .en-header__container.fixed .en-nav__item--four, .en-header__container.fixed .en-nav__item--five, .en-header__container.fixed .en-nav__item--six, .en-header__container.fixed .en-nav__item--seven {
    margin-right: 0;
    width: auto;
  }

  .en-header__container.fixed .en-nav__item--seven {
    display: none;
  }

  .en-header__container.fixed .en-nav__item--pass {
    display: none;
  }

  .en-header__container.fixed .en-nav__text--header {
    font-size: 14px;
    line-height: 18px;
  }

  .en-header__container.fixed .en-nav__subitems {
    padding: 30px 20px;
    min-width: 260px;
  }

  .en-header__container.fixed .en-nav__item--one .en-nav__subitems {
    min-width: 140px;
  }

  .en-header__container.fixed .en-nav__item--two .en-nav__subitems {
    min-width: 220px;
  }

  .en-header__container.fixed .en-nav__subitem {
    margin-bottom: -3px;
  }

  .en-header__container.fixed .en-nav__subitem:not(:last-child) {
    margin-bottom: 16px;
  }

  .en-header__container.fixed .en-nav__sublink {
    font-size: 11px;
    line-height: 15px;
  }

  .en-header__container.fixed .en-social--header {
    display: flex;
  }

  .en-header__container.fixed .en-social__link > svg {
    fill: var(--color-white);
  }

  .en-header__container.fixed .en-social__link:focus-visible > svg {
    fill: var(--color-ochre);
  }

  @media (min-width: 1025px) {
    .en-header__container.fixed .en-social__link:hover > svg {
      fill: var(--color-ochre);
    }
  }

  @keyframes MenuOpen {
    from {top: -100%;}
    to {top: 0;}
  }
}

/*!!!* MENU HEADER - функционал для мобильных устройств *!!!*/

@media all {
  .en-better {
    overflow-y: hidden;
  }

  .en-better .en-header__container::after {
    content:'';
    position: fixed;
    inset: 0;
    display: block;
    background-color: var(--color-grey);
    opacity: .78;
    z-index: 1001;
  }

  .en-menu-open {
    position: absolute;
    top: 25px;
    left: var(--padding-container);
    display: none;
    flex-direction: column;
    align-items: center;
    align-self: center;
    justify-content: center;
    overflow: hidden;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }

  .en-menu-open > svg {
    width: 30px;
    height: 30px;
    fill: var(--color-white);
  }

  .en-menu-open.fixed {
    position: fixed;
    top: 30px;
    display: none;
    width: 40px;
    height: 40px;
    background-color: var(--color-black);
    animation-name: MenuIconOpen30;
    animation-duration: .8s;
  }

  .en-menu-open.fixed > svg {
    width: 22px;
    height: 22px;
  }

  .en-menu-close {
    position: absolute;
    top: 21px;
    right: 17px;
    display: none;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: transparent;
    cursor: pointer;
  }

  .en-menu-close > svg {
    width: 22px;
    height: 22px;
    fill: var(--color-white);
  }

  @keyframes MenuIconOpen30 {
    from {top: -100%;}
    to {top: 30px;}
  }

  @keyframes MenuIconOpen15 {
    from {top: -100%;}
    to {top: 15px;}
  }
}

@media (max-width: 1200px) {
  .en-menu-open,
  .en-menu-open.fixed,
  .en-menu-close {
    display: flex;
  }
}

@media (max-width: 576px) {
  .en-menu-open {
    top: 15px;
  }
}

/*!!!* MENU FOOTER *!!!*/

@media all {
  .en-nav__items--footer {
    flex-direction: column;
    gap: 20px;
  }

  .en-nav__text--footer {
    margin-top: -3px;
    margin-bottom: -3px;
    font-size: 14px;
    line-height: 16px;
    font-weight:var(--font-bold);
  }
}

@media (max-width: 1024px) {
  .en-footer__menu {
    display: none;
  }
}

/*!!!* FOOTER *!!!*/

@media all {
  .en-footer {
    position: relative;
    width: 100%;
    background-color: var(--color-black);
    z-index: 2;
  }

  .en-footer__container {
    position: relative;
    gap: 70px;
    padding-top: 70px;
    padding-bottom: 20px;
  }

  .en-footer__container::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/images/bg/bg_polukrug_footer.svg");
    background-position: right 24% bottom -2px;
    background-repeat: no-repeat;
    background-size: 24% auto;
    z-index: 1;
  }

  .en-footer__empresa {
    justify-content: space-between;
    width: 100%;
    z-index: 2;
  }

  .en-footer__info {
    gap: 80px;
  }

  .en-footer__copyright {
    gap: 20px;
    flex-direction: column;
    width: 100%;
    z-index: 2;
  }

  .en-footer__important {
    flex-direction: column;
    align-items: start;
    gap: 6px;
  }

  .en-footer__important--info {
    opacity: .36;
  }

  .en-footer__important--copyright {
    opacity: .56;
  }

  .en-footer__important > p {
    margin: 0;
    margin-top: -4px;
    margin-bottom: -3px;
    font-size: 10px;
    line-height: 14px;
    color: var(--color-white);
    text-transform: uppercase;
  }

  .en-footer__important > p a {
    border-bottom: 1px solid rgba(255,255,255,0.76);
    color: var(--color-white);
    transition: border-color .3s ease-in-out, opacity .3s ease-in-out;
  }

  @media (min-width: 1025px) {
    .en-footer__important > p a:hover {
      border-color: rgba(255,255,255,0.56);
      opacity: .76;
    }
  }
}

@media (max-width: 768px) {
  .en-footer__container {
    gap: 50px;
    padding-top: 50px;
    padding-bottom: calc(50px - 10px + 86px - 2px);
  }

  .en-footer__container::after {
    background-position: center bottom -2px;
    background-size: 200px 86px;
  }

  .en-footer__empresa {
    flex-direction: column;
    justify-content: start;
    gap: 30px;
  }

  .en-footer__info {
    flex-direction: column;
    gap: 30px;
  }

  .en-footer__copyright {
    align-items: center;
  }

  .en-footer__important {
    gap: 20px;
    max-width: 260px;
    align-items: center;
    text-align: center;
  }

  .en-footer__important--info > p:nth-of-type(2) > span {
    display: none;
  }
}

/*!!!* ON TOP *!!!*/

@media all {
  .en-up {
    --size: 38px;
    position: absolute;
    display: none;
    z-index: 3;
  }

  .en-up > div {
    position: fixed;
    right: calc(((100% - 1400px) / 2) / 2 - var(--size) / 2);
    bottom: 90px;
    border-radius: var(--size);
    width: var(--size);
    height: var(--size);
    background-image: url("/images/icons/arrow_white.svg");
    background-position: center bottom 14px;
    background-repeat: no-repeat;
    background-size: 16px 9px;
    background-color: var(--color-ochre);
    transform: rotate(180deg);
    transition: background-color .3s ease-in-out;
    cursor: pointer;
    animation-name: ArribaOpen90;
    animation-duration: .8s;
  }

  @media (min-width: 1025px) {
    .en-up > div:hover {
      background-color: var(--color-brown);
    }
  }
}

@media (max-width: 1640px) {
  .en-up > div {
    right: calc((var(--padding-container) - var(--size)) / 2);
  }
}

@media (max-width: 1024px) {
  .en-up {
    --size: 40px;
  }

  .en-up > div {
    right: calc(var(--padding-container) + 5px);
    bottom: 30px;
    background-position: center bottom 15px;
    animation-name: ArribaOpen30;
  }
}

@keyframes ArribaOpen90 {
  from {bottom: -100%;}
  to {bottom: 90px;}
}

@keyframes ArribaOpen30 {
  from {bottom: -100%;}
  to {bottom: 30px;}
}

/*!!!* ФОРМЫ — общие стили *!!!*/

@media all {
  .en-formularz {
    position: relative;
    flex-direction: column;
    align-items: start;
    gap: 20px;
    width: 100%;
    color: var(--color-black);
  }

  .en-formularz__title {
    margin: 0;
    margin-top: -6px;
    margin-bottom: -4px;
    padding-bottom: 10px;
    font-size: 20px;
    line-height: 24px;
    font-weight: var(--font-bold);
    text-transform: uppercase;
  }

  .en-campos {
    position: relative;
    flex-direction: column;
    align-items: start;
    gap: 20px;
    width: 100%;
  }

  .en-campo {
    position: relative;
    width: 100%;
    max-width: var(--width-limitation);
  }

  .en-required:before {
    content:'';
    position: absolute;
    top: 18px;
    right: 11px;
    width: 8px;
    height: 8px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBmaWxsPSIjZmYwMDAwIj48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzA3LjEsOS40TDI4NCwyMjEuOEw0OTgsMTYyLjJsMTQsOTcuOWwtMjA0LjksMTYuN0w0NDAuNSw0NTJMMzQ4LDUwMi42bC05NC43LTE5NC43bC04Ni4xLDE5NC43TDcyLjYsNDUybDEzMC4yLTE3NS4zTDAsMjYwbDE1LjYtOTcuOWwyMTAuMyw1OS43TDIwMi44LDkuNEgzMDcuMXoiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
  }

  .en-campo__box {
    position: relative;
    width: 100%;
    padding: 10px 18px 14px;
    border: 1px solid;
    border-color: transparent;
    font-size: 15px;
    line-height: 15px;
    color: var(--color-black);
    font-weight: var(--font-medium);
    background-color: var(--color-white);
    box-shadow: none;
  }

  .en-campo__box--textarea {
    height: 120px;
    resize: none;
  }

  .en-campo__label {
    display: inline-block;
    position: absolute;
    top: -6px;
    left: 10px;
    opacity: 0;
    transition: opacity .3s ease-in-out;
  }

  .en-campo__label > span {
    display: block;
    margin-top: -2px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 12px;
    font-weight: var(--font-medium);
    text-transform: uppercase;
    background-color: var(--color-white);
    white-space: nowrap;
  }

  .en-campo__box:active + .en-campo__label,
  .en-campo__box:focus + .en-campo__label,
  .en-campo__box:not(:placeholder-shown) + .en-campo__label {
    opacity: 1;
  }

  .en-consent {
    position: absolute;
    top: 68px;
    left: calc(var(--width-limitation) + 40px);
    width: calc(100% - var(--width-limitation) - 40px);
  }

  .en-consent__label {
    position: relative;
    top: 0;
    display: block;
    margin: 0;
    margin-top: -6px;
    margin-bottom: -4px;
    font-size: 13px;
    line-height: 17px;
    cursor: pointer;
  }

  .en-consent__label > a {
    border-bottom: 1px solid;
    color: currentColor;
  }

  @media (min-width: 1025px) {
    .en-consent__label > a:hover {
      opacity: .6;
    }
  }

  .en-consent__check {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    width: 13px;
    height: 13px;
  }

  .en-consent__check:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    border: 1px solid;
    border-color: var(--color-black);
    width: 13px;
    height: 13px;
    box-sizing: border-box;
    transition: 0.25s linear;
    cursor: pointer;
    transition: background-color 0.25s;
  }

  .en-consent__input:checked + .en-consent__label > .en-consent__check:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTIuOSAyNTIuOSIgZmlsbD0iI0ZGRkZGRiI+PHBhdGggZD0iTTkwLjcsMjI1LjVjMCwwLTAuMSwwLTAuMSwwYy00LjksMC05LjUtMi4yLTEyLjctNS45TDQuMSwxMzMuOWMtNi4xLTcuMS01LjMtMTcuNywxLjgtMjMuOGM3LjEtNi4xLDE3LjctNS4zLDIzLjgsMS44TDkwLjksMTgzTDIyMy40LDMzLjFjNi4yLTcsMTYuOC03LjYsMjMuOC0xLjVjNyw2LjIsNy42LDE2LjgsMS41LDIzLjhMMTAzLjMsMjE5LjhDMTAwLjEsMjIzLjQsOTUuNSwyMjUuNSw5MC43LDIyNS41eiIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 7px;
    background-color: var(--color-black);
  }

  .en-campo__box.en-filling-error,
  .en-consent__input.en-filling-error + .en-consent__label,
  .en-consent__input.en-filling-error + .en-consent__label > .en-consent__check:before {
    border-color: red;
    color: red;
  }

  .en-btn-more--formularz {
    padding: 8px 15px 12px 14px;
    border: none;
    color: var(--color-white);
    background-color: var(--color-black);
    cursor: pointer;
    transition: background-color .3s ease-in-out;
  }

  .en-btn-more--formularz::before {
    display: none;
  }

  @media (min-width: 1025px) {
    .en-btn-more--formularz:hover {
      background-color: var(--color-grey-medium);
    }
  }

  .en-respuesta {
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,1.0);
    z-index: 999999;
  }

  .en-respuesta > p {
    margin: 0;
    margin-top: -10px;
    margin-bottom: -5px;
    padding-right: var(--padding-container);
    padding-left: var(--padding-container);
    width: 100%;
    max-width: 900px;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
  }

  .en-respuesta > p > b {
    font-weight: var(--font-medium);
  }

  .en-campo__box::-webkit-input-placeholder {
    color: var(--color-black);
    transition: opacity 0.1s ease-in-out;
  }

  .en-campo__box::-moz-placeholder {
    color: var(--color-black);
    transition: opacity 0.1s ease-in-out;
  }

  .en-campo__box:-ms-input-placeholder {
    color: var(--color-black);
    transition: opacity 0.1s ease-in-out;
  }

  .en-campo__box:-moz-placeholder {
    color: var(--color-black);
    transition: opacity 0.1s ease-in-out;
  }

  .en-campo__box:focus::-webkit-input-placeholder {
    color: var(--color-black);
    opacity: 0.0;
  }

  .en-campo__box:focus::-moz-placeholder {
    color: var(--color-black);
    opacity: 0.0;
  }

  .en-campo__box:focus:-ms-input-placeholder {
    color: var(--color-black);
    opacity: 0.0;
  }

  .en-campo__box:focus:-moz-placeholder {
    color: var(--color-black);
    opacity: 0.0;
  }

  .en-campo__box.en-filling-error::-webkit-input-placeholder {
    color: red;
  }

  .en-campo__box.en-filling-error::-moz-placeholder {
    color: red;
  }

  .en-campo__box.en-filling-error:-ms-input-placeholder {
    color: red;
  }

  .en-campo__box.en-filling-error:-moz-placeholder {
    color: red;
  }
}

@media (max-width: 1024px) {
  .en-consent {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: var(--width-limitation);
  }

  .en-btn-more--formularz {
    padding: 10px 15px 12px 14px;
    font-size: 14px;
    line-height: 16px;
  }
}

@media (max-width: 768px) {
  .en-formularz__title {
    margin-top: -4px;
    margin-bottom: -3px;
    font-size: 18px;
    line-height: 20px;
  }
}

/*!!!* СЛАЙДЕРЫ — общие стили *!!!*/

@media all {

  /* Общие настройки */

  .slick-slider {
    position: relative;
    display: block;
    flex: auto;
    overflow: hidden;
    width: 100%;
    height: 100%;
    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;
    width: 100%;
    height: 100%;
  }

  .slick-list:focus {
    outline: none;
  }

  .slick-list.dragging {
    cursor: pointer;
    /* cursor: hand; */
  }

  .slick-track {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
  }

  .slick-track::before,
  .slick-track::after {
    content: '';
    display: table;
  }

  .slick-track::after {
    clear: both;
  }

  .slick-loading .slick-track {
    visibility: hidden;
  }

  .slick-slider .slick-list,
  .slick-slider .slick-track {
    -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-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
  }

  [dir='rtl'] .slick-slide {
    float: right;
  }

  .slick-initialized .slick-slide {
    display: block;
  }

  .slick-vertical .slick-slide {
    display: block;
    border: 1px solid transparent;
    height: auto;
  }

  .slick-loading .slick-slide {
    visibility: hidden;
  }

  .slick-slide.slick-loading img {
    display: none;
  }

  .slick-slide.dragging img {
    pointer-events: none;
  }

  .slick-slide > div {
    position: relative;
    display: flex;
    overflow: visible;
    height: 100%;
    min-height: 1px;
  }

  .slick-slider .slick-slid {
    position: relative;
    display: block;
    overflow: visible;
    width: 100%;
    height: 100%;
    user-select: none;
    touch-action: pan-y;
  }

  .slick-arrow.slick-hidden {
    display: none;
  }

  /* Стрелки навигации */

  .slick-prev, .slick-next {
    --size-btn: 50px;
    --size-icon: 16px;
    position: absolute;
    top: 50%;
    padding: 0;
    border: none;
    border-radius: var(--size-btn);
    width: var(--size-btn);
    height: var(--size-btn);
    background-repeat: no-repeat;
    background-size: var(--size-icon) 28px;
    background-color: transparent;
    background-color: rgba(255,255,255,0.52);
    transform: translateY(-50%);
    transition: background-color .3s ease-in-out, opacity .3s ease-in-out;
    z-index: 30;
    cursor: pointer;
  }

  .slick-prev {
    left: calc(50px - ((var(--size-btn) - var(--size-icon)) / 2));
    /* background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOS40IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgOS40IDE2IiBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cG9seWdvbiBwb2ludHM9IjgsMCAwLDggOCwxNiA5LjQsMTQuNiAyLjgsOCA5LjQsMS40ICIvPgo8L3N2Zz4K"); */
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOS40IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgOS40IDE2IiBmaWxsPSIjMWIxYjFlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cG9seWdvbiBwb2ludHM9IjgsMCAwLDggOCwxNiA5LjQsMTQuNiAyLjgsOCA5LjQsMS40ICIvPgo8L3N2Zz4K");
    background-position: left calc(((var(--size-btn) - var(--size-icon)) / 2) - 1px) center;
  }

  .slick-next {
    right: calc(50px - ((var(--size-btn) - var(--size-icon)) / 2));
    /* background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOS40IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgOS40IDE2IiBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cG9seWdvbiBwb2ludHM9IjAsMS40IDYuNiw4IDAsMTQuNiAxLjQsMTYgOS40LDggMS40LDAgIi8+Cjwvc3ZnPgo="); */
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOS40IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgOS40IDE2IiBmaWxsPSIjMWIxYjFlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cG9seWdvbiBwb2ludHM9IjAsMS40IDYuNiw4IDAsMTQuNiAxLjQsMTYgOS40LDggMS40LDAgIi8+Cjwvc3ZnPgo=");
    background-position: right calc(((var(--size-btn) - var(--size-icon)) / 2) - 1px) center;
  }

  .slick-disabled {
    opacity: .42;
  }

  @media (min-width: 1025px) {
    .slick-prev:hover, .slick-next:hover {
      background-color: rgba(255,255,255,0.26);
    }
  }

  /* Точки навигации */

  .slick-dots {
    position: absolute;
    bottom: 60px;
    left: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
    list-style: none;
    transform: translateX(-50%);
  }

  .slick-dots li {
      position: relative;
      display: inline-block;
      margin: 0;
      padding: 0;
      width: 14px;
      height: 14px;
      cursor: pointer;
  }

  .slick-dots li button {
    display: block;
    border: none;
    padding: 0;
    border-radius: 14px;
    width: 14px;
    height: 14px;
    color: transparent;
    background-color: var(--color-white);
    transition: background-color .3s ease-in-out, opacity .3s ease-in-out;
    cursor: pointer;
  }

  .slick-dots li.slick-active button {
    background-color: var(--color-ochre);
    cursor: default;
  }

  @media (min-width: 1025px) {
    .slick-dots li button:hover {
      opacity: .66;
    }

    .slick-dots li.slick-active button:hover {
      opacity: 1;
    }
  }

  /* Ссылки */

  .slid-link {
    flex-direction: column;
    width: 100%;
    height: 100%;
  }

  /* Заголовки */

  .slid-title {
    position: absolute;
    left: 0;
    bottom: 20px;
    margin: 0;
    margin-top: -3px;
    margin-bottom: -3px;
    padding-right: calc(20px + 20px + 20px);
    padding-left: 20px;
    width: 100%;
    font-size: 17px;
    line-height: 18px;
    font-weight: var(--font-medium);
    color: var(--color-white);
    text-transform: uppercase;
    text-shadow: 1px 1px 3px rgba(27,27,30,0.35);
    transition: opacity .3s ease-in-out;
  }

  .slid-title::after {
    --size-btn: 20px;
    --size-icon: 6px;
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    display: table;
    border: 1px solid var(--color-white);
    border-radius: var(--size-btn);
    width: var(--size-btn);
    height: var(--size-btn);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOS40IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgOS40IDE2IiBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cG9seWdvbiBwb2ludHM9IjAsMS40IDYuNiw4IDAsMTQuNiAxLjQsMTYgOS40LDggMS40LDAgIi8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-size: var(--size-icon) auto;
    background-position: right calc(((var(--size-btn) - var(--size-icon)) / 2) - 2px) center;
    transform: translateY(-50%);
  }

  @media (min-width: 1025px) {
    .slid-link:hover .slid-title {
      opacity: 0.76;
    }
  }

  /* Иллюстрации */

  .slid-foto {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }

  .slid-foto > img {
    width: 100%;
    height: 100%;
    transition: transform .6s ease-in-out;
  }

  @media (min-width: 1025px) {
    .slid-link:hover .slid-foto > img {
      transform: scale(1.1);
    }
  }
}

@media (max-width: 1024px) {
  .slick-prev {
    left: calc(30px - ((var(--size-btn) - var(--size-icon)) / 2));
  }

  .slick-next {
    right: calc(30px - ((var(--size-btn) - var(--size-icon)) / 2));
  }

  .slick-dots {
    bottom: 40px;
    gap: 8px;
  }

  .slick-dots li {
    width: 10px;
    height: 10px;
  }

  .slick-dots li button {
    width: 10px;
    height: 10px;
  }
}

/*!!!* Отмена поворота экрана *!!!*/

@media (max-width: 768px) and (orientation: landscape), (max-height: 600px) and (orientation: landscape) {
  body.en-orientation::before {
    content: '';
    position: fixed;
    top: 0;
    width: 100vw;
    height: 90vh;
    background-image: url("/images/icons/no-girar.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 50%;
    background-color: var(--color-white);
  }

  body.en-orientation .en-header,
  body.en-orientation .en-main,
  body.en-orientation .en-footer {
    display: none;
  }
}

/*!!!* SCROLLBAR *!!!*/

@media all {
  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  ::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    background-repeat: no-repeat;
  }

  ::-webkit-scrollbar-track {
    background-color: var(--color-white);
  }

  ::-webkit-scrollbar-track-piece {
    background-color: transparent;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: var(--color-ochre);
  }

  ::-webkit-scrollbar-corner {
    background-color: transparent;
  }

  ::-webkit-resizer {
    width: 6px;
    height: 1px;
    background-repeat: no-repeat;
  }
}

@media (max-width: 2200px) {
  ::-webkit-scrollbar-track {
    background-color: var(--color-black);
  }
}

@media (max-width: 1024px) {
  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    display: inline;
  }

  ::-webkit-resizer {
    width: 4px;
  }
}

/*!!!* Fancybox *!!!*/

@media all {
  .with-fancybox .en-header__container.fixed {
    display: none;
  }

  .with-fancybox .en-up > div {
    display: none;
  }
}