/*!!!* ИЛЛЮСТРИРОВАННЫЙ ЗАГОЛОВОК СТРАНИЦ *!!!*/

@media all {
  .en-hero {
    position: relative;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    /* max-height: 960px; */
  }

  .en-hero__content {
    position: absolute;
    bottom: 120px;
    left: 50%;
    padding-right: var(--padding-container);
    padding-left: var(--padding-container);
    width: 100%;
    transform: translateX(-50%);
    z-index: 2;
  }

  .en-hero__title {
    margin: 0;
    margin-top: -7px;
    margin-bottom: -5px;
    font-size: 34px;
    line-height: 36px;
    font-weight: 500;
    color: var(--color-white);
    text-align: center;
    text-transform: uppercase;
  }

  .en-hero__slider {
    z-index: 1;
  }

  .en-hero__bg .slick-list:before,
  .en-hero__bg .slick-list:after {
    content: '';
    position: absolute;
    inset: 0;
    display: block;
    overflow: visible;
    background-repeat: no-repeat;
    z-index: 1;
  }

  .en-hero__bg--circles-top-right .slick-list::after {
    background-image: url("/images/bg/bg_krug_header.svg");
    background-position: right top;
    background-size: 20% auto;
  }

  .en-down {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 28px;
    height: 90px;
    transform: translateX(-50%);
    z-index: 2;
    cursor: pointer;
  }

  .en-down__arrow {
    position: absolute;
    width: 28px;
    height: 8px;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite;
  }

  .en-down__arrow:first-child {
    animation: move 3s ease-out 1s infinite;
  }

  .en-down__arrow:nth-child(2) {
    animation: move 3s ease-out 2s infinite;
  }

  .en-down__arrow:before,
  .en-down__arrow:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #fff;
  }

  .en-down__arrow:before {
    left: 0;
    transform: skew(0deg, 30deg);
  }

  .en-down__arrow:after {
    right: 0;
    width: 50%;
    transform: skew(0deg, -30deg);
  }

  @keyframes move {
    25% {
      opacity: 1;
    }
    33% {
      opacity: 1;
      transform: translateY(30px);
    }
    67% {
      opacity: 1;
      transform: translateY(40px);
    }
    100% {
      opacity: 0;
      transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
    }
  }
}

@media (max-height: 1040px) {
  .en-hero {
    max-height: none;
  }
}

@media (max-width: 1024px) {
  /* .en-hero__content {
    bottom: 80px;
  } */

  .en-hero__title {
    margin-top: -5px;
    margin-bottom: -5px;
    font-size: 28px;
    line-height: 30px;
  }

  .en-hero__bg--circles-top-right .slick-list::after {
    background-size: auto 38%;
  }
}

@media (max-width: 576px) {
  .en-hero__title {
    margin-top: -4px;
    margin-bottom: -4px;
    font-size: 17px;
    line-height: 20px;
  }

  .en-hero__bg--circles-top-right .slick-list::after {
    background-size: auto 34%;
  }
}

/*!!!* ТЕКСТОВЫЙ БЛОК — СТРОЧКА *!!!*/

@media all {
  .en-text-line {
    --width-limitation: 700px;
    position: relative;
    flex-direction: column;
    padding-top: var(--padding-block);
    padding-bottom: var(--padding-block);
    width: 100%;
  }

  .en-text-line::after,
  .en-text-line::before {
    content: '';
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 2;
  }

  .en-text-line--bg {
    z-index: -1;
  }

  .en-text-line--bg-polukrug-zagolovok-right::after {
    top: 0;
    left: 0;
    width: 220px;
    height: 380px;
    background-image: url("/images/bg/bg_polukrug_zagolovok_right.svg");
    transform: translateY(-50%);
  }

  .en-text-line--bg_krug_raboty::after {
    inset: 0;
    background-image: url("/images/bg/bg_krug_raboty_grey.svg");
    background-size: 90% auto;
    background-position: center;
  }

  .en-text-line--bg-serdce-kompaniya::before {
    top: 0;
    right: -4%;
    bottom: 0;
    width: 100%;
    background-image: url("/images/bg/bg_serdce-kompaniya_left.svg");
    background-size: auto 80%;
    background-position: right center;
  }

  .en-text-line--bg-serdce-sotrudniki::before {
    inset: 0;
    background-image: url("/images/bg/bg_serdce_grey.svg");
    background-size: auto 90%;
    background-position: center;
    opacity: 0.46;
  }

  .en-text-line--bg_krug_kontakty::after {
    top: 50%;
    right: calc((100% - 1300px)/2 - 4%);
    padding-top: 38%;
    width: 38%;
    background-image: url("/images/bg/bg_krug_kontakty.svg");
    background-size: 100%;
    background-position: center;
    transform: translateY(-50%);
  }

  .en-text-line__container {
    flex-direction: column;
    align-items: center;
    max-width: 1300px;
    z-index: 3;
    background-color: var(--color-bg-blue);
  }
}

@media (max-width: 1640px) {
  .en-text-line--bg-polukrug-zagolovok-right::after {
    width: 160px;
    height: 276px;
  }

  .en-text-line--bg_krug_kontakty::after {
    right: var(--padding-container);
  }
}

@media (max-width: 1440px) {
  .en-text-line {
    --width-limitation: 600px;
  }
}

@media (max-width: 1024px) {
  .en-text-line {
    --width-limitation: 740px;
  }

  .en-text-line--bg-polukrug-zagolovok-right::after {
    width: 90px;
    height: 156px;
    opacity: .86;
  }

  .en-text-line--bg-serdce-sotrudniki::before {
    background-position: top 10% center;
    background-size: 90% auto;
  }

  .en-text-line--bg_krug_kontakty::after {
    padding-top: 46%;
    right: -4%;
    width: 46%;
  }
}

@media (max-width: 768px) {
  .en-text-line {
    --width-limitation: 100%;
  }

  .en-text-line--bg-polukrug-zagolovok-right::after {
    opacity: 1;
  }

  .en-text-line--bg_krug_raboty::after {
    background-size: 150% auto;
  }

  .en-text-line--bg-serdce-kompaniya::before {
    right: 0;
    background-position: right bottom 10%;
    background-size: 220px auto;
  }

  .en-text-line--bg_krug_kontakty::after {
    top: 0;
    right: -60%;
    bottom: 0;
    padding-top: 0;
    width: 100%;
    background-size: auto 80%;
    background-position: left bottom -100px;
    opacity: .46;
    transform: none;
  }

  .en-text-line__container {
    padding-right: 60px;
    padding-left: 60px;
  }
}

@media (max-width: 576px) {
  .en-text-line--bg-serdce-sotrudniki::before {
    display: none;
  }
}

/*!!!* ТЕКСТОВЫЙ БЛОК — РАСКРЫВАЮЩИЕСЯ *!!!*/

