/* Mobile navigation from the 413 x 894 design frame. */
.ns-bitrix.c-menu.c-menu-mobile-2 .lemming-mobile-menu__backdrop {
    display: none;
}

@media all and (max-width: 768px) {
    body.brand-page-active .ns-bitrix.c-menu.c-menu-mobile-2.lemming-mobile-menu--brand-bridge > .menu-button,
    body.partners-page-active .ns-bitrix.c-menu.c-menu-mobile-2.lemming-mobile-menu--brand-bridge > .menu-button {
        display: none !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-button,
    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-panel-button,
    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-content {
        font-family: "Onest", Arial, sans-serif;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-button,
    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-panel-button,
    .ns-bitrix.c-menu.c-menu-mobile-2 button.menu-item-content {
        appearance: none;
        -webkit-appearance: none;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .lemming-mobile-menu__backdrop {
        position: fixed;
        z-index: 99999;
        inset: 0;
        display: block;
        width: 100vw;
        height: 100vh;
        height: 100dvh;
        margin: 0;
        padding: 0;
        border: 0;
        background: rgba(4, 29, 67, 0.34);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        cursor: pointer;
        transition: opacity 180ms ease, visibility 180ms ease;
        touch-action: none;
    }

    body.lemming-mobile-menu-open .ns-bitrix.c-menu.c-menu-mobile-2 .lemming-mobile-menu__backdrop {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu {
        position: fixed !important;
        z-index: 100000 !important;
        top: 8.5px !important;
        right: auto !important;
        bottom: auto !important;
        left: 50% !important;
        display: none;
        width: min(413px, calc(100vw - 17px)) !important;
        height: calc(100vh - 17px) !important;
        height: calc(100svh - 17px) !important;
        height: calc(100dvh - 17px) !important;
        max-height: none !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 40px !important;
        background: #0f4495 !important;
        box-shadow: 0 16px 48px rgba(3, 27, 66, 0.34), 0 0 20.3px rgba(215, 236, 250, 0.08) !important;
        opacity: 0;
        box-sizing: border-box !important;
        isolation: isolate;
        transform: translateX(-50%);
        transform-origin: top center;
    }

    body.lemming-mobile-menu-open .ns-bitrix.c-menu.c-menu-mobile-2 .menu {
        animation: lemming-mobile-menu-reveal 320ms cubic-bezier(0.22, 1, 0.36, 1) both;
    }

    @keyframes lemming-mobile-menu-reveal {
        from {
            clip-path: inset(0 0 86% 0 round 40px);
            transform: translateX(-50%) translateY(-10px);
        }

        to {
            clip-path: inset(0 0 0 0 round 40px);
            transform: translateX(-50%) translateY(0);
        }
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-panel {
        position: absolute !important;
        z-index: 2 !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 134px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-panel-wrapper {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 134px !important;
        padding: 0 !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-panel-logotype-wrap {
        position: absolute !important;
        top: 49px !important;
        left: 20px !important;
        width: 173px !important;
        height: 50px !important;
        text-align: left !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-panel-logotype {
        display: block !important;
        width: 173px !important;
        height: 50px !important;
        line-height: 0 !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-panel-logotype img {
        display: block !important;
        width: 173px !important;
        max-width: none !important;
        height: 50px !important;
        max-height: none !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-panel-button-wrap {
        position: absolute !important;
        z-index: 2 !important;
        top: 11px !important;
        right: 12px !important;
        display: block !important;
        width: 42px !important;
        height: 42px !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-panel-button {
        display: block !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: #d7ecfa !important;
        cursor: pointer;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-panel-button img {
        display: block;
        width: 42px;
        height: 42px;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-panel-search-button,
    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-panel-search-input {
        display: none !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-content,
    .ns-bitrix.c-menu.c-menu-mobile-2 [data-search-type="page"] .menu-content {
        position: relative !important;
        z-index: 1 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        padding: 134px 0 0 !important;
        box-sizing: border-box !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-content-wrapper {
        position: relative !important;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-items,
    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-content[data-current="true"] .menu-items {
        display: flex !important;
        width: 100% !important;
        height: 100% !important;
        padding: 0 0 20px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        flex-direction: column !important;
        scrollbar-width: none;
        overscroll-behavior: contain;
        box-sizing: border-box !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-items::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item,
    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-wrapper {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-content > .menu-content-wrapper > .menu-items > .menu-item.menu-item-level-0:not(.menu-item-extra) {
        flex: 0 0 auto;
        margin: 0 0 16px;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-content > .menu-content-wrapper > .menu-items > .menu-item.menu-item-level-0:not(.menu-item-extra):nth-of-type(6) {
        margin-bottom: 0;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-content {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 15px 20px !important;
        color: #fff !important;
        border: 0 !important;
        background: transparent !important;
        font-family: "Onest", Arial, sans-serif !important;
        font-size: 20px !important;
        font-weight: 600 !important;
        line-height: 26px !important;
        text-align: left !important;
        text-decoration: none !important;
        cursor: pointer;
        box-sizing: border-box !important;
        -webkit-text-fill-color: #fff !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-content-split {
        display: flex !important;
        align-items: stretch;
        padding: 0 20px !important;
        cursor: default;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-link {
        display: flex;
        min-width: 0;
        padding: 15px 0;
        align-items: center;
        flex: 1 1 auto;
        color: #fff !important;
        font: inherit;
        text-decoration: none !important;
        -webkit-text-fill-color: #fff !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-toggle {
        display: flex;
        width: 48px;
        min-width: 48px;
        margin: 0;
        padding: 0;
        align-items: center;
        justify-content: center;
        border: 0;
        background: transparent;
        color: #fff;
        cursor: pointer;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-link:focus-visible,
    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-toggle:focus-visible {
        outline: 2px solid #fff !important;
        outline-offset: -3px;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-content:focus-visible,
    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-panel-button:focus-visible,
    .ns-bitrix.c-menu.c-menu-mobile-2 .lemming-mobile-menu__social-link:focus-visible,
    .ns-bitrix.c-menu.c-menu-mobile-2 .lemming-mobile-menu__partner:focus-visible {
        outline: 2px solid #fff !important;
        outline-offset: -3px;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-content > .intec-grid {
        min-height: 26px;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-icon-wrap {
        display: block !important;
        width: 18px !important;
        min-width: 18px !important;
        height: 8px !important;
        margin-left: 12px !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-toggle .menu-item-icon-wrap {
        margin-left: 0 !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-icon {
        display: block !important;
        width: 18px !important;
        height: 8px !important;
        background: url("/images/lemming/mobile-menu/chevron.svg") center / 18px 8px no-repeat !important;
        transition: transform 180ms ease;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-icon i {
        display: none !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item[data-expanded="true"] > .menu-item-wrapper > .menu-item-content .menu-item-icon {
        transform: rotate(180deg);
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-items {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-height: 0;
        padding: 0 20px !important;
        overflow: hidden !important;
        visibility: hidden;
        background: #0072b3 !important;
        opacity: 0;
        box-sizing: border-box !important;
        transition: max-height 240ms ease, padding-bottom 240ms ease, opacity 180ms ease;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item[data-expanded="true"] > .menu-item-wrapper {
        background: #0072b3 !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item[data-expanded="true"] > .menu-item-wrapper > .menu-item-items {
        left: auto !important;
        max-height: 1600px;
        padding-bottom: 16px !important;
        visibility: visible;
        opacity: 1;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-items > .menu-item-button,
    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-items > .menu-item-title {
        display: none !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-items > .menu-item:not(.menu-item-button):not(.menu-item-title) {
        margin: 0 0 25px;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-items > .menu-item:not(.menu-item-button):not(.menu-item-title):last-child {
        margin-bottom: 0;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item.menu-item-inner > .menu-item-wrapper > .menu-item-content {
        padding: 0 !important;
        color: #d7ecfa !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 26px !important;
        -webkit-text-fill-color: #d7ecfa !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item.menu-item-inner > .menu-item-wrapper > .menu-item-content:hover {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-information {
        display: none !important;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .lemming-mobile-menu__footer {
        display: flex;
        flex: 0 0 auto;
        width: calc(100% - 40px);
        max-width: 373px;
        margin: auto auto 0;
        padding-top: 40px;
        flex-direction: column;
        gap: 20px;
        box-sizing: border-box;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .lemming-mobile-menu__contacts {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .lemming-mobile-menu__contact {
        display: flex;
        min-height: 24px;
        align-items: baseline;
        justify-content: space-between;
        padding: 0 0 7px;
        color: #fff !important;
        border-bottom: 1px dashed rgba(215, 236, 250, 0.72);
        font-family: "Onest", Arial, sans-serif;
        text-decoration: none !important;
        box-sizing: border-box;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .lemming-mobile-menu__contact-label {
        color: #d7ecfa;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        text-transform: uppercase;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .lemming-mobile-menu__contact-value {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .lemming-mobile-menu__socials {
        position: relative;
        width: 100%;
        height: auto;
        aspect-ratio: 373 / 110;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .lemming-mobile-menu__socials-image {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 110.724%;
        max-width: none;
        height: auto;
        transform: translate(-4.843%, -13.444%);
        pointer-events: none;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .lemming-mobile-menu__social-link {
        position: absolute;
        z-index: 2;
        top: 31.82%;
        display: block;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        transform: translateX(-50%);
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .lemming-mobile-menu__social-link--telegram {
        left: 20.38%;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .lemming-mobile-menu__social-link--vk {
        left: 50%;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .lemming-mobile-menu__social-link--dzen {
        left: 78.55%;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .lemming-mobile-menu__partner {
        display: flex;
        width: 100%;
        min-height: 45px;
        align-items: center;
        justify-content: center;
        padding: 9px 20px;
        color: #fff !important;
        border-radius: 30px;
        background: #3eb9c0;
        font-family: "Onest", Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
        text-align: center;
        text-decoration: none !important;
        box-sizing: border-box;
    }

    .ns-bitrix.c-menu.c-menu-mobile-2 .lemming-mobile-menu__partner:hover {
        background: #0072b3;
    }
}

@media all and (max-width: 390px) {
    .ns-bitrix.c-menu.c-menu-mobile-2 .lemming-mobile-menu__contact-value {
        font-size: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ns-bitrix.c-menu.c-menu-mobile-2 .lemming-mobile-menu__backdrop,
    .ns-bitrix.c-menu.c-menu-mobile-2 .menu,
    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-items,
    .ns-bitrix.c-menu.c-menu-mobile-2 .menu-item-icon {
        transition: none !important;
        animation: none !important;
    }
}