body{
    overflow-y: scroll;
    border:none;
    padding:0px;
    margin:0px;
}

.infopanel{
    width: 100%;
    height: auto;
    float: left;
    background: #BC1818;
    display: flex;
    align-items: center;
    justify-content: center;
}

.infopanel .content{
    width: auto;
    height: auto;
    float: left;
    font-family: configtext;
    font-size: 20px;
    color: #FFFFFF;
    padding: 15px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    line-height: 1.3;
}

.header1{
    width: 100%;
    height: 110px;
    float: left;
    background:#333333;
    background:url('../../../img/background_charcoal.webp');
    background-size:cover;
    background-repeat:no-repeat;
}

.header1 .inner{
    width: calc(1400px - 60px);
    height: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}

.header1 .inner .logo{
    width: auto;
    height: 70px;
    float: left;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.header1 .inner .logo img{
    width: 100%;
    height: 100%;
    float: left;
}

.header1 .inner .menu{
    width: auto;
    height: 100%;
    float: right;
}

.header1 .inner .menu .link{
    width: auto;
    height: 100%;
    float: left;
    position: relative;
    margin-right: 10px;
}

.header1 .inner .menu .link .text{
    width: auto;
    height: auto;
    float: left;
    font-family: configbold;
    font-size: 22px;
    color: #FFFFFF;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.header1 .inner .menu .link .lines{
    width: 100%;
    height: 3px;
    float: left;
    position: absolute;
    bottom: 30px;
}

.header1 .inner .menu .link .lines .left,
.header1 .inner .menu .link .lines .right{
    width: 50%;
    height: 100%;
    float: left;
    overflow: hidden;
}

.header1 .inner .menu .link .lines .left .float{
    width: 100%;
    height: inherit;
    float: left;
    background: #BC1818;
    left: 100%;
    position: relative;
    transition: ease-out 150ms;
    -webkit-transition: ease-out 150ms;
    -moz-transition: ease-out 150ms;
}

.header1 .inner .menu .link .lines .right .float{
    width: 100%;
    height: inherit;
    float: left;
    background: #BC1818;
    left: -100%;
    position: relative;
    transition: ease-out 150ms;
    -webkit-transition: ease-out 150ms;
    -moz-transition: ease-out 150ms;
}

.header1 .inner .menu .link:hover .lines .left .float,
.header1 .inner .menu .link:hover .lines .right .float{
    left:0px;}

.header1 .inner .menu .orderonline{
    width: auto;
    height: auto;
    float: left;
    background: #BC1818;
    border-radius: 5px;
    color: #FFFFFF;
    font-family: configbold;
    font-size: 22px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-right: calc(10px + 15px);
    line-height: 1.3;
}

.header1 .inner .menu .orderonline:hover{
    background: #a91515;
}

.header1 .inner .menu .contact{
    width: auto;
    height: auto;
    float: left;
    position: relative;
    margin-left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.header1 .inner .menu .contact .text{
    width: auto;
    height: auto;
    float: left;
    font-family: configmedium;
    font-size: 19px;
    color: #FFFFFF;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    clear: both;
    letter-spacing: 0.5px;
}

.header1 .inner .menu .contact a.text{
    text-decoration: none;
}

.header1 .inner .menu .contact .line{
    width: auto;
    height: 36px;
    float: left;
    clear: both;
    position: relative;
}

.header1 .inner .menu .contact .line .stroke{
    width: 45px;
    height: 2px;
    float: left;
    background: #707070;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.header1 .inner .menu .contact .line .icon{
    width: 22px;
    height: 22px;
    float: left;
    margin-left: 10px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.header1 .inner .menu .contact .line .icon:nth-child(3){
    margin-right: 10px;
}

.header1 .inner .menu .contact .line .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #707070;
    stroke-width: 2.25px;
}

.header1 .inner .mobile_menu_icon,
.header1 .inner .mobile_menu{
    display: none;
}

.mainpage1{
    width: 100%;
    height: 0px;
    float: left;
    padding-top: calc((100% / 16) * 7);
    position: relative;
}

.mainpage1 .content{
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
}

.mainpage1 .content .photo{
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
}

.mainpage1 .content .photo img{
    width: 100%;
    height: 100%;
    float: left;
    object-fit: cover;
}

.mainpage1 .content .overlay{
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgb(51, 51, 51);
    background: -moz-linear-gradient(90deg, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0) 100%);
    background: linear-gradient(90deg, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0) 100%);
    mix-blend-mode: multiply;
}

