.header--v2 {
    background: #050446 url("../img/header-pattern.png") no-repeat right top / auto 100%;
}

.header--v2.header_white {
    background: var(--neutral0);
}

.header--v2.header_white .menuHeader > li > a,
.header--v2.header_white .headerWrapper__logo,
.header--v2.header_white .headerNav__lang,
.header--v2.header_white .headerNav__contacts {
    color: #050446;
}

.header--v2 .headerWrapper__logo {
    max-width: none;
    flex-shrink: 0;
}

.header--v2 .headerWrapper__logoImg {
    display: block;
    width: 24.1rem;
    height: auto;
}

.header--v2 .headerWrapper__logoSign {
    display: none;
    width: 5.2rem;
    height: auto;
}

@media (min-width: 1320px) {
    .header--v2 .headerWrapper__logo {
        position: relative;
        top: -0.7rem;
    }
}

.header--v2 .menuHeader {
    margin-right: auto;
}

.header--v2 .menuHeader > li > a {
    padding: 0 2rem;
}

.header--v2 .menuHeader > li:first-child > a {
    padding-left: 6.3rem;
}

.header--v2 .menuHeader > li:last-child {
    padding-right: 0;
}

.header--v2 .headerNav__lang,
.header--v2 .headerNav__contacts {
    font-weight: 350;
    font-size: 1.8rem;
    line-height: 3rem;
    text-decoration: none;
    color: var(--neutral0);
    white-space: nowrap;
}

.header--v2 .headerNav__lang {
    display: inline-block;
    padding: 1rem 1.2rem;
    margin: -1rem -1.2rem;
}

.header--v2 .headerNav__lang:hover,
.header--v2 .headerNav__contacts:hover {
    color: var(--red);
}

.header--v2 .headerNav__contacts {
    display: none;
}
@media (min-width: 2201px) {
    .header--v2 {
        background-position: right 45rem top;
    }
}

@media (min-width: 2041px) and (max-width: 2200px) {
    .header--v2 {
        background-position: right 35rem top;
    }
}

@media (min-width: 1831px) and (max-width: 2040px) {
    .header--v2 {
        background-position: right 25rem top;
    }
}

@media (min-width: 1601px) and (max-width: 1830px) {
    .header--v2 {
        background-position: right 5rem top;
    }
}

@media (min-width: 1320px) and (max-width: 1600px) {
    .header--v2 {
        background-position: right -5rem top;
    }
}

@media (min-width: 993px) and (max-width: 1319px) {
    .header--v2 {
        background-position: right -16rem top;
    }

    .header--v2.header_white {
        background-position: 0 0;
    }

    .header--v2 .headerNav {
        margin-right: 5.3rem;
    }

    .header--v2 .headerWrapper {
        flex-wrap: wrap;
        align-content: flex-start;
    }

    .header--v2 .headerWrapper__logo {
        flex-basis: 100%;
        margin-top: 1.7rem;
        height: 2.9rem;
    }

    .header--v2 .menuHeader,
    .header--v2 .headerNav {
        height: 4rem;
        margin-top: 1.2rem;
    }

    .header--v2 .menuHeader > li > a {
        padding: 0 1.2rem;
        font-size: 1.8rem;
        line-height: 3rem;
        font-weight: 350;
    }

    .header--v2 .menuHeader > li:first-child > a {
        padding-left: 0;
    }
}

@media (max-width: 992px) {
    .header--v2 {
        height: 6.7rem;
    }

    .header--v2 .wrapper {
        padding: 0 1.8rem;
    }

    .header--v2 .headerWrapper__logo {
        position: relative;
        top: -0.2rem;
    }

    .header--v2 .headerNav {
        position: relative;
        top: 0.45rem;
        right: auto;
        flex-flow: row;
        gap: 7.3rem;
        margin-left: auto;
        margin-right: 5.2rem;
    }

    .header--v2 .headerNav__contacts {
        display: inline-flex;
    }

    .header--v2 .nav-icon {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        top: 0.45rem;
        width: 4.3rem;
        height: 3.6rem;
        margin: 0 2.1rem 0 0;
    }

    .header--v2 .nav-icon::before,
    .header--v2 .nav-icon::after,
    .header--v2 .nav-icon div {
        width: 100%;
        height: 0.3rem;
        margin: 0;
    }

    .header--v2 .nav-icon div,
    .header--v2 .nav-icon.active div {
        margin: 0.3rem 0;
    }

    .header--v2 .nav-icon.active::before {
        top: 0;
        transform: translateY(0.6rem) rotate(45deg);
    }

    .header--v2 .nav-icon.active::after {
        top: 0;
        transform: translateY(-0.6rem) rotate(-45deg);
    }
}

@media (max-width: 767px) {
    .header--v2 .wrapper {
        padding: 0 1.4rem 0 1.8rem;
    }

    .header--v2 .headerWrapper__logoImg {
        display: none;
    }

    .header--v2 .headerWrapper__logoSign {
        display: block;
    }

    .header--v2 {
        height: 6.8rem;
        background-size: 87rem 7.8rem;
    }

    .header--v2 .headerWrapper__logo {
        top: 0;
    }

    .header--v2 .headerNav {
        top: 1.25rem;
        gap: 2rem;
        margin-right: 2.2rem;
    }

    .header--v2 .nav-icon {
        top: 1.25rem;
        width: 3rem;
        margin-right: 0;
    }
}
