@media screen and (width<=991px) {
    :root {
        --size0: .9rem;
        --lh0: 1.2rem;
        --size1: 1.1rem;
        --lh1: 1.4rem;
        --size2: 1.2rem;
        --lh2: 1.5rem;
        --lh2b: 1.7rem;
        --size3: 1.6rem;
        --lh3: 2rem;
        --size4: 2rem;
        --lh4: 2.6rem;
        --size5: 2.8rem;
        --lh5: 3.4rem;
        --size6: 3.5rem;
        --lh6: 3.9rem;
        --size7: 4.5rem;
        --lh7: 5rem;
        --corner-size: 1rem;
        --corner-size-big: 1.2rem;
        --corner-size-small: .4rem
    }

    html {
        font-size: 3vw;
        overflow-x: hidden
    }

    body {
        font-size: var(--size2);
        line-height: var(--lh2b)
    }

    .width-bx {
        width: calc(100% - 4rem)
    }

    .width-bx>.menu-bx:last-child {
        padding-bottom: .5rem
    }

    .title-center {
        width: calc(100% - 4rem);
        margin-left: auto;
        margin-right: auto
    }

    .width-less {
        width: 100%
    }

    h1>i,
    .h1>i,
    h2>i,
    .h2>i,
    h3>i,
    .h3>i {
        display: inline-block
    }

    p.text-small {
        padding-left: 1.5rem
    }

    p.text-small:before {
        font-size: .75rem;
        line-height: .75rem
    }

    .title-padding-1,
    .title-padding-2 {
        margin-left: 0
    }

    .border-wrp {
        position: relative
    }

    .border-wrp.dark>.border-bx {
        background-color: var(--color-brown)
    }

    .border-wrp.dark>.border-bx>.border-bx-bg {
        background-color: var(--color-brown-light)
    }

    .border-bx-bg {
        padding: var(--offset4)var(--offset2)
    }

    .rhomb {
        width: 1.5rem;
        height: 1.5rem
    }

    .mobile-bg {
        z-index: 10;
        opacity: 0;
        visibility: hidden;
        background-color: var(--color-black);
        background-position: 0 0;
        background-repeat: repeat;
        width: 100%;
        height: 100vh;
        transition: opacity .1s linear, visibility .1s linear;
        position: fixed;
        top: 0;
        right: 0
    }

    .mobile-bg.open {
        opacity: 1;
        visibility: visible
    }

    header {
        top: 1rem
    }

    header:before,
    header.dark:before {
        width: 2rem;
        height: 5rem;
        top: 11rem
    }

    .header {
        flex-direction: column-reverse;
        place-content: center flex-end;
        align-items: center;
        position: relative
    }

    .header-logo-title {
        font-size: var(--size5);
        line-height: var(--size5)
    }

    .header-logo-sub {
        font-size: var(--size3);
        line-height: var(--size3);
        margin-top: .5rem;
        padding-left: .75rem
    }

    .header-right {
        margin-bottom: var(--offset2);
        text-align: center;
        font-size: var(--size1);
        justify-content: flex-start;
        width: 100%
    }

    .header-right>.btn {
        clip-path: polygon(var(--corner-size-small)0%, calc(100% - var(--corner-size-small))0%, 100% var(--corner-size-small), 100% calc(100% - var(--corner-size-small)), calc(100% - var(--corner-size-small))100%, var(--corner-size-small)100%, 0% calc(100% - var(--corner-size-small)), 0% var(--corner-size-small));
        padding: 0
    }

    .header-right>.header-choose-rest {
        width: calc(50% - 1.2rem);
        margin-right: .5rem
    }

    .header-right>.header-book {
        width: calc(50% - 3rem)
    }

    .header-right>.header-book>span {
        display: none
    }

    .header-menu {
        margin-top: var(--offset8);
        opacity: 0;
        visibility: hidden;
        width: 100%;
        height: 0;
        transition: opacity .1s linear, visibility .1s linear;
        overflow-y: auto
    }

    .header-menu-wrp {
        width: 100%;
        height: calc(100vh - 23rem);
        overflow: hidden auto
    }

    .header-menu-wrp nav {
        margin-bottom: var(--offset3);
        color: var(--color-brown-light);
        clip-path: polygon(var(--corner-size)0%, calc(100% - var(--corner-size))0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size))100%, var(--corner-size)100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size));
        background-color: #ffffff0d
    }

    .header-menu-wrp nav>a {
        font-family: Evolventa, Arial, sans-serif;
        font-size: var(--size3);
        border-bottom: .1rem solid #ffffff13;
        margin-right: 0;
        padding: 0 2rem;
        line-height: 5rem;
        transition: color .2s linear;
        display: block;
        position: relative
    }

    .header-menu-wrp nav>a:last-child {
        border-bottom: 0;
        margin-right: 0
    }

    .header-menu-wrp nav>a>span {
        font-size: var(--size2);
        color: var(--color-gray);
        display: block;
        position: absolute;
        top: 0;
        right: 2rem
    }

    .header-menu.open {
        opacity: 1;
        visibility: visible;
        height: auto
    }

    .mobile-menu {
        z-index: 1;
        cursor: pointer;
        background-color: var(--color-brown-light);
        clip-path: polygon(var(--corner-size-small)0%, calc(100% - var(--corner-size-small))0%, 100% var(--corner-size-small), 100% calc(100% - var(--corner-size-small)), calc(100% - var(--corner-size-small))100%, var(--corner-size-small)100%, 0% calc(100% - var(--corner-size-small)), 0% var(--corner-size-small));
        width: 3.2rem;
        height: 3.2rem;
        display: block;
        position: absolute;
        top: 0;
        right: 2rem
    }

    .mobile-menu>span {
        background-color: var(--color-black);
        width: 1.3rem;
        height: .2rem;
        transition: transform .2s cubic-bezier(.25, .46, .45, .94), margin-top .2s cubic-bezier(.3, 1.4, .7, 1) .2s;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .mobile-menu>span:first-of-type {
        margin-top: -.35rem
    }

    .mobile-menu>span:last-of-type {
        margin-top: .35rem
    }

    .mobile-menu.open>span {
        transition: transform .2s cubic-bezier(.25, .46, .45, .94) .2s, margin-top .2s cubic-bezier(.3, 1.4, .7, 1)
    }

    .mobile-menu.open>span:first-of-type {
        margin-top: 0;
        transform: translate(-50%, -50%)rotate(45deg)
    }

    .mobile-menu.open>span:last-of-type {
        margin-top: 0;
        transform: translate(-50%, -50%)rotate(-45deg)
    }

    .mobile-contacts-wrp {
        display: block
    }

    .mobile-contacts-phone {
        margin-bottom: var(--offset2);
        color: var(--color-brown-light);
        padding-left: 3.5rem;
        line-height: 2rem;
        position: relative
    }

    .mobile-contacts-phone:before {
        z-index: 1;
        content: "󰏶";
        background-color: var(--color-brown-light);
        clip-path: polygon(var(--corner-size-small)0%, calc(100% - var(--corner-size-small))0%, 100% var(--corner-size-small), 100% calc(100% - var(--corner-size-small)), calc(100% - var(--corner-size-small))100%, var(--corner-size-small)100%, 0% calc(100% - var(--corner-size-small)), 0% var(--corner-size-small));
        text-align: center;
        font-family: Material Design Icons;
        font-size: var(--size2);
        color: var(--color-black);
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        position: absolute;
        top: 0;
        left: 0
    }

    .mobile-contacts-address {
        margin-bottom: var(--offset2);
        color: var(--color-brown-light);
        padding-left: 3.5rem;
        position: relative
    }

    .mobile-contacts-address:before {
        z-index: 1;
        content: "󰍎";
        background-color: var(--color-brown-light);
        clip-path: polygon(var(--corner-size-small)0%, calc(100% - var(--corner-size-small))0%, 100% var(--corner-size-small), 100% calc(100% - var(--corner-size-small)), calc(100% - var(--corner-size-small))100%, var(--corner-size-small)100%, 0% calc(100% - var(--corner-size-small)), 0% var(--corner-size-small));
        text-align: center;
        font-family: Material Design Icons;
        font-size: var(--size2);
        color: var(--color-black);
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        position: absolute;
        top: 0;
        left: 0
    }

    .mobile-contacts {
        margin-top: var(--offset3);
        flex-flow: wrap;
        place-content: center space-between;
        align-items: center;
        width: 100%;
        height: 4rem;
        display: flex
    }

    .mobile-contacts>a {
        clip-path: polygon(var(--corner-size-small)0%, calc(100% - var(--corner-size-small))0%, 100% var(--corner-size-small), 100% calc(100% - var(--corner-size-small)), calc(100% - var(--corner-size-small))100%, var(--corner-size-small)100%, 0% calc(100% - var(--corner-size-small)), 0% var(--corner-size-small));
        background-color: #ffffff0d;
        width: 4rem;
        height: 4rem;
        position: relative
    }

    .mobile-contacts>a:after {
        width: 4rem;
        height: 4rem
    }

    .mobile-contacts>a.icon-vk:after {
        background-size: auto 1.1rem
    }

    .mobile-contacts>a.icon-telegram:after {
        background-size: auto 1.3rem
    }

    .mobile-contacts>a.icon-whatsapp:after,
    .mobile-contacts>a.icon-insta:after {
        background-size: auto 1.4rem
    }

    .popup-contacts {
        flex-direction: column;
        justify-content: center;
        width: calc(100% - 4rem)
    }

    .popup-contacts-close {
        clip-path: polygon(var(--corner-size-small)0%, calc(100% - var(--corner-size-small))0%, 100% var(--corner-size-small), 100% calc(100% - var(--corner-size-small)), calc(100% - var(--corner-size-small))100%, var(--corner-size-small)100%, 0% calc(100% - var(--corner-size-small)), 0% var(--corner-size-small));
        width: 3rem;
        height: 3rem;
        top: -4rem;
        right: 0
    }

    .popup-contacts-close:hover {
        transform: none
    }

    .popup-contacts-close:before,
    .popup-contacts-close:after {
        width: 1.5rem
    }

    .popup-contacts-item {
        margin-bottom: var(--offset1);
        width: 100%
    }

    .popup-contacts-item:last-child {
        margin-bottom: 0
    }

    .popup-contacts-item-title {
        font-size: var(--size4);
        line-height: var(--lh4)
    }

    .popup-contacts-item>.btn {
        clip-path: polygon(var(--corner-size-small)0%, calc(100% - var(--corner-size-small))0%, 100% var(--corner-size-small), 100% calc(100% - var(--corner-size-small)), calc(100% - var(--corner-size-small))100%, var(--corner-size-small)100%, 0% calc(100% - var(--corner-size-small)), 0% var(--corner-size-small))
    }

    body.open>header.two:before,
    body.open>header.two.dark:before {
        background-image: url(../images/logo2-light.322540e6.svg)
    }

    body.open>header.dark:before {
        background-image: url(../images/logo-light.0db11064.svg)
    }

    body.open>header.dark>.header>.header-logo {
        color: var(--color-brown-light)
    }

    body.open>header.dark>.header>.header-right>.btn.light {
        background-color: var(--color-brown-light);
        color: var(--color-black)
    }

    body.open>header.dark>.header>.header-menu>.header-menu-wrp nav {
        color: var(--color-brown-light)
    }

    body.open>header.dark>.mobile-menu {
        background-color: var(--color-brown-light)
    }

    body.open>header.dark>.mobile-menu>span {
        background-color: var(--color-black)
    }

    .banner-full-info {
        z-index: 20;
        flex-direction: column;
        justify-content: flex-end;
        position: absolute;
        bottom: 3rem;
        left: 50%;
        transform: translate(-50%)
    }

    .banner-full-info-left {
        width: 100%
    }

    .banner-full-info-left>h1 {
        text-align: center
    }

    .banner-full-info-right {
        margin-top: var(--offset2);
        width: 100%;
        margin-bottom: 0
    }

    .banner-full-info-right-top {
        padding: var(--offset2)var(--offset2)1.5rem var(--offset2)
    }

    .banner-full-info-right-top-title {
        font-size: var(--size4);
        line-height: var(--size4)
    }

    .banner-full-info-right-bottom-desc {
        font-size: var(--size2);
        line-height: var(--lh2)
    }

    .stocks-info {
        padding-top: var(--offset1)
    }

    .stocks-info>.h1 {
        padding-bottom: var(--offset1);
        font-size: var(--size6);
        line-height: var(--lh6)
    }

    .stocks-bx {
        width: calc(100% + 1rem);
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .stocks-item {
        width: calc(100% - 1rem);
        margin-left: .5rem;
        margin-right: .5rem
    }

    .stocks-item-info {
        padding: var(--offset3)var(--offset2)
    }

    .stocks-item-info>.h3 {
        font-size: var(--size4);
        line-height: var(--lh4)
    }

    .stocks-item-info-img {
        margin-bottom: var(--offset2)
    }

    .stocks-item-info-desc>p>br {
        display: none
    }

    .about-main {
        padding-top: var(--offset10)
    }

    .about-main>.title-center>.h2 {
        font-size: var(--size4);
        line-height: var(--lh4)
    }

    .about-main-info>p {
        width: 100%
    }

    .about-main-info>p>br {
        display: none
    }

    .about-main-gallery {
        margin-top: var(--offset4);
        width: calc(100% + 1rem);
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .about-main-gallery-item {
        width: calc(100% - 1rem);
        height: 25rem;
        margin-left: .5rem;
        margin-right: .5rem
    }

    .business-menu {
        padding-top: var(--offset10)
    }

    .business-menu>.title-center {
        text-align: center
    }

    .business-menu>.title-center>.h1 {
        font-size: var(--size6);
        line-height: var(--lh6)
    }

    .business-menu-info {
        margin-top: var(--offset3)
    }

    .business-menu-bx {
        width: calc(100% + 1rem);
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .business-menu-item {
        padding: var(--offset3)var(--offset2);
        width: calc(100% - 1rem);
        margin-left: .5rem;
        margin-right: .5rem
    }

    .business-menu-item>.h3 {
        font-size: var(--size4);
        line-height: var(--lh4)
    }

    .business-menu-item-info>p {
        padding-left: 3.5rem
    }

    .business-menu-item-info>p>span {
        width: 2.3rem;
        height: 2.3rem;
        line-height: 2.3rem
    }

    .business-price {
        clip-path: polygon(var(--corner-size-small)0%, calc(100% - var(--corner-size-small))0%, 100% var(--corner-size-small), 100% calc(100% - var(--corner-size-small)), calc(100% - var(--corner-size-small))100%, var(--corner-size-small)100%, 0% calc(100% - var(--corner-size-small)), 0% var(--corner-size-small));
        margin-top: .5rem;
        padding: 1rem 1.25rem 1rem;
        position: relative;
        top: auto;
        left: auto;
        transform: none
    }

    .events {
        padding-top: var(--offset10)
    }

    .events>.title-center {
        text-align: center
    }

    .events>.title-center>.h1 {
        font-size: var(--size6);
        line-height: var(--lh6)
    }

    .events-info {
        margin-top: var(--offset3)
    }

    .events-bx {
        width: calc(100% + 1rem);
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .events-item {
        width: calc(100% - 1rem);
        margin-left: .5rem;
        margin-right: .5rem
    }

    .events-item-info-top {
        padding: var(--offset2)var(--offset2)1.5rem var(--offset2)
    }

    .events-item-info-bottom>.h3 {
        font-size: var(--size4);
        line-height: var(--lh4)
    }

    .events-item-info-bottom>.btn {
        clip-path: polygon(var(--corner-size-small)0%, calc(100% - var(--corner-size-small))0%, 100% var(--corner-size-small), 100% calc(100% - var(--corner-size-small)), calc(100% - var(--corner-size-small))100%, var(--corner-size-small)100%, 0% calc(100% - var(--corner-size-small)), 0% var(--corner-size-small))
    }

    .events-item-info-img {
        margin-bottom: var(--offset2)
    }

    .events-item-info-book {
        bottom: var(--offset3);
        left: var(--offset2);
        text-align: center;
        width: calc(100% - 4rem);
        position: absolute
    }

    .menu-page {
        margin-bottom: var(--offset5)
    }

    .menu-page>.title-center {
        text-align: center;
        width: 100%
    }

    .menu-page>.title-center>.h2 {
        margin-top: var(--offset3);
        margin-bottom: var(--offset3)
    }

    .menu-page-wrp {
        gap: 1rem
    }

    .menu-page-item,
    .menu-page-item-s {
        padding: 1.5rem 1.5rem var(--offset6)1.5rem;
        grid-column: span 6
    }

    .menu-page-item:first-child,
    .menu-page-item:nth-child(10),
    .menu-page-item:nth-child(15),
    .menu-page-item:nth-child(24) {
        grid-column: span 12;
        height: 14rem;
        min-height: auto
    }

    .menu-page-item:first-child>.menu-page-item-img,
    .menu-page-item:nth-child(10)>.menu-page-item-img,
    .menu-page-item:nth-child(15)>.menu-page-item-img,
    .menu-page-item:nth-child(24)>.menu-page-item-img {
        width: calc(50% - 2.5rem);
        height: 11rem;
        margin-bottom: 0;
        position: absolute;
        top: 1.5rem;
        left: 1.5rem
    }

    .menu-page-item:first-child>.menu-page-item-info,
    .menu-page-item:nth-child(10)>.menu-page-item-info,
    .menu-page-item:nth-child(15)>.menu-page-item-info,
    .menu-page-item:nth-child(24)>.menu-page-item-info {
        width: calc(50% - 2.5rem);
        height: calc(100% - 1rem);
        position: absolute;
        top: 1.5rem;
        right: 1.5rem
    }

    .menu-page-item:first-child>.menu-page-item-info>.menu-page-item-info-desc,
    .menu-page-item:nth-child(10)>.menu-page-item-info>.menu-page-item-info-desc,
    .menu-page-item:nth-child(15)>.menu-page-item-info>.menu-page-item-info-desc,
    .menu-page-item:nth-child(24)>.menu-page-item-info>.menu-page-item-info-desc {
        width: 100%;
        left: 0
    }

    .menu-page-item-info-title {
        font-family: var(--font-strong);
        font-size: var(--size1);
        line-height: var(--lh1)
    }

    .menu-page-item-info-desc {
        width: calc(100% - 3rem);
        left: 1.5rem
    }

    .bar-page {
        column-count: 1;
        column-width: 100%;
        -moz-column-count: 1;
        -moz-column-width: 100%;
        -webkit-column-count: 1;
        -webkit-column-width: 100%;
        margin-top: var(--offset4)
    }

    .bar-item {
        margin-bottom: var(--offset1);
        padding: var(--offset3)var(--offset2)
    }

    .bar-item>.h3 {
        hyphens: manual;
        font-size: var(--size5);
        line-height: var(--lh5)
    }

    .bar-item-el-title {
        line-height: var(--lh2);
        width: calc(100% - 8.5rem)
    }

    .bar-item-el-price {
        line-height: var(--lh2);
        width: 8rem
    }

    .contacts-page {
        margin-top: 23rem;
        margin-bottom: var(--offset8)
    }

    .contacts-page-info {
        grid-column: span 12
    }

    .contacts-page-info>h1 {
        text-align: center
    }

    .contacts-page-phone {
        padding-left: 4.5rem;
        line-height: 3rem
    }

    .contacts-page-phone:before {
        font-size: var(--size3);
        width: 3rem;
        height: 3rem;
        line-height: 3rem
    }

    .contacts-page-address {
        padding-left: 4.5rem
    }

    .contacts-page-address:before {
        font-size: var(--size3);
        width: 3rem;
        height: 3rem;
        line-height: 3rem
    }

    .contacts-page-address>br {
        display: none
    }

    .contacts-page-schedule {
        padding-left: 4.5rem
    }

    .contacts-page-schedule:before {
        font-size: var(--size3);
        width: 3rem;
        height: 3rem;
        line-height: 3rem
    }

    .contacts-page-social {
        justify-content: space-between
    }

    .contacts-page-social>a {
        width: 4rem;
        height: 4rem;
        margin-right: 0
    }

    .contacts-page-map {
        margin-top: var(--offset3);
        grid-column: span 12;
        height: 23rem
    }

    .btn-wrp {
        clip-path: polygon(var(--corner-size-small)0%, calc(100% - var(--corner-size-small))0%, 100% var(--corner-size-small), 100% calc(100% - var(--corner-size-small)), calc(100% - var(--corner-size-small))100%, var(--corner-size-small)100%, 0% calc(100% - var(--corner-size-small)), 0% var(--corner-size-small));
        width: 4rem;
        height: 4rem
    }

    .icon-vk:after {
        background-size: auto 1.2rem;
        width: 4rem;
        height: 4rem
    }

    .icon-max:after {
        background-size: auto 1.6rem;
        width: 4rem;
        height: 4rem
    }

    .icon-telegram:after {
        background-size: auto 1.4rem;
        width: 4rem;
        height: 4rem
    }

    .icon-whatsapp:after,
    .icon-insta:after {
        background-size: auto 1.5rem;
        width: 4rem;
        height: 4rem
    }

    .contacts-form>.h3 {
        text-align: center;
        font-size: var(--size5);
        line-height: var(--lh5)
    }

    .contacts-form-text {
        margin-top: var(--offset2);
        text-align: center;
        font-size: var(--size1);
        line-height: var(--lh1);
        width: 100%;
        position: relative;
        top: auto;
        right: auto
    }

    .contacts-form-text>br {
        display: none
    }

    .form-wrp {
        margin-top: var(--offset3)
    }

    .form-wrp-col {
        grid-column: span 12
    }

    .form-wrp-col-item>label {
        height: 2.5rem;
        line-height: 2.5rem
    }

    .form-wrp-col-item>input {
        clip-path: polygon(var(--corner-size-small)0%, calc(100% - var(--corner-size-small))0%, 100% var(--corner-size-small), 100% calc(100% - var(--corner-size-small)), calc(100% - var(--corner-size-small))100%, var(--corner-size-small)100%, 0% calc(100% - var(--corner-size-small)), 0% var(--corner-size-small));
        height: 4rem;
        padding: 0 1rem
    }

    .form-wrp-col-item>textarea {
        clip-path: polygon(var(--corner-size-small)0%, calc(100% - var(--corner-size-small))0%, 100% var(--corner-size-small), 100% calc(100% - var(--corner-size-small)), calc(100% - var(--corner-size-small))100%, var(--corner-size-small)100%, 0% calc(100% - var(--corner-size-small)), 0% var(--corner-size-small));
        height: 10rem;
        padding: 1.5rem 1rem
    }

    .form-btn {
        flex-direction: column;
        place-content: flex-start;
        align-items: flex-start
    }

    .form-btn-text {
        font-size: var(--size0);
        line-height: var(--lh0);
        width: 100%
    }

    .form-btn-text>br {
        display: none
    }

    .form-btn-button {
        margin-top: var(--offset2);
        width: 100%
    }

    .form-btn-button>.feedback-send {
        text-align: center;
        height: 4rem;
        line-height: 4rem
    }
}

/*# sourceMappingURL=bar.33bea349.css.map */