/* AUTO GENERATED FILE. Source: /components/styles/ */

/* /components/styles/modals.css */
/* =========================================================
   Legacy modal wrapper styles 
   ========================================================= */

/* from css/main.css */
.price_form-wrp {
  z-index: 1000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}
.price_form-wrp.is--bg-383838 {
  display: none;
}
.price_form-overlay {
  cursor: pointer;
  background-color: #606060;
  margin: auto;
  position: absolute;
  inset: 0%;
}
.price_formblock {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 534px;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}
.common-price_form-wrp {
  z-index: 1001;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}
.vacancy_form-wrp {
  z-index: 1001;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}
.vacancy_formblock {
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}
.vacancy_form-overlay {
  cursor: pointer;
  background-color: #606060;
  margin: auto;
  position: absolute;
  inset: 0%;
}
.contacts_popup {
  z-index: 1001;
  width: 0;
  height: 100vh;
  position: fixed;
  inset: auto 0% 0%;
  overflow: hidden;
}
.contacts_popup-overlay {
  cursor: pointer;
  background-color: #0009;
  width: 0%;
  height: 100%;
  min-height: 100vh;
  position: fixed;
  inset: 0% 0% 0% auto;
}
.contacts_popup-formblock {
  background-color: #fff;
  width: 50%;
  max-width: 456px;
  min-height: 100vh;
  margin-bottom: 0;
  margin-left: auto;
  position: relative;
  overflow: hidden;
}
.ceo_popup {
  z-index: 1001;
  width: 0;
  height: 100vh;
  position: fixed;
  inset: auto 0% 0%;
  overflow: hidden;
}
.data_popup {
  z-index: 1001;
  width: 0;
  height: 100vh;
  max-height: 100vh;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: scroll;
}
.ceo_popup-formblock {
  background-color: #fff;
  width: 50%;
  max-width: 456px;
  min-height: 100vh;
  margin-bottom: 0;
  margin-left: auto;
  position: relative;
  overflow: hidden;
}
.data_popup-formblock {
  background-color: #fff;
  width: 50%;
  max-width: 456px;
  height: auto;
  min-height: 100vh;
  margin-bottom: 0;
  margin-left: auto;
  position: relative;
  overflow: hidden;
}
.ceo_popup-overlay, .data_popup-overlay {
  cursor: pointer;
  background-color: #0009;
  width: 0%;
  height: 100%;
  min-height: 100vh;
  position: fixed;
  inset: 0% 0% 0% auto;
}
.connect_ceo-popup-form {
  z-index: 1001;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}
.connect_ceo-overlay {
  cursor: pointer;
  background-color: #606060;
  margin: auto;
  position: absolute;
  inset: 0%;
}

/* from css/custom.css */
.common-price_form-wrp {
    z-index: 9999;
}

/* =========================================================
   Components: modals
   Рефакторинг popup / modal окон компонента modals.

   Что изменено:
   - служебные ds_popup__* отвечают только за состояние и CSS3 анимацию;
   - дизайн вынесен в персональные классы окон;
   - общие классы больше не хранят размеры, фон и визуал конкретных окон;
   - открытие и закрытие синхронизированы с anim-popup-page.js через классы.
   ========================================================= */

html.ds-motion-lock-scroll,
html.ds-motion-lock-scroll body {
    overflow: hidden;
}

/* =========================================================
   DS Motion popup service protocol
   Только состояние, кликабельность и CSS3 анимация.
   Дизайн окон ниже, через персональные wrapper-классы.
   ========================================================= */