@media all {
  .en-text-unfold {
    position: relative;
    flex-direction: column;
    padding-top: var(--padding-block);
    padding-bottom: var(--padding-block);
    width: 100%;
    transition: max-height .6s ease-out;
  }

  .en-text-unfold::after,
  .en-text-unfold::before {
    content: '';
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 2;
  }

  .en-text-unfold--bg {
    z-index: -1;
  }

  .en-text-unfold--bg-polukrug-text-right::before {
    top: 180px;
    right: 0;
    width: 260px;
    height: 527px;
    background-image: url("/images/bg/bg_polukrug_text_right-white.svg");
  }

  .en-text-unfold--bg-polukrug-text-left::before {
    top: 180px;
    left: 0;
    width: 260px;
    height: 527px;
    background-image: url("/images/bg/bg_polukrug_text_right-white.svg");
    transform: rotate(180deg);
  }

  .en-text-unfold--bg-polukrug-text-ginger-left {
    overflow: hidden;
  }

  .en-text-unfold--bg-polukrug-text-ginger-left::before {
    top: 50%;
    left: 0;
    width: 380px;
    height: 735px;
    background-image: url("/images/bg/bg_polukrug_text_right-ginger.svg");
    transform: translateY(-50%);
  }

  .en-text-unfold__container {
    flex-direction: column;
    align-items: center;
    max-width: 1300px;
    z-index: 3;
    background-color: var(--color-bg-blue);
  }

  .en-text-unfold__punto {
    position: relative;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    padding-top: 40px;
    width: 100%;
  }

  .en-text-unfold__more {
    --size: 34px;
    border: 2px solid;
    border-color: var(--color-white);
    border-radius: var(--size);
    width: var(--size);
    height: var(--size);
    background-image: url("/images/icons/arrow_white.svg");
    background-position: top calc(50% + 1px) center;
    background-repeat: no-repeat;
    background-size: calc((var(--size) / 2) - 1px);
    z-index: 2;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
    opacity: 1;
    animation: pulse 1.5s linear alternate infinite;
  }

  @keyframes pulse {
    to {
      opacity: .65;
    }
  }

  @media (min-width: 1025px) {
    .en-text-unfold__more:hover {
      opacity: .76;
    }
  }

  .en-block-bg-white .en-text-unfold__more {
    border-color: var(--color-ochre);
    background-image: url("/images/icons/arrow_ochre.svg");
  }

  .en-text-unfold__punto.active .en-text-unfold__more {
    transform: rotate(180deg);
  }

  .en-text-unfold__descripcion {
    /* flex-direction: column; */
    padding-top: 10px;
    width: 100%;
    max-height: 0px;
    opacity: 0;
    transition: max-height .6s ease-out, opacity .3s ease-out;
  }

  .en-text-unfold__punto.active .en-text-unfold__descripcion {
    opacity: 1;
  }

  .en-text-unfold__descripcion > p {
    z-index: 1;
  }

  .en-text-unfold__descripcion > p:last-of-type {
    padding-bottom: 45px;
    z-index: 1;
  }
}

@media (max-width: 1640px) {
  .en-text-unfold--bg-polukrug-text-right::before {
    top: 120px;
    width: 230px;
    height: 466px;
    background-image: url("/images/bg/bg_polukrug_text_right-ochre.svg");
  }

  .en-text-unfold--bg-polukrug-text-left::before {
    top: 120px;
    width: 230px;
    height: 466px;
    opacity: 0.26;
  }

  .en-text-unfold--bg-polukrug-text-ginger-left::before {
    width: 330px;
    height: 639px;
  }
}

@media (max-width: 1024px) {
  .en-text-unfold--bg-polukrug-text-right::before {
    top: auto;
    bottom: -100px;
    width: 140px;
    height: 284px;
  }

  .en-text-unfold--bg-polukrug-text-left::before {
    top: auto;
    bottom: -100px;
    width: 140px;
    height: 284px;
  }

  .en-text-unfold--bg-polukrug-text-ginger-left::before {
    width: 180px;
    height: 348px;
  }

  .en-text-unfold__punto {
    padding-top: 30px;
  }

  .en-text-unfold__more {
    --size: 28px;
    background-size: calc((var(--size) / 2) - 2px);
  }

  .en-text-unfold__descripcion > p {
    padding-bottom: 35px;
  }
}

@media (max-width: 768px) {
  .en-text-unfold--index {
    justify-content: center;
    min-height: 50vh;
    /* min-height: calc(var(--vh, 1vh) * 50); */
  }

  .en-text-unfold--bg-polukrug-text-ginger-left::before {
    top: 5%;
    left: -5%;
    transform: none;
  }

  .en-text-unfold__container {
    padding-right: 60px;
    padding-left: 60px;
  }

  .en-text-unfold__punto {
    padding-top: 12px;
  }

  .en-text-unfold__more {
    --size: 22px;
    border-width: 1px;
    background-position: center;
    background-size: 10px auto;
  }

  .en-text-unfold__descripcion {
    padding-top: 20px;
  }

  .en-text-unfold__descripcion > p {
    padding-bottom: 25px;
  }
}

@media (max-width: 576px) {
  .en-text-unfold--bg-polukrug-text-ginger-left::before {
    left: -10%;
  }

  .en-text-line__container--bg-serdce-min-sotrudniki::before {
    content: '';
    position: absolute;
    top: -20%;
    left: 50%;
    width: 320px;
    height: 140%;
    background-image: url("/images/bg/bg_serdce_grey.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    transform: translate(-50%);
    opacity: 0.36;
  }
}

/*!!!* INDEX — список технологий *!!!*/

@media all {
  .en-technology {
    position: relative;
    width: 100%;
    min-height: calc(100vh - 50px);
    min-height: calc((var(--vh, 1vh) * 100) - 50px);
  }

  .en-technology--brown {
    background-color: var(--color-brown-light);
  }

  .en-technology--green {
    background-color: var(--color-green-dark);
  }

  .en-technology--black {
    background-color: var(--color-brown-dark);
  }

  .en-technology--grey {
    background-color: var(--color-grey);
  }

  .en-technology--turquoise {
    background-color: var(--color-grey-turquoise);
  }

  .en-technology__img {
    position: relative;
    flex-direction: column;
    width: 50%;
  }

  .en-technology--right .en-technology__img {
    order: 2;
  }

  .en-technology__img::after {
    content: '';
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
  }

  .en-technology__img--bg-left-bottom::after {
    bottom: 0;
    left: 0;
    width: 290px;
    height: 326px;
    background-image: url("/images/bg/bg_krug_tehnologii_left_quarter.svg");
  }

  .en-technology__img--bg-center::after {
    top: 0;
    right: 0;
    width: 730px;
    height: 730px;
    background-image: url("/images/bg/bg_krug_tehnologii_center.svg");
    transform: translate(50%, -50%);
  }

  .en-technology__img--bg-right-top::after {
    top: 0;
    right: 0;
    width: 250px;
    height: 533px;
    background-image: url("/images/bg/bg_krug_tehnologii_right.svg");
    transform: translateY(-50%);
  }

  .en-technology .slick-dots {
    bottom: var(--padding-container);
    right: 0;
    left: auto;
    justify-content: right;
    padding-right: var(--padding-container);
    padding-left: var(--padding-container);
    width: 100%;
    max-width: calc(var(--width-container) / 2);
    transform: none;
  }

  .en-technology--right .slick-dots {
    right: auto;
    left: 0;
  }

  .en-technology__content {
    position: relative;
    flex-direction: column;
    width: 50%;
  }

  .en-technology__content--proyectos::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("/images/bg/bg_polukrug_proyectos_right.svg");
    background-position: right top 46%;
    background-repeat: no-repeat;
    background-size: auto 50%;
    z-index: 2;
  }

  .en-technology--right .en-technology__content {
    align-items: end;
    order: 1;
  }

  .en-technology--turquoise .en-technology__content {
    position: relative;
    overflow: hidden;
  }

  .en-technology--turquoise .en-technology__content::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 80px;
    width: 250px;
    height: 500px;
    background-image: url("/images/bg/bg_polukrug_tehnologii_text-grey.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 2;
  }

  .en-technology--right.en-technology--turquoise .en-technology__content::before {
    right: auto;
    left: 0;
    transform: rotate(180deg);
  }

  .en-technology__text {
    --padding-top: 150px;
    position: relative;
    flex-direction: column;
    align-items: start;
    gap: 90px;
    padding-top: var(--padding-top);
    padding-right: var(--padding-container);
    padding-bottom: var(--padding-container);
    padding-left: var(--padding-container);
    width: 100%;
    height: 100%;
    max-width: calc(var(--width-container) / 2);
    color: var(--color-white);
    z-index: 2;
  }

  .en-technology__text--corazon {
    --height-corazon: 35px;
    padding-bottom: calc(var(--padding-block) + var(--height-corazon) + 80px);
  }

  .en-technology__text--corazon::after {
    content: '';
    position: absolute;
    bottom: var(--padding-block);
    left: var(--padding-container);
    width: 40px;
    height: var(--height-corazon);
    background-image: url("/images/bg/bg_serdce_white.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
  }

  .en-section-title--mitad {
    padding-bottom: 0;
    text-align: left;
  }

  .en-technology__desc {
    flex-direction: column;
    flex: 1;
  }

  .en-section-text--mitad {
    margin-top: -17px;
    margin-bottom: -13px;
    line-height: 40px;
    text-align: left;
  }

  .en-technology__more {
    border-color: rgba(255,255,255,.46);
    color: var(--color-white);
  }

  .en-technology__more::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOS40IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgOS40IDE2IiBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cG9seWdvbiBwb2ludHM9IjAsMS40IDYuNiw4IDAsMTQuNiAxLjQsMTYgOS40LDggMS40LDAgIi8+Cjwvc3ZnPgo=);
  }

  @media (min-width: 1025px) {
    .en-technology__more:hover {
      border-color: var(--color-white);
    }
  }
}