.mainpage1 .content .overlay:nth-child(2){
    background: rgb(51, 51, 51);
    background: -moz-linear-gradient(90deg, rgba(51, 51, 51, 0.5) 0%, rgba(51, 51, 51, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(51, 51, 51, 0.5) 0%, rgba(51, 51, 51, 0) 100%);
    background: linear-gradient(90deg, rgba(51, 51, 51, 0.5) 0%, rgba(51, 51, 51, 0) 100%);
    mix-blend-mode: multiply;
}

.mainpage1 .content .info{
    width: calc(1400px - 60px);
    height: auto;
    float: left;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1100;
    padding-left: 30px;
    padding-right: 30px;
}

.mainpage1 .content .info .badge{
    width: auto;
    height: auto;
    float: left;
    background: #BC1818;
    border-radius: 5px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    transform: rotate(-5deg);
    margin-left: 0;
    margin-bottom: 50px;
}

.mainpage1 .content .info .badge .line{
    width: auto;
    height: auto;
    float: left;
    font-family: configtext;
    font-size: 22px;
    color: #FFFFFF;
}

.mainpage1 .content .info .badge .line:nth-child(2){
    border-top: 1px solid #FFFFFF;
    margin-top: 3px;
    padding-top: 3px;
    font-family: configbold;
    font-size: 26px;
    text-transform: uppercase;
}

.mainpage1 .content .info .header{
    width: auto;
    height: auto;
    float: left;
    font-family: configbold;
    font-size: 70px;
    color: #FFFFFF;
    text-transform: uppercase;
    clear: both;
}

.mainpage1 .content .info .text{
    width: 600px;
    height: auto;
    float: left;
    font-family: configtext;
    font-size: 28px;
    color: #FFFFFF;
    clear: both;
    margin-top: 30px;
    line-height: 1.5;
}

.mainpage1 .content .info .box{
    width: auto;
    height: auto;
    float: left;
    clear: both;
    margin-top: 75px;
}

.mainpage1 .content .info .box .button{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.mainpage1 .content .info .box .button:nth-child(2){
    margin-left: 75px;
}

.mainpage1 .content .info .box .button .icon{
    width: auto;
    height: auto;
    float: left;
    background: #BC1818;
    border-radius: 50%;
    z-index: 1000;
}

.mainpage1 .content .info .box .button .icon svg{
    width: 40px;
    height: 40px;
    float: left;
    stroke: #FFFFFF;
    stroke-width: 1.75px;
    padding: 26px;
}

.mainpage1 .content .info .box .button .text{
    width: auto;
    height: auto;
    float: left;
    background: #BC1818;
    font-family: configbold;
    font-size: 26px;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 1.3;
    padding: 10px;
    padding-left: calc(10px + 41px);
    padding-right: 25px;
    margin: 0;
    margin-left: -41px;
    border-radius: 5px;
    text-decoration: none;
}

.mainpage1 .content .info .box .button:hover .icon,
.mainpage1 .content .info .box .button:hover .text{
    background: #a91515;
}
  
.container{
    width:100%;
    /* height:calc(100vh - 250px - 61px); */
    min-height:calc(100vh - 120px);
    float:left;
    position:relative;
}
    
.container.type2{
    min-height:unset;
    height:auto;
    overflow:visible;}
    
.container .menupage{
    width:100%;
    height:auto;
    float:left;
    position:absolute;
    top:0px;
    left:0px;}
    
.container .menupage img{
    width:100%;
    height:auto;
    float:left;}
    
.container .delivery{
    width:100%;
    height:auto;
    float:left;
    position:relative;}
    
.container .delivery .content{
    width:calc(1400px - 60px);
    height:auto;
    float:left;
    z-index:1000;
    left:50%;
    padding-left:30px;
    padding-right:30px;
    transform:translateX(-50%);
    position:relative;}
    
.container .delivery .content .items{
    width:42%;
    height:auto;
    float:right;
    position:relative;
    right:0px;
    background:transparent;
    margin-top:100px;
    margin-bottom:100px;}
    
.container .delivery .content .items .head{
    width:565px;
    height:auto;
    float:left;
    font-family:configsemibolditalic;
    font-size:30px;
    color:#BC1818;
    text-align:center;}
    
.container .delivery .content .items .buttons{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    margin-top:30px;
    display:flex;
    align-items:center}
    
.container .delivery .content .items .buttons .button{
    width:auto;
    height:auto;
    float:left;
    background:#BC1818;
    color:#FFFFFF;
    font-family:configbold;
    font-size:20px;
    text-transform:uppercase;
    text-decoration:none;
    padding:20px;
    padding-top:10px;
    padding-bottom:10px;
    border-radius:5px;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.container .delivery .content .items .buttons .button:hover{
    background:#961313;}
    
.container .delivery .content .items .buttons .icon{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    margin-left:20px;
    margin-right:20px;}
    
.container .delivery .content .items .buttons .icon svg{
    width:24px;
    height:24px;
    float:left;
    stroke:#BC1818;
    stroke-width:2px;}
    
.container .delivery .content .items .buttons .order{
    width:auto;
    height:auto;
    float:left;
    background:#FFFFFF;
    color:#BC1818;
    font-family:configsemibold;
    font-size:20px;
    text-decoration:none;
    padding:20px;
    padding-top:10px;
    padding-bottom:10px;
    border-radius:5px;}
    
.container .delivery .content .items .item{
    width:calc(100% - 90px);
    height:auto;
    float:left;
    background:#FFFFFF;
    -webkit-box-shadow: 0px 0px 70px -30px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 70px -30px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 70px -30px rgba(0,0,0,0.25);
    padding:30px;
    padding-left:calc(30px + 30px);
    position:relative;
    clear:both;
    margin-top:30px;
    border-radius:5px;
    z-index:1000;}
    
.container .delivery .content .items .item:nth-child(3){
    z-index:1200;}
    
.container .delivery .content .items .item:nth-child(4){
    z-index:1300;}
    
.container .delivery .content .items .item:nth-child(5){
    z-index:1400;}
    
.container .delivery .content .items .item .price{
    width:70px;
    height:70px;
    float:left;
    border-radius:1000px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:-35px;
    background:#BC1818;}

.container .delivery .content .items .item .price .text{
    width:auto;
    height:auto;
    float:left;
    font-family:configsemibold;
    font-size:20px;
    color:#FFFFFF;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);}
    
.container .delivery .content .items .item .name{
    width:auto;
    height:auto;
    float:left;
    font-family:configbold;
    font-size:28px;
    color:#707070;
    text-transform:uppercase;}
    
.container .delivery .content .items .item .location{
    width:100%;
    height:auto;
    float:left;}
    
.container .delivery .content .items .item .location .place{
    width:auto;
    height:auto;
    float:left;
    margin-right:15px;
    font-family:configtextitalic;
    color:#808080;
    font-size:18px;
    border:1px solid #E5E5E5;
    padding:7px;
    padding-top:6px;
    padding-left:14px;
    padding-right:14px;
    border-radius:1000px;
    margin-top:15px;}
    
.container .delivery .content .items .item .additional{
    width:100%;
    height:auto;
    float:left;
    font-family:configtextitalic;
    font-size:16px;
    color:#bfbfbf;
    margin-top:20px;}
    
.container .delivery .content .items .item.special{
    background:#BC1818;}
    
.container .delivery .content .items .item.special .name{
    color:#FFFFFF;}
    
.container .delivery .content .items .item .times{
    width:100%;
    height:auto;
    float:left;
    margin-top:15px;}
    
.container .delivery .content .items .item .times .part{
    width:calc((100% - 40px) / 3);
    height:auto;
    float:left;
    margin-right:20px;}
    
.container .delivery .content .items .item .times .part:last-child{
    margin-right:0px;}
    
.container .delivery .content .items .item .times .part .day{
    width:100%;
    height:auto;
    float:left;
    font-family:configbold;
    font-size:18px;
    color:#FFFFFF;
    text-transform:uppercase;}
    
.container .delivery .content .items .item .times .part .time{
    width:100%;
    height:auto;
    float:left;
    font-family:configmedium;
    font-size:18px;
    color:
#F1D0D0;
    margin-top:0px;}
    
.container .delivery .back{
    width:100%;
    height:100%;
    float:left;
    position:absolute;
    top:0px;
    left:0px;
    z-index:100}
    
.container .delivery .back .map{
    width:120%;
    height:100%;
    float:left;
    position:relative;
    left:-35%;}
    
.container .delivery .back .overlay{
    width:100%;
    height:100%;
    float:left;
    position:absolute;
    top:0px;
    left:0px;
    z-index:200;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 35%, rgba(240,240,240,1) 60%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 35%, rgba(240,240,240,1) 60%);
    background: linear-gradient(90deg, rgba(255,255,255,0) 35%, rgba(240,240,240,1) 60%);}



    
.container .inner{
    width:calc(1400px - 60px);
    height:inherit;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}
    
.container .inner .menu{
    width:752px;
    height:auto;
    float:left;
    background:#FFFFFF;
    margin-top:100px;
    margin-bottom:100px;
    -webkit-box-shadow: 0px 0px 140px -60px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 140px -60px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 140px -60px rgba(0,0,0,0.75);
    position:relative;
    left:50%;
    transform:translateX(-50%);
    border-radius:5px;}
    
.container .inner .menu .top{
    width:100%;
    height:auto;
    float:left;}
    
.container .inner .menu .top .part{
    width:calc((100% - 2px) / 3);
    height:100px;
    float:left;
    border-right:1px solid #E5E5E5;
    margin-top:10px;
    margin-bottom:10px;}
    
.container .inner .menu .top .part:last-child{
    border-right:none;}
    
.container .inner .menu .top .part .button{
    width:calc(100% - 20px);
    height:100%;
    float:left;
    margin-left:10px;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;
    border-radius:5px;}
    
.container .inner .menu .top .part .button:hover{
    background:#E5E5E5;}
    
.container .inner .menu .top .part .button.selected{
    background:#E5E5E5;}
    
.container .inner .menu .top .part .button .text{
    width:auto;
    height:auto;
    float:left;
    font-family:configsemibold;
    font-size:26px;
    color:#BC1818;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-transform:uppercase;}
    
.container .inner .menu .line{
    width:calc(100% - 20px);
    height:1px;
    float:left;
    background:#E5E5E5;   
    margin-left:10px;
    margin-right:10px;}
    
.container .inner .menu .categories{
    width:calc(100% - 60px);
    height:auto;
    float:left;
    padding-left:30px;
    padding-right:30px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    margin-top:25px;}
    
.container .inner .menu .categories .item{
    width:auto;
    height:auto;
    float:left;
    font-family:configsemibold;
    font-size:14px;
    color:#BC1818;
    padding:8px;
    padding-left:10px;
    padding-right:10px;
    text-transform:uppercase;
    text-decoration:none;
    margin-left:5px;
    margin-right:5px;
    margin-top:10px;
    border-radius:5px;
    letter-spacing:0.5px;
    border:1px solid #E5E5E5;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.container .inner .menu .categories .item:hover{
    background:#BC1818;
    color:#FFFFFF;
    border:1px solid #BC1818;}
    
.container .inner .menu .category{
    width:calc(100% - 100px);
    height:auto;
    float:left;  
    padding-left:50px;
    padding-right:50px;
    padding-top:50px;}
    
.container .inner .menu .category:last-child{
    padding-bottom:50px;}
    
.container .inner .menu .category.nooffer{
    background:#BC1818;
    border-radius:5px;}
    
.container .inner .menu .category.nooffer:last-child{
    padding-bottom:50px;}
        
.container .inner .menu .category .head{
    width:auto;
    height:auto;
    float:left;
    font-family:configsemibold;
    font-size:36px;
    color:#BC1818;
    text-transform:uppercase;
    clear:both;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    padding-bottom:10px;
    padding-left:20px;
    padding-right:20px;
    border-bottom:1px solid #E5E5E5;}
    
.container .inner .menu .category.nooffer .head{
    border:none;
    padding-bottom:0px;}
    
.container .inner .menu .category .head .main{
    width:auto;
    height:auto;
    float:left;
    clear:both;
    position:relative;
    left:50%;
    transform:translateX(-50%);}
    
.container .inner .menu .category .head.event .main{
    font-size:46px;}
    
.container .inner .menu .category.nooffer .head .main{
    color:#FFFFFF;}
    
.container .inner .menu .category .head .additional{
    width:auto;
    height:auto;
    float:left;
    clear:both;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    font-size:22px;}
    
.container .inner .menu .category .head.event .additional{
    font-size:28px;}
              
.container .inner .menu .category .items{
    width:100%;
    height:auto;
    float:left;
    margin-top:10px;
    margin-bottom:0px;}
    
.container .inner .menu .category .items .line{
    width:100%;
    height:auto;
    float:left;
    margin:0px;
    background:none;
    display:flex;
    border-top:1px solid #E5E5E5;
    padding-top:20px;
    padding-bottom:20px;}
    
.container .inner .menu .category .items .line.special{
    display:block;}
    
.container .inner .menu .category .items .line:first-child{
    border-top:none;}
    
.container .inner .menu .category:last-child .items .line:last-child{
    padding-bottom:0px;}
    
.container .inner .menu .category .items .line .item{
    width:calc(100% - 100px);
    height:auto;
    float:left;}
    
.container .inner .menu .category .items .line.special .item{
    width:100%;}
    
.container .inner .menu .category .items .line .item .name{
    width:100%;
    height:auto;
    float:left;
    font-family:configbold;
    font-size:20px;
    color:#707070;
    text-transform:uppercase}
    
.container .inner .menu .category .items .line .item .description{
    width:100%;
    height:auto;
    float:left;
    font-family:configtextitalic;
    font-size:18px;
    color:#808080;
    line-height:27px;
    margin-top:0px;}
    
.container .inner .menu .category .items .line.special .item:first-child .description{
    margin-top:0px;}
    
.container .inner .menu .category .items .line.special .item .description.special{
    font-size:22px;
    text-align:center}
    
.container .inner .menu .category .items .line.special .item .description.special a{
    text-decoration:underline;
    color:inherit;}
    
.container .inner .menu .category .items .line.special .item .description.special a:hover{
    text-decoration:none;}
    
.container .inner .menu .category .items .line .item .description p{
    width:100%;
    height:auto;
    float:left;
    padding:0px;
    margin:0px;}
    
.container .inner .menu .category .items .line .price{
    width:100px;
    height:auto;
    float:left;}
    
.container .inner .menu .category .items .line .price .text{
    width:100%;
    height:auto;
    float:left;
    text-align:right;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    font-family:configsemibolditalic;
    font-size:20px;
    color:#707070}
    
.container .inner .gallery{
    width:calc(100% - 100px);
    height:auto;
    float:left;
    background:#404040;
    border-radius:5px;
    -webkit-box-shadow: 0px 0px 70px -30px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 70px -30px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 70px -30px rgba(0,0,0,0.25);
    padding:50px;
    margin-top:50px;}
    
.container .inner .gallery:first-child{
    margin-top:100px;}
    
.container .inner .gallery:last-child{
    margin-bottom:100px;}
    
.container .inner .gallery .head{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    padding-left:20px;
    padding-right:20px;
    padding-bottom:10px;
    border-bottom:1px solid #E5E5E5}
    
.container .inner .gallery .head .main{
    width:auto;
    height:auto;
    float:left;
    clear:both;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    font-size:30px;
    font-family:configbold;
    text-transform:uppercase;
    color:#FFFFFF;}
    
.container .inner .gallery .head .description{
    width:auto;
    height:auto;
    float:left;
    clear:both;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    font-size:20px;
    font-family:configtextitalic;
    color:#E5E5E5;
    margin-top:5px;
    letter-spacing:0.5px;
    text-align: center;
}
    
.container .inner .gallery .head .description p{
    margin:0px;}
    
.container .inner .gallery .items{
    width:100%;
    height:auto;
    float:left;
    margin-top:30px;
}
    
.container .inner .gallery .items .item{
    width:calc(100% / 5);
    height:auto;
    float:left;
    position:relative;
    padding-top:calc(100% / 5);
    overflow:hidden;
    cursor: pointer;
}

.container .inner .gallery .items .item .overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    background: rgba(0,0,0,0);
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;
}

.container .inner .gallery .items .item:hover .overlay{
    background: rgba(0,0,0,0.55);
}

.container .inner .gallery .items .item .overlay .zoom{
    width: 100%;
    height: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container .inner .gallery .items .item .overlay .zoom .icon{
    width: auto;
    height: auto;
    float: left;
    background: #BC1818;
    opacity: 0;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;
}

.container .inner .gallery .items .item:hover .overlay .zoom .icon{
    opacity: 1;
}

.container .inner .gallery .items .item .overlay .zoom .icon svg{
    width: 28px;
    height: 28px;
    stroke: #FFFFFF;
    stroke-width: 1.75px;
    padding: 15px;
}
    
.container .inner .gallery .items .item img{
    width:100%;
    height:100%;
    float:left;
    position:absolute;
    top:0px;
    left:0px;
    object-fit:cover;
}
    
    
    
    
    
    
    
    
    
    
    
    
    











.container .inner .onlineorder{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    margin: 0;
}

.container .inner .onlineorder form{
    margin: 0px;
}

.container .inner .onlineorder .food{
    width: calc(100% - 450px);
    height: auto;
    float: left;
    align-items: stretch;
}

.container .inner .onlineorder .food .category{
    width: calc(100% - 75px);
    height: auto;
    float: left;
    margin-top: 50px;
}

.container .inner .onlineorder .food .category .link{
    width: auto;
    height: auto;
    float: left;
    font-family: configbold;
    text-transform: uppercase;
    font-size: 22px;
    margin-right: 30px;
    margin-bottom: 30px;
    text-decoration: none;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    background: #f4f4f4;
    border-radius: 5px;
    color: #BC1818;
}

.container .inner .onlineorder .food .category .link:hover{
    background: #f0f0f0;
}

.container .inner .onlineorder .food .category .link.active{
    background: #BC1818;
    color: #f4f4f4;
}

.container .inner .onlineorder .food .products{
    width: calc(100% - 75px);
    height: auto;
    float: left;
    padding-top: 0px;
}

.container .inner .onlineorder .food .products.category-section{
    display: none;
}

.container .inner .onlineorder .food .products.category-section.active{
    display: block;
}

.container .inner .onlineorder .food .products form{
    margin-block-end: 0px;
}

.container .inner .onlineorder .food .products .cat_name{
    width: auto;
    height: auto;
    float: left;
    font-size: 60px;
    font-family: configbold;
    color: #a9a9a9;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.container .inner .onlineorder .food .products .product{
    width: calc(100% - 2px);
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    background: #f4f4f4;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    position: relative;
}

.container .inner .onlineorder .food .products .product .badge{
    width: 43px;
    height: 43px;
    float: left;
    position: absolute;
    top: calc((-53px / 2) + 8px);
    left: calc((-53px / 2) + 8px);
    padding: 5px;
    background: #BC1818;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.container .inner .onlineorder .food .products .product .badge .text{
    width: auto;
    height: auto;
    float: left;
    font-family: configbold;
    font-size: 18px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.container .inner .onlineorder .food .products .product .badge .text:nth-child(2){
    width: auto;
    height: auto;
    float: left;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-family: configsemibold;
    border-top: 1px solid #FFFFFF;
    padding-top: 1px;
}

.container .inner .onlineorder .food .products .product .image{
    width: 150px;
    height: 150px;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.container .inner .onlineorder .food .products .product .image img{
    width: 100%;
    height: 100%;
    float: left;
    object-fit: cover;
}

.container .inner .onlineorder .food .products .product .content{
    flex-basis: calc(100% - 150px - 100px - 50px);
    height: auto;
    float: left;
    margin-left: 30px;
}

.container .inner .onlineorder .food .products .product .content .name{
    width: auto;
    height: auto;
    float: left;
    font-family: configbold;
    font-size: 22px;
    color: #707070;
    text-transform: uppercase;
    margin-top: 15px;
    letter-spacing: 0.5px;
}

.container .inner .onlineorder .food .products .product .content .description{
    width: auto;
    height: auto;
    float: left;
    clear: both;
    font-family: configtextitalic;
    font-size: 18px;
    color: #808080;
    line-height: 1.3;
    margin-bottom: 15px;
}

.container .inner .onlineorder .food .products .product .content .options{
    width: auto;
    height: auto;
    float: left;
}

.container .inner .onlineorder .food .products .product .content .options .option{
    width: auto;
    height: auto;
    float: left;
    font-family: configmediumitalic;
    font-size: 15px;
    color: #BC1818;
    background: #FFFFFF;
    border-radius: 5px;
    line-height: 1.3;
    letter-spacing: 0.25px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    display: flex;
    align-items: stretch;
    position: relative;
    transition: opacity 0.3s ease;
}

.container .inner .onlineorder .food .products .product .content .options .option.selected{
    background: #BC1818;
    color: #FFFFFF;
}

.container .inner .onlineorder .food .products .product .content .options .option .text{
    width: auto;
    height: auto;
    float: left;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px 0 0 5px;
    display: flex;
    align-items: center;
    line-height: 1.3;
}

.container .inner .onlineorder .food .products .product .content .extra{
    width: auto;
    height: auto;
    float: left;
    font-family: configmediumitalic;
    font-size: 16px;
    background: #FFFFFF;
    color:#BC1818;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 1.3;
    border-radius: 5px;
    clear: both;
    margin-top: 0px;
    cursor: pointer;
}

.container .inner .onlineorder .food .products .product .content .extra.active{
    background: #BC1818;
    color: #FFFFFF;
}

.container .inner .onlineorder .food .products .product .ingredients{
    width: calc(100% - 40px);
    height: 0;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    display: none;
    position: relative;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
    margin-left: 20px;
    margin-right: 20px;
}

.container .inner .onlineorder .food .products .product .ingredients .ingredient{
    width: auto;
    height: auto;
    float: left;
    font-family: configmediumitalic;
    font-size: 15px;
    color: #BC1818;
    background: #FFFFFF;
    border-radius: 5px;
    line-height: 1.3;
    letter-spacing: 0.25px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    display: flex;
    align-items: stretch;
    position: relative;
    transition: opacity 0.3s ease;
}

.container .inner .onlineorder .food .products .product .ingredients .ingredient:last-child{
    margin-bottom: 20px;
}

.container .inner .onlineorder .food .products .product .ingredients .ingredient .text{
    width: auto;
    height: auto;
    float: left;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px 0 0 5px;
    display: flex;
    align-items: center;
    line-height: 1.3;
}

.container .inner .onlineorder .food .products .product .ingredients .ingredient.selected .text{
    background: #BC1818;
    color: #FFFFFF;
}

.container .inner .onlineorder .food .products .product .ingredients .ingredient .price_ingredient{
    width: auto;
    height: auto;
    float: left;
    font-size: 12px;
    padding: 5px;
    border-left: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    color: #a9a9a9;
}




.container .inner .onlineorder .food .products .product .pricebox{
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 20px;
    margin-left: auto;
}

.container .inner .onlineorder .food .products .product .pricebox .price{
    width: auto;
    height: auto;
    float: left;
    font-family: configsemibolditalic;
    font-size: 22px;
    color:#707070;
    margin-right: 0px;
    margin-left: auto;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

.container .inner .onlineorder .food .products .product .pricebox .button{
    width: auto;
    height: auto;
    float: left;
    background:#BC1818;
    border-radius: 5px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
}

.container .inner .onlineorder .food .products .product .pricebox .button:hover{
    background: #a91515;
}

.container .inner .onlineorder .food .products .product .pricebox .button.disabled{
    opacity: 0.35;
}

.container .inner .onlineorder .food .products .product .pricebox .button .text{
    width: auto;
    height: auto;
    float: left;
    font-family: configsemibolditalic;
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 0.25px;
    line-height: 1;
}

.container .inner .onlineorder .rightpanel{
    width: 450px;
    height: auto;
    float: left;
    z-index: 1000;
    right: 0px;
    margin: 0;
    margin-top: 50px;
    margin-bottom: 50px;
    align-items: stretch;
}

.container .inner .onlineorder .rightpanel .price{
    width: 100%;
    height: auto;
    float: left;
    background: #FFFFFF;
    position: sticky;
    top: 50px;
    -webkit-box-shadow: 0px 0px 140px -60px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 140px -60px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 140px -60px rgba(0,0,0,0.75);
    border-radius: 5px;
}

.container .inner .onlineorder .rightpanel .price .head{
    width: calc(100% - 20px);
    height: auto;
    float: left;
    background: #f4f4f4;
    margin: 10px;
    margin-bottom: 0px;
    border-radius: 5px;
    display: flex;
}

.container .inner .onlineorder .rightpanel .price .head .box{
    width: auto;
    height: auto;
    float: left;
    flex-direction: column;
    font-family: configbolditalic;
    font-size: 20px;
    color: #BC1818;
    margin-left: 0px;
    margin-right: auto;
    align-items: center;
    justify-content: center;
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    line-height: 1.3;
    letter-spacing: 0.5px;
}

.container .inner .onlineorder .rightpanel .price .head .box:nth-child(1){
    text-transform: uppercase;
}

.container .inner .onlineorder .rightpanel .price .head .box:nth-child(2){
    margin-left: auto;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 15px;
    font-size: 24px;
    white-space: nowrap;
}

.container .inner .onlineorder .rightpanel .price .items{
    width: calc(100% - 20px);
    height: auto;
    max-height: calc(100vh - 0px - 100px - 64px - 60px - 20px);
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow-y: auto;
}

.container .inner .onlineorder .rightpanel .price .items::-webkit-scrollbar{
    width: 5px;
}

.container .inner .onlineorder .rightpanel .price .items::-webkit-scrollbar-thumb{
    background: #f4f4f4;
    border-radius: 2px;
    cursor: pointer;
}

.container .inner .onlineorder .rightpanel .price .items::-webkit-scrollbar-thumb:hover{
    background: #BC1818;
}

/*
.container .inner .onlineorder .rightpanel .price .items::-webkit-scrollbar-track{
    background: #f4f4f4;
}
*/

.container .inner .onlineorder .rightpanel .price .items .item{
    width: calc(100% - 20px);
    height: auto;
    float: left;
    border-bottom: 1px solid #E5E5E5;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    display: flex;
    align-items: center;
}

.container .inner .onlineorder .rightpanel .price .items .item:last-child{
    border-bottom: none;
}

.container .inner .onlineorder .rightpanel .price .items .item .amount{
    flex-basis: 10%;
    font-family: configtext;
    font-size: 18px;
    color: #707070;
    align-items: center;
    display: flex;
}

.container .inner .onlineorder .rightpanel .price .items .item .amount span{
    font-size: 20px;
    font-family: configregular;
    line-height: 1;
    margin-left: 2px;
}

.container .inner .onlineorder .rightpanel .price .items .item .product{
    flex-basis: calc(100% - 10% - 28px - 65px - 15px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.container .inner .onlineorder.p1 .rightpanel .price .items .item .product,
.container .inner .onlineorder.p2 .rightpanel .price .items .item .product{
    flex-basis: calc(100% - 10% - 65px);
}

.container .inner .onlineorder .rightpanel .price .items .item .product .name{
    flex-basis: 100%;
    font-family: configsemibold;
    font-size: 18px;
    color: #707070;
    line-height: 1.3;
    display: flex;
    align-items: center;
    margin-left: 0px;
    margin-right: auto;
}

.container .inner .onlineorder .rightpanel .price .items .item .itemprice{
    width: 65px;
    height: auto;
    float: left;
    text-align: right;
    font-family: configsemibold;
    font-size: 18px;
    color: #707070;
    line-height: 1;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: auto;
    margin-right: 0px;
    white-space: nowrap;
}

.container .inner .onlineorder .rightpanel .price .items .item .itemprice.free{
    color: #009901;
    font-family: configsemibold;
    text-transform: uppercase;
}

.container .inner .onlineorder .rightpanel .price .items .item .product .additional{
    flex-basis: 100%;
    font-family: configitalic;
    font-size: 16px;
    color: #a9a9a9;
    line-height: 1.3;
    letter-spacing: 0.25px;
}

.container .inner .onlineorder .rightpanel .price .items .item .product .additional .ingredients{
    color: #BC1818;
}

.container .inner .onlineorder .rightpanel .price .items .item .trash{
    width: 26px;
    height: 26px;
    float: left;
    border: 1px solid #d8d8d8;
    border-radius: 1000px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    cursor: pointer;
}

.container .inner .onlineorder .rightpanel .price .items .item .trash svg{
    width: 18px;
    height: 18px;
    float: left;
    stroke-width: 1.5px;
    stroke: #d8d8d8;
}

.container .inner .onlineorder .rightpanel .price .items .item .trash:hover svg{
    stroke: #BC1818;
}

.container .inner .onlineorder .rightpanel .price .items .item .trash2{
    width: 28px;
    height: 28px;
    float: left;
    opacity: 0;
    margin-left: 15px;
}

.container .inner .onlineorder .rightpanel .price .items .empty{
    width: calc(100% - 20px);
    height: auto;
    float: left;
    padding: 10px;
    padding-top: 25px;
    padding-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.container .inner .onlineorder .rightpanel .price .items .empty .text{
    width: auto;
    height: auto;
    float: left;
    font-size: 20px;
    font-family: configmedium;
    color: #a9a9a9;
}

.container .inner .onlineorder .rightpanel .price .items .empty .icon{
    width: auto;
    height: auto;
    float: left;
    margin-top: 30px;
    margin-bottom: 30px;
}

.container .inner .onlineorder .rightpanel .price .items .empty .icon svg{
    width: 175px;
    height: 175px;
    float: left;
    fill: #a9a9a9;
    opacity: 0.5;
    transform: rotate(30deg);
}

.container .inner .onlineorder .rightpanel .price .foot{
    width: calc(100% - 20px);
    height: auto;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    padding-top: 10px;
    border-top: 1px solid #E5E5E5;
}

.container .inner .onlineorder .rightpanel .price .foot .button{
    width: auto;
    height: auto;
    float: left;
    background: #BC1818;
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
    text-decoration: none;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    flex-direction: row;
    cursor: pointer;
    position: relative;
}

.container .inner .onlineorder .rightpanel .price .foot .button:hover{
    background: #a91515;
}

.container .inner .onlineorder .rightpanel .price .foot .button.back{
    margin-left: 0px;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 20px;
    background: #a9a9a9;
}

.container .inner .onlineorder .rightpanel .price .foot .button.back:hover{
    background: #989898;
}

.container .inner .onlineorder .rightpanel .price .foot .button.full,
.container .inner .onlineorder .rightpanel .price .foot .button.order{
    width: 100%;
    height: auto;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

.container .inner .onlineorder .rightpanel .price .foot .button.disabled{
    opacity: 0.4;
}

.container .inner .onlineorder .rightpanel .price .foot .button.disabled:hover{
    background: #BC1818;
}

.container .inner .onlineorder .rightpanel .price .foot .button.full .inner{
    width: auto;
    height: auto;
    float: left;
    padding: 0;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    padding-left: 20px;
    padding-right: 10px;
}

.container .inner .onlineorder .rightpanel .price .foot .button.order .inner{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.container .inner .onlineorder .rightpanel .price .foot .button.next{
    margin-left: auto;
    margin-right: 0px;
    flex-direction: row-reverse;
    padding-left: 20px;
    padding-right: 10px;
}

.container .inner .onlineorder .rightpanel .price .foot .button .icon{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    align-items: center;
}

.container .inner .onlineorder .rightpanel .price .foot .button .icon svg{
    width: 24px;
    height: 24px;
    float: left;
    stroke: #FFFFFF;
    stroke-width: 2.5px;
    opacity: 0.75;
}

.container .inner .onlineorder .rightpanel .price .foot .button.next .icon svg,
.container .inner .onlineorder .rightpanel .price .foot .button.full .inner .icon svg{
    transform: rotate(180deg);
}

.container .inner .onlineorder .rightpanel .price .foot .button .text{
    width: auto;
    height: auto;
    float: left;
    color: #FFFFFF;
    font-family: configsemibold;
    font-size: 18px;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    margin-left: 0px;
    letter-spacing: 0.5px;
    border: none;
    outline: none;
    background: transparent;
    text-transform: uppercase;
}

.container .inner .onlineorder .rightpanel .price .foot .button.next .text,
.container .inner .onlineorder .rightpanel .price .foot .button.full .inner .text{
    margin-left: 0px;
    margin-right: 5px;
}

.container .inner .onlineorder .rightpanel .price .foot .button.order .text:nth-child(2){
    text-transform: lowercase;
    font-size: 16px;
    font-family: configtext;
}

.container .inner .onlineorder .rightpanel .price .foot .button .input{
    width: 100%;
    height: 100%;
    float: left;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.container .inner .onlineorder .rightpanel .price .terms{
    width: calc(100% - 20px);
    height: auto;
    float: left;
    font-family: configtextitalic;
    font-size: 16px;
    color: #707070;
    padding: 10px;
    padding-bottom: 15px;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.container .inner .onlineorder .rightpanel .price .terms a{
    font-family: configsemibolditalic;
    color: inherit;
    text-decoration: none;
}

.container .inner .onlineorder .rightpanel .price .terms a:hover{
    text-decoration: underline;
}

.container .inner .onlineorder .rightpanel .price .time{
    width: calc(100% - 20px);
    height: auto;
    float: left;
    font-family: configtextitalic;
    font-size: 16px;
    color: #707070;
    margin: 10px;
    padding-top:10px;
    padding-bottom: 15px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #E5E5E5;
}


.container .inner .onlineorder .rightpanel .price .order_disable{
    width: calc(100% - 20px);
    height: auto;
    float: left;
    font-family: configtextitalic;
    font-size: 16px;
    color: #707070;
    padding: 10px;
    padding-bottom: 15px;
    text-align: center;
}

.container .inner .onlineorder .rightpanel .price .payment{
    width: calc(100% - 20px - 20px);
    height: auto;
    float: left;
    background: #BC1818;
    border-radius: 5px;
    margin: 10px;
    margin-bottom: 0px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    flex-direction:column;
}

.container .inner .onlineorder .rightpanel .price .payment .inner{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0px;
}

.container .inner .onlineorder .rightpanel .price .payment .inner .text{
    width: auto;
    height: auto;
    float: left;
    padding: 0px;
    font-size: 20px;
    color: #FFFFFF;
    font-family: configbold;
    letter-spacing: 0.5px;
    line-height: 1.3;
    text-transform: uppercase;
}

.container .inner .onlineorder .rightpanel .price .payment .inner .text:nth-child(2){
    text-transform: lowercase;
    font-size: 16px;
    font-family: configtext;
}

.container .inner .onlineorder .rightpanel .price .payment.paid{
    background: #009901;
    cursor: auto;
}

.container .inner .onlineorder .rightpanel .price .payment.canceled{
    background: #707070;
    cursor: auto;
}

.container .inner .onlineorder .rightpanel .price .payment .button{
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    opacity: 0;
}

.container .inner .onlineorder .delivery{
    width: calc(100% - 450px);
    height: auto;
    float: left;
    margin-top: 50px;
    margin-bottom: 50px;
}

.container .inner .onlineorder .delivery .rating{
    width: calc(100% - 75px);
    height: auto;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.container .inner .onlineorder .delivery .rating .head{
    width: auto;
    height: auto;
    float: left;
    font-family: configbold;
    font-size: 26px;
    color: #BC1818;
}

.container .inner .onlineorder .delivery .rating .head.main{
    font-size: 28px;
    text-transform: uppercase;
}

.container .inner .onlineorder .delivery .rating form{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.container .inner .onlineorder .delivery .rating .ratingbox{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    margin-top: 30px;
}

.container .inner .onlineorder .delivery .rating .ratingbox .item{
    width: auto;
    height: auto;
    float: left;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.container .inner .onlineorder .delivery .rating .ratingbox .item svg{
    width: 28px;
    height: 28px;
    stroke-width: 2px;
    stroke: #ffe234;
    cursor: pointer;
    padding: 5px;
    padding-left: 7px;
    padding-right: 7px;
}

.container .inner .onlineorder .delivery .rating .textarea{
    width: 350px;
    height: 200px;
    float: left;
    font-family: poppinsregular;
    font-size: 14px;
    color: #333333;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
    outline: none;
    padding: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.5;
    margin-top: 30px;
}

.container .inner .onlineorder .delivery .rating .textarea::placeholder{
    color: #a9a9a9;
}

.container .inner .onlineorder .delivery .rating .buttonbox{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container .inner .onlineorder .delivery .rating .buttonbox .button{
    width: auto;
    height: auto;
    float: left;
    background: #BC1818;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
    position: relative;
}

.container .inner .onlineorder .delivery .rating .buttonbox .button:hover{
    background: #a91515;;
}

.container .inner .onlineorder .delivery .rating .buttonbox .button.disabled{
    opacity: 0.4;
}

.container .inner .onlineorder .delivery .rating .buttonbox .button.disabled:hover{
    background: #BC1818;
}

.container .inner .onlineorder .delivery .rating .buttonbox .button .text{
    width: auto;
    height: auto;
    float: left;
    font-family: configsemibold;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    line-height: 1.3;
}

.container .inner .onlineorder .delivery .rating .buttonbox .button input{
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    border-radius: 5px;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.container .inner .onlineorder .delivery .part{
    width: calc(100% - 75px);
    height: auto;
    float: left;
    margin-top: 50px;
}

.container .inner .onlineorder .delivery .part:first-child{
    margin-top: 0px;
}

.container .inner .onlineorder .delivery .part .header{
    width: calc(100% - 2px);
    height: auto;
    float: left;
    border: 1px solid #E5E5E5;
    background: #f4f4f4;
    border-radius: 5px;
    display: flex;

}

.container .inner .onlineorder .delivery .part .header .icon{
    width: 40px;
    flex-basis: 40px;
    height: auto;
    float: left;
    display: flex;
    align-items: stretch;
    justify-content: center;
    background: #BC1818;
    border-radius: 5px 0 0 5px;
}

.container .inner .onlineorder .delivery .part .header .icon svg{
    width: 22px;
    height: 22px;
    margin: auto;
    stroke: #FFFFFF;
    stroke-width: 2.25px;
}

.container .inner .onlineorder .delivery .part .header .text{
    width: calc(100% - 40px - 32px);
    height: auto;
    float: left;
    font-family: configbold;
    font-size: 20px;
    color: #707070;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-left: 16px;
    margin-right: 16px;
    line-height: 1.3;
    padding-top: 14px;
    padding-bottom: 14px;
    white-space: nowrap;
}

.container .inner .onlineorder .delivery .part .forms{
    width: calc(100% - 40px - 1px - 16px);
    height: auto;
    float: left;
    margin-left: calc(40px + 1px + 16px);
    margin-top: 30px;
}

.container .inner .onlineorder .delivery .part .forms .line{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    margin-top: 30px;
}

.container .inner .onlineorder .delivery .part .forms .line:first-child{
    margin-top: 0px;
}

.container .inner .onlineorder .delivery .part .forms .line .label{
    flex-basis: 30%;
    height: auto;
    float: left;
    color: #a9a9a9;
    font-size: 14px;
    font-family: poppinsmedium;
    display: flex;
    align-items: center;
    line-height: 1.3;
}

.container .inner .onlineorder .delivery .part .forms .line .input,
.container .inner .onlineorder .delivery .part .forms .line .textarea{
    flex-basis: 35%;
    height: 40px;
    float: left;
    border: 1px solid #a9a9a9;
    outline: none;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: poppinsregular;
    font-size: 14px;
    color: #333333;
    line-height: 40px;
    padding-top: 5px;
    padding-bottom: 3px;
    -webkit-appearance: none;
    appearance: none;
}

.container .inner .onlineorder .delivery .part .forms .line .input::placeholder,
.container .inner .onlineorder .delivery .part .forms .line .textarea::placeholder{
    color: #a9a9a9;
}

.container .inner .onlineorder .delivery .part .forms .line .textarea{
    height: auto;
    min-height: 150px;
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 10px;
}

.container .inner .onlineorder .delivery .part .forms .zones,
.container .inner .onlineorder .delivery .part .forms .payments{
    width: 75%;
    height: auto;
    float: left;
}

.container .inner .onlineorder .delivery .part .forms .zones .zone,
.container .inner .onlineorder .delivery .part .forms .zones .zone_dis,
.container .inner .onlineorder .delivery .part .forms .payments .payment{
    width: calc(100% - 40px - 4px);
    height: auto;
    float: left;
    background: #f4f4f4;
    padding: 15px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1;
    border-radius: 5px;
    margin-top: 30px;
    border: 2px solid #f4f4f4;
    position: relative;
}

.container .inner .onlineorder .delivery .part .forms .zones .zone:first-child,
.container .inner .onlineorder .delivery .part .forms .payments .payment:first-child{
    margin-top: 0px;
}

.container .inner .onlineorder .delivery .part .forms .zones .zone.active,
.container .inner .onlineorder .delivery .part .forms .payments .payment.active{
    cursor: pointer;
}

.container .inner .onlineorder .delivery .part .forms .zones .zone.selected,
.container .inner .onlineorder .delivery .part .forms .payments .payment.selected{
    border: 2px solid #BC1818;
}

.container .inner .onlineorder .delivery .part .forms .zones .zone .head,
.container .inner .onlineorder .delivery .part .forms .zones .zone_dis .head,
.container .inner .onlineorder .delivery .part .forms .payments .payment .head{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    align-items: center;
}

.container .inner .onlineorder .delivery .part .forms .zones .zone .head .name,
.container .inner .onlineorder .delivery .part .forms .zones .zone_dis .head .name,
.container .inner .onlineorder .delivery .part .forms .payments .payment .head .name{
    width: auto;
    height: auto;
    float: left;
    font-family: configsemibold;
    font-size: 18px;
    color: #707070;
    margin-left: 0px;
    margin-right: auto;
    text-transform: uppercase;
}

.container .inner .onlineorder .delivery .part .forms .zones .zone .head .price,
.container .inner .onlineorder .delivery .part .forms .zones .zone_dis .head .price,
.container .inner .onlineorder .delivery .part .forms .payments .payment .head .price{
    width: auto;
    height: auto;
    float: left;
    font-family: configsemibold;
    font-size: 18px;
    color: #707070;
    margin-left: auto;
    margin-right: 0px;
}

.container .inner .onlineorder .delivery .part .forms .zones .zone .head .price.free,
.container .inner .onlineorder .delivery .part .forms .zones .zone_dis .head .price.free,
.container .inner .onlineorder .delivery .part .forms .payments .payment .head .price.free{
    color: #009901;
    font-family: configmedium;
    text-transform: uppercase;
}

.container .inner .onlineorder .delivery .part .forms .zones .zone .cities,
.container .inner .onlineorder .delivery .part .forms .zones .zone_dis .cities{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 15px;
    border-top: 1px solid #E5E5E5;
    padding-top: 15px;
}

.container .inner .onlineorder .delivery .part .forms .zones .zone .cities .city,
.container .inner .onlineorder .delivery .part .forms .zones .zone_dis .cities .city{
    width: auto;
    height: auto;
    float: left;
    padding: 6px;
    padding-left: 11px;
    padding-right: 11px;
    border-radius: 5px;
    background: #FFFFFF;
    font-family: configmediumitalic;
    font-size: 16px;
    line-height: 1.3;
    color: #BC1818;
    margin-right: 15px;
    margin-bottom: 15px;
    cursor: pointer;
}

.container .inner .onlineorder .delivery .part .forms .zones .zone_dis .cities .city{
    cursor: unset;
}

.container .inner .onlineorder .delivery .part .forms .zones .zone .cities .city.selected{
    color: #FFFFFF;
    background: #BC1818;
}

.container .inner .onlineorder .delivery .part .forms .zones .zone_dis .overlay{
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(255,255,255,0.75);
    position: absolute;
    top: 0;
    left: 0;
}

.container .inner .onlineorder .delivery .part .forms .zones .zone_dis .info{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 20px;
    margin-top: 5px;
    background: unset;
    border: unset;
    border-radius: unset;
    padding: unset;
}

.container .inner .onlineorder .delivery .part .forms .zones .zone_dis .info .icon{
    width: 38px;
    height: 38px;
    float: left;
    background: #BC1818;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #a91515;
}

.container .inner .onlineorder .delivery .part .forms .zones .zone_dis .info .icon svg{
    width: 20px;
    height: 20px;
    float: left;
    stroke: #FFFFFF;
    stroke-width: 2.5px;
}

.container .inner .onlineorder .delivery .part .forms .zones .zone_dis .info .text{
    width: auto;
    height: auto;
    float: left;
    font-family: configsemibold;
    font-size: 20px;
    color: #BC1818;
    margin-top: 15px;
    text-align: center;
}

.container .inner .onlineorder .delivery .box{
    width: calc(100% - 40px - 1px - 16px - 75px);
    height: auto;
    float: left;
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-top: 30px;
    margin-left: 57px;
}

.container .inner .onlineorder .delivery .box .panel{
    width: calc(100% / 3);
    height: auto;
    float: left;
}

.container .inner .onlineorder .delivery .box .panel.note,
.container .inner .onlineorder .delivery .box .panel.rating{
    width: calc((100% / 3) * 2);
}

.container .inner .onlineorder .delivery .box .panel .label{
    width: 100%;
    height: auto;
    float: left;
    font-family: configsemibold;
    font-size: 16px;
    color: #a9a9a9;
    line-height: 1.3;
    text-transform: uppercase;
}

.container .inner .onlineorder .delivery .box .panel .text{
    width: 100%;
    height: auto;
    float: left;
    font-family: configregular;
    font-size: 18px;
    color: #707070;
}

.container .inner .onlineorder .delivery .box .panel.rating .stars{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    margin-left: 0;
    margin-right: auto;
}

.container .inner .onlineorder .delivery .box .panel.rating .stars .star{
    width: auto;
    height: auto;
    float: left;
}

.container .inner .onlineorder .delivery .box .panel.rating .stars .star svg{
    width: 24px;
    height: 24px;
    stroke-width: 2px;
    stroke: #ffe234;
    padding: 5px;
    padding-left: 3px;
    padding-right: 3px;
}

.container .inner .onlineorder .delivery .box .panel.rating .stars .star:nth-child(1) svg{
    padding-left: 0;
}

.container .inner .onlineorder .delivery .box .panel.rating .stars .star:last-child svg{
    padding-right: 0;
}

.container .inner .onlineorder .delivery .box .panel.rating .stars .star.full svg{
    fill: #ffe234;
}


.container .inner .onlineorder .delivery .info,
.container .inner .onlineorder .rightpanel .info{
    width: calc(100% - 75px - 30px - 2px);
    height: auto;
    float: left;
    background: #e5f4e5;
    border: 1px solid #cceacc;
    border-radius: 5px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.container .inner .onlineorder .rightpanel .info{
    display: none;
}

.container .inner .onlineorder .delivery .info:nth-child(2),
.container .inner .onlineorder .rightpanel .info:nth-child(2){
    margin-top: 30px;
}

.container .inner .onlineorder .delivery .info.alert,
.container .inner .onlineorder .rightpanel .info.alert{
    background: #f8e7e7;
    border: 1px solid #f1d0d0;
}

.container .inner .onlineorder .delivery .info .text,
.container .inner .onlineorder .rightpanel .info .text{
    width: auto;
    height: auto;
    float: left;
    font-family: configsemibold;
    font-size: 20px;
    color: #009901;
    line-height: 1.3;
    text-align: center;
}

.container .inner .onlineorder .delivery .info.alert .text,
.container .inner .onlineorder .rightpanel .info.alert .text{
    color: #BC1818;
}

.container .inner .onlineorder .delivery .info.status1,
.container .inner .onlineorder .rightpanel .info.status1{
    background: #e9f2f9;
    border: 1px solid #d4e6f4;
}

.container .inner .onlineorder .delivery .info.status1 .text,
.container .inner .onlineorder .rightpanel .info.status1 .text{
    color: #2986cc;
    text-transform: uppercase;
}

.container .inner .onlineorder .delivery .info.status2,
.container .inner .onlineorder .rightpanel .info.status2{
    background: #fff6e5;
    border: 1px solid #ffedcc;
}

.container .inner .onlineorder .delivery .info.status2 .text,
.container .inner .onlineorder .rightpanel .info.status2 .text{
    color: #e59400;
    text-transform: uppercase;
}

.container .inner .onlineorder .delivery .info.status2 .text:nth-child(2),
.container .inner .onlineorder .rightpanel .info.status2 .text:nth-child(2){
    text-transform: unset;
    margin-top: 5px;
    font-family: configregular;
}

.container .inner .onlineorder .delivery .info.status3 .text,
.container .inner .onlineorder .rightpanel .info.status3 .text{
    text-transform: uppercase;
}




.container .inner .terms{
    width: calc(100% - 400px);
    height: auto;
    float: left;
    margin-left: 200px;
    margin-right: 200px;
    margin-top: 50px;
}

.container .inner .terms:last-child{
    margin-bottom: 50px;
}

.container .inner .terms .head{
    width: auto;
    height: auto;
    float: left;
    font-family: poppinsbold;
    font-size: 16px;
    color: #707070;
}

.container .inner .terms .list{
    width: calc(100% - 40px);
    height: auto;
    float: left;
    font-family: poppinsregular;
    font-size: 14px;
    color: #808080;
    line-height: 1.5;
    margin-top: 20px;
    margin-bottom: 0;
}

.container .inner .terms .list .item{
    margin: 0;
    margin-bottom: 15px;
}

.container .inner .terms .list .item:last-child{
    margin-bottom: 0px;
}

.container .inner .terms .list .sub{
    width: calc(100% - 40px);
    height: auto;
    float: left;
    margin-bottom: 20px;
}

.container .inner .terms .list .sub .item{
    margin-bottom: 5px;
    list-style-type: square;
}



    

    
.footer1{
    width: 100%;
    height: auto;
    float: left;
    background: #2c2c2c;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer1 .inner{
    width: calc(1400px - 60px);
    height: auto;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    padding-top: 50px;
    padding-bottom: 50px;
}

.footer1 .inner .box{
    width: 200px;
    height: auto;
    float: left;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.footer1 .inner .box .logo{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    align-items: center;
    align-items: stretch;
}

.footer1 .inner .box .logo svg{
    width: 100%;
    height: auto;
    float: left;
    fill: #8c8c8c;
}

.footer1 .inner .box .follow{
    width: auto;
    height: auto;
    float: left;
    font-family: meow;
    font-size: 38px;
    color:#8c8c8c;
    margin-top: 50px;
    transform: rotate(-5deg);
}

.footer1 .inner .box .icon{
    width: auto;
    height: auto;
    float: left;
    margin-top: 15px;
}

.footer1 .inner .box .icon a{
    width: auto;
    height: auto;
    float: left;
    margin-right: 15px;
}

.footer1 .inner .box .icon a:last-child{
    margin-right: 0px;
}

.footer1 .inner .box .icon a svg{
    width: 30px;
    height: auto;
    float: left;
    fill: #8c8c8c;
}

.footer1 .inner .box .icon a:hover svg{
    fill: #FFFFFF;
}

.footer1 .inner .col{
    width: calc((100% - 200px - 50px - 50px - 50px - 50px - 50px) / 3);
    height: auto;
    float: left;
    margin-left: 50px;
    align-items: stretch;
}

.footer1 .inner .col:nth-child(2){
    margin-left: 150px;
}

.footer1 .inner .col .head{
    width: auto;
    height: auto;
    float: left;
    font-family: configbold;
    font-size: 22px;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 1.3;
}

.footer1 .inner .col .content{
    width: calc(100% - 15px);
    height: auto;
    float: left;
    margin-top: 20px;
    margin-left: 15px;
}

.footer1 .inner .col .content .row{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    clear: both;
    margin-top: 20px;
}

.footer1 .inner .col .content .row:first-child{
    margin-top: 0px;
}

.footer1 .inner .col .content .row .day{
    width: auto;
    height: auto;
    float: left;
    font-family: configbold;
    font-size: 20px;
    color: #8c8c8c;
    text-transform: uppercase;
}

.footer1 .inner .col .content .row .time{
    width: auto;
    height: auto;
    float: left;
    font-family: configmedium;
    font-size: 18px;
    color: #8c8c8c;
    margin-top: 5px;
    text-transform: uppercase;
}

.footer1 .inner .col .content .line{
    width: auto;
    height: auto;
    float: left;
    font-family: configmedium;
    font-size: 20px;
    color: #8c8c8c;
    clear: both;
    margin-top: 5px;
}

.footer1 .inner .col .content .line:first-child{
    margin-top: 0px;
}

.footer1 .inner .col .content a.line{
    text-decoration: none;
}

.footer1 .inner .col .content a.line:hover{
    text-decoration: underline;
}

.footer1 .inner .col .content .line.cookies{
    background: none;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    margin-top: 5px;
    cursor: pointer;
}

.footer1 .inner .col .content .line.cookies:hover{
    text-decoration: underline;
}

.footer1 .inner .col .content .link{
    width: auto;
    height: auto;
    float: left;
    font-family: configmedium;
    font-size: 18px;
    color:#FFFFFF;
    clear: both;
    margin-top: 20px;
    text-decoration: none;
    text-transform: uppercase;
}

.footer1 .inner .col .content .link:hover{
    text-decoration: underline;
}








.footer2{
    width: 100%;
    height: auto;
    float: left;
    background: #212121;
    display: flex;
    justify-content: center;
}

.footer2 .inner{
    width: calc(1400px - 60px);
    height: auto;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
}

.footer2 .inner .content{
    width: auto;
    height: auto;
    float: left;
    align-items: stretch;
}

.footer2 .inner .content .line{
    width: auto;
    height: auto;
    float: left;
    font-family: configmedium;
    font-size: 16px;
    color: #595959;
    clear: left;
    letter-spacing: 0.5px;
}

.footer2 .inner .content .line:nth-child(3){
    margin-top: 15px;
}

.footer2 .inner .content .line a{
    width: auto;
    height: 16px;
}

.footer2 .inner .content .line a svg{
    width: auto;
    height: 10px;
    margin-top: 5px;
    margin-left: 5px;
    fill: #595959;
}

.footer2 .inner .content .line a:hover svg{
    fill: #ffe163;
}

.footer2 .inner .content .line .ico{
    color: inherit;
    text-decoration: none;
    cursor: default;
}

.footer2 .inner .online_pay{
    width: auto;
    height: auto;
    float: left;
    margin-left: auto;
    margin-right: 0;
}

.footer2 .inner .online_pay .icon{
    width: auto;
    height: 40px;
    float: left;
    margin-right: 20px;
}

.footer2 .inner .online_pay .icon:last-child{
    margin-right: 0px;
}

.footer2 .inner .online_pay .icon svg{
    width: auto;
    height: 100%;
    float: left;
    fill: #595959;
}