/* HEADER */


.wrapper__header-block {
    position: relative;
    background: url(../images/background/hero-bg.png) center no-repeat;
    background-size: cover;
}
.wrapper__header-block-coffee {
    position: relative;
    background: url(../images/background/coffee-bg.png) center no-repeat;
    background-size: cover;
}


.wrapper__header-block-thank {
    position: relative;
    background: url(../images/background/bg-mt.png) center no-repeat;
    background-size: cover;
    min-height: 100vh;
}

.wrapper__header-block-bolier {
    position: relative;
    background: url(../images/background/bg-boiler.png) center no-repeat;
    background-size: cover;
}

.wrapper__header-block-plit {
    position: relative;
    background: url(../images/background/bg-plit.png) center no-repeat;
    background-size: cover;
}

.wrapper__header-block-tv {
    position: relative;
    background: url(../images/background/bg-tv.png) center no-repeat;
    background-size: cover;
}
.wrapper__header-block-com {
    position: relative;
    background: url(../images/background/bg-com.png) center no-repeat;
    background-size: cover;
}

.wrapper__header-block-holod {
    position: relative;
    background: url(../images/background/hero-bg.png) center no-repeat;
    background-size: cover;
}

.wrapper__header-block-mt {
    position: relative;
    background: url(../images/background/bg-mt.png) center no-repeat;
    background-size: cover;
}


.wrapper__header-block-sm {
    position: relative;
    background: url(../images/background/small.png) center no-repeat;
    background-size: cover;
}

.nightpromo__header{
    position: relative;
    background: url(../images/background/night-time-background.jpg) center no-repeat;
    background-size: cover;
}
.wrapper__header-block--price {
    background-color: #030101;
}

.wrapper_page-header {
    background: #405cb79c;
}

.wrapper__header-block--height {
    padding-bottom: 70px;
}


.wrapper__header-block-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-color: #000;
    background-size: 0.2em 0.2em;
}

.page-header {
    display: flex;
    align-items: center;
    padding: 14px 0;
    min-height: 70px;
}

.navigation__item {
    float: none;
    display: inline-block;
    margin-right: 18px;
    position: relative;
}
.navigation__item:last-child {
    margin-right: 0;
}

.navigation__link {
    font-size: 15px;
    font-weight: 700;
    font-family: ProximaNovaLight, sans-serif;
    color: #ffffff;
}
.navigation__link:hover {
    color: #ce736b;
    transition: all 0.2s linear;
}

.navigation__link-active {
    font-family: ProximaNovaBold, sans-serif;
}

.page-header__button a {
    display: block;
    padding-top: 9px;
    padding-bottom: 9px;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    font-family: ProximaNovaSemibold, sans-serif;
    color: #ffffff;
    background: #ff9701;
}
.page-header__button a:hover {
    background: #dc860a;
    transition: all 0.2s linear;
}
.page-header__button a:active,
.page-header__button a:focus {
    background: #dc860a;
    transition: all 0.2s linear;
}
.page-header__button--price a {
    color: #fff;
    background: #008cd4;
}
.page-header__button--price a:hover {
    background: #0070aa;
    transition: all 0.2s linear;
}
.page-header__button--price a:active,
.page-header__button--price a:focus {
    background: #50aad9;
    transition: all 0.2s linear;
}
.header__mobile-button {
    display: none;
}

.navigation__more svg {
    width: 10px;
    height: 10px;
}

.navigation__more {
    display: flex;
    align-items: center;
    column-gap: 5px;
    background-color: transparent;
    border: none;
    font-size: 15px;
    font-family: ProximaNovaLight, sans-serif;
    color: #ffffff;
    line-height: normal;
    padding: 0;
}

.navigation__sub-list {
    display: flex;
    flex-direction: column;
    position: absolute;
    opacity: 0;
    clip-path: inset(0 0 100% 0);
    transition: opacity 0.5s ease, clip-path 0.5s ease;
    background-color: #ff9701;;
    z-index: 1;
    border-radius: 10px;
}

.navigation__more:hover ~ .navigation__sub-list {
    opacity: 1;
    clip-path: inset(0 0 0 0);
}

.navigation__sub-list:hover {
    opacity: 1;
    clip-path: inset(0 0 0 0);
}

.navigation__sub-link {
    display: flex;
    font-size: 15px;
    font-weight:700;
    font-family: ProximaNovaLight, sans-serif;
    color: #fff;
    padding: 5px;
    transition: opacity 0.3s ease;
}

.navigation__sub-link:hover {
    opacity: 0.7;
    color: #fff;
}

.navigation__sub-link:focus {
    color: #000;
}

@media (max-width: 767px) {
    .navigation__more {
        display: none;
    }
    
    .navigation__sub-list {
        align-items: center;
        position: static;
        opacity: 1;
        clip-path: initial;
        background-color: transparent;
        row-gap: 15px;
    }
    
    .navigation__sub-link {
        color: #fff;
        padding: 0;
        text-align: center;
        transition: all 0.2s linear;
    }
    
    .navigation__sub-link:hover {
        color: #ce736b;
        opacity: 1;
    }
    
    .navigation__sub-link:focus {
        color: #fff;
    }
}

/* HEADER end */