.black_hover:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    opacity: 0;
    transition:  0.6s;
    pointer-events: none;
}


.t-uptitle {
    letter-spacing: 1px!important;
}


.menu_head a:hover {
    color: #d7b369!important;
}

.zindex30 {
    z-index: 30!important;
}

.black_hover:hover:before {
    opacity: .6;
}

@media (min-width: 1200px) { 
    .shadow {
    display: none;
}
}

.shadow{
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    width: 180px;
}

.shadow:after {
    content: "";
    width: 18px;
    height: 18px;
    background: url(https://static.tildacdn.com/tild6434-3438-4033-b139-333566383236/211688_forward_arrow.svg) center no-repeat;
    background-size: 100%;
    position: absolute;
    pointer-events: none;
    z-index: 27;
    right: 15px;
    top: 21px;
    
}


.shadow:before {
right: 0;
    background: linear-gradient(-90deg,rgb(41 38 34),transparent 102%);
    content: "";
    z-index: 25;
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    pointer-events: none;
}

@media (max-width: 1200px) { 
    .black_hover:before {
    opacity: .6;
        z-index: 1;
}
}


.lang {
    opacity: .5;
}

.lang:hover {
    opacity: 1;
}