/* NAV LISTENER ICON
   ========================================================================== */
#shopping_warning_add{
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	color:black;
	background:gray;
	font-family:Arial, Roboto;
	font-size:15px;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 10;
}
#shopping_bubble{
	background:#FE0054;
	color:#fff;
	border-radius:8px;
	float:right;
	font-size:12px;
	padding-left:3px;
	padding-right:3px;
	font-family:arial, roboto;
	margin-top:12px;
	display:none;
}


#shopping_instructions{
	/* margin-top:20px; */
}


	
#nav-shadow_content{
	width:100%;
	height:100%;
	position:relative;
}
#nav-shadow_content.navlight{
	display:table;
}
#nav-shadow_content.navlight ul{
	display: table-cell;
	vertical-align: middle;
}
#nav-shadow_content.navbig{
	overflow:scroll;
}
#nav-shadow ul{
	list-style:none;
	width:100%;
	margin:0px;
	padding:0px;
}
#nav-shadow_content.navbig ul{
	padding-bottom:100px;
}
#nav-shadow ul li{
	color:#fff;
	font-size:18px;
	font-family: var(--main-font);
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
#nav-shadow ul li a, #nav-shadow ul li a:active, #nav-shadow ul li a:visited{
	color:#fff;
}
#nav-shadow ul li.slim{
	color:var(--main-color);
	font-size:12px;
}
#nav-button-shopping{
	width:64px;
	height:64px;
	
	z-index:201;
	border-radius:64px; */
}


#nav-listener {
	
	position: absolute;
	top:16px;
	left:12px;
    width: 25px;
    height: 18px;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 99;
    display: block;
	color:#fff;
}
#nav-listener span {
    display: block;
    position: absolute;
    width: 100%;
    border-top: 1px solid;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}
#nav-listenerspan:nth-child(1) {
    top: 0px;
}
#nav-listener span:nth-child(2) {
    top: 8px;
}
#nav-listener span:nth-child(3) {
    top: 16px;
}
.active-nav-aside #nav-listener span:nth-child(1) {
  top: 8px;
  transform: rotate(135deg);
}
.active-nav-aside #nav-listener span:nth-child(2) {
  opacity: 0;
  left: -30px;
}
.active-nav-aside #nav-listener span:nth-child(3) {
  top: 8px;
  transform: rotate(-135deg);
}

#restaurant_language{
	width:100%;
	height:32px;
	text-align:center;
	padding-top:5px;
}
#restaurant_language .restaurant_language_flag{
	width:32px;
	height:20px;
	background:red;
}

.restaurant-logo{
	width:100%;
	height:calc(100% - 82px);
	position:relative;
	background:#000;
}
#logo{
	width:100%;
	height:100%;
	text-align:center;
	z-index:1;
	position:relative;
	
	background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
}
/* .restaurant-menu{
	
}

.restaurant-menu .product{
	font-family: var(--main-font);
	padding:20px;
	border-bottom:1px solid #f4f4f4;
	float:left;
}
.restaurant-menu .price{
	font-family: var(--main-font);
	color:var(--main-color);
} */

/* .restaurant-menu .multiple-prices{
	font-family: var(--main-font);
	color:var(--main-color);
	padding: 0;
	margin-bottom: 5px;
	overflow: hidden;
}
.restaurant-menu .multiple-prices li{
    padding: 0 7px 0 10px;
    border-left: 1px solid rgba(127,127,127,0.5);
}
.restaurant-menu .multiple-prices li .label{
	color:#000;
	font-size: 12px;
} */

.restaurant-menu .product p{
font-family: var(--secondary-font);
}

.restaurant-menu .section{
	overflow:auto;
}
.restaurant-menu .section .section-parallax{
	width:100%;
	height:250px;
	float:left;
	background:#000;
}

.section-parallax-title{
	position:relative;
	background:#fafafa;
	box-shadow:0 10px 30px rgba(0,0,0,0.4);
	text-align:center;
	width:calc(100% - 40px);
	margin-left:20px;
	margin-top:96px;
	font-family: var(--main-font);
	padding:10px;
}
.section-parallax-title h3{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
}

a,a:visited,a:active{
	color:var(--main-color);
}