@media (max-width: 1640px) {
  .en-technology__img--bg-left-bottom::after {
    width: 240px;
    height: 270px;
  }

  .en-technology__img--bg-center::after {
    width: 630px;
    height: 630px;
  }

  .en-technology__img--bg-right-top::after {
    width: 200px;
    height: 427px;
  }

  .en-technology--turquoise .en-technology__content::before {
    bottom: 70px;
    width: 200px;
    height: 400px;
  }
}

@media (max-width: 1440px) {
  .en-technology__img--bg-left-bottom::after {
    width: 190px;
    height: 214px;
  }

  .en-technology__img--bg-center::after {
    width: 530px;
    height: 530px;
  }

  .en-technology__img--bg-right-top::after {
    width: 150px;
    height: 320px;
  }

  .en-technology__content--proyectos::before {
    opacity: 0.26;
  }

  .en-technology__text {
    --padding-top: 130px;
  }

  .en-technology__text--corazon {
    padding-bottom: calc(var(--padding-block) + var(--height-corazon) + 60px);
  }
}

@media (max-width: 1024px) {
  .en-technology {
    height: auto;
    min-height: 100vh;
    /* min-height: calc(var(--vh, 1vh) * 100); */
  }

  .en-technology__img--bg-left-bottom::after {
    width: 150px;
    height: 169px;
  }

  .en-technology__img--bg-center::after {
    width: 430px;
    height: 430px;
  }

  .en-technology__img--bg-right-top::after {
    width: 120px;
    height: 256px;
  }

  .en-technology__text--corazon {
    --height-corazon: 26px;
  }

  .en-technology__text--corazon::after {
    width: 30px;
  }

  .en-section-text--mitad {
    margin-top: -13px;
    margin-bottom: -9px;
    line-height: 30px;
  }
}

@media (max-width: 768px) {
  .en-technology {
    flex-direction: column;
    /* height: auto; */
    /* min-height: 100vh; */
    /* min-height: calc(var(--vh, 1vh) * 100); */
  }

  .en-technology__img {
    flex-grow: 1;
    flex-basis: 0;
    width: 100%;
    min-height: 50vh;
    min-height: calc(var(--vh, 1vh) * 50);
    height: 50vh;
    height: calc(var(--vh, 1vh) * 50);
  }

  .en-technology--turquoise .en-technology__img,
  .en-technology--right.en-technology--turquoise .en-technology__img {
    order: 2;
  }

  .en-technology--right .en-technology__img {
    order: 1;
  }

  .en-technology__img--bg-left-bottom::after {
    right: 0;
    left: auto;
    width: 80px;
    height: 180px;
    background-image: url("/images/bg/bg_krug_tehnologii_left_semicircle.svg");
    transform: translateY(50%);
  }

  .en-technology__img--bg-center::after {
    width: 290px;
    height: 290px;
  }

  .en-technology__img--bg-left-bottom-add::after {
    left: 0;
    bottom: 0;
    width: 290px;
    height: 290px;
    background-image: url("/images/bg/bg_krug_tehnologii_center.svg");
    transform: translate(-50%, 50%);
  }

  .en-technology__img--bg-right-top::after {
    width: 70px;
    height: 149px;
  }

  .en-technology .slick-dots {
    bottom: 40px;
    justify-content: center;
  }

  .en-technology__content {
    justify-content: center;
    flex-grow: 1;
    flex-basis: auto;
    width: 100%;
    /* flex-grow: 1;
    flex-basis: 0;
    width: 100%;
    min-height: 50vh; */
  }

  .en-technology__content--proyectos::before {
    background-position: right top 12%;
  }

  .en-technology--right .en-technology__content {
    align-items: end;
    order: 2;
  }

  .en-technology--turquoise .en-technology__content,
  .en-technology--right.en-technology--turquoise .en-technology__content {
    justify-content: center;
    flex-grow: 1;
    flex-basis: auto;
    order: 1;
  }

  .en-technology--turquoise .en-technology__content::before {
    bottom: 50px;
    width: 150px;
    height: 300px;
  }

  .en-technology__text {
    --padding-top: 60px;
    align-items: center;
    justify-content: center;
    gap: 35px;
    padding-bottom: 60px;
  }

  .en-technology__text--corazon {
    --height-corazon: 28px;
    padding-bottom: calc(var(--padding-top) + var(--height-corazon) + 40px);
  }

  .en-technology__text--corazon::after {
    left: 50%;
    bottom: var(--padding-top);
    width: 32px;
    transform: translateX(-50%);
  }

  .en-section-title--mitad {
    text-align: center;
  }

  .en-technology__desc {
    flex: none;
  }

  .en-section-text--mitad {
    margin-top: -8px;
    margin-bottom: -4px;
    padding-right: 30px;
    padding-left: 30px;
    line-height: 20px;
    text-align: center;
  }
}

/*!!!* INDEX — список материалов *!!!*/

