@media (min-width: 61.99875em) {
    .logo img {
        width: 5.5625rem;
        height: 3.8125rem;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .header__picture .logo {
        display: none
    }

    .menu {
        align-self: flex-end;
    }

    .menu__sub-list {
        border-top: 0.0625rem solid #01396a;
        top: 100%;
    }

    .home__text {
        font-size: 0.98rem;
    }

    .spollers__sub-item {
        position: relative;
        padding: 0 0 0 1.5625rem !important;
    }

    .spollers__sub-item::before {
        content: "";
        position: absolute;
        top: 0.625rem;
        left: 0.625rem;
        width: 0.25rem;
        height: 0.25rem;
        border-radius: 50%;
        background-color: #4f4d4d;
    }

    .spollers__link {
        border-bottom: none !important;
        font-size: 1rem !important;
        line-height: 138%;
        color: #4f4d4d;
        text-decoration: none;
    }

    .spollers__item {
        background-color: transparent !important;
        padding: 1.5rem 0.875rem;
        position: relative;
    }

    .spollers__item:not(:last-child)::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 88%;
        height: 0.0625rem;
        background-color: #01396a;
    }

    .menu__spollers {
        flex: 1 1 25%;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        position: relative;
    }

    .menu__spollers:nth-child(odd) {
        background-color: #f7f7f7;
    }

    .menu__sub-list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }


    .menu__sub-list.-collapsed {
        display: flex;
        width: auto !important;
        min-width: 236px;
        max-width: 100vw;
        position: absolute;
        flex-direction: column;
        left: 50%;
        transform: translateX(-50%);
        padding: 10px 20px;
    }

    .menu__sub-list.-collapsed > .menu__item {
        padding: 6px 0;
    }

    .spollers--gray {
        height: 100%;
    }

    .spollers--gray .spollers__item {
        background-color: transparent !important;
    }
}

@media (max-width: 61.99875em) {
    .logo {
        display: none;
    }

    .home__logo {
        margin-top: 55px;
    }

    .header_email {
        justify-content: right;
    }

    .spollers__item {
        display: flex !important;
        flex-direction: column !important;
    }

    .spollers__item {
        padding: 0 !important;
    }

    .icon-menu, .header__contacts-block {
        margin-top: 15px;
    }
}

.spollers__link-title {
    font-weight: var(--fontWeight_600);
    background-color: transparent;
    display: flex;
    align-items: center;
    -webkit-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
    color: #01396a;
    padding: 0 !important;
}

.spollers__icon {
    min-width: 1.875rem;
    width: 1.875rem;
    height: 1.875rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.menu__item.-rel {
    position: relative;
}

@media (max-width: 991.98px) {
    .spollers__title {
        display: flex;
        align-items: center;
        column-gap: 10px;
        font-weight: 600;
        font-size: 20px;
        line-height: 110%;
        color: #01396a;
        padding: 10px 26px 6px 0;
        position: static !important;
    }

    .header__icon {
        display: none;
    }

    .header__picture .logo {
        display: block;

    }

    .header__picture .logo img {
        width: 76px;
    }

    .contacts-block__link {
        font-size: 12px;
    }

    .spollers__item {
        position: relative;
    }

    ._spoller-active.spollers__title::before {
        bottom: 15px !important;
        top: auto !important;
        transform: translate(toRem(0), 50%) scale(1, -1) !important;
    }

    .spollers__body {
        padding: 14px 0 40px 0;
    }

    .spollers__title::before {
        background: url("../img/arrow_3.svg") 0 0 / contain no-repeat !important;
        position: absolute;
        transform: translate(toRem(0), 50%) !important;
        transition: all 0.5s var(--e) !important;
    }

    .spollers__sub-item {
        position: relative;
        padding-left: 40px;
    }

    .spollers__sub-item:not(:last-child) {
        margin-bottom: 15px;
    }

    .spollers__sub-item::before {
        content: "";
        position: absolute;
        top: 8px;
        left: 18px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #4f4d4d;
    }

    .spollers__link {
        font-size: 20px;
        line-height: 110%;
        color: #4f4d4d;
        text-decoration: none;
    }
}

.link {
    color: #4CA2D3;
    text-decoration: underline;
}

.link:hover {
    text-decoration: none;
}

.menu__sub-list.-collapsed._open {
    padding: 20px;
}

.menu__sub-list.-collapsed._open > .menu__item {
    padding: 6px 0;
}