/* vars */
:root {
    --border-radius: 4px;
    --color-primary: var(--theme-color-primary,#000000);
    --color-secondary: var(--theme-color-secondary,#000000);
    --color-background:#FFF;
    --color-rgb-highlighter: 0,188,139;
    --color-background-shadow:#f7f7f7;
    --color-buttons: #000000;
    --packer: 1200px;
    --font-weight-default: 300;
    --font-weight-medium: 400;
    --font-weight-bold: 600;
    --font-size: 14px;
    --font:
    var(--font-weight-default) var(--font-size)/1.5 "Open Sans";
    --font-color: #999;
    --hfont-size: 28px;
    --hfont:
    var(--font-weight-bold) var(--hfont-size)/1.1 "Open Sans";
    --hfont-color: #000;
    --padding: 64px;
    --gap-lg: 20px;
    --gap: 16px;
    --gap-sm: 12px;
    --transition-speed: .3s ease-in-out;
    --transition: all
    var(--transition-speed);
    --header-height: 70px;
    --shadow: 0
    var(--gap) calc(var(--gap) * 3) rgba(0,0,0,0.1);
}


@media only screen and (max-width: 1200px){
    :root {
        --border-radius: 3px;
        --padding: 48px;
        --gap: 14px;
        --gap-lg: 18px;
        --hfont-size: 24px;
    }
}
@media only screen and (max-width: 992px){
    :root {
        --padding: 40px;
        --hfont-size: 22px;
    }
 
}
@media only screen and (max-width: 576px){
    :root {
        --border-radius: 2px; 
        --padding: 26px;
        --gap: 12px;
        --gap-lg: 16px;
        --hfont-size: 18px;
    }

}
/* reset */
*:focus,*.focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.tooltip.show {
    z-index: 10000000;
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{/* outline:thin dotted; */}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
*{box-sizing: border-box;}
html {scroll-behavior: smooth;background-color: var(--color-background);scroll-padding-top: var(--padding);height: -webkit-fill-available;}
body{font: var(--font);color: var(--font-color);font-family: "Open Sans", sans-serif;box-sizing: border-box;    min-height: 100vh;
    min-height: -webkit-fill-available;}

small{font-size: calc(var(--font-size) - 2px);font-weight: var(--font-weight-bold);}
p + *{margin-top: var(--gap-sm);}
h1, h2, h3, h4{/* font: var(--hfont); */color: var(--hfont-color);font-family: 'Open Sans', sans-serif;}
h1 {font-size: calc( var(--hfont-size) * 1.6 );}
h3 {}
h4 {font-size: calc( var(--font-size) + 1px);}
h4 + * {margin-top: var(--gap);}
strong{color: var(--hfont-color);font-weight: var(--font-weight-bold); font-family: 'Open Sans', sans-serif;}
section, picture, img{display: block; margin: 0;position: relative;}
picture{display: block;z-index: 0;/* border-radius: 12px; */overflow: hidden;}
.disable-dbl-tap-zoom {
    touch-action: manipulation;
  }

img{max-width: 100%;/* width: 100%; */}
a{transition: var(--transition);color: var(--hfont-color) !important;text-decoration: none;}
a:hover{text-decoration: underline;text-underline-offset: 4px;}
as:focus{outline-offset: var(--gap);outline: solid 2px rgba(255,255,255, .2);border-radius: var(--border-radius);}
a[disabled], button:disabled, .button[disabled]{opacity: .5;pointer-events: none;}
picture[data-background="true"]{position: absolute;inset: 0;}
picture[data-background="true"] img{object-position: center center;width: 100%;height: 100%;object-fit: cover;}

video[data-background="true"]{position: absolute;inset: 0;height: 100%;width: 100%;object-fit: cover;z-index: 100;}
/* tiny-slider */
.tns-outer{padding:0!important}.tns-outer [hidden]{display:none!important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.tns-slider>.tns-item img{width:100%;max-height:200px}
.tns-horizontal.tns-subpixel{white-space:nowrap}
.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal;}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s,opacity 0s;-moz-transition:transform 0s,opacity 0s;transition:transform 0s,opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto!important}.tns-gallery>.tns-moving{-webkit-transition:all .25s;-moz-transition:all .25s;transition:all .25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity .6s;-moz-transition:opacity .6s;transition:opacity .6s;opacity:.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;z-index:0}.tns-fadeOut,.tns-normal{opacity:0;z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}
.tns-controls{position: absolute;z-index: 1;}
.tns-nav{display: flex;align-items: center;justify-content: center;}
.tns-nav > button{width: 40px;height: 7px;display: inline-flex;justify-content: center;align-items: center;padding: 0 !important;background: #ddd;margin-left: 8px;}
.tns-nav > button:focus {outline:none}
.tns-nav > .tns-nav-active{background-color: #a8a8a8;}
.tns-ovh + .tns-nav{margin-top: 12px;}
/* map */
.map{width: 100%;position: relative;padding-top: 56.25%;background: #FFF;}
.map > iframe{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* video */
.video{width: 100%;position: relative;padding-top: 56.25%;background: #FFF;}
.video > iframe{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* tag */
.tag{display: inline-flex;font-size: calc(var(--font-size) - 5px);font-weight: var(--font-weight-bold);letter-spacing: 1px;line-height: 1;padding: 6px 8px;background: pink;border-radius: var(--border-radius);background: #edf7ee;color: #00bc8b;}
.tag.disabled{background:#EEE;color: #CCC;}
/* content-tab */
.content-tab:not(.expanded){display: none !important;}
/* .full-width */
.full-width{width: 100%;}
/* .full-button */
.full-button{width: 100%;justify-content: center;}
/* button */
button, .button{display: inline-flex;font: var(--font);letter-spacing: 0;line-height: 1;padding: 18px 24px;background: var(--color-buttons);border: none;border-radius: var(--border-radius);font-weight: var(--font-weight-bold);white-space: nowrap;border-radius: 30px !important;width: 100%;border-radius: 100px !important;padding: 16px 28px !important;font-weight: 600 !important;text-decoration: none;font-size: 18px !important;color: #fff !important;position: relative;}
button:hover, .button:hover{filter: brightness(.9);text-decoration: none;}
/* input */
input {font: var(--font);letter-spacing: 1px;line-height: 1;padding: 18px 24px;border: none;box-sizing: content-box;}
::placeholder {opacity: .5;}
/* custom-controls */
.custom-controls{display: flex;gap: var(--gap-sm);}
.custom-controls > a{width: 36px;height: 36px;background-color: #FFF;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;box-shadow: var(--shadow);}
.custom-controls > a:hover{text-decoration: none;}
.custom-controls > a[aria-disabled="true"]{opacity: .15;pointer-events: none;}
@media only screen and (max-width: 576px){
    .custom-controls{gap: 0;}
    .custom-controls > a:first-child{border-radius: var(--border-radius) 0 0 var(--border-radius);}
    .custom-controls > a:last-child{border-radius: 0 var(--border-radius) var(--border-radius) 0;}
}
/* colorize */
.colorize{color: var(--color-buttons);}
/* ul.checked */
ul.checked > li{font-weight: var(--font-weight-bold);color: var(--hfont-color);font-size: calc(var(--font-size) - 2px);}
ul.checked > li + li{margin-top: var(--gap-sm);}
ul.checked > li {display: flex;align-items: flex-start;}
ul.checked > li::before{font-family: "Line Awesome Free";content: "\f00c";background: #00bc8b;border-radius: 50%;line-height: 22px;width: 22px;text-align: center;color: #FFF;margin-right: var(--gap-sm);}
ul.checked > li > span{width: calc(100% - 22px - var(--gap-sm));}
/* links */
.links > .item + .item{margin-top: var(--gap-sm);}
.links > .item >  a{color: var(--hfont-color);line-height: 1;font-size: calc(var(--font-size) - 1px);}
/* grid-links */
.grid-links{display: grid;grid-gap: var(--gap-sm);grid-template-columns: repeat(4, 1fr);}
.grid-links > .item > a{font-size: calc(var(--font-size) - 1px);}
@media only screen and (max-width: 1200px){
    .grid-links{grid-template-columns: repeat(3, 1fr);}
}
@media only screen and (max-width: 992px){
    .grid-links{grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 576px){
    /* .grid-links{grid-template-columns: 1fr;} */
}
/* inline-links */
.inline-links{display: flex;flex-wrap: wrap;gap: calc( var(--gap-sm) - 4px);}
.inline-links >  .item + .item{margin: 0;}
.inline-links > .item + .item::before{content: "";font-size: 10px;color: var(--font-color);margin-right: calc( var(--gap) / 2 );}


.inline-links >  .item{display: flex;align-items: center;}
.inline-links >  .item > a{color: var(--font-color);line-height: 1;}
.inline-links >  .item > a:hover{color: var(--hfont-color);}
/* schedule-map */
.schedule-map {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: calc(var(--gap) * 2);}
@media only screen and (max-width: 1200px){
    .schedule-map{grid-template-columns: 1fr;}
}
.schedule .items > li{font-size: calc(var(--font-size) - 1px);display: flex;justify-content: space-between;padding: 5px 0;font-weight: var(--font-weight-default);color: #757575;}
.schedule .items > li > .day{font-weight: var(--font-weight-bold);}
.schedule .items > li + li{border-top: 1px solid #EEE;}
@media only screen and (max-width: 576px){
    .schedule .items > li{flex-direction: row;}
    .schedule .items > li > * + *{}
}
/* accordion */
.accordion > .accordion_content{display: none;padding: var(--gap) 0;}
.accordion.expanded > .accordion_content{display: block;}
.accordion > .accordion_head{display: flex;gap: var(--gap);padding: var(--gap) 0;border-bottom: 1px solid #EEE;}
.accordion > .accordion_head > a.collapse{color: var(--font-color);text-decoration: none;}
.accordion > .accordion_head > a.collapse > i{pointer-events: none;}
.accordion.expanded > .accordion_head > a.collapse > i{transform: rotateX(180deg);}
.accordion > .accordion_head > a.collapse:focus{outline: none;}
.accordion > .accordion_head > .accordion_title > a{color: var(--hfont-color);font-weight: var(--font-weight-bold);text-decoration: none;}
/* dropdown */
.dropdown{position: relative;}
.dropdown > a{display: flex;align-items: center;font-weight: var(--font-weight-bold) !important;padding: 7px 12px;border-radius: 30px;background-color: #fff;}
.dropdown > a::after {margin-left: var(--gap-sm);content: " ";border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #000;}
.dropdown > .dropdown-menu{display: none;padding: 15px;background: #FFF;border-radius: var(--border-radius);color: var(--font-color);position: absolute;left: 50%;transform: translate(-50%, var(--gap));border-radius: 10px;border: 1px solid #77777721;box-shadow: 0px 0px 24px 0px rgb(46 51 51 / 28%) !important;}
.dropdown.expanded > .dropdown-menu {display: block;box-shadow: var(--shadow);}
.dropdown > .dropdown-menu::before{position: absolute;left: calc(50% - 8px);top: -8px;content: " ";border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #FFF;}
.dropdown > .dropdown-menu > .dropdown-menu-title{font-weight: var(--font-weight-bold);font-size: 12px;color: #c1c1c1;text-align: center;}
.dropdown > .dropdown-menu > * + *{margin-top: var(--gap-sm);}
.dropdown > .dropdown-menu > a{color: var(--hfont-color) !important;display: block;white-space: nowrap;background-color: #f3f3f3;border-radius: 5px;padding: 5px 10px;font-size: 14px;font-weight: 500;}
/* place-card */
.place-card{/* border-radius: var(--border-radius); *//* box-shadow: var(--shadow); *//* display: flex; *//* background: #FFF; */padding: var(--gap-lg);position: relative;z-index: 1;/* gap: var(--gap-lg); */}
.place-card > .info > p {color: #fff;}
.place-card > .info > h1{font-size: 20px;color: #fff;font-weight: bold;text-transform: uppercase;letter-spacing: 2px;}
.place-card > .info .min-order {color: #000;padding: 2px 10px;border-radius: 15px;background-color: #fffc;}
@media only screen and (max-width: 576px){
    .place-card{/* justify-content: space-between; *//* flex-direction: row-reverse; */}
}
/* .avatar */
.avatar {/* object-fit: none; *//* width: 54px; */height: 80px;/* border-radius: 50%; */overflow: hidden;margin-bottom: 15px;}
.avatar img {height: 80px;}

/* .featured-search */
.featured-search{background: #FFF;padding: var(--gap);border-radius: var(--border-radius);box-shadow: var(--shadow);display: flex;align-items: center;gap: var(--gap);}
.featured-search + *{margin-top: var(--gap);}
.featured-search > i{font-size: var(--hfont-size);padding: 0 0 0 var(--gap);}
.featured-search > input{width: 0;flex-grow: 1;}
@media only screen and (max-width: 1200px){
    .featured-search{outline: 1px solid #EEE;}
}
@media only screen and (max-width: 576px){
    .featured-search{flex-wrap: wrap; padding: 0;gap: 0;}
    .featured-search > button{width: 100%;justify-content: center;border-radius: 0 0 var(--border-radius) var(--border-radius);}
}
/* .carousel */
* + .gap-stuck {margin-top: calc(var(--gap) * 2) !important;}
/* .carousel */
.carousel + *{margin-top: var(--padding);}
/* .align- */
.align-center{text-align: center;}
.align-left{text-align: left;}
.align-right{text-align: left;}
/* .heading-with-some */
.heading-with-some{display: flex;align-items: center;justify-content: space-between;}
.heading-with-some + *{margin-top: var(--gap);}
.heading-with-some > .heading + *{margin: 0 0 0 var(--gap);}
/* .heading */
.heading > * + *{margin-top: var(--gap);}
.heading + *{margin-top: var(--padding);}
.heading + .carousel{margin-top: var(--gap);}
/* .highlighter */
.highlighter {background-color: rgba( var(--color-rgb-highlighter), .25 );color: rgb(var(--color-rgb-highlighter));display: inline-block;line-height: 1;padding: 8px;white-space: nowrap;}
/* .breadcrumb */
.breadcrumb{display: flex;gap: var(--gap);align-items: center;}
.breadcrumb > i{color: rgba(255, 255, 255, .5);}
.breadcrumb > a{color: rgba(255, 255, 255, .75);font-weight: var(--font-weight-medium);display: flex;gap: var(--gap-sm);}
.breadcrumb > a:last-child{pointer-events: none;color: #FFF;font-weight: var(--font-weight-bold);}
/* mini-title */
.mini-title{font: var(--hfont);font-size: calc( var(--font-size) + 1px );color: var(--hfont-color);}
/* packer */
.packer {width: var(--packer);margin: 0 auto;position: relative;z-index: 1;max-width: calc(100% - var(--padding) * 2);z-index: 9999;}
@media only screen and (max-width: 1200px){
    .packer {max-width: calc(100% - var(--gap-lg) * 2);}
}
@media only screen and (max-width: 576px){
    .packer {max-width: calc(100% - var(--gap) * 2);}
}
/* pre-wrapper */
#pre-wrapper{background: var(--color-background-shadow);transition: max-height var(--transition-speed);overflow: hidden;max-height: 0;}
body.pre-wrapper-opened #pre-wrapper{max-height: max(100vh, 999px);}
/* wrapper */
#wrapper{position: relative;}
/* header */
#header{position: absolute;top: 0;left: 0;right: 0;z-index: 2;}
#header > .packer > .package{display: flex;align-items: center;height: var(--header-height);}
#header > .packer > .package > .left > .logo img{height: calc(var(--header-height) - var(--gap) * 3);width: auto;}
#header > .packer > .package > .right{flex-grow: 1;display: flex;justify-content: flex-end;padding-left: var(--padding);}
#header > .packer > .package > .related-mobile-menu{display: none;flex-grow: 1;justify-content: flex-end;}
#header > .packer > .package > .related-mobile-menu > .show-mobile-menu{display: inline-flex;justify-content: center;align-items: center;width: 45px;height: 45px;border-radius: 50%;background: #FFF;box-shadow: var(--shadow);font-size: 24px;}
#header > .packer > .package > .related-mobile-menu > .show-mobile-menu:hover{text-decoration: none;box-shadow: var(--shadow), var(--shadow);}
#header > .packer > .package > .related-mobile-menu > .show-mobile-menu > i {pointer-events: none;}
body.mobile-menu-opened #header > .packer > .package > .related-mobile-menu > .show-mobile-menu{display: none;}
body.mobile-menu-opened #header > .packer > .package > .related-mobile-menu > .show-mobile-menu{display: none;}
@media only screen and (max-width: 992px){
    #header > .packer > .package > .right > .menu{display: none;}
    #header > .packer > .package > .left > .logo {display: none;}
    #header > .packer > .package > .related-mobile-menu{display: inline-flex;}
}
/* menu */
#menu {display: flex;align-items: center;}
#menu > * + * {margin-left: var(--padding);}
#menu a {text-decoration: none;color: #FFF;font-weight: var(--font-weight-medium);}
#menu a.featured{ line-height: 1; padding: 12px 24px; border-radius: calc( var(--border-radius) + 1px ); border: 1px solid #FFF;}
#menu a.featured:hover{background: #FFF;color: #000;}
/* mobile-menu */
#mobile-menu{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;background-color: rgb(0 0 0 / 0%);/* display: none; */visibility: hidden;opacity: 0;/* transform: translate(0, 2000px); */transition: all 0.3s ease;}
body.mobile-menu-opened #mobile-menu{/* display: block; *//* transform: translate(0, 0); */background-color: rgb(0 0 0 / 88%);visibility: visible;opacity: 1;z-index: 10000;}
body.mobile-menu-opened #mobile-menu > .content{/* transform: scale(1); */opacity: 1;}
body.mobile-menu-opened {overflow-y: hidden;}
#mobile-menu > .close-mobile-menu{display: inline-flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 50%;/* background: #2d2d2d; */box-shadow: var(--shadow);font-size: 25px;position: fixed;top: 15px;right: 15px;color: #fff !important;z-index: 100;}
#mobile-menu > .close-mobile-menu:hover{text-decoration: none;}
#mobile-menu > .close-mobile-menu > i{pointer-events: none;}

#mobile-menu > .content{position: absolute;top: 80px;left: 30px;right: 30px;/* background: #fff; *//* overflow-y: auto; */bottom: 30px;border-radius: 20px;/* transform: scale(0); */transition: all 0.3s ease;opacity: 0;}
#mobile-menu > .content > .login{padding: var(--gap-lg);}
#mobile-menu > .content > nav{padding: 0;display: flex;flex-wrap: wrap;flex-direction: column;/* border-radius: 10px; *//* overflow: hidden; */}
#mobile-menu > .content > .login + nav{border-top: 1px solid #EEE;}
#mobile-menu > .content > nav .item > a {margin-bottom: 10px;/* align-items: center; */display: block;color: #fff !important;font-size: 20px;font-weight: var(--font-weight-medium);/* background-color: #ffffff; */border-radius: 30px;line-height: 30px;font-weight: 600;}
#mobile-menu > .content > nav .item > a:hover {color: var(--hfont-color);text-decoration: none;}
#mobile-menu > .content > nav .item > .submenu{background-color: var(--color-background-shadow);display: none;;}
#mobile-menu > .content > nav .item.expanded > .submenu{display: block;}
#mobile-menu > .content > nav .item > a > .toggle-submenu{width: 32px;height: 32px;display: inline-flex;align-items: center;justify-content: center;}
#mobile-menu > .content > nav .item > a > .toggle-submenu > i{pointer-events: none;}
#mobile-menu > .content > nav .item.expanded > a > .toggle-submenu > i{transform: rotateX(180deg);}
#mobile-menu > .content > nav .item > a span {
    display: inline-block;
    font-size: 25px;
    height: 38px;
    width: 38px;
    background: #242424;
    border-radius: 50%;
    color: #5b5b5b;
    line-height: 38px;
    vertical-align: middle;
    text-align: center;
    margin-right: 10px;
    display: none;
}

#mobile-menu > .content > nav .item {
   margin-bottom: 5px;
   display: none;
}
@media only screen and (min-width: 993px){
    #mobile-menu{display: none !important;}
    #theCartBottomButton{/* display: none !important; */}
}
/* mobile-cart */
#mobile-cart{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;background-color: rgb(0 0 0 / 0%);/* display: none; */visibility: hidden;opacity: 0;/* transform: translate(0, 2000px); */transition: all 0.3s ease;}
body.mobile-cart-opened #mobile-cart{/* display: block; *//* transform: translate(0, 0); */background-color: rgba(0,0,0,.8);visibility: visible;opacity: 1;z-index: 100000;}
body.mobile-cart-opened #mobile-cart > .content{transform: translate(0, 0);}
body.mobile-cart-opened {overflow: hidden;position: relative;}
#mobile-cart  .close-mobile-cart-btn{display: block;width: 57px;height: 35px;text-align: center;border-radius: 0 0 40px 40px;background: #00000042;box-shadow: var(--shadow);font-size: 20px;color: #fff !important;z-index: 100;margin: -24px auto 0;}
#mobile-cart  .close-mobile-cart-btn:hover{text-decoration: none;}
#mobile-cart  .close-mobile-cart-btn > i{pointer-events: none;}

#mobile-cart > .content{position: absolute;top: 40px;left: 0;width: 100%;/* max-width: calc(100% - var(--padding) * 2); */background: var(--color-background-shadow);/* overflow-y: auto; */bottom: 0;border-radius: 20px 20px 0 0;transform: translate(0, 2000px);transition: all 0.3s ease;padding-top: 20px;}
#mobile-cart > .content > .login{padding: var(--gap-lg);}
#mobile-cart > .content > nav{padding: 0;}
#mobile-cart > .content > .login + nav{border-top: 1px solid #EEE;}
#mobile-cart > .content > nav .item > a {align-items: center; display: flex;justify-content: space-between;padding: var(--gap-sm) var(--gap-lg);color: var(--font-color);font-size: calc( var(--font-size) + 2);font-weight: var(--font-weight-medium);}
#mobile-cart > .content > nav .item > a:hover {color: var(--hfont-color);text-decoration: none;}
#mobile-cart > .content > nav .item > .submenu{background-color: var(--color-background-shadow);display: none;;}
#mobile-cart > .content > nav .item.expanded > .submenu{display: block;}
#mobile-cart > .content > nav .item > a > .toggle-submenu{width: 32px;height: 32px;display: inline-flex;align-items: center;justify-content: center;}
#mobile-cart > .content > nav .item > a > .toggle-submenu > i{pointer-events: none;}
#mobile-cart > .content > nav .item.expanded > a > .toggle-submenu > i{transform: rotateX(180deg);}
@media only screen and (min-width: 993px){
    #mobile-cart{/* display: none !important; */}
  #mobile-cart .content{
    width: 400px;
    right: 50px;
    border-radius: 20px;
    bottom: 60px;
    left: auto;
    top: 40px;
}
    #theCartBottomButton{/* display: none !important; */}
}
/* footer */
#footer > .packer > .package{padding: var(--padding) 0;}
#footer > .packer > .package > .content{display: flex;gap: calc(var(--padding) * 2);}
#footer > .packer > .package > .content > .info {width: 40%;color: var(--hfont-color);font-weight: 300;}
#footer > .packer > .package > .content > .grid-links{width: 60%;grid-template-columns: repeat(3, 1fr);}
#footer > .packer > .package  .holder-logo + *{margin-top: var(--gap);}
#footer > .packer > .package  .holder-logo img{height: calc(var(--header-height) - var(--gap) * 2);width: auto;}
#footer > .packer > .package  .holder-logo > .logo{display: inline-block;}
#footer > .packer > .package > .content > .info > * + *{margin-top: var(--gap);}
@media only screen and (max-width: 1200px){
    #footer > .packer > .package > .content > .info {width: 50%;}
    #footer > .packer > .package > .content > .grid-links{width: 50%;grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 902px){
    #footer > .packer > .package > .content{flex-direction: column;}
    #footer > .packer > .package > .content > .info{width: 100%;}
    #footer > .packer > .package > .content > .grid-links{width: 100%;grid-template-columns: repeat(3, 1fr);}
}
@media only screen and (max-width: 768px){
    #footer > .packer > .package > .content > .grid-links{grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 576px){
    #footer > .packer > .package > .content > .grid-links{grid-template-columns: 1fr;}
}
/* social-networks */
.social-networks{display: flex;gap: var(--gap-sm);font-size: 22px;}
.social-networks > a{color: var(--font-color);}
.social-networks > a:hover{color: var(--hfont-color);}
/* copyright */
.copyright{font-size: calc(var(--font-size) - 1px);text-align: center;color: var(--hfont-color);border-top: 1px #EEE solid;}
.copyright .package{padding:  var(--gap) 0;}
/* section-welcome */
section.section-welcome {display:none}

@media only screen and (max-width: 992px){
    section.section-welcome {display:block;position: fixed;z-index: 1000000000;top: 0;left: 0;right: 0;bottom: 0;background: #000;}
    section.section-welcome > .packer > .package{width: 100%;}
    section.section-welcome > .packer > .package > .content{text-align: center;}
    section.section-welcome:before {
        position: absolute;
        z-index: 1001;
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        top: 0;
        content: "";
        background: rgb(0,0,0);
        background: linear-gradient(0deg, rgb(0 0 0 / 53%) 0%, rgb(0 0 0 / 27%) 100%);
    }
    section.section-welcome > .packer {height: 100%;}
    section.section-welcome > .packer > .package{height: 100%;/* display: flex; */align-items: center;}
    section.section-welcome > .packer > .package > .content{width: 100%;display: flex;height: 100%;flex-direction: column;align-items: center;}
    section.section-welcome .logo {width: 180px; margin:0 auto;margin-bottom: 20px;height: 90%;justify-content: center;align-items: center;display: flex;flex-direction: column;animation: fadeIn 1s ease-in both;}
    section.section-welcome .logo .welcome-message {
        color: #fff;
        font-size: 40px;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
        display: none;
    }
    
    section.section-welcome .info > h1 {
        color: #fff;
        font-weight: 700;
        font-size: 30px;
        animation: fadeInTop 1s ease-in both;
    }
    section.section-welcome .info > h3 {
        color: #ffffffba;
        font-size: 19px;
        margin-top: 5px;
        animation: fadeInTop 1s ease-in both;
    }   
    
}
/* section-steps */
section.section-steps > .packer > .package {position: relative;padding: var(--padding) 0;}
section.section-steps > .packer > .package > .items{display: flex;justify-content: center;}
section.section-steps > .packer > .package > .items > * + *{margin-left: var(--padding);}
@media only screen and (max-width: 768px){
    section.section-steps > .packer > .package > .items{flex-direction: column;}
    section.section-steps > .packer > .package > .items > * + *{margin: var(--gap-sm) 0 0 0;}
}

.item-feature{display: grid;grid-template-columns: 1fr;grid-gap: var(--gap);text-align: center;width: 200px;max-width: 100%;margin: 0 auto;}
.item-feature > .info > * + *{margin-top: calc(var(--gap-sm) / 2);}
@media only screen and (max-width: 768px){
    .item-feature{display: flex;align-items: center;gap: var(--gap-lg);width: 400px;max-width: 100%; padding: var(--gap-lg);background: var(--color-background);box-shadow: var(--shadow);border-radius: var(--border-radius);}
    .item-feature > picture > img{border-radius: var(--border-radius);width: 96px;}
    .item-feature > .info{text-align: left;}
}
/* section-latest */
section.section-latest {background-color: var(--color-background-shadow);}
section.section-latest  > .packer > .package{padding: var(--padding) 0;}
/* item-offer */
.item-offer, .item-offer:hover {text-decoration: none;white-space: initial;color: var(--font-color);}
.item-offer:focus{outline: none;filter: contrast(1.5);}
.item-offer > picture > img {border-radius: var(--border-radius);width: 100%;}
.item-offer > * + *{margin-top: var(--gap);}
.item-offer > .info > * + *{margin-top: calc(var(--gap) / 2);}

/* item-offer-horizontal */
.items-list .display-grid {
    display: grid;
    grid-gap: var(--gap);
    grid-template-columns: repeat(2, 1fr);
}
.items-list .display-grid .item-offer-horizontal{
    flex-direction: column;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 20px;
}
.display-grid .item-offer-horizontal:hover{
  transform:scale(1.04);
}
.items-list .display-grid .item-offer-horizontal > .info > .extras {
    justify-content: center;
}
.items-list .display-grid  .item-offer-horizontal > picture {
    margin-right: 0;
    margin-bottom: 15px;
    width: 100%;
    height: 170px;
}
.item-offer-horizontal{display: flex;align-items: flex-start;justify-content: space-between;color: var(--font-color);padding: 12px;background-color: #fff;margin-bottom: 10px;border-radius: 12px;align-items: center;box-shadow: 0px 0px 24px 0px rgb(46 51 51 / 5%);overflow: hidden;position: relative;border: 1px solid #77777721;box-shadow: 0px 0px 24px 0px rgb(46 51 51 / 5%);}
.item-offer-horizontal + .item-offer-horizontal{/* border-top: 1px solid #EEE; */}
.item-offer-horizontal:hover{text-decoration: none;}
.item-offer-horizontal > .info{width: 100%;/* flex-basis: fit-content; */}
.item-offer-horizontal > .actions{width: 50px;align-items: center;justify-content: center;text-align: center;}

.item-offer-horizontal > .actions .add-suggestion {
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: block;
    padding: 0 !important;
    margin: 0;
    border: 0;
    overflow: hidden;
    border-radius: 50% !important;
    cursor: pointer;
    transition: opacity 0.15s;
    background-color: #cecece;
    color: #ffffff !important;
    font-size: 16px !important;
    font-family: 'Line Awesome Free';
    font-weight: 900;
}
.item-offer-horizontal > .actions .add-suggestion:before {
    content: "\f067";
}

.item-offer-selected {
  /* border: 1px solid #4caf5042; */
  box-shadow: 0px 0px 2px 0px rgb(76 175 80 / 15%);
  background: rgb(29 163 21 / 10%);
  background: linear-gradient(259deg, rgb(29 163 21 / 6%) 0%, rgba(255,255,255,0) 100%);
}
.item-offer-disabled {
    opacity: 0.4 !important;
}
.item-offer-selected > .actions .add-suggestion {
  background-color: #4caf50;
}
.item-offer-selected > .actions .add-suggestion:before {
    content: "\f00c";
}
.item-offer-horizontal > .info > .title {
    font-weight: 700;
    font-size: .9375rem;
    margin-bottom: 3px;
}
.item-offer-horizontal > .info > p{white-space: initial;font-size: .8125rem;margin-top: 0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.item-offer-horizontal > .info > .extras{display: flex;gap: var(--gap);align-items: center;margin-top: 7px;}
.item-offer-horizontal > .info > .extras > .price{color: #000000;background-color: rgb(219 219 219 / 50%);padding-right: 0.875em;padding-left: 0.875em;border-radius: 10rem;font-size: 12.6px;font-weight: 600;line-height: 2;}
.item-offer-horizontal > .info > .extras > .price > .price-discount{
    /* display: block; */
    /* font-size: 15px; */
    /* float: left; */
    color: #ababab!important;
    margin-right: 10px;
    }
.item-offer-horizontal picture > img{width: 120px;border-radius: var(--border-radius);}
@media only screen and (max-width: 768px){
    .item-offer-horizontal > .info{/* width: calc(100% - 80px - var(--gap)); */}
    .item-offer-horizontal picture > img{width: 80px;}
}
.item-offer-horizontal > picture {height: 85px;width: 85px;min-width: 85px;margin-right: 15px;background-size: cover;background-position: center;/* box-shadow: 0 0px 12px 0px rgb(0 0 0 / 20%); */border-radius: 10px;/* background-color: #eaeaee; *//* align-self: baseline; *//* flex-basis: fit-content; */}
/* Item picture */
.item_picture_circle_medium {border-radius: 20px;}
/* section-place-header */
section.section-place-header{/* padding-top: var(--header-height); */z-index: 100;}
section.section-place-header > .packer > .package{padding-bottom: 25px;padding-top: 10px;}
section.section-place-header > .packer > .package > .content{width: 50%;}
section.section-place-header > .packer > .package > .content > * + *{margin-top: var(--padding);}
@media only screen and (max-width: 1200px){
    section.section-place-header > .packer > .package > .content{width: 75%;}
}
@media only screen and (max-width: 768px){
    section.section-place-header > .packer > .package > .content{width: 100%;}
    section.section-place-header > .packer > .package > .content > .breadcrumb{order: 1;}
    section.section-place-header > .packer > .package > .content > .place-card{/* order: 2; */}
}
/* section-image-text */
section.section-image-text > .packer > .package{display: flex;align-items: center;width: calc(50% - var(--padding));padding: var(--padding) 0;min-height: 35vh;}
section.section-image-text.reverse > .packer {display: flex;justify-content: flex-end;}
section.section-image-text > picture{left: 50vw;}
section.section-image-text.reverse > picture{right: 50vw;left: 0;}
@media only screen and (max-width: 992px){
    section.section-image-text{padding-top: 25vh;}
    section.section-image-text{background: var(--color-background-shadow);}
    section.section-image-text > .packer > .package{width: 100%;background: var(--color-background);min-height: 0;padding: var(--padding);}
    section.section-image-text > picture{left: var(--gap-lg) !important;right: var(--gap-lg) !important;bottom: auto;height: 25vh;}
}
@media only screen and (max-width: 576px){
    section.section-image-text > .packer > .package{padding: var(--gap);}
}
/* section-links */
section.section-links{background: var(--color-background-shadow);}
section.section-links > .packer > .package{padding: var(--padding) 0;}
/* section-areas */
section.section-areas > .packer > .package{padding: var(--padding) 0;}
/* section-place-content-menu */
section.section-place-content-menu nav{display: flex;}
section.section-place-content-menu a{display: inline-block;line-height: calc(var(--header-height) - var(--gap) * 2);padding: 0 var(--gap);font-weight: var(--font-weight-medium);position: relative;white-space: nowrap;}
section.section-place-content-menu a:hover::after, section.section-place-content-menu a.current::after{opacity: 1;inset: calc(100% - 2px) 0 0 0;}
section.section-place-content-menu a::after{opacity: 0;position: absolute;inset: 100% 0 0 0;content: " ";display: block;background: var(--hfont-color);transition: var(--transition);}
section.section-place-content-menu a:hover{text-decoration: none;}
section.section-place-content-menu a.current{font-weight: var(--font-weight-bold);}
@media only screen and (max-width: 576px){
    section.section-place-content-menu a{line-height: 1;padding: var(--gap-sm);display: inline-flex;}
}
/* section-place-content */
section.section-place-content{background: var(--color-background-shadow);z-index: 110;}
section.section-place-content > .packer > .package{padding: var(--padding) 0;}
section.section-place-content > .packer > .package > .content{display: flex;justify-content: space-between;width: 100%;flex-direction: column;}
section.section-place-content > .packer > .package > .content > .holder-left{width: calc(100% - 250px - var(--gap));display: flex;}
section.section-place-content > .packer > .package > .content > .fullHolder {}
section.section-place-content > .packer > .package > .content > .holder-left > .content-left{padding-right: calc( var(--gap) * 2);}
section.section-place-content > .packer > .package > .content > .holder-left > .content-center{flex-grow: 1;}
section.section-place-content > .packer > .package > .content > .holder-right {width: 320px;}
section.section-place-content > .packer > .package > .content > .holder-left > .content-left > .categories,
section.section-place-content > .packer > .package > .content > .holder-right > .info{top: var(--gap);position: sticky;}
section.section-place-content > .packer > .package > .content > .holder-center{width: calc(100% - 450px);}
@media only screen and (max-width: 1024px){
    section.section-place-content > .packer > .package > .content > .holder-right{display: none;}
    section.section-place-content > .packer > .package > .content > .holder-left{width: 100%;}
}
@media only screen and (max-width: 768px){
    section.section-place-content > .packer > .package > .content > .holder-left {flex-direction: column;}
    section.section-place-content > .packer > .package > .content > .holder-left > .content-left{padding: 0;margin-bottom: var(--gap);}
    section.section-place-content > .packer > .package > .content > .holder-left > .content-left > .categories > nav{/* display: grid; *//* gap: var(--gap-sm); *//* grid-template-columns: repeat(2, 1fr); */}
    section.section-place-content > .packer > .package > .content > .holder-left > .content-left > .categories > nav > .item{margin: 0;}
}
::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: transparent;
}
/* categories */
.categories > .categories_title {text-transform: uppercase;font-weight: var(--font-weight-bold);text-transform: uppercase;font-size: calc(var(--font-size) - 2px);margin-bottom: var(--gap-lg);}
.categories > nav {
    display: flex;
    overflow: hidden;
    overflow-x: scroll;
    margin-bottom: 20px;
}
.categories > nav > .item + .item{/* margin-top: var(--gap); */}
.categories > nav > .item {
    width: auto;
    font-weight: 500;
    flex-shrink: 0;
}
.categories > nav > .item > a {
    border-radius: 20px;
    padding: 6px 17px;
    font-size: 17px;
    margin-right: 6px !important;
    background-color: #ebebeb;
    display: flex;
    justify-content: left;
    justify-items: center;
    align-items: center;
}
.categories > nav > .item > a .icon {
    margin-right: 7px;
}
.categories > nav > .item > a.icon-top {
    flex-direction: column;
    align-items: center;
}
.categories > nav > .item > a.icon-top .icon {
    margin-bottom: 7px;
    margin-right: 0;
}
.categories > nav > .item > a.active {background-color: var(--color-primary);color: #fff !important;}
/* section-areas */
section.section-download-app > .packer > .package{padding: var(--padding) 0;}
section.section-download-app::before{content: " ";display: block;position: absolute;top: 0;left: 0;right: 0;height: 50%;background-color: var(--color-background-shadow);}
/* box-info */
.box-info{/* background: #FFF; *//* border-radius: var(--border-radius); *//* box-shadow: var(--shadow); */width: 100%;}
.box-info + * {margin-top: var(--gap-lg);}
.box-info > .head{position: sticky;top: 0;/* background: #FFF; */z-index: 2;}
.box-info > .head, .box-info > .actions, .box-info > .content{/* padding: var(--gap); */}
.actionsCart{padding: var(--gap);position: fixed;bottom: 20px;width: 100%;z-index: 10000;}
.box-info > .head{/* border-bottom: 1px solid #EEE; */font-size: 26px;font-weight: 600;margin-bottom: 10px;}
.box-info > * + .head{border-top: 1px solid #EEE;}
.box-info > .head > * + *{margin-top: var(--gap);}
.box-info > .head > .info >  * + *{margin-top: calc(var(--gap-sm) / 2);}
/* rounder-box */
.rounded-box{position: relative;background: #FFF;border-radius: var(--border-radius);overflow: hidden;padding: var(--padding) calc(50% + var(--padding) * 2) var(--padding) var(--padding);box-shadow: var(--shadow);}
.rounded-box > picture{left: 50%;}
@media only screen and (max-width: 1200px){
    .rounded-box{padding: var(--gap-lg) var(--gap-lg) calc(25vh + var(--gap-lg)) var(--gap-lg);}
    .rounded-box > picture{top: auto;height: 25vh;left: 0;}
}
/* stores */
.stores{display: grid;grid-gap: var(--gap);grid-template-columns: repeat(3, 1fr);}
@media only screen and (max-width: 1200px){
    .heading + .stores{margin-top: var(--gap-lg);}
}
@media only screen and (max-width: 576px){
    .stores{grid-template-columns: repeat(2, 1fr);}
}
.category-section-head {
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 2;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 15px;
    top: -1px;
}
.category-section-head h3 {
  z-index:11;
}
.category-section-head.is-pinned {
  padding-top:10px;
  background-color: #fff;
  /* margin: 0 -20px; */
  padding: 8px 20px;
  border-radius: 0 0 8px 8px;
  box-shadow: 0px 0px 24px 0px rgb(46 51 51 / 14%);
}

.category-section-head.is-pinned:before {
    /* content: ""; */
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-color: #fff;
    height: 100px;
    z-index: 9;
    margin: 0 auto;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 61%, rgba(255,255,255,0) 100%);
}
.category-section-head.icon-right {
    /* flex-direction: row-reverse; */
    /* justify-content: space-between; */
}
.category-section-head .back-to-categories {
  margin-right:10px;
  z-index: 11;
}
.category-section-head.icon-right .icon {
    margin-right: 0;
    margin-left: auto;
    order: 2;
}
.category-section-head .icon {
    margin-right: 15px;
    z-index: 11;
}
.btn-cart-radius {
    margin-left: 4px;
}

#addToCart1 button{
    font-family: "Open Sans", sans-serif !important;
    min-height: 61px;
}

.modal {
    overflow-y:auto;
  }
.modal {overflow: none;}

/* alllergen */
.item-offer-horizontal > .info > .allergens{display: flex;gap: 0;align-items: center;}
.item-offer-horizontal > .info > .allergens > .price{color: var(--hfont-color);font-weight: var(--font-weight-bold);}
.allergen{
    display: inline-flex;
    font-size: calc(var(--font-size) - 5px);
    font-weight: var(--font-weight-bold);
    letter-spacing: 1px;
    line-height: 1;
    padding: 0 !important;
    background: pink;
    border-radius: var(--border-radius);
    background: none !important;
    color: #00bc8b;
}
.allergen img {
    height: 30px !important;
}
.allergen.disabled{background:#EEE;color: #CCC;}

/* Search */
.searchItemsContainer {margin-top: -53px;margin-bottom: 20px;position: relative;z-index: 10001;    transition: all 0.5s ease;}
.searchItemsContainer input {
    border-radius: 30px;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 0px 9px rgb(0 0 0 / 33%);
    -webkit-box-shadow: 0 0px 9px rgb(0 0 0 / 33%);
    -moz-box-shadow: 0 0px 9px rgb(0 0 0 / 33%);
    -webkit-appearance: none;
    color: rgb(30, 30, 30);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    font-family: "Open Sans", sans-serif;
}
.searchItemsContainer input:focus {
    box-shadow: 0 0px 9px rgb(0 0 0 / 33%) !important;
    -webkit-box-shadow: 0 0px 9px rgb(0 0 0 / 33%) !important;
    -moz-box-shadow: 0 0px 9px rgb(0 0 0 / 33%) !important;
}
/* WebKit, Edge */
.searchItemsContainer input::-webkit-input-placeholder {
    color: rgb(80, 80, 80);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    font-family: "Open Sans", sans-serif;
  }
  /* Firefox 4-18 */
  .searchItemsContainer input:-moz-placeholder { 
    color: rgb(80, 80, 80);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    font-family: "Open Sans", sans-serif;
    opacity: 1;
  }
  /* Firefox 19+ */
  .searchItemsContainer input::-moz-placeholder { 
    color: rgb(80, 80, 80);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    font-family: "Open Sans", sans-serif;
    opacity: 1;
  }
  /* IE 10-11 */
  .searchItemsContainer input:-ms-input-placeholder { 
    color: rgb(80, 80, 80);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    font-family: "Open Sans", sans-serif;
  }
  /* Edge */
  .searchItemsContainer input::-ms-input-placeholder { 
    color: rgb(80, 80, 80);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    font-family: "Open Sans", sans-serif;
  }
  /* MODERN BROWSER */
  .searchItemsContainer input::placeholder { 
    color: rgb(80, 80, 80);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    font-family: "Open Sans", sans-serif;
  }
.searchItemsContainer .search-clear {
    display: none;
    font-size: 30px;
    position: absolute;
    top: 6px;
    right: 16px;
    cursor: pointer;
}
.searchItemsContainer .search-do {
    display: none;
    font-size: 30px;
    position: absolute;
    top: 6px;
    right: 16px;
    cursor: pointer;
}

/* Select2 */
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none;
    border-radius: 30px;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 60px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 60px;
    padding:0 20px;
    font-size: 16px;
}
.select2-dropdown {
    border: 1px solid #fff;
}
.select2-search--dropdown {
    display: block;
    padding: 4px;
    padding: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 10px;
    border:none;
    background-color: #fafafa;
    line-height: 28px;
}
.modal.fade .modal-dialog  {
    transform: translate(0,20%);
}
.modal.show .modal-dialog  {
    transform: translate(0,0);
}
.modal .modal-dialog  {
    /* margin: 1rem; */
    margin: 0 auto;
    padding: 0 10px;
    max-width: 500px;
}

.modal.modal-fullscreen .modal-dialog {
    /* width: 100vw; */
    height: 100vh;
    margin: 0 auto;
    padding: 0;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    /* max-width: none; */
    margin-top: 40px;
    }
  
  .modal.modal-fullscreen .modal-content {
    height: auto;
    height: 100%;
    border-radius: 0;
    border: none;
    min-height: 100%;
    }
  
  .modal.modal-fullscreen .modal-body {
    overflow-y: auto;
    min-height: 100%;
    }

#modalImgPart {
    position: relative;
}
#modalImgPart:after {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(255 255 255 / 61%) 13%, rgb(255 255 255 / 0%) 24%, rgba(255,255,255,0) 100%);
}
#modalImgPart .close {
    position: fixed;
    z-index: 100000000000;
    background-color: #0000007d;
    width: 35px;
    height: 35px;
    top: 15px;
    right: 15px;
    line-height: 35px;
    border-radius: 50%;
    display: block;
    text-shadow: none;
    padding: 0 !important;
}
#modalImgPart .close span {
    font-size: 30px;
    color: #ffffff;
    box-shadow: none;
}
.calories {
    display: inline-block;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    background-color: #f1764e;
    border-radius: 0 0 10px 10px;
    padding: 7px 11px;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 25px;
    z-index: 10;
    margin-bottom: 10px;
}
.calories:after {
    content: attr(data-unit);
    display: block;
    font-size: 12px;
    margin-top: 0;
    font-weight: 400;
    line-height: 12px;
}
.item_quantity_counter {
    position: relative;
    width: 115px;
    max-width: 150px;
    padding: 0;
    display: flex;
    border-radius: 30px;
    align-items: center;
  }
  .item_quantity_counter.horizontal {
    flex-direction: column-reverse;
    width: 30px;
}
  .item_quantity_counter input {
    font-size: 18px;
    height: 35px;
    padding: 0;
    border-radius: 30px;
    border: 0;
    background: transparent;
    color: #222;
    /* box-shadow: 0 10px 65px -10px rgba(0, 0, 0, 0.25); */
    text-align: center;
    width: 45px;
    box-sizing: border-box;
    font-weight: 600;
    font-family: inherit;
  }
  
  .item_quantity_counter input:focus {
    outline: none;
    box-shadow: 0 5px 55px -10px rgba(0, 0, 0, 0.2), 0 0 4px #3fb0ff; /* Allows border radius on focus */
  }
  
  .item_quantity_counter input[type=number]::-webkit-inner-spin-button,
  .item_quantity_counter input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  .item_quantity_counter input[type=number] {
    -moz-appearance: textfield;
  }
  
  .item_quantity_counter button {
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: block;
    padding: 0 !important;
    margin: 0;
    border: 0;
    overflow: hidden;
    border-radius: 50% !important;
    cursor: pointer;
    transition: opacity 0.15s;
    /* opacity: 0.5; */
    background-color: black;
    color: #ffffff !important;
    font-size: 16px !important;
  }
  
  .item_quantity_counter button:active {
    background-position-y: 1px;
    box-shadow: inset 0 2px 12px -4px #c5d1d9;
  }
  .item_quantity_counter button:focus {
    outline: none;
  }
  
  .item_quantity_counter button:hover {
    opacity: 1;
  }
  
  .item_quantity_counter button.sub {
    left: 3px;
  }
  
  .item_quantity_counter button.add {
    right: 3px;
  }
  .item_quantity_counter .quantity-number {
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    border-radius: 30px;
    border: 0;
    background: transparent;
    color: #222;
    text-align: center;
    width: 45px;
    box-sizing: border-box;
    font-weight: 600;
    font-family: inherit;
  }
.closed_message {
    display: flex;
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    align-items: center;
    /* justify-content: center; */
    background-color: #FEF7EA;
    border-radius: 14px;
    padding: 20px;
    color: #000;
    border: 2px solid #F3E0BC;
}
.closed_message h4 {font-weight: bold;margin-bottom: 0px;font-size: 18px;}
.closed_message p {margin-top: 0px;}
.closed_message_text {

}
.closed_message_icon {
    font-size: 60px;
    line-height: 60px;
    margin-right: 10px;
    color: #d8b064;
}
  .quantity-area {
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    align-items: center;
    justify-content: center;
    max-width: 450px;
    margin: 0 auto;
  }
  .quantity-area:before {
    content:
    "";
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    height: 140px;
    z-index: 10;
    max-width: 500px;
    margin: 0 auto;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 61%, rgba(255,255,255,0) 100%);
  }
  .quantity-input {
    display: flex;
    margin-bottom: 6px;
    width: 90%;
    z-index: 100;
}
#modalPrice {
    font-size: 30px;
    color: var(--color-primary);
    font-weight: bold;
}
.quantity-input #modalPrice {
    align-self: flex-end;
    text-align: right;
    flex: auto;
}
  /* Buttons */
.btn-primary {
    color: #fff !important;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}
.btn-primary:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #252525;
    border-color: #252525;
}
.btn-outline-primary {
    color: #000000;
    background-color: transparent;
    background-image: none;
    border-color: #000000;
    color: #000 !important;
}
.btn-outline-primary:focus,.btn-outline-primary:hover {
    box-shadow: none;
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000000;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #ffffff;
    background-color: #b8b8b8;
    border-color: #b8b8b8;
}
.quantity-btn {
    width:100%;
    z-index: 100;
}
#modalDescription {
    color: #000;
    font-size: 15px;
    margin-top: 14px;
}
#productSupInfosContent {
    height: 400px;
    overflow: hidden;
    overflow-y: scroll;
}
#knowMoreButton {
    display: inline-block;
    background-color: #f0f0f0;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    display:none;
}
#knowMoreButton i {
    font-size: 18px;
    margin-right: 5px;
}

#modalTitle {
    margin-bottom: 0;
    line-height: 1.3;
    font-size: 30px;
    color: #000;
    font-weight: 700;
    z-index: 10000;
    position: relative;
    margin-top: -45px;
    margin-bottom: 10px;
}
#modalCat {
    line-height: 1.3;
    font-size: 13px;
    color: #000000;
    font-weight: 600;
    z-index: 10000;
    position: relative;
    margin-top: -75px;
    margin-bottom: 50px;
    text-transform: uppercase;
    opacity: 0.8;
}
#modalDescriptionTitle {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0px;
    margin-top: 10px;
}
.item-price {
    font-size: 20px;
    background: #000;
    border-radius: 6px;
    color: #fff;
    padding: 4px 10px;
    font-weight: 600;
    display: inline-block;
}
#variants-area .btn-group {
    display: block;
}
#variants-area .btn-group label {
    display: block;
    width: 100%;
    text-align: left;
    padding: 12px 20px;
    margin-left: 0;
    border-radius: 10px;
    margin-bottom: 5px;
    border-color: #ebebeb;
    color: #848484;
    position: relative;
    border: 2px solid #ebebeb;
    background: transparent;
}
#variants-area .btn-group label:hover {
    background-color: transparent !important;
    color: #000 !important;
}
#variants-area .btn-group label:focus {outline: none;}
#variants-area .btn-group label:before {
    content:
    "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    right: 15px;
    border: 2px solid #ebebeb;
}
#variants-area .btn-group label.active:before {
    border: 2px solid #000000;
}
#variants-area .btn-group label:after {
    content:"";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #ebebeb;
    border-radius: 50%;
    right: 20px;
    top: 17px;
}
#variants-area .btn-group label.active:after {
    background-color: #000000;
}
#variants-area .btn-group label.active {
    /* background-color: #0000001a; */
    color: #000;
    border: 2px solid #000 !important;
    font-weight: bold;
    border-radius: 8px !important;
    -moz-box-shadow: 0 0px 9px rgb(0 0 0 / 33%);
    /* transform: scale(1.02); */
}

#variants-area .btn-group label:first-child {/* border-top-right-radius: 8px; *//* border-top-left-radius: 8px; *//* border-bottom-left-radius: 0; *//* border-bottom-left-radius: 0; */}
#variants-area .btn-group label:last-child {/* border-bottom-width: 2px; *//* border-bottom-style: solid; *//* border-bottom-color: #ebebeb; *//* border-bottom-right-radius: 8px; *//* border-bottom-left-radius: 8px; *//* border-top-left-radius: 0; *//* border-top-right-radius: 0; */}

#variants-area .variant_price {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    float: right;
    margin-right: 28px;
}
#variants-area .variant_name {

}
#modalItemDetailsPart {
    padding-bottom: 270px;
    z-index: 1000;
}
#modalItemDetailsPart .form-control-label {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
}
#modalItemDetailsPart .form-control-sublabel {
    content: attr(data-subtitle);
    font-size: 12px;
    color: #9b9b9b;
    margin-bottom: 15px;
    display: block;
    font-weight: 400;
    margin-top: -10px;
}
/* Custom control */
.custom-control-label::before {background-color: #fff;width: 14px;height: 14px;top: 5px;left: 5px;border-radius: 4px !important;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {background-color: #000000;}
.custom-control-label::after {
 border: 2px solid #000;
 border-radius: 4px;
 width: 24px;
 height: 24px;
 top: 0;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: none;
}
.custom-control-label {
    width: 100%;
}
.custom-control-label > span {
    margin-left:10px;
    font-size: 16px;
    line-height: 30px;
    display: block;
    color: #000;
    font-weight: 500;
}
.custom-control-label .extra_price {
    font-weight: 300;
    float: right;
    color: #717171;
}

#theCartBottomButton {
    position: fixed;
    bottom: 15px;
    right: 15px;
    background-color: var(--color-primary);
    color: #fff;
    box-shadow: 0 0px 9px rgb(0 0 0 / 33%);
    -webkit-box-shadow: 0 0px 9px rgb(0 0 0 / 33%);
    -moz-box-shadow: 0 0px 9px rgb(0 0 0 / 33%);
    border-radius: 30px;
    font-size: 30px;
    z-index: 9999;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}
#theCartBottomButton.position-right {
    bottom: 15px;
    right: 15px;
}
#theCartBottomButton.position-left {
    bottom: 15px;
    left: 15px;
}
#theCartBottomButton.position-center {
    bottom: 15px;
    left: calc(50% - 30px);
}
#cartButtonHolder {
    position: absolute;
    top: -1px;
    right: -4px;
    font-size: 17px;
    line-height: 17px;
}