@media all {
  .en-materialy {
    --items-margin: 70px;
    --nav-margin: 50px;
    position: relative;
    flex-direction: column;
    overflow: hidden;
    padding-top: var(--padding-block);
    padding-bottom: var(--padding-block);
    width: 100%;
    color: var(--color-white);
  }

  .en-materialy--index {
    color: var(--color-black);
  }

  .en-materialy--index::before,
  .en-materialy--index::after {
    content: '';
    position: absolute;
    inset: 0;
    display: block;
    overflow: visible;
    background-image: url("/images/bg/bg_krug_partnery.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 34% auto;
    z-index: 1;
  }

  .en-materialy--index::after {
    transform: rotate(180deg);
  }

  .en-materialy__container {
    flex-direction: column;
    align-items: center;
    max-width: 1300px;
    z-index: 2;
  }

  .en-section-text--materialy {
    padding-bottom: 60px;
  }

  .en-woodfocus--index {
    padding-bottom: var(--padding-block);
    width: 100%;
    max-width: 200px;
    z-index: 10;
  }

  .en-woodfocus__link {
    display: inline-block;
    background-color: var(--color-bg-blue);
  }

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

  .en-materialy__items {
    margin: 0 calc(var(--items-margin) * -1);
    width: calc(100% + var(--items-margin)*2);
    z-index: 2;
  }

  .en-materialy__items .slick-prev {
    left: calc(var(--nav-margin) - ((var(--size-btn) - var(--size-icon)) / 2) + var(--items-margin));
  }

  .en-materialy__items .slick-next {
    right: calc(var(--nav-margin) - ((var(--size-btn) - var(--size-icon)) / 2) + var(--items-margin));
  }

  .en-materialy__items .draggable {
    padding-bottom: calc(30px + 14px);
  }

  .en-materialy__items .slick-dots {
    bottom: 0;
  }

  .en-materialy__items .slick-dots li button {
    background-color: var(--color-grey-light);
  }

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

  .en-materialy__items .slick-slid {
    margin-right: 15px;
    margin-left: 15px;
  }

  .en-materialy__items .slid-link::after {
    content: "";
    position: relative;
    display: block;
    width: 100%;
    padding-top: 145%;
    z-index: 1;
  }
}

@media (max-width: 1024px) {
  .en-materialy--index::before,
  .en-materialy--index::after {
    background-position: left -14% center;
    background-size: 44% auto;
  }

  .en-section-text--materialy {
    padding-bottom: 35px;
  }

  .en-woodfocus--index {
    max-width: 160px;
  }

  .en-materialy__items .draggable {
    padding-bottom: calc(20px + 10px);
  }

  .en-materialy__items .slick-slid {
    margin-right: 10px;
    margin-left: 10px;
  }
}

@media (max-width: 768px) {
  .en-materialy--index::before,
  .en-materialy--index::after {
    background-position: left -60% top 28%;
    background-size: 64% auto;
  }

  .en-materialy--index::after {
    background-position: left -60% bottom 28%;
  }

  .en-materialy {
    --items-margin: 240px;
    --nav-margin: 20px;
  }
}

@media (max-width: 576px) {
  .en-materialy--index::before,
  .en-materialy--index::after {
    background-position: left -260% top 28%;
    background-size: 84% auto;
  }

  .en-materialy--index::after {
    background-position: left -260% bottom 28%;
  }
}

/*!!!* ТЕХНОЛОГИИ *!!!*/

@media all {
  .en-section-title--tehnologii {
    font-weight: var(--font-normal);
  }
}

/*!!!* МАТЕРИАЛЫ И УСЛУГИ — списки *!!!*/

@media all {
  .en-company-lists {
    position: relative;
    width: 100%;
    z-index: 3;
    background-color: var(--color-bg-blue);
  }

  .en-company-lists--page {
    padding-bottom: 0;
  }

  .en-company-lists::before {
    content: '';
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 2;
  }

  .en-company-lists--bg-polukrug-text-grey-right::before {
    top: 190px;
    right: 0;
    width: 270px;
    height: 758px;
    background-image: url("/images/bg/bg_polukrug_text_right-grey.svg");
  }

  .en-company-lists--principal::after {
    content: '';
    position: absolute;
    inset: 0;
    display: block;
    overflow: visible;
    background-image: url("/images/bg/bg_krug_lists.svg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 90%;
    z-index: 1;
  }

  .en-barbar::after {
    content: '';
    position: absolute;
    inset: 0;
    display: block;
    overflow: visible;
    background-image: url("/images/bg/bg_krug_lists_punto.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 160%;
    z-index: 1;
  }

  .en-company-lists__container {
    --columns: 5;
    --gap: 30px;
    justify-content: center;
    column-gap: var(--gap);
    row-gap: 40px;
    padding-top: var(--padding-block);
    padding-bottom: var(--padding-block);
    max-width: 1300px;
    z-index: 2;
    background-color: var(--color-bg-blue);
  }

  .en-company-lists--page .en-company-lists__container {
    padding-bottom: 0;
  }

  .en-company-services {
    width: calc((100% - var(--gap)*(var(--columns) - 1))/var(--columns));
    max-width: 200px;
    background-color: var(--color-bg-blue);
  }

  .en-company-service {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    height: 100%;
  }

  .en-company-service__img {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
    border-radius: 100%;
    width: 100%;
    background-color: var(--color-bg-blue);
  }

  .en-company-service__img > picture {
    position: absolute;
    inset: 0;
    width: 100%;
    background-color: var(--color-white);
  }

  .en-company-service__img > picture > img {
    width: 100%;
    color: var(--color-white);
    background-color: var(--color-white);
    transition: opacity .5s ease-in-out, transform .6s ease-in-out;
    will-change: transform;
    opacity: 0.46;
  }

  @media (min-width: 1025px) {
    .en-company-services:hover .en-company-service__img > picture > img {
      -ms-transform: scale(1.08);
          transform: scale(1.08);
      -webkit-transform: scale(1.08);
      opacity: 1;
    }
  }

  .en-company-service__text {
    position: relative;
    align-items: center;
    justify-content: center;
    flex: 1;
    border: 1px solid var(--color-ochre);
    width: calc(100% - 10px);
    transition: border-color .3s ease-in-out, background-color .3s ease-in-out;
  }

  @media (min-width: 1025px) {
    .en-company-service:hover .en-company-service__text {
      border-color: var(--color-black);
      background-color: var(--color-black);
    }
  }

  .en-company-service__text > p {
    margin: 0;
    margin-top: -5px;
    margin-bottom: -3px;
    padding: 12px 26px;
    /* padding-right: 26px; */
    font-size: 13px;
    line-height: 15px;
    color: var(--color-black);
    font-weight: var(--font-medium);
    text-align: center;
    transition: color .3s ease-in-out;
    background-color: var(--color-bg-blue);
  }

  @media (min-width: 1024px) {
    .en-company-service:hover .en-company-service__text > p {
      color: var(--color-white);
    }
  }

  .en-company-service__text > svg {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 10px;
    fill: var(--color-ochre);
    transform: translateY(-50%);
    transition: fill .3s ease-in-out;
  }

  @media (min-width: 1024px) {
    .en-company-service:hover .en-company-service__text > svg {
      fill: var(--color-white);
    }
  }

  .en-technology + .en-text-unfold--services,
  .en-block-photodescription + .en-text-unfold--services {
    padding-bottom: var(--padding-block);
  }

  .en-text-unfold--services--solo-text {
    padding-bottom: 0 !important;
  }

  .en-block-photodescription {
    position: relative;
    width: 100%;
    height: calc(80vh);
    height: calc(var(--vh, 1vh) * 80);
    max-height: 900px;
    background-color: var(--color-bg-blue);
  }

  .en-block-photodescription--small {
    max-width: 1200px;
    height: calc(60vh);
    height: calc(var(--vh, 1vh) * 60);
  }

  .en-block-photodescription--img,
  .en-block-photodescription__img {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
  }

  .en-block-photodescription--img > img,
  .en-block-photodescription__img > img {
    width: 100%;
    height: 100%;
  }

  #en-photos {
    flex: 1;
  }
}

@media (max-width: 1440px) {
  .en-company-lists--bg-polukrug-text-grey-right::before {
    top: 130px;
    right: 0;
    width: 220px;
    height: 617px;
  }
}

@media (max-width: 1300px) {
  .en-company-lists__container {
    --columns: 4;
  }
}

@media (max-width: 1024px) {
  .en-company-lists__container {
    --columns: 3;
  }

  .en-company-lists--principal::after {
    background-position: right -20% center;
    background-size: auto 80%;
  }

  .en-company-service__img > picture > img {
    opacity: 1;
  }

  .en-block-photodescription {
    max-height: 600px;
    background-color: var(--color-bg-blue);
  }
}

@media (max-width: 768px) {
  .en-company-lists__container {
    --columns: 2;
  }

  .en-company-lists--principal::after {
    background-position: right -40% top 10%;
    background-size: auto 40%;
  }

  .en-barbar::after {
    background-position: left -5% center;
    background-size: auto 140%;
  }
}

@media (max-width: 576px) {
  .en-company-lists__container {
    --columns: 1;
  }

  .en-company-lists--principal::after {
    background-position: right top -1%;
    background-size: auto 800px;
  }

  .en-barbar::after {
    background-position: left -15% top -60px;
    background-size: auto 100%;
  }

  .en-block-photodescription {
    height: auto;
    height: calc(50vh);
    height: calc(var(--vh, 1vh) * 50);
    max-height: none;
  }
}

/*!!!* ПРОЕКТЫ — список *!!!*/

@media all {
  .en-text-line--proyectos {
    padding-bottom: 0;
    z-index: 3;
  }

  .en-text-line__container--proyectos {
    padding-bottom: var(--padding-block);
  }

  .en-proyectos-spisok {
    --columns: 6;
    --gap: 50px;
    position: relative;
    flex-direction: column;
    align-items: center;
    width: calc(100% + 5%*2);
    margin-right: -5%;
    margin-left: -5%;
  }

  .en-proyectos-spisok::after {
    content: '';
    position: absolute;
    inset: 0;
    top: 40%;
    width: 100%;
    background-color: var(--color-white);
    z-index: -1;
  }

  .en-proyectos {
    justify-content: center;
    gap: var(--gap);
    padding-bottom: calc(var(--padding-block)/2);
    width: 100%;
  }

  .en-proyectos__img {
    position: relative;
    width: calc((100% - var(--gap)*(var(--columns) - 1))/var(--columns));
  }

  .en-proyectos__img::after {
    content: '';
    position: absolute;
    top: -100%;
    left: -100%;
    display: block;
    width: 300%;
    height: 300%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    /* background-color: gold; */
  }

  .en-proyectos__img:nth-child(1)::after {
    background-image: url("/images/bg/bg_krug_raboty_ochre.svg");
  }

  .en-proyectos__img:nth-child(6)::after {
    background-image: url("/images/bg/bg_krug_raboty_ochre-light.svg");
  }

  .en-proyectos__img > picture {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 100%;
    width: 100%;
    z-index: 1;
  }

  .en-proyectos__img > picture::after {
    content: '';
    display: block;
    padding-top: 100%;
    z-index: -1;
  }

  .en-proyectos__img img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: auto;
  }
}

@media (max-width: 1440px) {
  .en-proyectos-spisok {
    --columns: 5;
  }

  .en-proyectos__img:nth-child(5)::after {
    background-image: url("/images/bg/bg_krug_raboty_ochre-light.svg");
  }

  .en-proyectos__img:nth-child(6) {
    display: none;
  }
}

@media (max-width: 1024px) {
  .en-proyectos-spisok {
    --gap: 30px;
  }

  .en-proyectos__img::after {
    top: -34%;
    left: -34%;
    width: 168%;
    height: 168%;
  }
}

@media (max-width: 768px) {
  .en-proyectos-spisok {
    --columns: 4;
  }

  .en-proyectos__img:nth-child(4)::after {
    background-image: url("/images/bg/bg_krug_raboty_ochre-light.svg");
  }

  .en-proyectos__img:nth-child(5) {
    display: none;
  }
}

@media (max-width: 576px) {
  .en-proyectos-spisok {
    --columns: 3;
  }

  .en-proyectos__img:nth-child(3)::after {
    background-image: url("/images/bg/bg_krug_raboty_ochre-light.svg");
  }

  .en-proyectos__img:nth-child(4) {
    display: none;
  }
}

@media (max-width: 475px) {
  .en-proyectos-spisok {
    width: calc(100% + 25%*2);
    margin-right: -25%;
    margin-left: -25%;
  }
}

/*!!!* ПРОЕКТЫ — особенности *!!!*/

@media all {
  .en-section-text--project {
    margin-top: -4px;
    margin-bottom: -5px;
    padding-top: 60px !important;
    font-size: 26px;
    line-height: 107%;
    font-weight: 500;
    text-transform: uppercase;
    opacity: 0.66;
    background-color: var(--color-bg-blue);
  }

  .en-project-features {
    padding-top: 40px;
    padding-left: 18px;
    width: fit-content;
    max-width: 660px;
    opacity: 0.76;
    background-color: var(--color-bg-blue);
  }

  .en-project-features > li {
    margin-top: -8px;
    margin-bottom: -5px;
    width: 100%;
    font-size: 17px;
    line-height: 130%;
    text-align: left;
    -webkit-hyphens: auto !important;
    -moz-hyphens: auto !important;
    hyphens: auto !important;
    list-style-type: disc;
    background-color: var(--color-bg-blue);
  }

  .en-project-features > li:not(:last-of-type) {
    padding-bottom: 18px;
  }
}

@media (max-width: 1024px) {
  .en-section-text--project {
    margin-top: -4px;
    margin-bottom: -4px;
    padding-top: 52px !important;
    font-size: 22px;
  }

  .en-project-features {
    padding-top: 32px;
    padding-left: 18px;
  }

  .en-project-features > li {
    margin-top: -8px;
    margin-bottom: -4px;
    font-size: 15px;
    line-height: 135%;
  }
}

@media (max-width: 768px) {
  .en-section-text--project {
    padding-top: 48px !important;
  }

  .en-project-features {
    padding-top: 24px;
  }
}

/*!!!* ПРОЕКТЫ — фотогалереи *!!!*/

@media all {
  .en-proyecto {
    position: relative;
    flex-direction: column;
    width: 100%;
    min-height: calc(100vh - 50px);
    min-height: calc((var(--vh, 1vh) * 100) - 50px);
    background-color: #f3f4f4;
  }

  .en-proyecto::after {
    content: '';
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
  }

  .en-proyecto__brown-light {
    z-index: 4;
  }

  .en-proyecto__green {
    z-index: 2;
  }

  .en-proyecto__brown-dark {
    z-index: 3;
  }

  .en-proyecto--bg-right::after {
    top: 0;
    right: 5%;
    width: 420px;
    height: 209px;
    background-image: url("/images/bg/bg_polukrug_proyecto_right.svg");
    transform: translateY(-100%);
  }

  .en-proyecto--bg-left::after {
    left: 0;
    width: 180px;
    height: 310px;
    background-image: url("/images/bg/bg_polukrug_proyecto_left.svg");
    transform: translateY(-50%);
  }

  .en-proyecto__title {
    justify-content: center;
    padding-right: var(--padding-container);
    padding-left: var(--padding-container);
    width: 100%;
  }

  .en-proyecto--green .en-proyecto__title {
    background-color: var(--color-green-dark);
  }

  .en-proyecto--brown-light .en-proyecto__title {
    background-color: var(--color-brown-light);
  }

  .en-proyecto--brown .en-proyecto__title {
    background-color: var(--color-brown);
  }

  .en-proyecto--brown-dark .en-proyecto__title {
    background-color: var(--color-brown-dark);
  }

  .en-proyecto__container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding-top: var(--padding-block);
    padding-bottom: var(--padding-block);
    height: 100%;
    z-index: 2;
    background-color: var(--color-bg-blue);
  }

  .en-proyecto__fotos {
    column-count: 2;
    column-gap: 40px;
    column-fill: initial;
    position: relative;
    width: 100%;
    max-width: 1060px;
    background-color: var(--color-bg-blue);
  }

  .en-proyecto__foto {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    background-color: var(--color-bg-blue);
  }

  .en-proyecto__foto:nth-child(odd) {
    margin-bottom: 60px;
  }

  .en-proyecto__foto a {
    justify-content: center;
    width: 100%;
  }

  .en-proyecto__foto picture {
    position: relative;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-bottom: 30px;
    width: 100%;
  }

  .en-proyecto__foto picture::after {
    content: '';
    display: block;
    padding-top: 60%;
  }

  .en-proyecto__foto--larger picture::after {
    content: '';
    display: block;
    padding-top: 80%;
  }

  .en-proyecto__foto img {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform .6s ease-in-out;
  }

  .en-proyecto__name {
    margin: 0;
    margin-top: -5px;
    margin-bottom: -5px;
    padding-bottom: 20px;
    width: 100%;
    font-size: 21px;
    line-height: 25px;
    font-weight: var(--font-bold);
    color: var(--color-grey-medium);
    text-align: center;
    text-transform: uppercase;
    background-color: var(--color-bg-blue);
  }

  .en-proyecto__text {
    margin: 0;
    margin-top: -6px;
    margin-bottom: -2px;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: var(--color-grey-medium);
    text-align: center;
  }

  .en-proyectos-more {
    border-color: rgba(202,142,7,.46);
    color: var(--color-ochre);
  }

  .en-proyectos-more::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOS40IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgOS40IDE2IiBmaWxsPSIjY2E4ZTA3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cG9seWdvbiBwb2ludHM9IjAsMS40IDYuNiw4IDAsMTQuNiAxLjQsMTYgOS40LDggMS40LDAgIi8+Cjwvc3ZnPgo=);
  }

  @media (min-width: 1025px) {
    .en-proyectos-more:hover {
      border-color: var(--color-ochre);
    }
  }
}

