html.menu--opened {
    overflow: hidden;
    height: 100vh;
}
.menu--opened body {
    overflow: hidden;
    height: 100vh;
}
.wrapper {
    max-width: 86.02941176470588vw;
    padding: 0 1.102941176470588vw;
    margin: 0 auto;
    position: relative;
}
.wrapper--header {
    z-index: 7;
}
body {
    max-width: 100vw;
}

@media (max-width: 750px) {
    .wrapper {
        max-width: 100%;
        padding: 0 4.6875vw;
        box-sizing: border-box;
    }
    .wrapper--header {
        z-index: 20;
    }
}
.show-menu {
    width: 1.470588235294118vw;
    height: 1.176470588235294vw;
    position: relative;
    display: block;
    margin-right: 14.48529411764706vw;
}
.show-menu--menu,
.page-opt .show-menu {
    top: 2.867647058823529vw;
    z-index: 10;
    position: absolute;
}
.show-menu:before,
.show-menu:after,
.show-menu span {
    transition: 0.3s all ease;
    content: ' ';
    position: absolute;
    background: #000;
    width: 100%;
    height: 2px;
}
.menu--opened .show-menu:before,
.menu--opened .show-menu:after,
.menu--opened .show-menu span {
    background: #962477;
    width: 0.955882352941177vw;
}
.show-menu:before {
    top: 0;
}
.show-menu:after {
    bottom: 0;
}
.show-menu span {
    width: 0.955882352941177vw;
    top: 0.514705882352941vw;
}
.menu--opened .show-menu span {
    width: 100%;
}
@media (max-width: 750px) {
    .show-menu {
        width: 32px;
        height: 25px;
        position: relative;
        display: block;
        margin-right: 15.3125vw;
    }
    .page-opt  .show-menu,
    .show-menu--menu {
        top: 11.25vw;
        left: 4.6875vw;
        position: absolute;
    }
    .show-menu:before,
    .show-menu:after,
    .show-menu span {
        content: ' ';
        position: absolute;
        background: #000;
        width: 100%;
        height: 3px;
    }
    .menu--opened .show-menu:before,
    .menu--opened .show-menu:after,
    .menu--opened .show-menu span {
        width: 20px;
    }
    .show-menu:before {
        top: 0;
    }
    .show-menu:after {
        bottom: 0;
    }
    .show-menu span {
        width: 20px;
        top: 11px;
    }
    .menu--opened .show-menu span {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .show-menu {
        width: 24px;
        height: 19px;
        display: block;
        margin-right: 10.625vw;
    }
    .show-menu:before,
    .show-menu:after,
    .show-menu span {
        content: ' ';
        position: absolute;
        background: #000;
        width: 100%;
        height: 2px;
    }
    .menu--opened .show-menu:before,
    .menu--opened .show-menu:after,
    .menu--opened .show-menu span {
        width: 15px;
    }
    .show-menu:before {
        top: 0;
    }
    .show-menu:after {
        bottom: 0;
    }
    .show-menu span {
        width: 15px;
        top: 8.5px;
    }
    .menu--opened .show-menu span {
        width: 100%;
    }
}
.menu {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s all ease;
    width: 100vw;
    right: 50%;
    transform: translate(50%, 0);
    top: 0;
    background: #f2f2f2;
    z-index: 10;
    background: rgba(0,0,0,0.2);
}
.menu__content {
    background: #f2f2f2;
    width: 56.25vw;
    display: flex;
    min-height: 49.26470588235294vw;
    position: relative;
}
.menu--opened .menu__content {
    height: 100vh;
    overflow: auto;
    z-index: 100;
}
.menu__block {
    width: 50%;
    box-sizing: border-box;
    padding: 11.764705882352942vw 1.470588235294118vw 0 6.985294117647059vw;
}
.menu__block:last-child {
    padding-left: 2.941176470588236vw;
}
.menu__link {
    color: #000;
    font-weight: 600;
    font-size: 1.323529411764706vw;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.172058823529412vw;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 3.676470588235294vw;
}
.menu__link--about {
    margin-bottom: 2.352941176470588vw;
}
.menu__link--delivery {
    margin-bottom: 2.352941176470588vw;
}
.menu__link--opt {
    margin-bottom: 2.941176470588236vw;
}
.menu__link--phone {
    font-weight: 400;
    font-size: 1.102941176470588vw;
    letter-spacing: 0.083088235294118vw;
    margin-bottom: 2.5vw;
}
.menu__link--2 {
    font-size: 0.955882352941177vw;
    letter-spacing: 0.114705882352941vw;
    margin-bottom: 2.205882352941177vw;
    line-height: 1.2;
}
.menu__link--whatsapp {
    font-size: 1.029411764705882vw;
    font-weight: 400;
    letter-spacing: 0.077205882352941vw;
    position: relative;
    text-transform: none;
    margin-bottom: 2.573529411764706vw;
    padding-bottom: 0.367647058823529vw;
}
.menu__link--whatsapp:after {
    content: ' ';
    height: 2px;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: #962477;
    transition: 0.3s all ease;
}
.menu__link--whatsapp:hover:after,
.menu__link--whatsapp:active:after,
.menu__link--whatsapp:focus:after {
    opacity: 0;
}
.menu__link--soc {
    font-size: 0.955882352941177vw;
    font-weight: 400;
    letter-spacing: 0.071323529411765vw;
    text-transform: none;
    margin-right: 1.838235294117647vw;
    margin-bottom: 2.205882352941177vw;
}
.menu--opened .menu {
    opacity: 1;
    visibility: visible;
    height: 100vh;
    overflow: auto;
}
.menu__close {
    position: absolute;
    top: 2.867647058823529vw;
    right: 5.147058823529412vw;
    display: inline-block;
    width: 1.102941176470588vw;
    height: 1.102941176470588vw;
    background: url("../img/ico_remove.png");
    background-size: cover;
}
@media (max-width: 750px) {
    .menu {
        width: 100%;
        right: 0;
        transform: none;
        top: 0;
    }
    .menu__content {
        width: 100%;
        display: block;
        min-height: 0;
    }
    .menu__block {
        width: 100%;
        padding: 10.9375vw 19.53125vw 0 23.4375vw;
    }
    .menu__block:last-child {
        padding-left: 23.4375vw;
    }
    .menu__link {
        font-size: 4.21875vw;
        letter-spacing: 0.365625vw;
        margin-bottom: 11.71875vw;
    }
    .menu__link--about {
        margin-bottom: 7.8125vw;
    }
    .menu__link--delivery {
        margin-bottom: 7.8125vw;
    }
    .menu__link--opt {
        margin-bottom: 7.8125vw;
    }
    .menu__link--phone {
        font-size: 3.4375vw;
        letter-spacing: 0.1765625vw;
        margin-bottom: 7.8125vw;
    }
    .menu__link--2 {
        font-size: 3.125vw;
        letter-spacing: 0.24375vw;
        margin-bottom: 6.875vw;
    }
    li:last-child .menu__link--2 {
        margin-bottom: 0;
    }
    .menu__link--whatsapp {
        font-size: 3.4375vw;
        letter-spacing: 0.1640625vw;
        margin-bottom: 8.28125vw;
        padding-bottom: 0.78125vw;
    }
    .menu__link--whatsapp:after {
        height: 2px;
        width: 100%;
        bottom: 0;
    }
    .menu__link--soc {
        font-size: 3.125vw;
        letter-spacing: 0.1515625vw;
        margin-right: 2.34375vw;
        margin-bottom: 6.71875vw;
    }
    .menu__link--soc:last-child {
        margin-right: 0;
    }
    .menu__close {
        top: 10.9375vw;
        right: 4.6875vw;
        width: 4.375vw;
        height: 4.375vw;
    }
}