.header {
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100%;
}
.user-logged-in .header {
    top: 80px;
}
.top__header {
    background-color: #6d6e70;
    padding: .5rem 0;
}
.main__header {
    background-color: #d63440;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.region-header,
.region-primary-menu {
    display: flex;
    justify-content: space-between;
    padding: 0;
    align-items: stretch;
}
.logo__site {
    padding: .5rem 0;
}
.header .navbar-nav {
    flex-direction: row;
    align-items: center;
}
.header .navbar-nav li {
    list-style: none;
}
.top__header .nav-link {
    text-transform: uppercase;
    font-size: 0.875rem;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    padding: 0 0.25rem;
    position: relative;
}
.top__header .nav-link.active {
    color: #fff;
}
.top__header .nav-link::after {
    content: '|';
    display: inline-block;
    padding-left: 0.5rem;
}
.top__header .block-language ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}
.top__header .block-language a{
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.875rem;
    font-style: normal;    
    padding: 0 0.25rem;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
}
.top__header .block-language li:first-child a::after{
    content: "|";
    display: inline-block;
    padding-left: 0.5rem;
    color: #bcbcbc;
}
.top__header .block-language a.is-active {
    font-weight: 700;
}
.top__header .btn .nav-link::after,
.top__header .dropdown .nav-link::after,
.top__header .btn .nav-link::before{
    display: none;
}
.top__header .btn {
    margin: 0 .25rem;
    border-radius: 10px;
    background: #fff;
    padding: 0.25rem .5rem;
    line-height: 1;
    border: 1px solid var(--color-gris);
    transition: all .4s;
}
.top__header .btn:hover {
    background: var(--color-gris);    
    border: 1px solid #fff;
}
.top__header .btn .nav-link {
    padding: 0;
    color: #6D6E72;
}
.top__header .btn:hover .nav-link{
    color: #fff;
}
.main__header .nav-link {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25rem;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    padding: 0;
}
.top__header .btn.lock a::after{
    content: '';
    display: inline-block;
    vertical-align: top;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none"><path d="M11.0833 6.33329H11.6667C11.8214 6.33329 11.9697 6.39475 12.0791 6.50415C12.1885 6.61354 12.25 6.76192 12.25 6.91663V12.75C12.25 12.9047 12.1885 13.053 12.0791 13.1624C11.9697 13.2718 11.8214 13.3333 11.6667 13.3333H2.33333C2.17862 13.3333 2.03025 13.2718 1.92085 13.1624C1.81146 13.053 1.75 12.9047 1.75 12.75V6.91663C1.75 6.76192 1.81146 6.61354 1.92085 6.50415C2.03025 6.39475 2.17862 6.33329 2.33333 6.33329H2.91667V5.74996C2.91667 4.66699 3.34687 3.62838 4.11265 2.86261C4.87842 2.09683 5.91703 1.66663 7 1.66663C8.08297 1.66663 9.12158 2.09683 9.88735 2.86261C10.6531 3.62838 11.0833 4.66699 11.0833 5.74996V6.33329ZM9.91667 6.33329V5.74996C9.91667 4.97641 9.60938 4.23455 9.06239 3.68756C8.51541 3.14058 7.77355 2.83329 7 2.83329C6.22645 2.83329 5.48459 3.14058 4.93761 3.68756C4.39062 4.23455 4.08333 4.97641 4.08333 5.74996V6.33329H9.91667ZM6.41667 7.99988V11.9999H7.58333V7.99988H6.41667Z" fill="%236D6E71"/></svg>');
    background-size: contain;
    background-position: top center;
    height: 14px;
    width: 14px;
}
.top__header .btn.lock:hover a::after {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none"><path d="M11.0833 6.33329H11.6667C11.8214 6.33329 11.9697 6.39475 12.0791 6.50415C12.1885 6.61354 12.25 6.76192 12.25 6.91663V12.75C12.25 12.9047 12.1885 13.053 12.0791 13.1624C11.9697 13.2718 11.8214 13.3333 11.6667 13.3333H2.33333C2.17862 13.3333 2.03025 13.2718 1.92085 13.1624C1.81146 13.053 1.75 12.9047 1.75 12.75V6.91663C1.75 6.76192 1.81146 6.61354 1.92085 6.50415C2.03025 6.39475 2.17862 6.33329 2.33333 6.33329H2.91667V5.74996C2.91667 4.66699 3.34687 3.62838 4.11265 2.86261C4.87842 2.09683 5.91703 1.66663 7 1.66663C8.08297 1.66663 9.12158 2.09683 9.88735 2.86261C10.6531 3.62838 11.0833 4.66699 11.0833 5.74996V6.33329ZM9.91667 6.33329V5.74996C9.91667 4.97641 9.60938 4.23455 9.06239 3.68756C8.51541 3.14058 7.77355 2.83329 7 2.83329C6.22645 2.83329 5.48459 3.14058 4.93761 3.68756C4.39062 4.23455 4.08333 4.97641 4.08333 5.74996V6.33329H9.91667ZM6.41667 7.99988V11.9999H7.58333V7.99988H6.41667Z" fill="%23fff"/></svg>');
}
.header .navbar-nav li.search {
    padding-left: 10px;
    position: relative;
}
.search::before {content: '';
    display: inline-block;
    vertical-align: top;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.11684 1.60502e-08C5.98189 9.67028e-05 4.86342 0.271595 3.85475 0.791843C2.84608 1.31209 1.97645 2.066 1.31841 2.99068C0.660378 3.91536 0.233022 4.98399 0.0719994 6.10741C-0.0890236 7.23083 0.0209557 8.37647 0.392762 9.44874C0.764567 10.521 1.38742 11.4888 2.20935 12.2715C3.03128 13.0541 4.02846 13.6288 5.11768 13.9476C6.20691 14.2665 7.3566 14.3203 8.47084 14.1045C9.58508 13.8887 10.6316 13.4096 11.523 12.7071L14.5809 15.765C14.7389 15.9175 14.9504 16.0019 15.1699 16C15.3895 15.9981 15.5995 15.91 15.7547 15.7548C15.91 15.5995 15.9981 15.3895 16 15.17C16.0019 14.9504 15.9175 14.7389 15.7649 14.581L12.707 11.5231C13.5343 10.4736 14.0494 9.21247 14.1933 7.88392C14.3373 6.55538 14.1043 5.21314 13.521 4.01081C12.9378 2.80849 12.0278 1.79466 10.8952 1.08535C9.76262 0.376043 8.45321 -8.97127e-05 7.11684 1.60502e-08ZM1.67409 7.11717C1.67409 5.67372 2.24752 4.28939 3.26823 3.26871C4.28895 2.24804 5.67333 1.67463 7.11684 1.67463C8.56034 1.67463 9.94473 2.24804 10.9654 3.26871C11.9862 4.28939 12.5596 5.67372 12.5596 7.11717C12.5596 8.56063 11.9862 9.94496 10.9654 10.9656C9.94473 11.9863 8.56034 12.5597 7.11684 12.5597C5.67333 12.5597 4.28895 11.9863 3.26823 10.9656C2.24752 9.94496 1.67409 8.56063 1.67409 7.11717Z" fill="white"/></svg>');
    background-size: cover;
    background-position: top center;
    height: 13px;
    width: 13px;
    position: absolute;
    left: -5px;
    top: 5px;
}
.top__header .nav-link::before,
.top__header .block-language a:not(.is-active):before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 1px;
    width: calc(100% - 12px);
    left: 0;
    bottom: 0;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease-in-out;
}
.top__header .block-language a:not(.is-active):before {
    width: 100%;
}
.top__header .nav-link:hover::before,
.top__header .block-language a:hover::before {
    transform: scaleX(1);
    transform-origin: left;
}
.top__header li.search .nav-link::before {
    left: -15px;    
    width: 100%;
}
/*MENU*/
.main__header .navbar-nav {
    height: 82px;
}
.main__header .nav-item {
    align-self: stretch;
    display: flex;
    align-items: center;
    border: 1px solid #d63440;
    padding: 0 12px;
    transition: all .4s;
}
.main__header .nav-item:hover {
    border: 1px solid #fff;
}
.main__header .nav-link.show {
    color: #fff;
}
.main__header::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 122px;
    width: 100vw;
    height: 65vh;
    background-color: var(--color-rouge);
    z-index: 0;
    visibility: hidden;
}
.main__header:has(.dropdown.menu-item-level-0:hover)::after {
    visibility: visible;
}
.main__header .dropdown.menu-item-level-0:hover > .dropdown-menu {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.main__header .navbar-nav .dropdown-menu {
    width: 100vw;
    border: none;
    border-radius: 0;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    background-color: #d63440;
    padding: 1.5rem 3rem;
    border-top: 1px solid #fff;
}
.main__header .dropdown-item {
    display: flex;
    flex-direction: column;
    break-inside: avoid-column;
    width: 326px;
    max-width: 100%;
    margin-bottom: 1.25rem;
    color: #fff;
    padding: 0;
    white-space: normal;
}
.main__header .dropdown-item .nav-menu {
    font-size: 1rem;
    color: #6E6E70;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: .5rem 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1;
    text-decoration: none;
    transition: all .5s;
}
.main__header .dropdown-item:hover .nav-menu {
    background-color: var( --color-hover);
    border-color: var(--color-hover);
    color: #fff;
}
.main__header .dropdown-item > .dropdown-menu {
    display: flex;
    flex-direction: column;
    width: 325px;
    margin: .5rem auto 0;
    padding: 0;
    border: none;
}
.main__header .dropdown-item .dropdown-item {
    margin: 0;
    padding: .25rem 1rem;
    position: relative;
    border: 1px solid transparent;
    border-radius: 20px;
}
.main__header .dropdown-item .dropdown-item:hover {
    border-color: #fff;
}
.main__header .dropdown-item .dropdown-item .nav-menu {
    border: none;
    border-radius: 0;
    padding: 0;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 400;
    text-transform: none;
    background: none;
    color: #fff;
    padding-left: .5rem;
}
.main__header .dropdown-item .dropdown-item::before {
    content: '>';
    position: absolute;
    left: .5rem;
    top: 0;
}
.main__header .dropdown-item:hover,
.main__header .dropdown-item:focus {
    background: none;
}
.navbar-nav .menu-item-level-0 .nav-menu.active {
    color: #fff;
}
.main__header .dropdown-item.active {
    background: none;
}
.navbar-nav .menu-item-level-0 .dropdown-menu .nav-menu.active {
    background-color: var(--color-hover);
    border-color: var(--color-hover);
}
.main__header .dropdown-item .dropdown-item.active {
    background-color: var(--color-hover);
    border-color: var(--color-hover);
}
#nav-icon {
    display: none;
    background: none;
    border: none;
}
.back__menu,
.level__menu {
    display: none;
}
#nav-top {
    display: none;
    position: relative;
    width: 30px;
    padding: 0;
    background: none;
    border: none;
    transition: all .5s;
}
#nav-top span {
    display: block;
    height: 2px;
    width: 70%;
    background-color: #fff;
    margin: 0;
}
#nav-top span::after,
#nav-top span::before {
    content: '';
    height: 2px;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    left: 0;
}
#nav-top span::after {
    width: 100%;
    bottom: 2px;
}
#nav-top span::before {
    width: 50%;
    top: 2px;
}
#nav-top.is-active {
    position: relative;
    top: auto;
    right: auto;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none"><path d="M6.11993 6.12005C6.77715 5.46283 7.84271 5.46283 8.49993 6.12005L27.8799 25.5001C28.5372 26.1573 28.5372 27.2228 27.8799 27.8801C27.2227 28.5373 26.1572 28.5373 25.4999 27.8801L6.11993 8.50005C5.46271 7.84283 5.46271 6.77727 6.11993 6.12005Z" fill="white"/><path d="M27.8799 6.12005C28.5372 6.77727 28.5372 7.84284 27.8799 8.50006L8.49993 27.8801C7.84271 28.5373 6.77715 28.5373 6.11993 27.8801C5.46271 27.2228 5.46271 26.1573 6.11993 25.5001L25.4999 6.12005C26.1572 5.46283 27.2227 5.46283 27.8799 6.12005Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
}
#nav-top.is-active span{
    opacity: 0;
}