@media (max-width: 1640px) {
  .en-proyecto--bg-right::after {
    width: 320px;
    height: 159px;
  }

  .en-proyecto--bg-left::after {
    width: 151px;
    height: 260px;
  }
}

@media (max-width: 1024px) {
  .en-proyecto {
    min-height: auto;
  }

  .en-proyecto--bg-right::after {
    width: 220px;
    height: 109px;
  }

  .en-proyecto__container {
    flex: none;
  }
}

@media (max-width: 768px) {
  .en-proyecto--bg-right::after {
    right: -5%;
    width: 160px;
    height: 80px;
  }

  .en-proyecto--bg-left::after {
    width: 93px;
    height: 160px;
  }

  .en-proyecto__container {
    max-width: 600px;
  }

  .en-proyecto__fotos {
    column-count: 1;
    column-gap: 40px;
    row-gap: 40px;
  }

  .en-proyecto__foto:nth-child(odd) {
    margin-bottom: 0;
  }

  .en-proyecto__foto:not(:last-of-type) {
    margin-bottom: 50px;
  }

  .en-proyecto__foto picture::after {
    padding-top: 80%;
  }
}

/*!!!* ПРОЕКТЫ — фотогалереи строений (4) *!!!*/

@media all {
  .en-block-photogallery {
    position: relative;
    overflow: hidden;
    justify-content: center;
    width: 100%;
    background-color: var(--color-bg-blue);
  }

  .en-block-photogallery--footer {
    padding-bottom: var(--padding-block);
  }

  .en-block-minigallery {
    justify-content: center;
    gap: 30px;
    padding-right: 30px;
    padding-left: 30px;
    width: 100%;
    max-width: 1190px;
    background-color: var(--color-bg-blue);
  }

  .en-block-minigallery__img {
    position: relative;
    width: calc((100% - 30px)/2);
    background-color: var(--color-bg-blue);
  }

  .en-block-minigallery__img::after {
    content: '';
    display: block;
    padding-top: 70vh;
  }

  .en-block-minigallery__img--polukrug::before {
    content: '';
    position: absolute;
    inset: 0;
    display: block;
    background-image: url("/images/bg/bg_polukrug_proyectos_left.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 56%;
    z-index: 2;
  }

  .en-block-minigallery__img picture {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  .en-block-minigallery__img img {
    width: 100%;
    height: 100%;
    transition: transform .6s ease-in-out;
  }
}

@media (max-width: 768px) {
  .en-block-minigallery__img {
    width: 100%;
    max-width: 550px;
  }
}

@media (max-width: 576px) {
  .en-block-minigallery__img::after {
    padding-top: 60vh;
  }

  .en-block-minigallery__img--polukrug::before {
    background-size: auto 46%;
  }
}

/*!!!* СПИСОК ПАРТНЁРОВ *!!!*/

@media all {
  .en-partnery {
    --partnery-gap: 70px;
    --partnery-offset: 2;
    justify-content: center;
    gap: var(--partnery-gap);
    padding-top: var(--padding-block);
    z-index: 2;
  }

  .en-partner {
    flex-direction: column;
    align-items: center;
    justify-content: start;
    width: calc((100% - var(--partnery-gap) * var(--partnery-offset)) / (var(--partnery-offset) + 1));
    max-width: 370px;
  }

  .en-partner__img {
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 60%;
    height: 110px;
  }

  .en-partner__img img {
    width: 100%;
    height: 100%;
    max-height: 110px;
    object-fit: contain;
  }

  .en-partner__text {
    margin: 0;
    margin-top: -7px;
    margin-bottom: -3px;
    padding-top: 40px;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
  }
}

@media (max-width: 1440px) {
  .en-partnery {
    --partnery-gap: 60px;
  }
}

@media (max-width: 1024px) {
  .en-partnery {
    --partnery-gap: 30px;
    flex-direction: column;
    align-items: center;
  }

  .en-partner {
    width: 100%;
    max-width: 540px;
  }

  .en-partner__img {
    max-width: 120px;
    height: auto;
  }

  .en-partner__img img {
    max-height: 80px;
  }

  .en-partner__text {
    margin-bottom: -4px;
    padding-top: 20px;
    font-size: 13px;
    line-height: 18px;
  }
}

/*!!!* СПИСОК КОЛЛЕГ *!!!*/

@media all {
  .en-text-line--colegas {
    padding-top: calc(var(--padding-block) - 20px);
  }

  .en-colegas {
    --partnery-gap: 70;
    --woodfocus: 300;
    --add: 150;
    --corazon: 300;
    justify-content: center;
    gap: calc(var(--partnery-gap) * 1px);
    padding-top: calc(var(--padding-block)/2);
    max-width: calc((var(--woodfocus) + var(--add) + var(--corazon) + var(--partnery-gap)*2)*1px + var(--padding-container)*2);
    z-index: 1;
  }

  .en-colega {
    position: relative;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    max-width: 320px;
    height: calc(var(--add)*1px);
  }

  .en-colega--woodfocus {
    width: calc((var(--woodfocus)*100%)/(var(--woodfocus) + var(--add) + var(--corazon) + var(--partnery-gap)*2));
  }

  .en-colega--add {
    width: calc((var(--add)*100%)/(var(--woodfocus) + var(--add) + var(--corazon) + var(--partnery-gap)*2));
  }

  .en-colega--add::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 53vw;
    height: 100vh;
    background-image: url("/images/bg/bg_krug_kollegi.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    transform: translate(-50%, -50%);
    z-index: -1;
  }

  .en-colega--corazon {
    width: calc((var(--corazon)*100%)/(var(--woodfocus) + var(--add) + var(--corazon) + var(--partnery-gap)*2));
  }

  .en-colega__img {
    align-items: center;
    justify-content: start;
    width: 100%;
    max-width: 100%;
    height: calc(var(--add)*1px);
  }

  .en-colega img {
    width: 100%;
    height: 100%;
    max-height: calc(var(--add)*1px);
    object-fit: contain;
  }

  .en-colega--corazon img {
    max-height: calc(var(--add)*1px - (var(--add)*1px)*0.2);
  }
}

@media (max-width: 1440px) {
  .en-text-line--colegas {
    padding-top: calc(var(--padding-block) - 10px);
  }

  .en-colegas {
    --partnery-gap: 60;
  }

  .en-colega--add::after {
    width: 73vw;
  }
}

@media (max-width: 1024px) {
  .en-colegas {
    --partnery-gap: 30;
    --add: 120;
    flex-direction: column;
    align-items: center;
  }

  .en-colega {
    width: 100%;
    max-width: 240px;
    height: auto;
  }

  .en-colega--add::after {
    width: 110vw;
  }

  .en-colega__img {
    justify-content: center;
    height: auto;
  }

  .en-colega--corazon img {
    max-height: calc(var(--add)*1px - (var(--add)*1px)*0.5);
  }
}

@media (max-width: 576px) {
  .en-colega--add::after {
    width: 150vw;
    height: 150vh;
  }
}

/*!!!* КОЛЛЕКТИВ *!!!*/

@media all {
  .en-team {
    --team-gap: 30px;
    --team-offset: 4;
    margin-top: var(--padding-block);
    margin-bottom: var(--padding-block);
    background-color: var(--color-ochre);
    z-index: 2;
  }

  .en-container--team {
    position: relative;
    justify-content: center;
    column-gap: var(--team-gap);
    row-gap: 60px;
    padding-top: 100px;
    padding-bottom: 100px;
    max-width: 1300px;
  }

  .en-container--team::after {
    content: '';
    position: absolute;
    top: 0;
    left: calc(var(--padding-container) + 2%);
    width: 160px;
    height: 76px;
    background-image: url("/images/bg/bg_krug_team.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .en-worker {
    justify-content: center;
    width: calc((100% - var(--team-gap) * var(--team-offset)) / (var(--team-offset) + 1));
  }

  .en-worker__foto {
    overflow: hidden;
    margin-bottom: 40px;
    border-radius: 100%;
    width: 100%;
    max-width: 200px;
    filter: grayscale(1);
  }

  .en-worker__foto > img {
    width: 100%;
    height: 100%;
  }

  .en-worker__position, .en-worker__name {
    width: 100%;
    margin: 0;
    margin-top: -3px;
    margin-bottom: -3px;
    font-size: 13px;
    line-height: 15px;
    color: var(--color-white);
    font-weight: var(--font-bold);
    text-align: center;
    text-transform: uppercase;
  }

  .en-worker__name {
    padding-top: 10px;
    color: var(--color-black);
  }
}

@media (max-width: 1024px) {
  .en-team {
    --team-offset: 2;
  }

  .en-container--team {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .en-worker__foto {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .en-team {
    --team-offset: 1;
  }

  .en-container--team::after {
    left: calc(var(--padding-container) + 5%);
    width: 120px;
    height: 57px;
  }
}

@media (max-width: 576px) {
  .en-team {
    --team-offset: 0;
  }

  .en-container--team {
    row-gap: 50px;
  }
}

/*!!!* СЕРТИФИКАТЫ *!!!*/

@media all {
  .en-text-unfold--certificates {
    --items-margin: 70px;
    --nav-margin: 50px;
  }

  .en-certificates {
    margin: 0 calc(var(--items-margin) * -1);
    padding-top: var(--padding-block);
    width: calc(100% + var(--items-margin)*2);
    z-index: 2;
    background-color: var(--color-bg-blue);
  }

  .en-certificates .slick-prev,
  .en-certificates .slick-next {
    top: auto;
    bottom: 0;
    left: 50%;
    border-radius: 0;
    width: 20px;
    height: 20px;
    background-size: 12px 20px;
    background-position: center;
    transform: translateX(-50%);
  }

  .en-certificates .slick-prev {
    left: calc(50% - 10px - 16px);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOS40IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgOS40IDE2IiBmaWxsPSIjNjE2MTYxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjgsMCAwLDggOCwxNiA5LjQsMTQuNiAyLjgsOCA5LjQsMS40ICIvPgo8L3N2Zz4K");
    background-color: var(--color-bg-blue);
  }

  .en-certificates .slick-next {
    left: calc(50% + 10px + 16px);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOS40IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgOS40IDE2IiBmaWxsPSIjNjE2MTYxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cG9seWdvbiBwb2ludHM9IjAsMS40IDYuNiw4IDAsMTQuNiAxLjQsMTYgOS40LDggMS40LDAgIi8+Cjwvc3ZnPgo=");
    background-color: var(--color-bg-blue);
  }

  @media (min-width: 1025px) {
    .en-certificates .slick-prev:hover,
    .en-certificates .slick-next:hover {
      opacity: 0.62;
    }
  }

  .en-certificates .draggable {
    padding-bottom: 60px;
    background-color: var(--color-bg-blue);
  }

  .en-certificates .slick-slid {
    margin-right: 20px;
    margin-left: 20px;
  }

  .en-certificates .slid-link::after {
    content: "";
    position: relative;
    display: block;
    width: 100%;
    padding-top: 142%;
    z-index: 1;
  }

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

@media (max-width: 1024px) {
  .en-materialy__items .draggable {
    padding-bottom: calc(20px + 10px);
  }

  .en-materialy__items .slick-slid {
    margin-right: 10px;
    margin-left: 10px;
  }
}

/*!!!* КОНТАКТЫ *!!!*/

@media all {
  .en-text-line--kontakty {
    padding-top: calc(var(--padding-block) - 40px);
    padding-bottom: calc(var(--padding-block) - 40px);
  }

  .en-text-line__container--kontakty {
    align-items: start;
  }

  .en-text-line__container--items {
    padding-top: calc(var(--padding-block) - 30px);
    padding-bottom: calc(var(--padding-block) - 30px);
    max-width: 1300px;
    background-color: var(--color-bg-blue);
  }

  .en-section-title--kontakty {
    margin-top: -6px;
    margin-bottom: -5px;
    max-width: var(--width-limitation);
    font-size: 38px;
    line-height: 38px;
    text-align: left;
  }

  .en-section-text--kontakty {
    margin-top: -9px;
    margin-bottom: -8px;
    max-width: var(--width-limitation);
    font-weight: var(--font-medium);
    text-align: left;
    text-transform: uppercase;
  }

  .en-coordinates {
    --gap: 40px;
    justify-content: start;
    gap: var(--gap);
    width: 100%;
    max-width: var(--width-limitation);
  }

  .en-coordinate {
    flex-direction: column;
    gap: 15px;
    width: calc(50% - var(--gap)/2);
    text-transform: uppercase;
  }

  .en-coordinate__title {
    margin: 0;
    margin-top: -4px;
    margin-bottom: -3px;
    max-width: 190px;
    font-size: 24px;
    line-height: 24px;
    font-weight: var(--font-bold);
  }

  .en-coordinate__text {
    margin: 0;
    margin-top: -3px;
    margin-bottom: -3px;
    font-size: 15px;
    line-height: 17px;
    font-weight: var(--font-medium);
  }

  .en-coordinate__text + .en-coordinate__text {
    margin-top: calc(-3px - 5px);
  }

  .en-coordinate__text a {
    color: var(--color-black);
    transition: border-color .3s ease-in-out, color .3s ease-in-out;
  }

  .en-coordinate__text--link a {
    border-bottom: 1px solid rgba(27,27,30,0.76);
  }

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

  .en-coordinate--social .en-social__link > svg {
    width: 22px;
    height: 22px;
    fill: var(--color-black);
  }

  .en-coordinate--social .en-social__link > svg > path:nth-last-of-type(2) {
    fill: transparent;
  }

  .en-coordinate--social .en-social__link > svg > path:nth-last-of-type(1) {
    fill: var(--color-white);
  }

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

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

@media (max-width: 1024px) {
  .en-text-line--kontakty {
    padding-top: calc(var(--padding-block) - 20px);
    padding-bottom: calc(var(--padding-block) - 20px);
  }

  .en-section-title--kontakty {
    margin-top: -4px;
    margin-bottom: -3px;
    font-size: 25px;
    line-height: 25px;
  }

  .en-section-text--kontakty {
    margin-top: -6px;
    margin-bottom: -5px;
    max-width: 560px;
    font-size: 14px;
    line-height: 21px;
  }

  .en-coordinate__title {
    margin-bottom: -2px;
    font-size: 20px;
    line-height: 20px;
  }
}

@media (max-width: 768px) {
  .en-text-line__container--form {
    padding-right: var(--padding-container);
    padding-left: var(--padding-container);
  }

  .en-text-line__container--kontakty {
    align-items: center;
  }

  .en-section-title--kontakty {
    text-align: center;
  }

  .en-section-text--kontakty {
    text-align: center;
  }

  .en-coordinates {
    justify-content: center;
  }

  .en-coordinate {
    align-items: center;
    width: 100%;
    text-align: center;
  }

  .en-coordinate__title {
    max-width: none;
  }
}

/*!!!* НОВОСТИ *!!!*/

@media all {
  .en-news--index {
    justify-content: center;
    padding-bottom: var(--padding-block);
    width: 100%;
    transition: max-height .6s ease-out;
    background-color: var(--color-bg-blue);
  }

  .en-container--news {
    flex-direction: column;
    align-items: center;
    gap: 60px;
    max-width: 1500px;
  }

  .en-section-title--news {
    padding-bottom: 0;
  }

  .en-news-items {
    --gap: 50px;
    --offset: 3;
    justify-content: center;
    gap: var(--gap);
    width: 100%;
    background-color: var(--color-bg-blue);
  }

  .en-news-item {
    width: calc((100% - var(--gap)*(var(--offset) - 1))/var(--offset));
  }

  .en-news-prev {
    flex-direction: column;
    gap: 20px;
  }

 .en-news__img {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    z-index: 1;
  }

  .en-news__img::after {
    content: '';
    display: block;
    padding-top: 70%;
    z-index: -1;
  }

  .en-news__img img {
    position: absolute;
    inset: 0;
    top: 50%;
    width: 100%;
    height: auto;
    transform: translateY(-50%);
  }

  .en-news__name {
    margin: 0;
    margin-top: -5px;
    margin-bottom: -4px;
    width: 100%;
    font-size: 17px;
    line-height: 21px;
    font-weight: var(--font-bold);
    color: var(--color-black);
    text-transform: uppercase;
    background-color: var(--color-bg-blue);
  }

  .en-news__text {
    margin: 0;
    margin-top: -6px;
    margin-bottom: -2px;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: var(--color-black);
  }

  .en-news__data {
    margin: 0;
    margin-top: -6px;
    margin-bottom: -2px;
    padding-top: 10px;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: var(--color-grey-medium);
  }
}

@media (max-width: 1060px) {
  .en-container--news {
    gap: 45px;
    max-width: 1500px;
  }
}

@media (max-width: 1024px) {
  .en-news-items {
    --offset: 2;
  }
}

@media (max-width: 768px) {
  .en-news-items {
    --offset: 1;
  }
}

/* ПОСТРАНИЧНАЯ НАВИГАЦИЯ */

@media screen {
  .en-postranichno {
    justify-content: center;
    gap: 15px;
  }

  .en-postranichno *,
  .en-postranichno *:link,
  .en-postranichno *:hover,
  .en-postranichno *:visited {
    color: var(--color-ochre);
    text-decoration: none;
    border-bottom: none;
  }

  .en-postranichno .en-postranichno-punkt {
    align-items: center;
    justify-content: center;
    border: 1px solid;
    border-color: var(--color-ochre);
    width: 43px;
    height: 43px;
    opacity: 0.74;
    transition: 0.3s linear;
  }

  .en-postranichno .en-postranichno-punkt.en-aktivnaya {
    background-color: var(--color-ochre);
  }

  .en-postranichno .en-postranichno-punkt:hover {
    color: var(--color-white);
    background-color: var(--color-ochre);
  }

  .en-postranichno .en-postranichno-punkt > p {
    margin: 0;
    margin-top: -4px;
    margin-bottom: -3px;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    background-color: var(--color-bg-blue);
  }

  .en-postranichno .en-postranichno-punkt.en-aktivnaya > p {
    color: var(--color-white);
    font-weight: var(--font-normal);
  }

  .en-postranichno .en-postranichno-punkt:hover > p {
    color: var(--color-white);
  }
}

/*!!!* ВИДЕО-РОЛИКИ *!!!*/

@media all {
  .en-text-unfold--video {
    margin-top: calc((var(--padding-block)/2 * -1) + 20px);
    padding-top: 0;
    z-index: 3;
    background-color: var(--color-bg-blue);
  }

  .en-container--video {
    justify-content: center;
    position: relative;
    max-width: 1000px;
    background-color: var(--color-bg-blue);
  }

  .en-container--video::after {
    content: '';
    display: block;
    padding-top: 56.25%;
  }

  .en-container--video > iframe {
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .en-container--video-test {
    padding-right: calc(var(--padding-container)/2);
    padding-left: calc(var(--padding-container)/2);
  }

  .en-video {
    width: 100%;
    background-image: url("/images/bg/video.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    background-color: var(--color-bg-blue);
  }
}

@media (max-width: 1060px) {
  .en-container--video {
    margin-top: -10px;
  }

  .en-container--video > iframe {
    left: 30px;
    width: calc(100% - 30px*2);
  }
}

@media (max-width: 768px) {
  .en-container--video-test {
    padding-right: var(--padding-container);
    padding-left: var(--padding-container);
  }

  .en-video::after {
    content: '';
    display: block;
    padding-top: calc(100%*0.7);
  }
}

/*!!!* ИНФОРМАЦИЯ *!!!*/

@media all {
  .en-hero--only-tekst {
    height: 50vh;
    height: calc(var(--vh, 1vh) * 50);
  }

  .en-text-line__container--information {
    align-items: start;
  }

  .en-section-title--information {
    margin-top: -7px;
    margin-bottom: -5px;
    font-size: 38px;
    line-height: 39px;
    text-align: left;
  }

  .en-only-tekst {
    flex-direction: column;
    width: 100%;
    background-color: var(--color-bg-blue);
  }

  .en-only-tekst b {
    font-weight: var(--font-medium);
  }

  .en-only-tekst > p {
    margin: 0;
    margin-top: -8px;
    margin-bottom: -4px;
    font-size: 15px;
    line-height: 20px;
    background-color: var(--color-bg-blue);
  }

  .en-only-tekst ul,
  .en-only-tekst ol {
    flex-direction: column;
    counter-reset: li;
  }

  .en-only-tekst ul + p,
  .en-only-tekst ol + p {
    padding-top: 24px;
  }

  .en-only-tekst p + ul,
  .en-only-tekst p + ol {
    padding-top: 24px;
  }

  .en-only-tekst ul > li,
  .en-only-tekst ol > li {
    margin: 0;
    margin-top: 16px;
    margin-bottom: -4px;
    font-size: 15px;
    line-height: 20px;
    background-color: var(--color-bg-blue);
  }

  .en-only-tekst > ul > li:first-of-type,
  .en-only-tekst > ol > li:first-of-type {
    margin-top: -8px;
    margin-bottom: -4px;
  }

  .en-only-tekst li > ul,
  .en-only-tekst li > ol {
    padding-left: 20px;
    margin: -4px 0 -4px;
  }

  .en-only-tekst ol > li:before {
    counter-increment: li;
    content: counters(li,".") ".\0020";
  }

  .en-only-tekst ul > li:before {
    counter-increment: li;
    content: "\2022\0020";
  }
}

@media (max-width: 768px) {
  .en-hero--only-tekst {
    height: 40vh;
    height: calc(var(--vh, 1vh) * 40);
  }

  .en-text-line__container--information {
    padding-right: var(--padding-container);
    padding-left: var(--padding-container);
  }

  .en-section-title--information {
    margin-top: -4px;
    margin-bottom: -3px;
    font-size: 25px;
    line-height: 25px;
  }

  .en-only-tekst li > ul,
  .en-only-tekst li > ol {
    padding-left: 0;
  }
}

/*!!!* СТРАНИЦЫ ОШИБОК *!!!*/

@media all {
  .en-text-line--errors {
    justify-content: center;
    flex: 1;
    padding-top: calc(var(--padding-block)*2 + 30px);
    background-color: var(--color-bg-blue);
  }

  .en-errors {
    flex-direction: column;
    align-items: center;
    gap: 30px;
    text-align: center;
  }

  .en-errors > h2 {
    margin: 0;
    margin-top: -13px;
    margin-bottom: -8px;
    font-size: 70px;
    line-height: 70px;
    font-weight: var(--font-normal);
    color: var(--color-ochre);
    text-transform: uppercase;
    background-color: var(--color-bg-blue);
  }

  .en-errors > p:nth-of-type(1) {
    margin: 0;
    margin-top: -7px;
    margin-bottom: -5px;
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: var(--color-bg-blue);
  }

  .en-errors > p:nth-of-type(2) {
    margin: 0;
    margin-top: -8px;
    margin-bottom: -5px;
    font-size: 17px;
    line-height: 22px;
    background-color: var(--color-bg-blue);
  }

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

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

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

@media (max-width: 768px) {
  .en-text-line__container--errors {
    padding-right: var(--padding-container);
    padding-left: var(--padding-container);
  }

  .en-errors > h2 {
    margin-top: -7px;
    margin-bottom: -6px;
    font-size: 45px;
    line-height: 45px;
    letter-spacing: -3.2px;
  }

  .en-errors > p:nth-of-type(1) {
    margin-top: -5px;
    margin-bottom: -4px;
    font-size: 30px;
    line-height: 30px;
  }
}