:root {
    --text-black: rgb(50, 50, 50);
    --fontFamily: 'Montserrat', sans-serif;
    --fontSize-0: 1rem;
    --fontSize-2: 1.2rem;
    --fontSize-1: 1.5rem;
    --text-base: #3C3C3C;
    --text-grey: #3C3C3C;
    --bg-color: #fff;
    --main-color: #3DA35B;
    --main-color-bold: #3DA35B;
}
.main_menu_directions{min-height: 40px;
                      margin: 20px 0px;display: flex;
                      flex-wrap: wrap;}
.main_menu_directions a{margin-bottom: 10px;}
.main_menu{display: -webkit-box;
           display: -ms-flexbox;
           display: flex;
           -webkit-box-pack: justify;
           -ms-flex-pack: justify;
           justify-content: space-between;
           flex-wrap: wrap;
}

.menu_item .name{font-family:var(--fontFamily);font-size: 16px !important;font-weight: 600; color:#434343;}
.menu_item .text{font-family:var(--fontFamily);font-size: 13px;color:#5E5E5E;}
.menu_item .menu_price{font-family:var(--fontFamily);font-size: 16px !important;font-weight: 600;color:#434343;}
.menu_item>.weight{font-family:var(--fontFamily);font-size: 16px;color:#434343;}
.menu-header{text-transform: uppercase;font-family:var(--fontFamily);font-size: 19px !important;font-weight: 600;color:#434343;margin: 20px 0 30px 0}

.top-button{
    width:100%; 
}
.top-button>a,.index-button>a,.menu-button>a{
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    display: inline-grid;
}
.index-button>a:hover,.menu-button>a:hover{border-bottom:10px solid #E30613;}

.top-button span{position: relative;
                 top: 34px;
                 color: #ffffff;
                 font-size: 18px;
                 font-family:var(--fontFamily-open_sans);
                 font-weight: 400;
                 line-height: 0px;
                 z-index: 1;}

.rest_menu_sel{border: 1px solid #cacaca;
               padding: 10px 20px;
               border-radius: 10px;
               background-color:  var(--bg-color);
               color: #6c6c6c;margin-right: 20px;}
.rest_menu_sel.active{border: 1px solid var(--main-color);
                      padding: 10px 20px;
                      border-radius: 10px;
                      
                      color: var(--bg-color);}

.menu-button span{position: relative;
                  position: absolute;
                  top: 40%;
                  color: #ffffff;
                  font-size: 30px;
                  font-family:var(--fontFamily-open_sans);
                  font-weight: 400;
                  line-height: 39px;
                  z-index: 1;
                  width: 90%;
                  left: 5%;}

@media screen and (max-width: 767px){
    .mobile_hidden{display:none}
    .menu_item .name {font-size: 16px;}
    .grey-menu-button {
        font-size: 12px;
        padding: 6px 6px;
        text-decoration: none;
        margin: 0px 2px 5px 0px;
        min-width: 10%;
    }}
@media screen and (min-width: 768px){
   
.rest_menu_items{margin-left: 40px;}
    .desktop_hidden{display: none;}

}
@media screen and (max-width: 767px){
     .menu_descr,.menu_price,.menu_weight{margin-left: 10px;}
    .index-main-banner .text1{font-size: 70px;}
    .mobile-margin-bottom-20{margin-bottom: 20px;}
    .slick-dots{display: none;}
    .menu_item .name {font-size: 16px;margin-bottom: 20px;}
    .grey-menu-button {
        font-size: 12px;
        padding: 6px 6px;
        text-decoration: none;
        margin: 0px 2px 5px 0px;
        min-width: 10%;
    }
    .row.menu{margin-top: 20px;}
    .mobile-flex-column{display: flex;flex-direction: column !important;}
    .menu_weight{font-size: 13px;margin-bottom: 10px;}
    .menu_item > .text {font-size: 16px;}
    .menu-header {font-size: 20px;white-space: normal;}
    h1,h2,h3,h4,h5,h6{white-space: normal;}
    h2{font-size: 25px;}.mobile_hidden{display:none}
    .top-button span{
        color: #ffffff;
        font-size: 13px;
        font-family:var(--fontFamily-open_sans);
        font-weight: 400;
        top: 22px;

    }
    .bg-top-button{height: 40px;}
    .main-index-benefits {
        padding: 0px 20px 0px 20px;
    }
    .paginator_afisha{display:none !important;}
    .desktop-float{float: none;}
    .room>.room-price{margin-bottom: 10px;}
    .price-block{margin-top: 10px;}
    .fixed .bg-index-button{
        height: 60px;
    }
    .fixed .menu-button span{font-size: 14px;line-height: 1.2;top: 10%;}
    .fast-click-menu{padding: 16px 20px;font-size: 16px;}
    .desktop_hidden.weight{font-size: 12px;float: left;margin: 3px 18px 0px 0px;color: #7B7B7B;}
}




.grey-menu-button {
    white-space: nowrap;
    background-color: #F3F3F3;
    display: inline-block;
    cursor: pointer;
    color: var(--text-base);
    font-family: 'Roboto';
    font-size: 14px;
    padding: 12px 14px;
    text-decoration: none;
    margin: 0px 4px 8px 0px;
    min-width: 22%;
}
.grey-button {
    white-space: nowrap;
    background-color:#3c3c3c;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family: 'Roboto';
    font-size: 18px;
    padding:16px 31px;
    text-decoration:none;

    text-align: center;
}
.white-grey-button {
    white-space: nowrap;
    background-color:#F3F3F3;
    display:inline-block;
    cursor:pointer;
    color:#7B7B7B;
    font-family: 'Roboto';
    font-size: 18px;
    padding:16px 31px;
    text-decoration:none;

    text-align: center;
}
.grey-button:hover {
    color:#fff;
    background-color:var(--main-color);
}
.white-grey-button:hover {
    color:#fff;
    background-color:#E30613;
}
.menu-sticky{position: sticky;top: 35px;z-index: 2;padding: 10px;}

.index-button span{position: relative;
                   position: absolute;
                   top: 27%;
                   color: #ffffff;
                   font-size: 30px;
                   font-family:var(--fontFamily-open_sans);
                   font-weight: 400;
                   line-height: 39px;
                   z-index: 1;
                   width: 90%;
                   left: 5%;}
.menu-button span{position: relative;
                  color: #ffffff;
                  font-size: 30px;
                  font-family:var(--fontFamily-open_sans);
                  font-weight: 400;
                  line-height: 39px;
                  z-index: 1;
}
.menu-anchor {
    position: relative;
    top: -120px;
}