.ds_popup__wrapper {
    --ds-motion-popup-ease: cubic-bezier(0.165, 0.84, 0.44, 1);
    --ds-motion-popup-overlay-in-duration: 1s;
    --ds-motion-popup-panel-in-duration: .5s;
    --ds-motion-popup-content-in-duration: .3s;
    --ds-motion-popup-overlay-out-duration: 1s;
    --ds-motion-popup-panel-out-duration: .5s;
    --ds-motion-popup-content-out-duration: .3s;
    --ds-motion-popup-overlay-in-delay: .5s;
    --ds-motion-popup-panel-in-delay: 1.5s;
    --ds-motion-popup-content-in-delay: 2s;
    --ds-motion-popup-content-out-delay: 0s;
    --ds-motion-popup-panel-out-delay: .3s;
    --ds-motion-popup-overlay-out-delay: .8s;
    --ds-motion-popup-close-ms: 1850;
    display: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.ds_popup__wrapper.is-open,
.ds_popup__wrapper.is-closing {
    display: flex !important;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.ds_popup__wrapper.is-force-closed {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.ds_popup__wrapper.is-closing {
    pointer-events: none;
}

.mfp-ds-popup.mfp-bg {
    opacity: 0 !important;
    background: transparent !important;
}

.mfp-ds-popup .mfp-container {
    padding: 0;
}

.mfp-ds-popup .mfp-content {
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
}

.ds_popup__overlay {
    cursor: pointer;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    opacity: 1;
    pointer-events: auto;
    will-change: width, height, transform;
}

.ds_popup__panel {
    position: relative;
    z-index: 1;
    opacity: 1;
    will-change: width, height;
}

.ds_popup__close,
[data-ds-popup-close] {
    cursor: pointer;
}

.ds_popup__close {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 0;
}

.ds-motion-is-hidden {
    display: none !important;
}

/* =========================================================
   Personal window shells
   Тут лежит геометрия конкретных окон, не анимация.
   ========================================================= */

.price_form-wrp,
.common-price_form-wrp,
.connect_ceo-popup-form,
.partners_hero-form-wrp,
.partners_program-form-wrp,
.partners_collab-form-wrp,
.partners_goal-form-wrp {
    z-index: 1001;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    position: fixed;
    inset: 0;
    overflow: hidden;
}

.common-price_form-wrp {
    z-index: 9999;
}

.vacancy_form-wrp {
    z-index: 1001;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 100vw;
    height: 100vh;
    position: fixed;
    inset: 0;
    overflow: auto;
}

.contacts_popup,
.ceo_popup,
.data_popup {
    z-index: 1001;
    justify-content: flex-end;
    align-items: stretch;
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    position: fixed;
    inset: 0;
    overflow: hidden;
}

.data_popup {
    overflow: hidden;
}

.equip_wrp {
    z-index: 10000;
    justify-content: flex-end;
    align-self: stretch;
    width: 100vw;
    min-height: 100vh;
    position: fixed;
    inset: 0;
    overflow: hidden;
}

/* =========================================================
   Personal overlays
   Цвет и визуал оверлея задаются только внутри конкретного окна.
   ========================================================= */

.common-price_form-wrp .ds_popup__overlay,
.price_form-wrp .ds_popup__overlay,
.connect_ceo-popup-form .ds_popup__overlay,
.partners_hero-form-wrp .ds_popup__overlay,
.partners_program-form-wrp .ds_popup__overlay,
.partners_collab-form-wrp .ds_popup__overlay,
.partners_goal-form-wrp .ds_popup__overlay,
.vacancy_form-wrp .ds_popup__overlay {
    background-color: #606060;
}

.contacts_popup .ds_popup__overlay,
.ceo_popup .ds_popup__overlay,
.data_popup .ds_popup__overlay,
.equip_wrp .ds_popup__overlay {
    background-color: rgba(0, 0, 0, .6);
}

/* =========================================================
   Personal panels
   Размеры и фон панелей больше не висят на .ds_popup__panel.
   ========================================================= */

.common-price_form-wrp .ds_popup__panel,
.price_form-wrp .ds_popup__panel,
.connect_ceo-popup-form .ds_popup__panel,
.partners_hero-form-wrp .ds_popup__panel,
.partners_program-form-wrp .ds_popup__panel,
.partners_collab-form-wrp .ds_popup__panel,
.partners_goal-form-wrp .ds_popup__panel {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 534px;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
}

.vacancy_form-wrp .ds_popup__panel {
    justify-content: center;
    align-items: center;
    width: 50%;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
}

.contacts_popup .ds_popup__panel,
.ceo_popup .ds_popup__panel {
    background-color: #fff;
    width: 50%;
    max-width: 456px;
    min-height: 100vh;
    margin-bottom: 0;
    margin-left: auto;
    position: relative;
    overflow: hidden;
}

.data_popup .ds_popup__panel {
    background-color: #fff;
    width: 50%;
    max-width: 456px;
    height: auto;
    min-height: 100vh;
    max-height: 100vh;
    margin-bottom: 0;
    margin-left: auto;
    position: relative;
    overflow: auto;
}

.equip_wrp-content {
    float: right;
    background-color: var(--white);
    color: #383838;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    max-height: 100vh;
    padding: 25px 20px;
    display: flex;
    position: relative;
    overflow: auto;
}

.equip_wrp-container {
    width: 50vw;
    overflow: hidden;
}

/* =========================================================
   DS popup animation profiles
   CSS3 управляет только .ds_popup__wrapper и .ds_popup__overlay.
   .ds_popup__panel раскрывается через GSAP в anim-popup-page.js.
   ========================================================= */

.ds_popup__wrapper.ds-popup-anim--unfold .ds_popup__overlay {
    width: 0;
    height: 1px;
    transform: none;
}

.ds_popup__wrapper.ds-popup-anim--unfold.is-open > .ds_popup__overlay {
    animation: dsMotionPopupOverlayUnfoldIn 1.4s var(--ds-motion-popup-ease) forwards;
}

.ds_popup__wrapper.ds-popup-anim--unfold.is-closing > .ds_popup__overlay {
    width: 100%;
    height: 100%;
    animation: dsMotionPopupOverlayUnfoldOut 1.4s var(--ds-motion-popup-ease) .7s forwards;
}

.ds_popup__wrapper.ds-popup-anim--side {
    justify-content: flex-end;
    align-items: stretch;
    width: 0;
    inset: 0 0 0 auto;
    overflow: hidden;
}

.ds_popup__wrapper.ds-popup-anim--side.is-open {
    animation: dsMotionPopupWrapperSideIn .7s var(--ds-motion-popup-ease) forwards;
}

.ds_popup__wrapper.ds-popup-anim--side.is-closing {
    width: 100vw;
    animation: dsMotionPopupWrapperSideOut .7s var(--ds-motion-popup-ease) .7s forwards;
}

.ds_popup__wrapper.ds-popup-anim--side .ds_popup__overlay {
    width: 0;
    height: 100%;
    inset: 0 0 0 auto;
    transform: none;
}

.ds_popup__wrapper.ds-popup-anim--side.is-open > .ds_popup__overlay {
    animation: dsMotionPopupOverlaySideIn .7s var(--ds-motion-popup-ease) forwards;
}

.ds_popup__wrapper.ds-popup-anim--side.is-closing > .ds_popup__overlay {
    width: 100%;
    animation: dsMotionPopupOverlaySideOut .7s var(--ds-motion-popup-ease) .7s forwards;
}

.ds_popup__wrapper.ds-popup-anim--equipment .ds_popup__overlay {
    width: 0;
    height: 100%;
    inset: 0 0 0 auto;
    transform: none;
}

.ds_popup__wrapper.ds-popup-anim--equipment.is-open > .ds_popup__overlay {
    animation: dsMotionPopupOverlayEquipmentIn .7s var(--ds-motion-popup-ease) forwards;
}

.ds_popup__wrapper.ds-popup-anim--equipment.is-closing > .ds_popup__overlay {
    width: 100%;
    animation: dsMotionPopupOverlayEquipmentOut .7s var(--ds-motion-popup-ease) .7s forwards;
}

/* =========================================================
   Forms inside DS modal wrappers
   Дизайн повторяемых элементов формы ограничен модалками.
   ========================================================= */

.common-price_form-wrp .price_form,
.price_form-wrp .price_form,
.connect_ceo-popup-form .price_form,
.contacts_popup .price_form,
.ceo_popup .price_form,
.data_popup .price_form,
.partners_hero-form-wrp .price_form,
.partners_program-form-wrp .price_form,
.partners_collab-form-wrp .price_form,
.partners_goal-form-wrp .price_form,
.vacancy_form-wrp .vacancy_form {
    background-color: var(--white);
    padding: 105px 20px;
    position: relative;
}

.vacancy_form-wrp .vacancy_form {
    min-height: 100vh;
}

.data_popup .price_form.is--data-popup {
    padding-bottom: 20px;
}

.ds_popup__wrapper .price_slide-form-title {
    color: #000;
    margin-bottom: 25px;
    font-size: 24px;
}

.ds_popup__wrapper .price_slide-form-title.is--contacts {
    color: #000;
}

.ds_popup__wrapper .input_contact-form-wrp {
    grid-row-gap: 15px;
    flex-direction: column;
    display: flex;
}

.ds_popup__wrapper .form_txt-field {
    color: #fff;
    background-color: #0000;
    border: 1px #000;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    height: 32px;
    margin-bottom: 0;
    padding: 0 0 10px 5px;
    font-size: 16px;
    line-height: 1;
    overflow-x: hidden;
    overflow-y: hidden;
}

.ds_popup__wrapper .form_txt-field::placeholder {
    color: #fff;
    font-size: 16px;
    line-height: 1rem;
}

.ds_popup__wrapper .form_txt-field.is--main-menu {
    color: #383838;
    border-bottom-color: #d4d4d4;
    height: 32px;
    padding-top: 0;
    padding-bottom: 10px;
    font-size: 16px;
}

.ds_popup__wrapper .form_txt-field.is--main-menu::placeholder,
.ds_popup__wrapper .form_txt-field.is--main-menu.is--phone-mask.is--pl-color-797979::placeholder {
    color: #797979;
}

.ds_popup__wrapper .form_txt-field.is--area {
    color: #383838;
    border-bottom-color: #d4d4d4;
    height: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 16px;
}

.ds_popup__wrapper .form_txt-field.is--area::placeholder {
    color: #797979;
    line-height: 1.4;
}

.ds_popup__wrapper .select_common {
    background-color: #0000;
    border-style: none;
    border-radius: 6px;
    width: 100%;
    min-height: 35px;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0;
    font-size: 14px;
    position: relative;
    overflow: hidden;
}

.ds_popup__wrapper .select_common.is--light {
    color: #d5d5d5;
}

.ds_popup__wrapper .select_list {
    background-color: #0000;
    flex-direction: column;
    margin-top: -1px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.ds_popup__wrapper .select_list-item,
.ds_popup__wrapper .select_list-item-initial {
    height: 35px;
    margin-bottom: 0;
    overflow: hidden;
}

.ds_popup__wrapper .select_list-item {
    padding-left: 0;
}

.ds_popup__wrapper .select_list-item-initial {
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}

.ds_popup__wrapper .select_initial {
    cursor: pointer;
    width: 100%;
    height: 35px;
    transition: all .2s;
    position: absolute;
    inset: 0 0 auto;
    overflow: hidden;
}

.ds_popup__wrapper .select_arrow {
    width: 22px;
    height: 22px;
}

.ds_popup__wrapper .select_arrow.is--form-dd {
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin-top: 11px;
    margin-right: 10px;
    display: flex;
    inset: 0 0 auto auto;
}

.ds_popup__wrapper .form_radio-container {
    height: 100%;
    margin-bottom: 0;
    padding-left: 0;
    overflow: hidden;
}

.ds_popup__wrapper .form_radio {
    opacity: 0;
    margin-top: -35px;
    margin-left: 50%;
    display: block;
}

.ds_popup__wrapper .form_radio-label {
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 35px;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 400;
    transition: all .1s;
    display: flex;
}

.ds_popup__wrapper .form_radio-label.is--light:focus,
.ds_popup__wrapper .form_radio-container:hover .form_radio-label.is--light {
    background-color: #e8e8e8;
}

.ds_popup__wrapper .submit_btn-wrp {
    border-radius: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    position: relative;
}

.ds_popup__wrapper .submit_btn-wrp.is--bg-dark {
    transition: all .2s;
}

.ds_popup__wrapper .submit_btn-wrp.is--bg-dark:hover {
    background-color: #565656;
}

.ds_popup__wrapper .submit_btn-wrp.is--vacancy {
    margin-top: 25px;
}

.ds_popup__wrapper .form_submit {
    color: #282828;
    border-radius: 8px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    line-height: 1.2;
}

.ds_popup__wrapper .form_submit.is--price-form {
    background-color: #0000;
    height: 50px;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
}

.ds_popup__wrapper .form_submit-txt {
    color: #282828;
    border-radius: 6px;
    font-size: 16px;
    line-height: 1.2;
    position: absolute;
}

.ds_popup__wrapper .form_submit-txt.is--price-slide {
    color: #d5d5d5;
}

.ds_popup__wrapper .policy_note {
    color: #d5d5d5;
    font-size: 12px;
    line-height: 1.2;
}

.ds_popup__wrapper .policy_note.is--policy-btm.is--price-slide {
    color: #7f7f7f;
}

.ds_popup__wrapper .policy_note-link {
    color: #fff;
}

.ds_popup__wrapper .policy_note-link.is--price-slide {
    color: var(--black);
}

.ds_popup__wrapper .success {
    z-index: 1000;
    opacity: 0;
    background-color: #caecd8;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    max-width: 40vw;
    margin: 40vh auto auto;
    padding: 5vw;
    font-size: 1.5rem;
    line-height: 1;
    position: fixed;
}

.ds_popup__wrapper .show_more-btn.is--bg-dark.is--color-d5d5d5.is--success {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

/* =========================================================
   Close buttons
   ========================================================= */

.ds_popup__wrapper .price_form-close,
.ds_popup__wrapper .vacancy_form-close,
.ds_popup__wrapper .connect_ceo-close,
.ds_popup__wrapper .connect_form-close,
.ds_popup__wrapper .ceo_form-close,
.ds_popup__wrapper .data_form-close,
.ds_popup__wrapper .equip_wrp-close {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    margin-top: 20px;
    margin-left: 20px;
    display: flex;
    position: absolute;
    inset: 0 auto auto 0;
}

.ds_popup__wrapper .equip_wrp-close {
    overflow: hidden;
}

.ds_popup__wrapper .price_form-close-item,
.prm_popup-close .price_form-close-item,
.tm_popup-close .price_form-close-item {
    background-color: var(--black);
    width: 100%;
    height: 1px;
    position: absolute;
    transform: rotate(-45deg);
}

.ds_popup__wrapper .price_form-close-item.is--opposite,
.prm_popup-close .price_form-close-item.is--opposite,
.tm_popup-close .price_form-close-item.is--opposite {
    transform: rotate(45deg);
}

/* =========================================================
   Download / copy elements used in data and CEO popups
   ========================================================= */

.ds_popup__wrapper .contact_link-wrp {
    background-color: #e5e5e5;
    border-radius: 5px;
    justify-content: space-between;
    align-items: center;
    height: 35px;
    transition: all .1s;
    display: flex;
}

.ds_popup__wrapper .contact_link-wrp:hover {
    background-color: #383838;
}

.ds_popup__wrapper .contact_link-wrp.is--data_list-item-right {
    flex: 1;
    height: auto;
}

.ds_popup__wrapper .copy_btn-wrp {
    align-self: stretch;
    max-width: 32px;
    position: relative;
}

.ds_popup__wrapper .copy_btn-wrp.is--data-list-item {
    flex: none;
}

.ds_popup__wrapper .submit_btn {
    z-index: 1;
    opacity: 0;
    cursor: pointer;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    inset: 0;
}

.ds_popup__wrapper .alert {
    color: #d5d5d5;
    white-space: nowrap;
    background-color: #383838;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 30px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 32px;
    padding-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 1;
    display: none;
    position: absolute;
    inset: 0 0 0 auto;
}

.ds_popup__wrapper .row_download {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #28282866;
    border-radius: 10px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 30px 20px;
    display: flex;
}

.ds_popup__wrapper .row_download-txt {
    font-size: 18px;
}

.ds_popup__wrapper .row_download-txt.is--contact-tab {
    color: #383838;
    flex: 1;
}

.ds_popup__wrapper .row_download-txt.is--contact-tab:hover {
    color: #d5d5d5;
}

.ds_popup__wrapper .row_download-txt.is--contact-tab.is--data-item {
    color: #383838;
}

.ds_popup__wrapper .row_download-txt.is--data_card-dl-btn-txt {
    font-size: 14px;
}

.ds_popup__wrapper .row_download-txt.dl_btn-label {
    z-index: 1;
    cursor: pointer;
    flex: 1;
    align-self: stretch;
    align-items: center;
    margin-bottom: 0;
    margin-right: -42px;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    position: relative;
}

.ds_popup__wrapper .row_dl-txt {
    align-items: center;
    min-height: 25px;
    display: flex;
}

.ds_popup__wrapper .icon_wrp {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-right: 23px;
    position: relative;
}

.ds_popup__wrapper .icon_wrp.is--hero {
    margin-right: 0;
}

.ds_popup__wrapper .icon_wrp.is--hero.data_card-dl-btn-wrp {
    width: 13px;
    min-width: 13px;
    height: 13px;
}

.ds_popup__wrapper .icon_wrp.is--main-menu-form {
    width: 22px;
    min-width: 22px;
    height: 22px;
    margin-right: 0;
}

.ds_popup__wrapper .icon_wrp.is--contact-tab {
    width: 32px;
    min-width: auto;
    height: 100%;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}

.ds_popup__wrapper .download_icon {
    width: 24px;
    min-width: 24px;
    height: 24px;
    position: absolute;
    inset: 0;
}

.ds_popup__wrapper .download_icon.is--show-on-hover.is--main-menu-form,
.ds_popup__wrapper .download_icon.is--hero.is--main-menu-form {
    width: 22px;
    min-width: 22px;
    height: 22px;
}

.ds_popup__wrapper .download_icon.is--show-on-hover.is--main-menu-form.is--contact-tab,
.ds_popup__wrapper .download_icon.is--hero.is--main-menu-form.is--contact-tab {
    width: 11px;
    min-width: 11px;
    height: auto;
    margin: auto;
}

.ds_popup__wrapper .download_icon.is--show-on-hover.is--main-menu-form.is--contact-tab.is--data_card-dl-btn {
    width: 13px;
    min-width: 13px;
}

.ds_popup__wrapper .download_icon.is--data_card-dl-btn {
    width: 100%;
    min-width: auto;
    height: auto;
}

.ds_popup__wrapper .dl_btn {
    color: #383838;
    background-color: #e8e8e8;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-right: 20px;
    transition: all .2s;
    display: flex;
    position: relative;
}

.ds_popup__wrapper .dl_btn:hover {
    color: #d5d5d5;
    background-color: #565656;
}

.ds_popup__wrapper .download_btn.row_download.is--color-d5d5d5 {
    transition: all .3s;
}

.ds_popup__wrapper .download_btn.row_download.is--color-d5d5d5:hover {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    color: #000;
    background-color: #e8e8e8;
}

.ds_popup__wrapper .download_btn.row_download.is--color-d5d5d5.data_card-dl-btn {
    color: #383838;
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    text-decoration: none;
}

.ds_popup__wrapper .download_btn.row_download.is--color-d5d5d5.data_card-dl-btn:hover {
    color: #d5d5d5;
    background-color: #565656;
}

.ds_popup__wrapper .dl_btn .download_icon.is--show-on-hover,
.ds_popup__wrapper .row_download .download_icon.is--show-on-hover,
.ds_popup__wrapper .contact_link-wrp .download_icon.is--show-on-hover,
.ds_popup__wrapper .download_btn .download_icon.is--show-on-hover {
    opacity: 0;
    transition: opacity 180ms ease;
}

.ds_popup__wrapper .dl_btn .download_icon.is--hero,
.ds_popup__wrapper .row_download .download_icon.is--hero,
.ds_popup__wrapper .contact_link-wrp .download_icon.is--hero,
.ds_popup__wrapper .download_btn .download_icon.is--hero {
    opacity: 1;
    transition: opacity 180ms ease;
}

.ds_popup__wrapper .dl_btn:hover .download_icon.is--show-on-hover,
.ds_popup__wrapper .row_download:hover .download_icon.is--show-on-hover,
.ds_popup__wrapper .contact_link-wrp:hover .download_icon.is--show-on-hover,
.ds_popup__wrapper .download_btn:hover .download_icon.is--show-on-hover {
    opacity: 1;
}

.ds_popup__wrapper .dl_btn:hover .download_icon.is--hero,
.ds_popup__wrapper .row_download:hover .download_icon.is--hero,
.ds_popup__wrapper .contact_link-wrp:hover .download_icon.is--hero,
.ds_popup__wrapper .download_btn:hover .download_icon.is--hero {
    opacity: 0;
}

/* =========================================================
   Data popup content
   ========================================================= */

.data_popup .data_card-dl-btn {
    border: 1px solid #626262;
    border-radius: 6px;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.data_popup .data_item {
    grid-row-gap: 10px;
    border-top: 1px solid #d4d4d4;
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
}

.data_popup .data_item.is--first-data-item {
    border-top-style: none;
}

.data_popup .data_item-badge {
    color: #797979;
    font-size: 14px;
}

.data_popup .data_item-name {
    font-size: 18px;
    line-height: 1.3;
}

.data_popup .data_list {
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex;
}

.data_popup .data_list-item {
    display: flex;
}

.data_popup .col.is--data_list-item-left {
    color: #383838;
    align-self: flex-start;
    min-width: 120px;
    max-width: 120px;
    padding-top: 5px;
    font-size: 18px;
    line-height: 1.3;
}

/* =========================================================
   CEO / contacts text
   ========================================================= */

.ceo_popup .link_boss-txt,
.contacts_popup .link_boss-txt,
.connect_ceo-popup-form .link_boss-txt {
    font-size: 18px;
}

.ceo_popup .link_boss-txt.is--ceo-popup,
.contacts_popup .link_boss-txt.is--ceo-popup,
.connect_ceo-popup-form .link_boss-txt.is--ceo-popup {
    max-width: 29ch;
}

.ceo_popup .link_boss-note,
.contacts_popup .link_boss-note,
.connect_ceo-popup-form .link_boss-note {
    margin-bottom: 20px;
    font-size: 14px;
}

.ceo_popup .link_boss-note.is--ceo-popup,
.contacts_popup .link_boss-note.is--ceo-popup,
.connect_ceo-popup-form .link_boss-note.is--ceo-popup {
    margin-top: 10px;
    margin-bottom: 0;
}

/* =========================================================
   Form file input inside vacancy modal
   ========================================================= */

.vacancy_form-wrp .ds_file-input {
    display: none !important;
}

.vacancy_form-wrp .attach {
    text-align: center;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.2;
    position: absolute;
    inset: auto 0 0;
}

.vacancy_form-wrp .dl_btn .attach {
    opacity: 0;
    pointer-events: none;
    transition: opacity 180ms ease;
}

.vacancy_form-wrp .dl_btn.is-attached .attach {
    opacity: 1;
    pointer-events: auto;
}

/* =========================================================
   Legacy Magnific Popup fade layer
   Старые prm/tm/promo модалки не трогаем, чтобы не ломать Magnific.
   ========================================================= */

.mfp-hide {
    display: none !important;
}

.mfp-fade.mfp-bg,
.mfp-fade2.mfp-bg {
    opacity: 0;
    transition: all 0.35s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready,
.mfp-fade2.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing,
.mfp-fade2.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content,
.mfp-fade2.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.35s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content,
.mfp-fade2.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content,
.mfp-fade2.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.prm_popup {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.prm_popup-formblock {
    width: 100%;
    max-width: 534px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.prm_popup-overlay {
    cursor: pointer;
    position: absolute;
    inset: 0;
    margin: auto;
    background-color: #606060;
}

.prm_popup-close {
    width: 22px;
    height: 22px;
    margin-top: 20px;
    margin-left: 20px;
    padding: 0;
    position: absolute;
    inset: 0 auto auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mfp-fade.mfp-wrap .prm_popup-overlay {
    transform: scaleX(0.05) scaleY(0);
    animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s forwards;
}

.mfp-fade.mfp-wrap .prm_popup-content {
    transform: scaleY(0);
    animation: unfold2In 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s forwards;
}

.mfp-fade.mfp-wrap .prm_popup-content .price_form {
    opacity: 0;
    animation: fadeIn 0.3s 2s forwards;
}

.mfp-fade.mfp-wrap.mfp-close-s .prm_popup-overlay {
    transform: scaleX(1) scaleY(1);
    animation: unfoldOut 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s forwards;
}

.mfp-fade.mfp-wrap.mfp-close-s .prm_popup-content {
    transform: scaleY(1);
    animation: unfold2Out 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s forwards;
}

.mfp-fade.mfp-wrap.mfp-close-s .prm_popup-content .price_form {
    opacity: 1;
    animation: fadeOut 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.tm_popup {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.tm_popup-overlay {
    cursor: pointer;
    position: absolute;
    inset: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, .5);
}

.tm_popup-close {
    z-index: 100;
    width: 22px;
    height: 22px;
    margin-top: 20px;
    margin-left: 20px;
    padding: 0;
    position: absolute;
    inset: 0 auto auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tm_sngl-video .tm_popup-close {
    width: 27px;
    height: 27px;
    margin-top: 27px;
    margin-right: 28px;
    margin-left: 0;
    right: 0;
    left: auto;
}

.tm_sngl-video .tm_popup-close .price_form-close-item {
    background-color: #898989;
}

.mfp-fade2.mfp-wrap .tm_popup-overlay {
    transform: scaleX(0.05) scaleY(0);
    animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s forwards;
}

.mfp-fade2.mfp-wrap .tm_popup-content {
    opacity: 0;
    animation: fadeIn 0.3s 1.2s forwards;
}

.mfp-fade2.mfp-wrap.mfp-close-s .tm_popup-overlay {
    transform: scaleX(1) scaleY(1);
    animation: unfoldOut 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s forwards;
}

.mfp-fade2.mfp-wrap.mfp-close-s .tm_popup-content {
    opacity: 1;
    animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.prm_modal_tarif {
    width: 760px;
    height: 80vh;
    max-height: 900px;
    margin: 7vh auto 0 auto;
    position: relative;
    border-radius: 20px;
    background-color: #383838;
}

.prm_modal_tarif-wrap {
    height: 100%;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.prm_modal_tarif-ttl {
    margin-bottom: 20px;
    color: #fff;
    text-shadow: 0 1px 3px #000;
}

.prm_modal_tarif-txt {
    margin-bottom: 20px;
    color: #dbdbdb;
    text-shadow: 0 1px 3px #000;
}

.prm_modal_tarif-list {
    margin-bottom: 30px;
}

.prm_modal_tarif-list li {
    color: #7f7f7f;
    font-size: 16px;
    line-height: 1.2;
    text-shadow: 0 1px 3px #000;
}

.prm_modal_tarif-list li span {
    color: #fff;
}

.prm_modal_tarif-btn {
    width: 100%;
    color: #000;
    border: 1px solid #fff;
    background-color: #fff;
}

.prm_modal_tarif .mfp-close {
    top: 10px;
    right: 10px;
    color: #fff;
}

/* =========================================================
   Keyframes
   ========================================================= */

@keyframes dsMotionPopupOverlayUnfoldIn {
    0% {
        width: 0;
        height: 1px;
    }
    50% {
        width: 100%;
        height: 1px;
    }
    100% {
        width: 100%;
        height: 100%;
    }
}

@keyframes dsMotionPopupOverlayUnfoldOut {
    0% {
        width: 100%;
        height: 100%;
    }
    50% {
        width: 100%;
        height: 1px;
    }
    100% {
        width: 0;
        height: 1px;
    }
}

@keyframes dsMotionPopupWrapperSideIn {
    from { width: 0; }
    to { width: 100vw; }
}

@keyframes dsMotionPopupWrapperSideOut {
    from { width: 100vw; }
    to { width: 0; }
}

@keyframes dsMotionPopupOverlaySideIn {
    from { width: 0; }
    to { width: 100%; }
}

@keyframes dsMotionPopupOverlaySideOut {
    from { width: 100%; }
    to { width: 0; }
}

@keyframes dsMotionPopupOverlayEquipmentIn {
    from { width: 0; }
    to { width: 100%; }
}

@keyframes dsMotionPopupOverlayEquipmentOut {
    from { width: 100%; }
    to { width: 0; }
}

@keyframes unfoldIn {
    0% {
        transform: scaleY(0.005) scaleX(0);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(1) scaleX(1);
    }
}

@keyframes unfold2In {
    0% {
        transform: scaleY(0.005);
    }
    100% {
        transform: scaleY(1);
    }
}

@keyframes unfoldOut {
    0% {
        transform: scaleY(1) scaleX(1);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(0) scaleX(0);
    }
}

@keyframes unfold2Out {
    0% {
        transform: scaleY(1);
    }
    100% {
        transform: scaleY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* =========================================================
   Adaptive
   ========================================================= */

@media screen and (max-width: 991px) {
    .vacancy_form-wrp .ds_popup__panel,
    .contacts_popup .ds_popup__panel,
    .ceo_popup .ds_popup__panel,
    .data_popup .ds_popup__panel {
        width: 70%;
    }

    .prm_popup .vacancy_form {
        margin-top: 50px;
    }

    .prm_modal_tarif {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .common-price_form-wrp .ds_popup__panel,
    .price_form-wrp .ds_popup__panel,
    .connect_ceo-popup-form .ds_popup__panel,
    .partners_hero-form-wrp .ds_popup__panel,
    .partners_program-form-wrp .ds_popup__panel,
    .partners_collab-form-wrp .ds_popup__panel,
    .partners_goal-form-wrp .ds_popup__panel,
    .vacancy_form-wrp .ds_popup__panel,
    .contacts_popup .ds_popup__panel,
    .ceo_popup .ds_popup__panel,
    .data_popup .ds_popup__panel {
        width: 100%;
        max-width: none;
    }

    .common-price_form-wrp .price_form,
    .price_form-wrp .price_form,
    .connect_ceo-popup-form .price_form,
    .contacts_popup .price_form,
    .ceo_popup .price_form,
    .data_popup .price_form,
    .partners_hero-form-wrp .price_form,
    .partners_program-form-wrp .price_form,
    .partners_collab-form-wrp .price_form,
    .partners_goal-form-wrp .price_form,
    .vacancy_form-wrp .vacancy_form {
        min-height: 100vh;
        padding-top: 90px;
        padding-bottom: 40px;
    }

    .ds_popup__wrapper .success {
        max-width: 90vw;
        margin-top: 35vh;
    }
}

@media screen and (max-width: 479px) {
    .ds_popup__wrapper .price_slide-form-title {
        font-size: 22px;
    }

    .data_popup .data_list-item {
        grid-row-gap: 8px;
        flex-direction: column;
    }

    .data_popup .col.is--data_list-item-left {
        min-width: 0;
        max-width: none;
    }
}

/* =========================================================
   Moved from main.css: missing modal wrapper adaptive geometry
   Только shell-слой: root wrappers, overlays, panels.
   Глобальные формы и контент не перенесены.
   ========================================================= */

@media screen and (min-width: 1440px) {
    .contacts_popup .ds_popup__panel,
    .ceo_popup .ds_popup__panel,
    .data_popup .ds_popup__panel {
        width: 660px;
    }
}

@media screen and (max-width: 991px) {
    .equip_wrp-content {
        width: 381px;
    }

    .vacancy_form-wrp .ds_popup__panel {
        min-width: 496px;
    }

    .contacts_popup .ds_popup__panel,
    .ceo_popup .ds_popup__panel,
    .data_popup .ds_popup__panel {
        width: 456px;
        max-width: none;
    }
}

@media screen and (max-width: 767px) {
    .equip_wrp {
        flex-direction: column;
        align-items: flex-end;
        height: auto;
        max-height: 100vh;
        overflow: auto;
    }

    .equip_wrp-content {
        border-radius: 8px;
        align-self: flex-end;
        width: auto;
        height: auto;
        max-height: none;
        margin-top: 30vh;
        padding-top: 50px;
        overflow: visible;
    }

    .equip_wrp-container {
        background-color: #fff;
        background-image: linear-gradient(to bottom, transparent 85%, var(--white));
        -webkit-text-fill-color: inherit;
        background-clip: padding-box;
        flex-direction: row;
        justify-content: center;
        width: auto;
        max-height: 100vh;
        overflow: auto;
    }

    .vacancy_form-wrp {
        align-items: stretch;
    }

    .vacancy_form-wrp .ds_popup__panel {
        width: 100%;
        min-width: auto;
        max-height: 100vh;
        overflow: auto;
    }

    .contacts_popup {
        max-height: 100vh;
        overflow: scroll;
    }

    .contacts_popup .ds_popup__overlay,
    .ceo_popup .ds_popup__overlay,
    .data_popup .ds_popup__overlay {
        cursor: pointer;
    }

    .contacts_popup .ds_popup__panel {
        border-radius: 8px;
        width: 100%;
        min-height: auto;
        margin-top: 180px;
    }

    .ceo_popup {
        max-height: 100vh;
        overflow: scroll;
    }

    .ceo_popup .ds_popup__panel,
    .data_popup .ds_popup__panel {
        border-radius: 8px;
        width: 100%;
        min-height: auto;
        margin-top: 180px;
    }
}


.cookies_txt a {
    color: inherit;
    text-decoration: underline;
}

/* /components/styles/base.css */
/* =========================================================
   Components: base/header
   Только стили актуальной шапки из top-menu.php.
   Hero slider, tabs, cookies, footer сюда не класть.
   ========================================================= */

.header__wrap a {
    color: inherit;
    text-decoration: none;
}

.header__wrap a:hover,
.header__wrap [data-a] a:hover {
    text-decoration: none;
}

.header__nav-toggle,
.mobile__subnav-icobox,
.mobile__nav-bg,
.subnav__bg,
.header__nav-link,
.header__top-link {
    appearance: none;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    padding: 0;
    cursor: pointer;
    text-align: inherit;
}

.header__nav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.subnav__wrap.is-active,
.subnav__wrap.active {
    display: block;
}

.nav__nav-item:last-child .tab__nav-devider {
    display: none;
}

@media only screen and (min-width: 1280px) {
    .subnav__cell:nth-child(5n) {
        border-right: none;
    }
}

@media only screen and (min-width: 991px) {
    .subnav__box-items li:last-child a {
        border: none;
    }

    .subnav__box-link:hover {
        background: #F5F5F5;
    }

    .nav__drop-btn.active,
    .nav__drop-btn.is-active {
        background: #E8E8E8;
    }

    .nav__drop-btn.active .ico__16,
    .nav__drop-btn.is-active .ico__16 {
        transform: rotateZ(-180deg);
    }

    li:has(.subnav__box):hover .subnav__box {
        visibility: visible;
        opacity: 1;
    }

    li:has(.subnav__box):hover .ico__14,
    li:has(.subnav__box):hover .ico__16 {
        transform: rotateZ(-180deg);
    }

    .service__link:hover .service__item-ico {
        transform: rotateZ(45deg);
    }
}

@media only screen and (max-width: 991px) {
    .header__top-nav:has(.subnav__box) {
        flex-direction: column;
        align-items: stretch;
    }

    .nav__drop-btn.active .ico__16,
    .nav__drop-btn.is-active .ico__16 {
        transform: rotate(-90deg) rotateZ(180deg);
        left: 0%;
    }

    .nav__drop-btn > div {
        position: relative;
        transition: all .4s ease;
    }

    .nav__drop-btn.active > div,
    .nav__drop-btn.is-active > div {
        left: 50%;
        transform: translateX(-50%);
    }

    .is__decision .subnav__title-link {
        display: none;
    }

    .is__decision .subnav__items {
        display: flex;
        padding-left: 0;
    }

    .is__decision .subnav__cell {
        border: none;
        padding-bottom: 0;
    }

    .is__decision .subnav__cells {
        padding-bottom: 15px;
        border-bottom: 1px solid #d4d4d4;
    }

    .subnav__cell.active .subnav__title-link,
    .subnav__cell.is-active .subnav__title-link,
    .subnav__cell.active .mobile__subnav-icobox,
    .subnav__cell.is-active .mobile__subnav-icobox {
        opacity: .6;
    }

    .subnav__cell.active .mobile__subnav-icobox,
    .subnav__cell.is-active .mobile__subnav-icobox {
        transform: rotateZ(180deg);
    }

    .header__top-link.active .ico__14,
    .header__top-link.is-active .ico__14,
    .header__nav-link.active .ico__16,
    .header__nav-link.is-active .ico__16 {
        transform: rotateZ(180deg);
        opacity: .6;
    }
}

/* =========================================================
   Components: base/header - moved from css/main.css
   ========================================================= */


.header__wrap {
  z-index: 50;
  background-color: var(--white);
  color: var(--black);
  font-family: Suisse Intl, Arial, sans-serif;
  line-height: 1.4;
  position: fixed;
  inset: 0% 0% auto;
}

.header__top-line {
  background-color: #f5f5f5;
  height: 29px;
}

.header__container {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr max-content;
  grid-auto-columns: 1fr;
  align-items: start;
  padding: 12px 30px 50px;
  display: grid;
}

.header__logo {
  width: 150px;
}

.header__contacts {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

button.header__btn {
  cursor: pointer;
  background-color: #f0f0f000;
  border: 1px solid #000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding-left: 16px;
  padding-right: 16px;
  transition: all .4s;
  display: flex;
}

button.header__btn:hover {
  color: var(--white);
  background-color: #565656;
}

.header__phone-link {
  text-decoration: none;
  transition: color .4s;
}

.header__phone-link:hover {
  color: #7f7f7f;
}

.nav__drop-btns {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav__wrap {
  margin-left: 15px;
}

.nav__drop-btn {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 16px;
  padding-right: 12px;
  transition: all .4s;
  display: flex;
}

.nav__drop-btn:hover {
  opacity: .6;
}

.nav__drop-btn.active {
  border-color: #0000;
}

.ico__16 {
  flex: none;
  width: 16px;
  transition: all .4s;
}

.header__nav-items {
  z-index: 5;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  position: absolute;
  bottom: 16px;
  left: 30px;
}

.header__nav-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: color .4s;
  display: flex;
}

.header__nav-link:hover {
  color: #797979;
  text-decoration: none;
}

.header__nav-link.w--current {
  color: #797979;
}

.header__nav-item {
  position: relative;
}

.header__logo-box {
  margin-top: 7px;
}

.header__top-navs {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 12px;
  list-style-type: none;
  display: flex;
}

.header__top-navs.is__left {
  z-index: 5;
  position: absolute;
  top: 6px;
  left: 30px;
}

.header__top-navs.is__right {
  z-index: 5;
  position: absolute;
  top: 6px;
  right: 30px;
}

.header__top-nav {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.header__top-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--semi-brown);
  cursor: pointer;
  text-decoration: none;
  display: flex;
}

.header__top-link:hover {
  color: #797979;
}

.ico__14 {
  flex: none;
  width: 14px;
  transition: transform .4s;
}

.subnav__wrap {
  height: calc(100dvh - 100%);
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.subnav__cells {
  z-index: 1;
  background-color: var(--white);
  border-top: 1px solid #d4d4d4;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 82%;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
  position: relative;
  overflow: auto;
}

.subnav__cell {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px 24px 40px;
  display: flex;
}

.subnav__title-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--black);
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  transition: color .4s;
  display: flex;
}

.subnav__title-link:hover {
  color: #797979;
}

.subnav__title-ico {
  flex: none;
  width: 24px;
}

.subnav__items {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.subnav__item_link {
  color: #797979;
  text-decoration: none;
  transition: color .4s;
}

.subnav__item_link:hover {
  color: var(--black);
}

.subnav__bg {
  z-index: 0;
  background-color: #000c;
  position: absolute;
  inset: 0%;
}

.subnav__box {
  opacity: 0;
  visibility: hidden;
  transform-origin: 0 0;
  min-width: 120%;
  margin-right: -999px;
  padding-top: 12px;
  transition-property: all;
  transition-duration: .4s;
  transition-timing-function: ease;
  position: absolute;
  top: 100%;
  left: -22px;
}

.subnav__box-items {
  border-radius: 12px;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  overflow: hidden;
  box-shadow: 0 4px 40px #00000026;
  background-color: white;
}

.subnav__box-items li:hover {
  background: #F5F5F5;
}

.subnav__box-link {
  background-color: var(--white);
  border-bottom: 1px solid #d4d4d4;
  justify-content: flex-start;
  align-items: center;
  padding: 13.5px 24px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.subnav__box-link.w--current {
  background-color: var(--f5f5f5);
}

.nav__ico, .nav__contacts, .mobile__nav-head, .mobile__nav-bg, .mobile__subnav-icobox, .nav__contact__btns {
  display: none;
}

.department__link {
  display: none;
}

@media screen and (min-width: 1280px) {

  .header__container {
    align-items: center;
    padding: 12px 60px 25px;
  }

  .nav__wrap {
    flex-flow: row;
  }

  .header__nav-items {
    margin-bottom: 0;
    position: static;
  }

  .header__logo-box {
    margin-top: 0;
  }

  .header__top-navs.is__left {
    left: 60px;
  }

  .header__top-navs.is__right {
    right: 60px;
  }

  .subnav__cells {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    padding-left: 38px;
    padding-right: 38px;
  }

  .subnav__cell {
    padding-left: 22px;
    padding-right: 22px;
  }

  .nav__box {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }
}

@media screen and (min-width: 1440px) {

  .header__wrap {
    font-size: 16px;
  }

  .header__top-line {
    height: 32px;
  }

  button.header__btn {
    min-height: 50px;
  }

  .nav__wrap {
    grid-column-gap: 58px;
  }

  .nav__drop-btn {
    height: 50px;
  }

  .header__nav-items {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .header__top-navs {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    font-size: 14px;
  }

  .subnav__items {
    font-size: 14px;
  }

  .nav__box {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
  }
}

@media screen and (min-width: 1920px) {

  .header__wrap {
    font-size: 18px;
  }

  .header__top-line {
    height: 34px;
  }

  .header__logo {
    width: 200px;
  }

  .header__contacts {
    font-size: 20px;
  }

  button.header__btn {
    min-height: 60px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .nav__wrap {
    grid-column-gap: 40px;
  }

  .nav__drop-btn {
    height: 60px;
    padding-left: 24px;
    padding-right: 16px;
  }

  .header__nav-items {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .header__top-navs {
    font-size: 16px;
  }

  .subnav__title-link {
    font-size: 20px;
  }

  .subnav__items {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    font-size: 16px;
  }

  .nav__box {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
}

@media screen and (max-width: 991px) {

  .header__wrap {
    padding-left: 24px;
    padding-right: 24px;
  }

  .header__top-line {
    display: none;
  }

  .header__container {
    border-bottom: 1px solid #626262;
    grid-template-columns: max-content 1fr;
    place-items: center stretch;
    padding: 10px 0;
  }

  .header__logo {
    width: 120px;
  }

  .header__contacts {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    justify-content: flex-end;
    align-items: center;
  }

  button.header__btn:hover {
    color: var(--black);
    background-color: #56565600;
  }

  .header__phone-link {
    background-image: url("../images/phone-menu.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    border: 1px solid #000;
    border-radius: 10px;
    order: 9999;
    width: 40px;
    height: 40px;
    font-size: 0;
  }

  .nav__drop-btns {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    align-items: stretch;
  }

  .nav__wrap {
    z-index: 5;
    background-color: var(--white);
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    max-width: 320px;
    height: 100dvh;
    padding-top: 61px;
    transition: transform .7s;
    display: flex;
    position: absolute;
    inset: 0% auto 0% -16px;
    transform: translate(-100%);
  }

  .nav__wrap.active {
    transform: none;
  }

  .nav__drop-btn {
    border-style: none none solid;
    border-bottom-color: #d4d4d4;
    border-radius: 0;
    justify-content: space-between;
    width: 100%;
    height: 53px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .nav__drop-btn:hover {
    opacity: 1;
  }

  .ico__16 {
    width: 20px;
  }

  .ico__16.is__subnav {
    position: absolute;
    left: 93%;
    transform: rotate(-90deg);
  }

  .header__nav-items {
    grid-column-gap: 20px;
    grid-row-gap: 12px;
    border-bottom: 1px solid #d4d4d4;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-bottom: 0;
    position: static;
  }

  .header__nav-link:hover {
    color: var(--black);
  }

  .header__nav-item {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: flex-start;
    display: flex;
  }

  .header__logo-box {
    margin-top: 0;
  }

  .header__top-navs {
    grid-column-gap: 15px;
    grid-row-gap: 10px;
    border-bottom: 1px solid #d4d4d4;
    flex-flow: column;
    align-items: stretch;
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-size: 16px;
  }

  .header__top-navs.is__left, .header__top-navs.is__right {
    position: static;
  }

  .header__top-nav {
    grid-column-gap: 15px;
    grid-row-gap: 8px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .header__top-link {
    color: #797979;
  }

  .ico__14 {
    width: 16px;
  }

  .subnav__wrap.is__service, .subnav__wrap.is__decision {
    justify-content: space-between;
    width: 100%;
    height: auto;
    display: none;
    position: static;
  }

  .subnav__cells {
    border-top-style: none;
    flex-flow: column;
    width: 100%;
    height: auto;
    display: flex;
    overflow: visible;
  }

  .subnav__cell {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    border-bottom-style: solid;
    border-bottom-color: #d4d4d4;
    border-right-style: none;
    padding: 15px 0;
    position: relative;
  }

  .subnav__cell.is__service {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .subnav__title-link {
    padding-right: 40px;
    font-weight: 400;
  }

  .subnav__title-link.is__service {
    z-index: 5;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
  }

  .subnav__title-ico {
    transition: opacity .4s;
  }

  .subnav__items {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-left: 32px;
    font-size: 16px;
    display: none;
  }

  .subnav__items.is__service {
    padding-bottom: 15px;
    display: flex;
  }

  .subnav__item_link {
    color: var(--black);
  }

  .subnav__bg {
    display: none;
  }

  .subnav__box {
    opacity: 1;
    visibility: visible;
    border-bottom: 1px solid #d4d4d4;
    min-width: auto;
    margin-right: 0;
    padding-top: 0;
    display: none;
    position: static;
  }

  .subnav__box-items {
    grid-column-gap: 15px;
    grid-row-gap: 8px;
    box-shadow: none;
    border-radius: 0;
    flex-flow: column;
    margin-bottom: 5px;
    display: flex;
  }

  .subnav__box-link {
    border-bottom-style: none;
    padding: 0;
  }

  .nav__ico {
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: block;
  }

  .header__logo-block {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .nav__box {
    flex-flow: column;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    display: flex;
    overflow: auto;
  }

  .nav__contacts {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
    padding: 10px;
    font-size: 16px;
    display: flex;
  }

  .nav__phone {
    background-color: #e8e8e8;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    height: 50px;
    display: flex;
    flex: 1.3;
    margin: 0 5px;
    white-space: nowrap;
  }

  .nav__btn {
    cursor: pointer;
    background-color: #f0f0f000;
    border: 1px solid #000;
    border-radius: 10px;
    height: 50px;
    flex: 0.7;
    margin: 0 5px;
    white-space: nowrap;
  }

  .mobile__nav-head {
    border-bottom: 1px solid #d4d4d4;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 20px);
    height: 60px;
    display: flex;
    position: absolute;
    inset: 0% 0% auto 10px;
  }

  .mobile__nav-logo {
    width: 120px;
  }

  .mobile__nav-bg {
    z-index: 0;
    background-color: #000c;
    height: 100dvh;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .mobile__subnav-ico {
    width: 20px;
  }

  .mobile__subnav-icobox {
    z-index: 2;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    transition: all .4s;
    display: flex;
    position: absolute;
    top: 10px;
    right: -6px;
  }

  .nav__contact__btns {
    grid-column-gap: 5px;
    grid-row-gap: 8px;
    flex-flow: row;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
  }

  .nav__contact-social {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
  }

  .nav__social__items {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    display: grid;
  }

  .nav__social-link {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    background-color: #e8e8e8;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    min-height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    display: flex;
  }

  .nav__social-ico {
    flex: none;
    width: 14px;
  }

  .subnav__item-box {
    flex-flow: column;
    display: none;
  }

  .department__link {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: #797979;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
    margin-left: 32px;
    font-size: 16px;
    display: flex;
  }

  .dep__ico {
    flex: none;
    width: 16px;
  }
}

@media screen and (max-width: 479px) {

  .header__wrap {
    padding-left: 10px;
    padding-right: 10px;
  }

  .header__container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  button.header__btn {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* =========================================================
   Components: base/header states moved from css/custom.css
   ========================================================= */

@media screen and (min-width: 992px) {
    .header__wrap .nav__contact-social {
        display: none !important;
    }
}

.header__wrap .header__top-link.active,
.header__wrap .header__top-link.is-active,
.header__wrap .header__nav-link.active,
.header__wrap .header__nav-link.is-active,
.header__wrap .subnav__box-link.active,
.header__wrap .subnav__box-link.is-active {
    color: #797979;
}

.header__wrap .subnav__item_link.active,
.header__wrap .subnav__item_link.is-active {
    color: #000000;
}

@media screen and (max-width: 767px) {
    .header__wrap .header__top-link.active,
    .header__wrap .header__top-link.is-active {
        color: #000;
    }

    .header__wrap .subnav__box-link.action,
    .header__wrap .subnav__box-link.active,
    .header__wrap .subnav__box-link.is-active {
        color: #000000;
    }

    .header__wrap .subnav__item_link.active,
    .header__wrap .subnav__item_link.is-active {
        color: #797979;
    }
}

.ds-component-debug {
    display: none;
}

.ds-component-debug.is-ready {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    padding: 6px 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    color: #7a0000;
    background: rgba(255, 255, 255, .7);
    border-bottom: 1px solid rgba(122, 0, 0, .25);
    z-index: 50;
}

.ds-component-debug-host {
    position: relative;
}

/* /components/styles/common.css */


/* /components/styles/header.css */
/* =========================================================
   Components: base/header
   Патч состояния и hover для новой шапки header__wrap.
   Добавить в components/styles/header.css или в конец main.css,
   если компонентные стили пока не собираются.
   ========================================================= */

[data-ds-header] a {
    color: inherit;
    text-decoration: none;
}

[data-ds-header] a:hover {
    text-decoration: none;
}

html.ds-motion-lock-scroll,
html.ds-motion-lock-scroll body,
body.overflow {
    overflow: hidden;
}

/* Фикс конфликта со старой Webflow-шапкой из main.css:
   .nav_top-btn.is--nav-top, .brand.is--nav-top, .burger-copy.is--nav-top,
   .nav_top-btn-phone там имеют opacity: 0. Если эти классы случайно остались
   внутри компонента, они не должны гасить новую шапку. */
[data-ds-header] .brand.is--nav-top,
[data-ds-header] .brand.is--press,
[data-ds-header] .burger-copy.is--nav-top,
[data-ds-header] .nav_top-btn.is--nav-top,
[data-ds-header] .nav_top-btn-wrp.is--nav-top,
[data-ds-header] .nav_top-btn-phone {
    opacity: 1;
}

[data-tab="content"]:not(:first-child) {
    display: none;
}

[data-ds-header] .tab__nav-link:hover .tab__nav-ico {
    opacity: 1;
}

[data-ds-header] .subnav__box,
[data-ds-header] .subnav__wrap {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

[data-ds-header] .subnav__box.active,
[data-ds-header] .subnav__box.is-active,
[data-ds-header] .subnav__wrap.active,
[data-ds-header] .subnav__wrap.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

[data-ds-header] .subnav__box-link:hover {
    background: #F5F5F5;
}

[data-ds-header] .nav__drop-btn.active,
[data-ds-header] .nav__drop-btn.is-active {
    background: #E8E8E8;
}

[data-ds-header] .service__link:hover .service__item-ico {
    transform: rotateZ(45deg);
}

@media only screen and (min-width: 1280px) {
    [data-ds-header] .subnav__cell:nth-child(5n) {
        border-right: none;
    }
}

@media only screen and (min-width: 992px) {
    [data-ds-header] .subnav__wrap {
        display: none;
    }

    [data-ds-header] .subnav__wrap.active,
    [data-ds-header] .subnav__wrap.is-active {
        display: block;
    }

    [data-ds-header] .subnav__box-items li:last-child a {
        border: none;
    }

    [data-ds-header] li:has(.subnav__box):hover .subnav__box,
    [data-ds-header] .header__nav-link.active + .subnav__box,
    [data-ds-header] .header__nav-link.is-active + .subnav__box,
    [data-ds-header] .header__top-link.active + .subnav__box,
    [data-ds-header] .header__top-link.is-active + .subnav__box {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    [data-ds-header] .nav__drop-btn.active .ico__16,
    [data-ds-header] .nav__drop-btn.is-active .ico__16,
    [data-ds-header] li:has(.subnav__box):hover .ico__14,
    [data-ds-header] li:has(.subnav__box):hover .ico__16 {
        transform: rotateZ(-180deg);
    }
}

@media only screen and (max-width: 991px) {
    [data-ds-header] .nav__wrap {
        pointer-events: none;
    }

    [data-ds-header] .nav__wrap.active,
    [data-ds-header] .nav__wrap.is-active {
        pointer-events: auto;
    }

    [data-ds-header] .mobile__nav-bg {
        display: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    [data-ds-header] .mobile__nav-bg.active,
    [data-ds-header] .mobile__nav-bg.is-active {
        display: block;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    [data-ds-header] .subnav__wrap,
    [data-ds-header] .subnav__box,
    [data-ds-header] .subnav__item-box {
        display: none;
    }

    [data-ds-header] .subnav__wrap.active,
    [data-ds-header] .subnav__wrap.is-active {
        display: block;
    }

    [data-ds-header] .subnav__box.active,
    [data-ds-header] .subnav__box.is-active,
    [data-ds-header] .subnav__cell.active .subnav__item-box,
    [data-ds-header] .subnav__cell.is-active .subnav__item-box {
        display: block;
    }

    [data-ds-header] .header__top-nav:has(.subnav__box) {
        flex-direction: column;
        align-items: stretch;
    }

    [data-ds-header] .nav__drop-btn.active .ico__16,
    [data-ds-header] .nav__drop-btn.is-active .ico__16 {
        transform: rotate(-90deg) rotateZ(180deg);
        left: 0;
    }

    [data-ds-header] .nav__drop-btn > div {
        position: relative;
        transition: all .4s ease;
    }

    [data-ds-header] .nav__drop-btn.active > div,
    [data-ds-header] .nav__drop-btn.is-active > div {
        left: 50%;
        transform: translateX(-50%);
    }

    [data-ds-header] .is__decision .subnav__title-link {
        display: none;
    }

    [data-ds-header] .is__decision .subnav__items {
        display: flex;
        padding-left: 0;
    }

    [data-ds-header] .is__decision .subnav__cell {
        border: none;
        padding-bottom: 0;
    }

    [data-ds-header] .is__decision .subnav__cells {
        padding-bottom: 15px;
        border-bottom: 1px solid #d4d4d4;
    }

    [data-ds-header] .subnav__cell.active .subnav__title-link,
    [data-ds-header] .subnav__cell.is-active .subnav__title-link,
    [data-ds-header] .subnav__cell.active .mobile__subnav-icobox,
    [data-ds-header] .subnav__cell.is-active .mobile__subnav-icobox {
        opacity: .6;
    }

    [data-ds-header] .subnav__cell.active .mobile__subnav-icobox,
    [data-ds-header] .subnav__cell.is-active .mobile__subnav-icobox,
    [data-ds-header] .header__top-link.active .ico__14,
    [data-ds-header] .header__top-link.is-active .ico__14,
    [data-ds-header] .header__nav-link.active .ico__16,
    [data-ds-header] .header__nav-link.is-active .ico__16 {
        transform: rotateZ(180deg);
    }

    [data-ds-header] .header__nav-link.active .ico__16,
    [data-ds-header] .header__nav-link.is-active .ico__16 {
        opacity: .6;
    }

    [data-ds-header] .header__top-link.active,
    [data-ds-header] .header__top-link.is-active,
    [data-ds-header] .header__nav-link.active,
    [data-ds-header] .header__nav-link.is-active {
        color: #797979;
    }

    [data-ds-header] .tab__nav-link.active .tab__nav-ico,
    [data-ds-header] .tab__nav-link.is-active .tab__nav-ico {
        opacity: .6;
    }
}

/* /components/styles/page.css */