.block{
	text-align:center;
	padding:10px;
}
.block h2{
	color:var(--main-color);
	font-size:18px;
	font-family: var(--main-font);
}
.block p{
	margin:0px;
	font-size:14px;
	font-family: var(--main-font);
}
.restaurant-logo-contact{
	height: 60rem;
}
.restaurant-contact{
	/* background:rgba(0,0,0,0.2); */

}
.restaurant-social{
	/* background:#1b2024 url('../img/torn-papper2.png') bottom repeat-x;
	background-position:40px 92px;*/
	background: rgba(30, 22, 42, 0.97);
	padding-bottom:24px;
}
.restaurant-social h2{
	padding-top:10px;
}


.imgfood img{
	width:calc(100% - 10px);
	border-radius:5px;
}
.social{
	height:36px;
	background:#000;
	flex: 1;
}
.social.facebook{
	background:url('../img/icon_facebook.png') #3b5998 no-repeat center;
	background-size:36px;
}
.social.whatsapp{
	background:url('../img/icon_whatsapp.png') #2ab200 no-repeat center;
	background-size:32px;
}
.social.instagram{
	background:url('../img/icon_instagram.png') #df3557 no-repeat center;
	background-size:26px;
}






#restaurant-footer{
	width:100%;
	min-height:90px;
	overflow:auto;
	background:#000;
}
#restaurant-footer-shadow{
	width:100%;
	float:left;
	height:90px;
	background:#000;
}
#restaurant-footer-menuhello{
	background: rgba(0,0,0,0.2) center no-repeat;
	background-size:200px;
	width:100%;
	height:90px;
}

.ml-3{
	margin-left: 30px!important;
}
.f16{
	font-size: 14px!important;
}

.btn-p{
	border: 1px solid rgb(254, 186, 77);
	border-radius: 10px;
	text-align: center;
	padding: 0px 10px;
}
.mt-1{ 
	margin-top: 10px;
 }

.d-inline-block {
	display: inline-block!important;
}
.d-block {
	display: block!important;
}

.col-9 {
	max-width: 75%;


}

.col-3 {
	max-width: 25%;
}








/* BLOCK TITLE PARALLAX */
.block-title-parallax{
	width:100%;
	height:250px;
	float:left;
	background:#000;	
}

.restaurant-menu .section-title{
	padding-top:30px;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:10px;
	text-align:center;
}
.restaurant-menu .section-title .font-heading{
	border-width: 1px 0;
	border-style: solid;
	padding: 4px 15px 0;
	font-family: var(--main-font);
}
.restaurant-menu .section-title .subtitle{
	line-height: 1;
	margin-bottom: 7px;
	letter-spacing: 1px;
	font-style: italic;	
	font-size:12px;
	color:var(--main-color);
	font-family: var(--main-font);
}

/* BLOCK SUBTITLE 01 */
.block-subtitle-01{
	float:left;
	width:100%;
	text-align: center;

}
.block-subtitle-01 .title{
	font-size:16px;
	display: inline-block;
	padding:20px;
	margin: 0 auto!important;
	width:calc(100% - 40px);
	padding-bottom:0px;
}

/* BLOCK TITLE 01 */
.block-title-01{
	padding-top:20px;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:10px;
	text-align:center;
	background:var(--theme-color-background);
}
.block-title-01 .title{
	line-height: 1;
	margin-bottom: 7px;
	letter-spacing: 1px;
	font-style: italic;	
	font-size:12px;
	color:var(--main-color);
	font-family: var(--main-font);
}
.block-title-01 .title{
	border-width: 1px 0;
	border-style: solid;
	padding: 4px 15px 0;
	font-family: var(--main-font);
	font-size:1.75rem
	
}

/* BLOCK TITLE 02 */
.block-title-02 .title{
	position:relative;
	background:var(--theme-color-background);
	box-shadow:0 10px 30px rgba(0,0,0,0.4);
	text-align:center;
	width:calc(100% - 60px);
	margin-left:20px;
	margin-top:96px;
	font-family: var(--main-font);
	padding:10px;
}
.block-title-02 .title h3{
	border-top:1px solid var(--main-color);
	border-bottom:1px solid var(--main-color);
	color:var(--main-color);
	display: inline-block;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px auto;
}

/* BLOCK TITLE 03 */
.block-title-03{
	float:left;
	width:100%;
	margin-top:-64px;
}
.block-title-03 .title{
	float:left;
	text-align:left;
	min-width:250px;
	margin-top:20px;
	padding:10px;
	background-size:100%;
}
.block-title-03 .title h3{
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
	font-weight:700;
	font-family: var(--main-font);
}