/* Shopping cart */
.cart-wrapper {display: flex;flex-direction: column;height: 100%;}
.cart-wrapper .cart-title {
    text-align: center;
    padding: 25px;
    font-size: 20px;
    font-weight: 700;
}
.cart-wrapper .cart-items {/* height: 100%; */overflow-y: scroll;padding: 0 10px;margin-bottom: 150px;}

.no-result {text-align: center;width: 100%;padding: 50px 0;}

.no-result h3{
    font-size: 20px;
    font-weight: 600;
    margin-top: 30px;
}
.no-result p{
    width: 70%;
    margin: 10px auto;
    font-size: 17px;
    margin-bottom: 25px;
}
.no-result .button{
    width: auto;
    margin: 0 auto;
    background: #FFF;
    border: 2px solid #d5d5d5;
    color: #b0b0b0 !important;
    font-family: "Open Sans";
    line-height: 18px;
}
.cart-item {
    padding: 15px;
    /* border-radius: 8px; */
    /* background-color: #ffffff; */
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
    margin: 5px 10px;
    padding-right: 20px;
    /* margin-right: 0; */
    border-radius: 9px;
    background-color: #fff;
    margin-bottom: 8px;
    border: 1px solid #77777721;
    box-shadow: 0px 0px 24px 0px rgb(46 51 51 / 5%);
}
.cart-item:last-child {
    margin-bottom: 120px;
}
/* .cart-item:hover {
    margin-right: 42px;
}
.cart-item:hover .cart-item_remove {
    display: block;
} */
.cart-item .cart-item_picture {width: 100px;margin-right: 20px;/* margin-left: -60px; */}
.cart-item .cart-item_picture picture {
    border-radius: 15px;
    /* box-shadow: 0px 0px 8px 0px rgb(46 51 51 / 37%); */
}
.cart-item .cart-item_leftside {width: 100px;margin-right: 15px;}
.cart-item .cart-item_content {width: 100%;}
.cart-item .cart-item_side {width: 30px;}
.cart-item .cart-item_title {color: #000;font-weight: 700;font-size: 15px;margin-bottom: 0px;}
.cart-item .cart-item_subtitle {font-size: 13px;margin-top: 0;white-space: initial;font-size: 13px;margin-top: 5px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-transform: capitalize;}
.cart-item .cart-item_variants {font-weight: 500;margin-top: 0;text-transform: capitalize;color: #000000;}
.cart-item .cart-item_extras {font-size: 12px;text-transform: capitalize;color: #000000;margin-top: 5px;}
.cart-item .cart-item_price {margin-top: 5px;color: var(--hfont-color);font-weight: 300;font-size: 22px;}
.cart-item .cart-item_remove {display: block;width: 30px;height: 30px;padding: 0 !important;line-height: 17px;text-align: center;background-color: transparent;color: #afafaf !important;font-size: 28px !important;margin-right: -13px;z-index: 1000;background-color: #fff;position: absolute;left: 0px;top: 50%;margin-top: -15px;/* display: none; */}
.actionsCart .button {text-align: left;justify-content: left;display: block;color: #cfcfcf !important;font-family: "Open Sans", sans-serif !important;box-shadow: 0px 0px 24px 0px rgb(46 51 51 / 43%);height: auto;line-height: 28px;background: #000;}
.actionsCart .button span {float: right;color: #fff;font-size: 22px;}

/* Modal */
.modal-content {
    border:0;
    border-radius: 15px;
    box-shadow: rgb(0 0 0 / 11%) 0 0px 8px 0;
}
.wifi-box-wrapper {
    background-color: #121212;
    /* border-radius: 20px; */
}
/* Wifi box */
.wifi-box {
    padding: 80px 30px;
    text-align: center;
    border-radius: 20px;
    color: #fff;
}

.wifi-box .icon {
    line-height: 50px;
    font-size: 50px;
    display: inline-block;
    background-color: #ffffff;
    color: #fff;
    border-radius: 50%;
    color: #000;
    padding: 8px;
}
.wifi-box .name {font-size: 22px;margin-bottom: 15px;}
.wifi-box .name span {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    color: #848484;
}
.wifi-box .title {font-size: 20px;font-weight: 700;margin-top: 10px;}
.wifi-box .password {padding: 8px 15px;font-size: 22px;}
.wifi-box .password span {display: block;font-size: 11px;text-transform: uppercase;font-weight: 600;letter-spacing: 2px;color: #848484;}
.wifi-box .separator {
    width:80px;
    height: 1px;
    background-color: #fff;
    margin: 80px auto;
    margin-top: 20px;
}
.heading-small {
    color: #000;
    font-weight: 600;
    margin-bottom: 2px;
    margin-top: 20px;
}
.social_icons_list {
    display:
    flex;
    /* justify-content: center; */
    margin-top: 10px;
    /* position: fixed; */
    /* bottom: 20px; */
}
.social_icons_list a {
    /* padding: 10px; */
    /* width: 30px; */
    /* height: 30px; */
    line-height: 30px;
    /* border-radius: 50%; */
    color: #fff !important;
    font-size: 35px;
    /* background-color: #2e2e2e; */
    margin-right: 10px;
    text-align: center;
}
.allergens {
    display: none;
    /* display: flex; */
    line-height: 12px;
    font-size: 13px;
    align-items: center;
}
#allergens-items {
    margin-left: 10px;
}
@media (min-width: 992px) {
    .quantity-area {
        max-width: 450px;
    }
    .quantity-area:before {
        max-width: 500px;
    }
    .cart-wrapper {/* background-color: #fff; *//* border-radius: 10px; *//* box-shadow: 0px 0px 24px 0px rgb(46 51 51 / 5%); *//* height: auto; *//* position: sticky; *//* top: 10px; */}
    .actionsCart {/* position: relative; *//* bottom: 0; *//* padding: 0; */}
    .actionsCart .button {/* text-align: center; *//* border-radius: 0 0 10px 10px !important; */}
    .actionsCart .button span {/* float: none; *//* display: block; */}
    .categories > nav {/* flex-direction: column; *//* box-shadow: 0px 0px 24px 0px rgb(46 51 51 / 5%); *//* padding: 0; *//* margin: 0; *//* overflow: hidden; *//* border-radius: 10px; */}
    .categories > nav > .item {/* background: none; *//* margin-bottom: 4px; *//* padding: 0; *//* margin: 0 !important; */}
    section.section-place-content > .packer > .package > .content > .holder-left > .content-left {
        width: 250px;
        padding-right: 0;
        min-width: 250px;
        margin-right: 10px;
    }
    .searchItemsContainer {margin-top: -78px;}
    .searchItemsContainer input {/* box-shadow: none; *//* background-color: #ffffff; *//* padding: 14px 20px; *//* border-radius: 12px; *//* box-shadow: 0px 0px 24px 0px rgb(46 51 51 / 5%); *//* border: 1px solid #ededed; */}
    .searchItemsContainer input:focus {/* box-shadow: none !important; *//* -webkit-box-shadow: none !important; */background-color: #fafafa;}
    .cart-wrapper .cart-items {
        /* padding-bottom: 25px; */
    }
    .items-list .display-grid {
      display: grid;
      grid-gap: var(--gap);
      grid-template-columns: repeat(4, 1fr);
  }
}


@media (min-width: 576px) {
    .items-list .display-grid {
      display: grid;
      grid-gap: var(--gap);
      grid-template-columns: repeat(3, 1fr);
  }
}


nav.header-nav {
    display:
    flex;
    margin-top: 17px;
    margin-bottom: 5px;
}
nav.header-nav .item {
    color:#fff;
}
nav.header-nav .item.item-wifi a {
    animation: changeColorGreen 2s ease-in both;
    animation-iteration-count: infinite;
}
nav.header-nav .language-dropdown {
    margin-left: auto;
}
nav.header-nav .item a {
    color: #000 !important;
    background-color: #ffffff;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    display: block;
    margin-right: 10px;
    text-align: center;
    line-height: 35px;
}
nav.header-nav .item a span {
    font-size: 25px;
}

.modal-title {font-size: 30px;font-weight: bold;color: #222;}
.modal-title span {
    font-size: 13px;
    font-weight: 300;
    display: block;
}
.modal-header {border-bottom: none;padding: 25px;}

.modal-black {
    background-color: #ffffff00;
}
.modal-black .modal-content {
    background-color: #121212;
}
.modal-black .modal-title {
    color: #fff !important;
}
.modal-header .close {
    text-shadow: none;
    opacity: 1;
    background-color: #bcbcbc;
    border-radius: 50%;
    height: 27px;
    width: 27px !important;
    line-height: 27px;
    padding: 0;
    text-align: center;
    margin: -8px;
    color: #fff !important;
    max-width: 27px;
    -webkit-appearance: none;
}
.modal-header .close span {
  line-height: 27px;
}
.modal-black .close {
    background-color: #fff;
    color: rgb(0, 0, 0) !important;
}
.kv-list {

}
.kv-item {
    margin-bottom: 20px;
}
.kv-key {display: block;font-size: 11px;text-transform: uppercase;font-weight: 600;letter-spacing: 2px;color: #848484;}
.kv-value {font-size: 17px;font-weight: 500;}


.modal-body {
    padding: 25px;
}
.navigation-wrapper.is-sticky {
    position: sticky;
    top: -1px;
    z-index: 10000;
}

    .navigation-wrapper.is-pinned {padding-top: 15px;}

    .navigation-wrapper.is-pinned .searchItemsContainer {
      margin-top: -60px;
      display: none;
    }
    .navigation-wrapper.is-pinned .categories {
      z-index: 100;
      position: relative;
    }

.lds-ring {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 60px;
  }
  .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    margin: 8px;
    border: 4px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #ffffff transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }
  @keyframes lds-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
/* Main Loader */
#MainLoader {position: fixed;z-index: 10000000;background-color: #000000b0;top: 0;left: 0;right: 0;bottom: 0;display: none;align-items: center;justify-content: center;}
.no-item-found {
    display: none;
    padding: 30px 0;
    background-color: #ffffffe3;
    border-radius: 10px;
}
.no-item-found p {width: 85%;}
    .navigation-wrapper.is-pinned:before {
        content: "";
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        background-color: #fff;
        height: 100px;
        z-index: 10;
        margin: 0 auto;
        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgba(255,255,255,1) 61%, rgba(255,255,255,0) 100%);
    }
    .navigation-wrapper.is-pinned .categories {
        z-index: 100;
        position: relative;
    }

@media only screen and (max-width: 992px){

    section.section-place-content > .packer > .package > .content > .holder-left {
        flex-direction: column;
    }
    section.section-place-content > .packer > .package > .content > .holder-left > .content-left > .categories > nav > .item {
        margin: 0;
    }

  
}
@media (min-width: 992px) {
    .categories > nav > .item > a {/* border-radius: 0; *//* padding: 10px 16px; *//* border-bottom: 1px solid #f7f7f7; *//* background-color: #fff; *//* font-size: 15px; *//* margin-right: 0 !important; */}
    .categories > nav > .item:first-child > a {
        /* border-radius: 10px 10px 0 0; */
    }
    .categories > nav > .item:last-child > a {
        /* border-radius: 0 0 10px 10px; */
    }
    .box-info > .head {
        position: relative;
        padding-top: 0;
    }
    .no-result .button {
        display: none;
    }
    section.section-place-content > .packer > .package > .content > .holder-left > .content-center {
       margin-right: 10px;
    }
    .item-offer-horizontal > .info {
        width: calc(100% - 110px );
    }
    .items-list .display-grid .item-offer-horizontal > .info {
        width: 100%;
    }
    .item-offer-horizontal > picture {
        height: 90px;
        width: 90px;
    }
    .items-list .display-grid {
      grid-template-columns: repeat(4, 1fr);
  }
}

#modal-restaurant-contact .schedule {
    padding: 20px;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
}
.modal-black-open .modal-backdrop {
    background-color:#fff !important;
}

@keyframes fadeInTop {
	from {
		opacity: 0;
		transform: translate3d(0, 20%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes changeColorGreen {
    0% {
      background-color: rgb(255, 255, 255);
    }
    50% {
        background-color: rgb(168, 220, 166);
      }
    100% {
      background-color: rgb(255, 255, 255);
    }
  }

.items-list .box-info:last-child {
    min-height:100vh;
}

/* custom tools */
.rounded-box {
    border-radius: 12px;
}

/* Banners */
.carousel {
    margin-bottom: 15px;
}

.banners-item {
    width: 100%;
    display: flex;
    margin-bottom: 15px;
    margin-top: 15px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 0px 6px 0px rgb(83 81 81 / 19%);
}
.banners-item img {
    width: 100%;
}

/* Suggestions */
#modalSuggestions {
    display: none;
    position: absolute;
    padding: 30px 15px;
    width: 100%;
    top: 0;
    z-index: 1000;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    transition: all 0.5ms ease;
    overflow: hidden;
}
#modalSuggestions:before {
  transition: all 0.5s ease;
  content:"";
  background: #000000cf;
  position:absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity:0;
}
.suggestions-list {
    overflow-y: scroll;
    padding-bottom: 200px;
    height: 100%;
}
.suggestions-close-button {
    display: none;
    z-index: 100;
    width: 100%;
}
.suggestions-valid-button  {
    display: none;
    z-index: 100;
    width: 100%;
}
#modalSuggestions h3 {
    font-size: 24px;
    margin-bottom: 30px;
    font-weight: 700;
    color: #000;
    position: relative;
}
.openSuggestions #modalSuggestions {
    display: flex;
}
.openSuggestions #modalSuggestions:before {
    opacity:1;
}
.suggestions-list a {
    opacity: 0;
}

/*
.openSuggestions .suggestions-list a:nth-child(1) {
    transform: translateY(100%);
    transition: all 0.5s ease;
} */
#addToCart1 .loader_h {
    color: #6d6d6d;
}
/*  Compact mode */
.categories-list .cl-item.icon-top {
  flex-direction:column;
  align-items: baseline;
  justify-content: center;
}
.categories-list.display-grid {
    display: grid;
    grid-gap: var(--gap);
    grid-template-columns: repeat(2, 1fr);
}
.categories-list .cl-item {
    padding: 30px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #77777721;
    display: flex;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 28px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0px 7px rgb(0 0 0 / 8%);
    align-items: center;
    justify-content: left;
}
.categories-list .center-content {
  justify-content: center !important;
  align-items: center !important;
  text-align: center;
}
.categories-list .cl-item .arrow {
    margin-right: 0;
    margin-left: auto;
    z-index: 100;
    background-color: #ffffffd6;
    border-radius: 30px;
    font-size: 22px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    right: 20px;
    top: calc(50% - 15px);
}
.cl-item .image {
    height: 100%;
    width: 110px;
    background-size: cover;
    background-position: center;
    position: absolute;
    right: 0;
    border-radius: 70px 0 0 30px;
}
.cl-item .image:before {
  content:"";
  position:absolute;
  background-color: #00000024;
  top:0;
  left:0;
  right:0;
  bottom:0;
}
.subcategories-list {
    position: sticky;
    top: 60px;
    z-index: 1;
    padding: 10px;
    grid-template-columns: none;
    grid-template-rows: none;
    background-color: #f7f7f7;
    margin: 0;
    border-radius: 10px;
    margin-bottom: 15px;
    display: flex;
    overflow: auto;
    flex: 1;
}
.subcategories-list .cl-item {
    justify-content: center;
    padding: 6px;
    border-radius: 8px;
    background-color: #ffffff;
    border: none;
    display: flex;
    flex-direction: column;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 28px;
    position: relative;
    overflow: hidden;
    box-shadow: none;
    align-items: center;
    justify-content: unset;
    width: 80px;
    min-width: 80px;
    text-align: center;
    align-items: center;
    margin-right: 10px;
}
.subcategories-list .cl-item .image {
    height: 62px;
    width: 62px;
    background-size: cover;
    background-position: center;
    position: relative;
    border-radius: 10px;
    margin-bottom: 5px;
}
.subcategories-list .cl-item div {
    width: 100%;
    font-size: 11px;
    line-height: 16px;
    color:#000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.categories-list .cl-item-description {
    display: block;
    font-size: 13px;
    color: #8a8a8a;
    font-weight: 400;
    line-height: 16px;
    margin-top:4px;
}
.categories-list .cl-item .icon {
    margin-right: 15px;
    z-index: 100;
}
.categories-list .cl-item.icon-right .icon {
    margin-left: 15px;
}
.categories-list .cl-item.icon-top .icon {
    margin-bottom: 15px;
    margin-right: 0;
}

.compact-mode .items-list .box-info {
    display: none;
}
.compact-mode .categories {
    display:none;
}
/* Extras */
.extra-box {
    margin-top: 40px;
}
.extra-box-content {
  display:flex;
  flex-direction:column;
}
.extra-box-content.display-grid {flex-direction: row;display: grid;grid-gap: var(--gap);grid-template-columns: repeat(3, 1fr);}
.extra-box-content.display-grid .extra {position:relative;flex-direction: column;justify-content: center;align-items: center;padding: 15px 10px !important;}
.extra-box-content.display-grid .extra .extra_icon {
  margin-right:0;
  margin-bottom:5px;
}
.extra-box-content.display-grid .extra .extra_name {
    text-align:center;
    margin-bottom: 2px;
}
.extra-box-content.display-grid .extra .custom-control {
  position:absolute;
  top: -1px;
  right: -1px;
  margin-right: 0 !important;
}
.extra-box-content.display-grid .custom-control.plus-style .custom-control-label::after {
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 0 7px 0;
}
.extra-box.boxed {
    background-color: #f7f7f7;
    border-radius: 10px;
    padding: 20px;
}
.extra-box.boxed.limit-exceeded .extra:not(.checked) {
  opacity:0.6;
}
.extra-box-content .extra {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    margin-bottom: 5px;
}
.extra-box-content .extra.boxed {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    padding: 8px;
    background-color: #fff;
}
.extra-box-content .extra.shadow {
  box-shadow: 0px 0px 5px 0px rgb(46 51 51 / 8%);
}
.extra-box-content .extra.boxed.checked {
    border: 1px solid #8bc34a;
    background: linear-gradient(50deg, rgb(24 235 43 / 3%) 0%, rgb(255 255 255) 100%);
}
.extra-box-content .extra .custom-control {margin-right: 8px;}
.extra-box-content .extra .custom-control.p-right {margin-right: 5px;margin-left: auto;order: 4;}

.extra-box-content .extra .extra_icon {
  margin-right: 10px;
  border-radius:8px;
}
.extra-box-content .extra .extra_name {
    font-size: 16px;
    line-height: 22px;
    display: block;
    color: #000;
    font-weight: 500;
    margin-left: 5px;
}
  .extra-box-content .extra .extra_price {
    font-weight: 300;
    margin-left: 10px;
    color: #717171;
  }
.custom-control.plus-style .custom-control-label::before {
  opacity: 0;
}
.custom-control.plus-style .custom-control-label::after {
  border: 1px solid #cdcdcd;
  border-radius: 50%;
  content: "\f067";
  font-family: 'Line Awesome Free';
  color: #cdcdcd;
  font-size: 17px;
  font-weight: 900;
  text-align: center;
  line-height: 22px;
}
.custom-control.plus-style .custom-control-input:checked~.custom-control-label::after {background-color: #90bc43;color: #fff;content: "\f00C";font-size: 14px;border: 1px solid #8bc34a;}
.badge {
    font-size: 11px;
    font-weight: 600;
    line-height: 7px;
    display: inline-block;
    padding: 0.40rem 0.375rem;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    border-radius: 0.375rem;
    text-transform: uppercase;
}
.badge-info {
    color: #03acca;
    background-color: rgba(136, 230, 247, .5);
}
.searchOverlay {
    position:fixed;
    background:#000000a6;
    top:0;
    left:0;
    right:0;
    bottom:0;
    content:"";
    z-index: 10000;
    display:none;
}
#searchContent {
    display: none;
    margin-top:10px;
    /* background-color: #fff; */
    border-radius: 10px;
    /* padding:20px; */
    position: absolute;
    overflow-y: scroll;
    height: 430px;
    width: 100%;
}
.search-mode .searchOverlay {
    display: block;
}
.search-mode #searchContent {
    display: block;
}
.search-mode .searchItemsContainer {
    transform: translate(0, -60px);
}
.search-mode {
  overflow:hidden;
}
.search-mode .search-clear {
    display:block;
}
.searchLoader {
    display: none;
    margin: 30px auto;
    display: block;
    text-align: center;
}
#pwa-ios-install-popup {
    position: fixed;
    z-index: 1000000000;
    bottom: 20px;
    background-color: #F2F8FF;
    padding: 15px;
    border-radius: 8px;
    left: 10px;
    right: 10px;
    text-align: center;
    color: #333;
    font-weight: 500;
    line-height: 28px;
    box-shadow: 0 0px 7px rgb(0 0 0 / 8%);
    border: 1px solid #cdd2d8;
    font-size: 15px;
    display:none;
}
#pwa-ios-install-popup:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#pwa-ios-install-popup:after, #pwa-ios-install-popup:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#pwa-ios-install-popup:after {
	border-color: rgba(242, 248, 255, 0);
	border-top-color: #F2F8FF;
	border-width: 15px;
	margin-left: -15px;
}
#pwa-ios-install-popup:before {
	border-color: rgba(205, 210, 216, 0);
	border-top-color: #cdd2d8;
	border-width: 16px;
	margin-left: -16px;
}
.order_status_widget {
    padding: 15px;
    display: flex;
    box-shadow: 0 0px 30px rgb(0 0 0 / 30%);
}
.order_status_widget h2 {
    font-size: 15px;
    font-weight:700;
    margin-bottom: 3px;
}
.order_status_widget h3 {
    font-size: 12px;
    font-weight:300;
}
.order_status_widget .osw-order-id {
    display: inline-block;
    font-size: 12px;
    color: #000;
    padding: 0px 8px;
    border-radius: 10px;
    font-weight: 500;
    margin-bottom: 5px;
    border: 1px dashed #000000;
}
.osw-order-status {width: 100%;}
  .osw-order-detail {
    text-align: center;
    margin-left: 10px;
  }
  .osw-price {
    color:#000;
    font-weight:700
  }
  .vegetarian-item {
    border:1px solid #4CAF50;
    background-color: #f1fbf1;
}
.items-title {
    margin-left:5px;
    margin-bottom:10px;
    font-weight:500;
    font-size:14px;
}
.vegetarian-item:before {
    color: #ffffff;
    background-color: #4CAF50;
    content: attr(data-vegetarian);
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 20px;
    padding: 0px 10px;
    border-radius: 0 0 10px 10px;
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    padding-bottom: 1px;
}