:root {
    --pre-nav-height: 55px;
    --nav-height: 75px;
    --trigger-mobile-width: 30px;
    --trigger-mobile-height: 20px;
    --trigger-mobile-gutter: 12px;
    --trigger-bar-size: 3px;
}
/* .page-wrapper {
    padding-top: calc(var(--nav-height) + var(--pre-nav-height));
} */
.pre-menu {
    height: var(--pre-nav-height);
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    background-color: var(--blue-deep);
    display: flex;
    align-items: center;
    position: relative;
    z-index: 101;
}
.pre-menu .col {
    color: var(--white);
}
.menu {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 102;
}
.menu .menu-close {
    display: none;
}
.menu-bg {
    height: var(--nav-height);
    display: flex;
    align-items: center;
    background-color: var(--white);
}
.menu-trigger {
    color: var(--blue-deep);
}
.menu-window {
    width: 100%;
    background-color: var(--white);
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
}
.menu.opened .menu-window {
    display: flex;
}
.menu-window.slide-in {
    animation: slideInX .2s ease-in 0s 1;
}
.menu-window.slide-out {
    animation: slideOutX .2s ease-in 0s 1;
}
.menu-title,
.menu .menu-list ul .menu-title a {
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    color: var(--blue-deep);
    display: block;
    padding: 0;
}
.menu .menu-list ul a {
    font-size: 18px;
    font-weight: 400;
    line-height: 40px;
    text-decoration: none;
}
.search-wrapper {
    display: none;
}
@media (max-width: 1439.98px) {
    .menu .logo {
        max-width: 177px;
        display: block;
    }
    .menu .menu-bg .row .col {
        flex: 1;
    }
    .menu.opened .menu-window {
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 1;
    }
    .menu .menu-window > .container {
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .menu .menu-window > .container .visible-tab a {
        position: relative;
    }
    .menu .menu-window .go-back {
        position: absolute;
        top: 0;
        right: 0;
    }
    .menu .menu-window .go-back .is-svg {
        color: var(--blue-deep);
    }
    .menu-icons {
        display: none;
    }
    .menu-list-wrapper {
        flex: 1;
        flex-direction: column;
        justify-content: center;
    }
    .menu-list-wrapper > .col {
        flex: 0 0 auto;
    }
    .menu-list-wrapper > .col + .col {
        margin-top: 70px;
    }
    .menu .menu-list {
        width: 100%;
        height: 100%;
        background-color: var(--white);
        display: none;
        position: absolute;
        top: 0;
        left: 0;
    }
    .menu .menu-list.slide-in {
        animation: slideInX .2s ease-in 0s 1;
    }
    .menu .menu-list.slide-out {
        animation: slideOutX .2s ease-in 0s 1;
    }
    .menu .menu-list.slide-in,
    .menu .menu-list.slide-out {
        display: flex;
        align-items: center;
    }
    .menu .menu-list ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
    }
    .menu .menu-list ul li + li {
        margin-top: 70px;
    }
    .menu-title {
        text-align: center;
    }
    .menu-icons-mobile ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .btn-search-mobile {
        position: relative;
        z-index: 1;
    }
    .menu .search-mobile > .menu-list {
        z-index: 2;
        align-items: flex-start;
        padding-top: calc(var(--space-standard) * 20);
        flex-direction: column;
    }
    .menu .menu-window .logo {
        position: relative;
        z-index: 3;
    }
    .menu .search-head {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        width: 100%;
        text-align: center;
        color: var(--blue-deep);
    }
    .search-bar {
        background-color: #F2F2F2;
        margin-top: calc(var(--space-standard) * 4.5);
    }
    .search-bar > * {
        height: 40px;
        color: var(--blue-deep);
        padding: calc(var(--space-standard) * 2)  calc(var(--space-standard) * 2) calc(var(--space-standard) * 2) calc(var(--space-standard) * 4);
    }
    .search-result {
        margin-top: 30px;
        display: flex;
        flex-direction: column;
    }
    .menu .search-mobile .menu-list .search-result li + li {
        margin-top: 20px;
    }
    .search-result a {
        display: flex;
        flex-direction: column;
    }
    .search-result .result-title {
        font-size: 18px;
        line-height: 24px;
        color: var(--blue-deep);
    }
    .search-result .result-descr {
        font-size: 16px;
        line-height: 20px;
        color: #9D9D9D;
    }
    .search-result .result-descr span {
        color: var(--blue);
    }
}
@media (min-width: 1440px) {
    .menu {
        z-index: 100;
    }
    .menu.opened .menu-open {
        display: none;
    }
    .menu.opened .menu-close {
        display: block;
    }
    .pre-menu {
        font-size: 14px;
        line-height: 17px;
    }
    .menu-icons {
        display: flex;
        justify-content: flex-end;
    }
    .menu-icons ul {
        display: flex;
        align-items: center;
    }
    .menu-icons ul li + li {
        margin-left: calc(var(--space-standard) * 11);
    }
    .menu.opened .menu-icons ul {
        display: none;
    }
    .menu-window.slide-in {
        animation: slideIn .2s ease-in 0s 1;
    }
    .menu-window.slide-out {
        animation: slideOut .2s ease-in 0s 1;
    }
    .menu-title {
        text-align: left;
    }
    .menu .menu-list ul li + li {
        margin-top: 20px;
    }
    .menu .menu-bg > .container {
        position: relative;
    }
    .search-wrapper.fade-in {
        animation: fadeIn .2s ease-in 0s 1;
    }
    .search-wrapper.fade-out {
        animation: fadeOut .2s ease-in 0s 1;
    }
    .search-wrapper.fade-in + .row {
        animation: fadeOut .2s ease-in 0s 1;
    }
    .search-wrapper.fade-out + .row {
        animation: fadeIn .2s ease-in 0s 1;
    }
    .search-wrapper .search-close {
        width: 27px;
    }
    .search-wrapper .search-bar {
        color: var(--blue-deep);
        background-color: #EFEFEF;
    }
    .search-wrapper .search-bar > button {
        color: var(--blue-deep);
    }
    .menu .search-mobile {
        display: none;
    }
}
@keyframes slideIn {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
@keyframes slideInX {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}
@keyframes slideOut {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-100%);
    }
}
@keyframes slideOutX {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(100%);
    }
}
@media (min-width: 1440px) {
    :root {
        --nav-height: 113px;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}