/* BLOCK TITLE 4 */
.block-title-04{
	width:100%;
	overflow:auto;
	float:left;
}
.block-title-04 .title{
    margin: 0px;
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    font-family: var(--main-font);
    text-shadow: 2px 2px 0px #fff;
}

/* BLOCK IMAGE*/
.block-image{
	width:100%;
	float:left;
	height:250px;
}

.block-products{
	float:left;
	width:100%;
}
.block-products .block-products-container{
	float:left;
	width:100%;
	overflow:auto;
}
.block-products .block-products-container.hidecontent{
	overflow:hidden;
	height:400px;
}
.block-products .block-products-showmore{
	width:100%;
	height:40px;
	font-size:12px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	font-family:var(--main-font);
}
.block-products .block-products-gradient{
	width:100%;
	height:40px;
	color:var(--main-color);
	position:relative;
	margin-top:-40px;
	float:left;
	background:linear-gradient(180deg, rgba(0,0,0,0) 0%, var(--theme-color-background) 100%);
}


/* BLOCK PRODUCT 01*/
.block-product-01{
	font-family: var(--main-font);
	padding:20px;
	border-bottom:1px solid rgba(0,0,0,0.2);
	float:left;
	width:100%;
	box-sizing: border-box;
}
.block-product-01 .title{
	width:78%;

	padding-left: 5px
}
.block-product-01 .multiple-prices{
	font-family: var(--secondary-font);
	list-style:none;
	margin:0px;
	padding:0px;
}
.block-product-01 .price{
	font-family: var(--main-font);
	/* color:var(--main-color); */
	text-align:center;
	width: 20%;
	max-height: 20px;
}
.block-product-01 .row p{
	font-family: var(--secondary-font);
	margin:0px;
	margin-top: 10px;
}
.block-product-01 .row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.block-product-01 .row span{
	display: block;
	margin-right: auto;
	font-size: 12px!important;
}

.block-product-01 .multiple-prices li{
    padding: 0 7px 0 10px;
	width: 100%;
	display: flex
	flex-wrap: nowrap;
	justify-content: space-around;
}
.block-product-01 .multiple-prices li .subtitle{
	display: inline-block;
	margin-top: 10px;
	width: 78%;
}
.block-product-01 .multiple-prices li .subprice{
	font-family: var(--main-font);
	display: inline-block;
	width: 20%;
}
.block-product-01 .multiple-prices li span {
	display: block;
	font-size: 12px;
}

.swal2-title {
	font-size: 16px!important;
}

/* BLOCK PRODUCT 02*/
.block-product-02{
	font-family: var(--main-font);
	padding:20px;
	border-bottom:1px solid rgba(0,0,0,0.2);
	float:left;
	width:100%;
	box-sizing: border-box;
}
.block-product-02 p{
	font-family: var(--secondary-font);
	margin:0px;
}
.block-product-02 .price{
	font-family: var(--main-font);
	color:var(--main-color);
	text-align:right;
}
.block-product-02 .img{
	width:96px;
	height:96px;
	float:left;
	margin-right:10px;
	border-radius:5px;
}
.block-product-02 .content{
	width:calc(100% - 106px);
	float:left;
}
.block-product-02 .content .title{
	width:calc(100% - 48px);
	float:left;
}
.block-product-02 .content .price{
	width:48px;
	float:left;
}
.block-product-02 .content .description{
	width:100%;
	float:left;
}



/* BLOCK BANNER 01 */
.block-banner-01{
	width:100%;
	height:200px;
	float:left;
}
.block-banner-01-shadow{
	background:linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.8) 100%);
	width:100%;
	height:100%;
	display:table;
	position:relative;
}
.block-banner-01-shadow h3{
	padding:20px;
	display: table-cell;
	vertical-align: middle;
	color:#fff;
	font-family:var(--main-font);
	font-size:24px;
	text-align:center;
	text-shadow:0px 3px 3px #000;
}
.block-banner-01-shadow h3 .lowtext{
	font-size:12px;
	line-height:13px;
}
.block-banner-01-shadow h3 .reduce{
	font-size:18px;
}







.slick-container{
	width:100%;
	overflow:auto;
}
.slick{
	width:100%;
	height:auto;
	float:left;
}
.slick a{
	overflow:auto;
	background:#000;
	padding:0px;
	margin:0px;
}
.slick a img{
	float: left;
	width: 100%;
}
.slick-img{
	height:90px;
	background:red;
}