@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

.droid-arabic-kufi {
  font-family: 'Droid Arabic Kufi', serif;
}
:root {
    --googleFontUrl: "https://fonts.googleapis.com/css?family=Montserrat:100,300,400,500,700&display=swap";
    --bodyFontName: "Montserrat", sans-serif;
    --bodyBgColor: #eceff1;
    --bodyTextColor: #222;
    --defaultLinkColor: #222;
    --h1Color: #222;
    --h2Color: #222;
    --h3Color: #222;
    --h4Color: #222;
    --h5Color: #222;
    --h6Color: #222;
    --hamburgerIconColor: #222;
    --headerBgColor: #eceff1;
    --headerBorderColor: #888;
    --headerReserveButtonBgColor: #263238;
    --headerReserveButtonBorderColor: #263238;
    --headerReserveButtonTextColor: #2f3130;
    --overlayColor: #000;
    --socialIconColor: #595959;
    --footerBgColor: #fff;
    --footerTextColor: #7c7c7c;
    --footerLinkColor: #585858;
    --scrollToTopLinkColor: #222;
    --defaultButtonBgColor: #716749;
    --defaultButtonTextColor: #fff;
    --defaultButtonBorderColor: #716749;
    --primaryButtonBgColor: #0a84cc;
    --primaryButtonTextColor: #fff;
    --primaryButtonBorderColor: #0a84cc;
    --secondaryButtonBgColor: #4699c4;
    --secondaryButtonTextColor: #fff;
    --secondaryButtonBorderColor: #4699c4;
    --inputFieldBgColor: #fff;
    --inputFieldTextColor: #222;
    --inputFieldPlaceholderColor: #bbbdbf;
    --submitButtonBgColor: #263238;
    --submitButtonTextColor: #fff;
    --disabledSubmitButtonBgColor: #bebebe;
    --disabledSubmitButtonTextColor: #fff;
    --radioButtonBgColor: #d5d5d5;
    --selectedRadioButtonBgColor: #222;
    --companyHomeBackgroundOverlay: linear-gradient(180deg, rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32));
    --companyHomeBackgroundOverlayOpacity: 1;
    --introTitleColor: #fff;
    --introTextColor: #fff;
    --introButtonTextColor: #fff;
    --introButtonBgColor: #0a84cc;
    --introButtonBorderColor: #0a84cc;
    --introBoxTitleColor: #fff;
    --introBoxTextColor: #fff;
    --introBoxWelcomeCaptionBgColor: #fff;
    --titleInBoxBgColor: #fff;
    --titleInBoxTextColor: #333;
    --galleryArrowColor: #fff;
    --venueGroupTitleColor: #222;
    --venueGroupTitleBottomBorderColor: #222;
    --venueGroupItemTitleColor: #fff;
    --venueGroupItemSubTitleColor: #fff;
    --mailingListFormTitleColor: #333;
    --mailingListFormNoteColor: #333;
    --mailingListFormSuccessMsgTextColor: #0bad13;
    --mailingListFormErrorMsgTextColor: #c31b1d;
    --navButtonBgColor: #fff;
    --navButtonTextColor: #222;
    --navButtonBorderColor: #222;
    --navSubButtonBgColor: #cfd8dc;
    --navSubButtonTextColor: #222;
    --navSubButtonBorderColor: #636363;
    --dropdownNavBgColor: #fff;
    --navNoteColor: #222;
    --menuItemCardBgColor: #fff;
    --menuItemTopCloseButtonIconBgColor: #b0bec5;
    --menuItemTopCloseButtonIconColor: #fff;
    --menuNavButtonBgColor: #cfd8dc;
    --menuNavButtonTextColor: #222;
    --viewChangerIconColor: #263238;
    --stickyMenuButtonBgColor: #4f5b62;
    --stickyMenuIconColor: #fff;
    --stickyMenuButtonTextColor: #fff;
    --menuSectionTitleColor: #333;
    --menuItemTitleColor: #222;
    --menuItemPriceColor: #636363;
    --menuItemPricesHeaderBgColor: #cfd8dc;
    --menuItemPricesRowBgColor: #eceff1;
    --menuItemDescriptionColor: #222;
    --menuItemBreadcrumbsBGColor: #4f5b62;
    --menuItemTagColor: #b0bec5;
    --menuItemTimeTagColor: #b0bec5;
    --menuItemModifierTitleColor: #222;
    --menuItemModifierSummaryColor: #222;
    --invalidMenuItemModifierTitleColor: red;
    --menuItemModifierTitleLineColor: #ccc;
    --menuItemModifierOptionTitleColor: #222;
    --menuItemModifierOptionCaloriesColor: #a5a5a5;
    --menuItemModifierOptionValueColor: #a5a5a5;
    --menuItemModifierOptionTitleLineColor: #e6e1de;
    --menuItemModifierOptionSwitchColor: #0c2240;
    --menuItemActionTabIconBgColor: #b0bec5;
    --menuItemActionTabIconColor: #fff;
    --menuItemHighlightColor: #ff4f81;
    --menuItemHighlightTextColor: #fff;
    --viewIconColor: #b0bec5;
    --menuItemTabBgColor: #f0f0f0;
    --menuItemButtonBgColor: #f0f0f0;
    --menuItemButtonTextColor: #222;
    --menuItemTabLinkRippleColor: #d7d7d7;
    --menuItemTabTextColor: #222;
    --menuItemCurrentTabBgColor: #fff;
    --menuItemSliderArrowColor: #fff;
    --menuItemSliderPlayButtonBgColor: #fff;
    --menuItemSliderPlayButtonColor: #000;
    --menuItemQtyCounterButtonColor: #333;
    --menuItemQtyCounterTextColor: #333;
    --languageSwitchLinkColor: #333;
    --languageSwitchLinkColorOnBgImage: #fff;
    --searchTextColor: #222;
    --searchPlaceholderColor: #b2b2b2;
    --searchCrossIconColor: #263238;
    --filterTabBgColor: #f0f0f0;
    --filterTabTextColor: #222;
    --currentFilterTabBgColor: #fff;
    --filtersBgColor: #fff;
    --filterTextColor: #222;
    --filterOnColor: #2dde98;
    --filterOffColor: #ff6c5f;
    --filterDefaultColor: #ebebeb;
    --timeFilterTextColor: #222;
    --timeFilterColor: #666;
    --filterNoteColor: #333;
    --myOrderTitleColor: #fff;
    --myOrderBgColor: #222;
    --myOrderHeaderBorderColor: #333;
    --myOrderTextColor: #fff;
    --myOrderQtyCounterButtonColor: #333;
    --myOrderQtyCounterBorderColor: #333;
    --myOrderQtyCounterTextColor: #333;
    --myOrderItemsTableTitleColor: #333;
    --myOrderItemsTableCaloriesColor: #9f9f9f;
    --myOrderItemTextColor: #333;
    --orderTypeButtonBGColor: #0b2240;
    --orderTypeButtonBorderColor: #0b2240;
    --orderTypeButtonTextColor: #fff;
    --placeOrderButtonBGColor: #fff;
    --placeOrderButtonTextColor: #000;
    --orderPopupButtonBGColor: #0b2240;
    --orderPopupButtonBorderColor: #0b2240;
    --orderPopupButtonTextColor: #fff;
    --contactBoxBgColor: #fff;
    --contactBoxTextColor: #263238;
    --contactBoxH3TitleColor: #222;
    --contactBoxButtonBgColor: #263238;
    --contactBoxButtonBorderColor: #263238;
    --contactBoxButtonTextColor: #fff;
}
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 {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
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;
}
.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.slick-list,
.slick-slider {
    display: block;
    position: relative;
}
.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0);
}
.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
}
.slick-track:after,
.slick-track:before {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-loading .slick-list {
    background: #fff url(/img/loading.svg) 50% no-repeat;
}
.slick-next,
.slick-prev {
    background: none;
    border: none;
    color: transparent;
    cursor: pointer;
    display: block;
    height: 40px;
    margin-top: -20px;
    outline: none;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 40px;
}
.slick-next:before,
.slick-prev:before {
    border-right: 4px solid #000;
    border-top: 4px solid #000;
    content: "";
    display: block;
    height: 25px;
    left: 0;
    position: absolute;
    top: 6px;
    transform: rotate(45deg);
    width: 25px;
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    opacity: 1;
    outline: none;
}
.slick-next.slick-disabled,
.slick-prev.slick-disabled {
    opacity: 0.25;
}
.slick-prev {
    left: 25px;
    transform: rotate(180deg);
    z-index: 9;
}
[dir="rtl"] .slick-prev {
    left: auto;
    right: 25px;
    transform: rotate(0deg);
}
.slick-next {
    right: 25px;
    z-index: 9;
}
[dir="rtl"] .slick-next {
    left: 25px;
    right: auto;
    transform: rotate(180deg);
}
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    bottom: 25px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.slick-dots li {
    display: inline-block;
    height: 25px;
    margin: 0;
    padding: 5px;
    position: relative;
    width: 25px;
}
.slick-dots li,
.slick-dots li button {
    cursor: pointer;
    transition: all 0.15s ease-out;
}
.slick-dots li button {
    background: #fff;
    border: 0;
    border-radius: 50px;
    display: block;
    font-size: 0;
    height: 15px;
    line-height: 0px;
    outline: none;
    padding: 0;
    width: 15px;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
    opacity: 1;
    outline: none;
}
.slick-dots li.slick-active {
    height: 30px;
    opacity: 0.75;
    width: 30px;
}
.slick-dots li.slick-active button {
    background: #fff;
    height: 20px;
    width: 20px;
}
* {
    box-sizing: border-box;
}
html {
    height: 100%;
}
body {
    -webkit-overflow-scrolling: touch;
    -var-background-color: Body BG Color;
    background-color: #eceff1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -var-color: Body Text Color;
    color: #222222;
    -var-font-family: Body Font Family;
    font-family: "Montserrat", sans-serif;
    line-height: 1.4;
    overflow-x: hidden;
    position: relative;
    transition: all 0.1s ease;
}
body.disable-scrolling {
    height: 100%;
    overflow: hidden;
}
body:after {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
a {
    -var-color: Default Link Color;
    color: #222222;
    cursor: pointer;
    text-decoration: none;
}
a:active,
a:hover {
    outline: 0;
}
img {
    max-width: 100%;
}
.h1,
h1 {
    -var-color: Heading 1 Color;
    color: #222222;
    font-size: 46px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.h1,
.h2,
h1,
h2 {
    font-weight: 500;
    line-height: 1.2em;
}
.h2,
h2 {
    -var-color: Heading 2 Color;
    color: #222222;
    font-size: 36px;
    margin: 10px 0 15px;
}
.h3,
h3 {
    -var-color: Heading 3 Color;
    color: #222222;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2em;
    margin: 10px 0;
}
.h4,
h4 {
    -var-color: Heading 4 Color;
    color: #222222;
    font-size: 16px;
    font-weight: 500;
}
.h4,
.h5,
h4,
h5 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.h5,
h5 {
    -var-color: Heading 5 Color;
    color: #222222;
    font-size: 14px;
}
.h5,
.h6,
h5,
h6 {
    font-weight: 400;
}
.h6,
h6 {
    -var-color: Heading 6 Color;
    color: #222222;
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 10px;
}
p {
    font-size: 15px;
    margin: 15px 0;
}
strong {
    font-weight: 700;
}
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="text"],
textarea {
    -var-background-color: Input Field Bg Color;
    background-color: #ffffff;
    border: 0;
    border-radius: 3px;
    -var-color: Input Field Text Color;
    color: #222222;
    display: block;
    font-family: inherit;
    font-size: 16px;
    height: 38px;
    line-height: 1em;
    margin-bottom: 10px;
    outline: 0;
    padding: 8px 12px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="text"]::-moz-placeholder,
textarea::-moz-placeholder {
    -var-color: Input Field Placeholder Color;
    color: #bbbdbf;
}
input[type="email"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="text"]::placeholder,
textarea::placeholder {
    -var-color: Input Field Placeholder Color;
    color: #bbbdbf;
}
textarea {
    height: 100px;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -var-background-color: Input Field Bg Color;
    background-color: #ffffff;
    background-image: url(/img/down-arrow.svg);
    background-position: center right 10px;
    background-repeat: no-repeat;
    background-size: 15px;
    border: 0;
    border-radius: 3px;
    -var-color: Input Field Text Color;
    color: #222222;
    display: block;
    font-size: 16px;
    height: 38px;
    margin-bottom: 10px;
    outline: 0;
    padding: 8px 12px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}
button[type="submit"],
input[type="submit"] {
    -webkit-appearance: none;
    -var-background-color: Submit Button Bg Color;
    background-color: #263238;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 1px 1px 0 transparent;
    -var-color: Submit Button Text Color;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 1;
    outline: 0;
    padding: 15px 20px;
    text-transform: uppercase;
    transition: box-shadow 0.2s ease;
}
button[type="submit"]:active,
button[type="submit"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    outline: 0;
}
button[type="submit"]:hover,
input[type="submit"]:hover {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
button[type="submit"].block,
input[type="submit"].block {
    display: block;
    text-align: center;
}
button[type="submit"]:disabled,
input[type="submit"]:disabled {
    -var-background-color: Disabled Submit Button Bg Color;
    background-color: #bebebe;
    -var-color: Disabled Submit Button Text Color;
    color: #ffffff;
    opacity: 0.5;
}
button[type="submit"]:disabled:hover,
input[type="submit"]:disabled:hover {
    box-shadow: none;
}
.img-cols {
    display: flex;
    gap: 20px;
}
.img-cols img {
    display: block;
}
.mt-20 {
    margin-top: 20px;
}
.field-invalid-message {
    background: #e82803;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #fff;
    display: none;
    font-size: 10px;
    margin-bottom: 10px;
    padding: 3px 10px 5px;
}
.field-invalid.field-blur,
.field-invalid.field-touched:not(:focus) {
    border: 1px solid #e82803 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
}
.field-invalid.field-blur + .field-invalid-message,
.field-invalid.field-touched:not(:focus) + .field-invalid-message {
    display: block;
}
.field-invalid.field-blur + .field-invalid-message + label,
.field-invalid.field-blur + .field-invalid-message + label a,
.field-invalid.field-touched:not(:focus) + .field-invalid-message + label,
.field-invalid.field-touched:not(:focus) + .field-invalid-message + label a {
    color: #e82803;
}
input[type="checkbox"] + .field-invalid-message {
    display: none !important;
}
.radio-button {
    position: relative;
}
.radio-button input[type="radio"] {
    display: none;
}
.radio-button input[type="radio"]:checked ~ .check:before {
    height: 20px;
    margin-left: 0;
    margin-top: 0;
    width: 20px;
}
.radio-button .check {
    -var-background-color: Radio Button Bg Color;
    background-color: #d5d5d5;
    border-radius: 50%;
    height: 20px;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 20px;
}
.radio-button .check:before {
    -var-background: Selected Radio Button Bg Color;
    background: #222222;
    border-radius: 50%;
    content: "";
    display: block;
    height: 0;
    margin-left: 10px;
    margin-top: 10px;
    width: 0;
}
.radio-button label {
    padding-left: 30px;
}
[data-entrance="slide-up"] {
    opacity: 0;
    transform: translateY(20px);
}
[data-entrance="slide-up"].has-entered {
    opacity: 1;
    transform: translate(0);
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
.loader {
    animation: spin 0.8s linear infinite;
    border: 3px solid hsla(0, 0%, 100%, 0.2);
    border-left-color: #fff;
    border-radius: 50%;
    font-size: 10px;
    height: 30px;
    margin: 20px auto;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0);
    width: 30px;
}
.loading {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 0;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: fixed;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
    visibility: hidden;
    width: 0;
    z-index: 99999;
}
.loading .label {
    color: #fff;
    text-transform: uppercase;
}
.loading.show {
    height: 100%;
    opacity: 1;
    visibility: visible;
    width: 100%;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.hidden {
    display: none;
}
#header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}
#header .top-bar {
    -var-background-color: Header Background Color;
    background-color: #eceff1;
    -var-border-bottom-color: Header Border Color;
    border-bottom: 1px solid #263238;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 999;
}
#header .flex-box {
    align-items: center;
    display: flex;
    height: 53px;
    justify-content: space-between;
}
#header .search-wrapper {
    flex: 1;
    margin-top: 14px;
    position: relative;
}
#header .search-wrapper input[type="text"] {
    background: transparent;
    border: 0;
    -var-color: Search Text Color;
    color: #222222;
    font-size: 16px;
    margin-bottom: 0;
    padding-bottom: 8px;
    padding-left: 0;
    padding-top: 8px;
}
#header .search-wrapper input[type="text"]::-moz-placeholder {
    -var-color: Search Placeholder Color;
    color: #b2b2b2;
    letter-spacing: 1px;
}
#header .search-wrapper input[type="text"]::placeholder {
    -var-color: Search Placeholder Color;
    color: #b2b2b2;
    letter-spacing: 1px;
}
#header .search-wrapper .clear-search {
    display: none;
    position: absolute;
    right: 10px;
    top: 2px;
}
#header .search-wrapper .clear-search .icon-cross div:after,
#header .search-wrapper .clear-search .icon-cross div:before {
    -var-background: Search Cross Icon Color;
    background: #263238;
}
#header .search-wrapper .clear-search.show {
    display: block;
}
#header .search-wrapper.has-reserve-button .clear-search {
    right: 0;
}
#header .overlay-menu-trigger {
    margin-top: 9px;
}
#header .btn-reserve {
    -var-background-color: Header Reserve Button Bg Color;
    background-color: #263238;
    -var-border-color: Header Reserve Button Border Color;
    border-color: #263238;
    -var-color: Header Reserve Button Text Color;
    color: #2f3130;
    font-size: 12px;
    line-height: 1em;
    margin: 5px 15px 0 10px;
    padding: 5px 12px;
}
#header ~ #html-main {
    padding-top: 54px;
}
#footer {
    -var-background-color: Footer Background Color;
    background-color: #ffffff;
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.1);
    margin: 30px auto 0;
    padding: 20px 20px 30px;
    text-align: center;
}
#footer .nav {
    font-size: 14px;
    margin-bottom: 25px;
}
#footer .nav a {
    padding: 0 10px;
    text-decoration: underline;
}
#footer .credits {
    margin-top: 10px;
}
#footer .credits p {
    -var-color: Footer Text Color;
    color: #7c7c7c;
    font-size: 12px;
    line-height: 1.5em;
    margin: 0;
}
#footer .credits a {
    -var-color: Footer Link Color;
    color: #585858;
    text-decoration: underline;
}
.order-toasting #footer {
    padding-bottom: 70px;
}
.wrapper {
    margin: 0 auto;
    max-width: 1400px;
}
.wrapper.small {
    max-width: 768px;
}
.wrapper.padded {
    padding: 0 20px;
}
.wrapper.padded-small {
    padding: 0 10px;
}
@media (max-width: 370px) {
    .wrapper.padded {
        padding: 0 15px;
    }
}
.tabs .tabs-nav {
    display: flex;
    overflow: hidden;
    width: 100%;
}
.tabs .tabs-nav a {
    display: block;
    flex-grow: 1;
    padding: 9px 30px;
    text-align: center;
    text-transform: uppercase;
}
.tabs .tabs-nav a > input[type="radio"] {
    display: none;
}
.tabs .tabs-nav a.disable {
    opacity: 0.5;
}
.tabs .tabs-nav.hidden,
.tabs.single-tab .tabs-nav {
    display: none;
}
.tabs .tabs-content {
    padding: 10px 20px;
}
.tabs .tabs-content > div {
    display: none;
}
.tabs .tabs-content > div.active {
    display: block;
}
.tag-filter label {
    display: flex;
    gap: 5px;
    position: relative;
}
.tag-filter i.rfi {
    flex: 0 0 19px;
    text-align: center;
}
.tag-filter .button {
    -var-border-color: Filter Default Color;
    border: 2px solid #ebebeb;
    border-radius: 10px;
    height: 20px;
    min-width: 40px;
    position: relative;
    transition: border 0.1s;
    width: 40px;
}
.tag-filter .name {
    -var-color: Filter Text Color;
    color: #222222;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
}
.tag-filter .marker {
    -var-background: Filter Default Color;
    background: #ebebeb;
    border-radius: 10px;
    content: "";
    display: block;
    height: 20px;
    left: -2px;
    margin-top: -2px;
    position: absolute;
    transition: all 0.1s;
    width: 20px;
}
.tag-filter input[type="checkbox"] {
    display: none;
}
.tag-filter input[type="checkbox"]:checked ~ .button {
    -var-border-color: Filter On Color;
    border-color: #2dde98;
}
.tag-filter input[type="checkbox"]:checked ~ .button .marker {
    -var-background: Filter On Color;
    background: #2dde98;
    left: 18px;
}
.time-filter label {
    display: block;
}
.time-filter label i,
.time-filter label span {
    display: block;
    opacity: 0.3;
    transition: opacity 0.2s;
}
.time-filter input[type="radio"] {
    display: none;
}
.time-filter input[type="radio"]:checked ~ label i,
.time-filter input[type="radio"]:checked ~ label span {
    opacity: 1;
}
.time-filter .text {
    -var-color: Time Filter Text Color;
    color: #222222;
    font-size: 14px;
    margin-top: 5px;
    text-align: center;
    width: 100%;
}
.time-filter .icon.icon-clock {
    -var-border-color: Time Filter Color;
    border: #666666;
}
.time-filter .icon.icon-clock:after,
.time-filter .icon.icon-clock:before {
    -var-background-color: Time Filter Color;
    background-color: #666666;
}
.icon {
    display: inline-block;
}
.icon.icon-hamburger {
    height: 23px;
    width: 28px;
}
.icon.icon-hamburger div {
    position: relative;
    top: 10px;
}
.icon.icon-hamburger div,
.icon.icon-hamburger div:after,
.icon.icon-hamburger div:before {
    -var-background: Hamburger Icon Color;
    background: #222222;
    display: block;
    height: 3px;
    transition: all 0.15s;
    width: 100%;
}
.icon.icon-hamburger div:after,
.icon.icon-hamburger div:before {
    content: "";
    position: absolute;
}
.icon.icon-hamburger div:after {
    bottom: -10px;
}
.icon.icon-hamburger div:before {
    top: -10px;
}
.icon.icon-hamburger.open div {
    background: transparent;
}
.icon.icon-hamburger.open div:after,
.icon.icon-hamburger.open div:before {
    top: 0;
}
.icon.icon-hamburger.open div:before {
    transform: rotate(45deg);
}
.icon.icon-hamburger.open div:after {
    transform: rotate(-45deg);
}
.icon.icon-cross {
    height: 23px;
    width: 28px;
}
.icon.icon-cross div {
    display: block;
    height: 23px;
    position: relative;
    width: 100%;
}
.icon.icon-cross div:after,
.icon.icon-cross div:before {
    background: #8e43e7;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    top: 10px;
    width: 100%;
}
.icon.icon-cross div:before {
    transform: rotate(45deg);
}
.icon.icon-cross div:after {
    transform: rotate(-45deg);
}
.icon.icon-list {
    display: flex;
    flex-direction: column;
    height: 20px;
    justify-content: space-between;
    width: 28px;
}
.icon.icon-list div {
    height: 6px;
    position: relative;
    width: 100%;
}
.icon.icon-list div:after,
.icon.icon-list div:before {
    background-color: #8e43e7;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
}
.icon.icon-list div:before {
    left: 0;
    width: 21px;
}
.icon.icon-list div:after {
    right: 0;
    width: 6px;
}
.icon.icon-grid {
    display: flex;
    flex-direction: column;
    height: 20px;
    justify-content: space-between;
    width: 29px;
}
.icon.icon-grid div {
    background-color: #8e43e7;
    height: 6px;
    position: relative;
    width: 9px;
}
.icon.icon-grid div:after,
.icon.icon-grid div:before {
    background-color: #8e43e7;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 9px;
}
.icon.icon-grid div:before {
    left: 10px;
}
.icon.icon-grid div:after {
    left: 20px;
}
.icon.icon-clock {
    border: 1px solid #666;
    border-radius: 100%;
    display: block;
    height: 30px;
    position: relative;
    width: 30px;
}
.icon.icon-clock.small {
    height: 16px;
    width: 16px;
}
.icon.icon-clock.clock-15m:after,
.icon.icon-clock.clock-30m:after,
.icon.icon-clock.clock-45m:after,
.icon.icon-clock.clock-60m:after {
    background: #666;
    border-top-right-radius: 100%;
    content: "";
    display: block;
    height: 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}
.icon.icon-clock.clock-30m:after,
.icon.icon-clock.clock-45m:after {
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
    height: 100%;
}
.icon.icon-clock.clock-45m:before {
    background: #666;
    border-bottom-left-radius: 100%;
    bottom: 0;
    content: "";
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    width: 50%;
}
.icon.icon-clock.clock-60m:after {
    border-radius: 100%;
    height: 100%;
    width: 100%;
}
.icon.icon-add,
.icon.icon-close {
    background: #000;
    border-radius: 100px;
    height: 20px;
    position: relative;
    width: 20px;
}
.icon.icon-add:after,
.icon.icon-add:before,
.icon.icon-close:after,
.icon.icon-close:before {
    background-color: #fff;
    content: "";
    display: block;
    position: absolute;
}
.icon.icon-add:before,
.icon.icon-close:before {
    height: 2px;
    left: 5px;
    top: 9px;
    width: 10px;
}
.icon.icon-add:after,
.icon.icon-close:after {
    height: 10px;
    left: 9px;
    top: 5px;
    width: 2px;
}
.icon.icon-add.large,
.icon.icon-close.large {
    background: transparent;
    height: 40px;
    width: 40px;
}
.icon.icon-add.large:before,
.icon.icon-close.large:before {
    left: 12px;
    top: 18px;
    width: 14px;
}
.icon.icon-add.large:after,
.icon.icon-close.large:after {
    height: 14px;
    left: 18px;
    top: 12px;
}
.icon.icon-add.border-only,
.icon.icon-close.border-only {
    border: 1px solid #000;
}
.icon.icon-add.border-only:after,
.icon.icon-add.border-only:before,
.icon.icon-close.border-only:after,
.icon.icon-close.border-only:before {
    background-color: #000;
}
.icon.icon-minus {
    background: #000;
    border-radius: 100px;
    height: 20px;
    position: relative;
    width: 20px;
}
.icon.icon-minus:after {
    background-color: #000;
    content: "";
    display: block;
    height: 2px;
    left: 5px;
    position: absolute;
    top: 9px;
    width: 10px;
}
.icon.icon-minus.large {
    background: transparent;
    height: 40px;
    width: 40px;
}
.icon.icon-minus.large:after {
    left: 12px;
    top: 18px;
    width: 14px;
}
.icon.icon-minus.border-only {
    border: 1px solid #000;
}
.icon.icon-tick {
    background: #8e43e7;
    border-radius: 100px;
    height: 20px;
    position: relative;
    width: 20px;
}
.icon.icon-tick:after {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    content: "";
    display: block;
    height: 5px;
    left: 4px;
    position: absolute;
    top: 5px;
    transform: rotate(-45deg);
    width: 9px;
}
.icon.icon-close:after,
.icon.icon-close:before {
    transform: rotate(45deg);
}
.icon.icon-info {
    background: #8e43e7;
    border-radius: 100px;
    height: 20px;
    position: relative;
    width: 20px;
}
.icon.icon-info:after,
.icon.icon-info:before {
    background-color: #fff;
    content: "";
    display: block;
    position: absolute;
}
.icon.icon-info:before {
    height: 2px;
    left: 9px;
    top: 5px;
    width: 2px;
}
.icon.icon-info:after {
    height: 6px;
    left: 9px;
    top: 9px;
    width: 2px;
}
.icon.icon-back {
    background: #000;
    border-radius: 100px;
    height: 20px;
    min-width: 20px;
    position: relative;
    width: 20px;
}
.icon.icon-back:after,
.icon.icon-back:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 2px;
    left: 4px;
    position: absolute;
    width: 10px;
}
.icon.icon-back:before {
    top: 12px;
    transform: rotate(45deg);
}
.icon.icon-back:after {
    top: 6px;
    transform: rotate(-45deg);
}
#menu-item-popup .content-wrapper,
.single-view .content-wrapper {
    max-width: 728px;
    width: 100%;
}
#menu-item-popup .content-wrapper .content,
.single-view .content-wrapper .content {
    background-color: #fff;
    position: relative;
    width: 100%;
}
#menu-item-popup.no-image .img,
.single-view.no-image .img {
    display: none;
}
#menu-item-popup .breadcrumbs,
.single-view .breadcrumbs {
    -var-background: Menu Item Breadcrumbs BG Color;
    background: #ff4f81;
    color: #fff !important;
    font-size: 10px;
    padding: 5px 20px !important;
    position: relative;
}
#menu-item-popup .breadcrumbs ul,
.single-view .breadcrumbs ul {
    list-style: none;
}
#menu-item-popup .breadcrumbs li,
.single-view .breadcrumbs li {
    display: inline-block;
}
#menu-item-popup .breadcrumbs li:before,
.single-view .breadcrumbs li:before {
    content: " - ";
    margin: 0 3px;
}
#menu-item-popup .breadcrumbs li:first-child:before,
.single-view .breadcrumbs li:first-child:before {
    content: "";
    margin: 0;
}
#menu-item-popup .breadcrumbs a,
.single-view .breadcrumbs a {
    color: #fff !important;
}
.single-view .content-wrapper {
    margin: 0 auto;
    padding: 20px;
}
@media (max-width: 380px) {
    .single-view .content-wrapper {
        padding: 20px 10px;
    }
}
.popup-modal {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    transition: all 0s 0.3s;
    z-index: 99999;
}
.popup-modal,
.popup-modal .overlay {
    height: 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 0;
}
.popup-modal .overlay {
    background-color: #000;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    visibility: hidden;
    z-index: 9999;
}
.popup-modal .content-wrapper {
    margin: auto;
    opacity: 0;
    overflow: hidden;
    position: relative;
    transform: translateY(100px);
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    z-index: 99999;
}
.popup-modal .content-wrapper:not(.np) {
    padding: 20px;
}
.popup-modal .content-wrapper .content {
    background-color: #fff;
    position: relative;
}
.popup-modal .content-wrapper .content:not(.np) {
    padding: 15px 20px;
}
.popup-modal.open {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all 0s;
    width: 100%;
}
.popup-modal.open .overlay {
    height: 100%;
    opacity: 0.9;
    visibility: visible;
    width: 100%;
}
.popup-modal.open .content-wrapper {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}
@media (max-width: 380px) {
    .popup-modal .content-wrapper:not(.np) {
        padding: 20px 10px;
    }
}
#overlay-menu {
    -var-background: Dropdown Nav Bg Color;
    background: #ffffff;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(-100%);
    transition: transform 0.2s ease-out, visibility 0s 0.2s;
    visibility: hidden;
    z-index: 99;
}
#overlay-menu.open {
    overflow: auto;
    transform: translateY(0);
    transition: transform 0.3s ease-in, overflow 0s 0.3s;
    visibility: visible;
}
#overlay-menu.open .menu-content {
    opacity: 1;
    transform: translate(0);
}
#overlay-menu .menu-content {
    opacity: 0;
    padding: 124px 20px 50px;
    position: relative;
    transform: translateY(40px);
    transition: all 0.3s ease 0.3s;
}
#overlay-menu .logo {
    margin-bottom: 30px;
    margin-top: 0;
}
#overlay-menu .close {
    height: 60px;
    padding: 18px 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 68px;
}
#overlay-menu .note {
    -var-color: Nav Note Color;
    color: #222222;
}
@media (max-width: 480px) {
    #overlay-menu .menu-content {
        padding-left: 5px;
        padding-right: 5px;
    }
}
#search-in-wrapper {
    display: flex;
    max-height: 0;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
}
#search-in-wrapper > div {
    padding: 10px 20px;
}
#search-in-wrapper a {
    text-decoration: underline;
}
#search-in-wrapper.show {
    max-height: 50px;
    opacity: 1;
    padding: 0;
    visibility: visible;
}
@media (max-width: 410px) {
    #search-in-wrapper {
        flex-direction: column;
    }
    #search-in-wrapper.show {
        max-height: 100px;
    }
    #search-in-wrapper > div {
        flex: 1;
        width: 100%;
    }
}
#overlay-search-filters {
    background-color: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    left: 0;
    padding-bottom: 10px;
    padding-top: 54px;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(-120%);
    transition: transform 0.15s ease-out, visibility 0s 0.2s;
    visibility: hidden;
    z-index: 99;
}
#overlay-search-filters.showing-results {
    max-height: 100%;
    min-height: 100%;
    overflow: auto;
    padding-bottom: 50px;
}
#overlay-search-filters .wrapper {
    opacity: 0;
    position: relative;
    transform: translateY(40px);
    transition: all 0.3s ease 175ms;
}
#overlay-search-filters.open {
    transform: translateY(0);
    transition: transform 175ms ease-in;
    visibility: visible;
}
#overlay-search-filters.open .wrapper {
    opacity: 1;
    transform: translate(0);
}
#overlay-search-filters.open ~ #filters-overlay {
    display: block;
}
#overlay-search-filters .filters-wrapper {
    border: 1px solid #ebebeb;
    margin-bottom: 10px;
    padding: 10px 20px;
}
#overlay-search-filters .filters-wrapper.no-filters {
    display: none;
}
#overlay-search-filters .filters-wrapper .title {
    font-size: 14px;
    margin-top: 5px;
    text-align: center;
    width: 100%;
}
#overlay-search-filters .filters-wrapper .title.align-left {
    text-align: left;
}
#overlay-search-filters .filters-wrapper.empty {
    border: 0;
    padding: 0;
}
#overlay-search-filters .tag-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0;
    margin-bottom: 30px;
}
#overlay-search-filters .tag-filters .tag-filter {
    flex: 0 0 25%;
    margin: 6px 0;
    padding-right: 15px;
}
#overlay-search-filters .tag-filters.warnings .tag-filter input[type="checkbox"]:checked ~ .button {
    -var-border-color: Filter Off Color;
    border-color: #ff6c5f;
}
#overlay-search-filters .tag-filters.warnings .tag-filter input[type="checkbox"]:checked ~ .button .marker {
    -var-background: Filter Off Color;
    background: #ff6c5f;
}
#overlay-search-filters .tag-filters.hidden {
    display: none;
}
#overlay-search-filters .time-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#overlay-search-filters .time-filters.hidden {
    display: none;
}
#overlay-search-filters #search-button {
    display: none;
    font-size: 10px;
    margin: 0 0 0 auto;
    padding: 8px 10px;
}
#overlay-search-filters #search-button.show {
    display: block;
}
#overlay-search-filters #search-results {
    display: none;
    padding: 10px 0 0;
}
@media (max-width: 1420px) {
    #overlay-search-filters #search-results .wrapper {
        padding: 0 20px;
    }
}
#overlay-search-filters #search-results .menu-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#overlay-search-filters #search-results .menu-items .menu-item {
    margin: 20px 0 0;
    width: 48%;
}
#overlay-search-filters #search-results.show {
    display: block;
}
#overlay-search-filters .empty-message {
    display: none;
    padding-top: 10px;
    text-align: center;
}
#overlay-search-filters .tabs {
    border: 1px solid #ebebeb;
}
#overlay-search-filters .tabs .tabs-nav a {
    -var-background: Filter Tab Bg Color;
    background: #f0f0f0;
    -var-color: Filter Tab Text Color;
    color: #222222;
}
#overlay-search-filters .tabs .tabs-nav a.active {
    background: var(--currentFilterTabBgColor);
}
#overlay-search-filters .note {
    -var-color: Filter Note Color;
    color: #333333;
    line-height: 1.3em;
    margin: 0 20px;
}
#filters-overlay {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}
@media (max-width: 990px) {
    #overlay-search-filters .tag-filters .tag-filter {
        flex: 0 0 33.33%;
    }
    #overlay-search-filters #search-results .menu-items .menu-item {
        width: 100%;
    }
}
@media (max-width: 767px) {
    h1 {
        line-height: 1.1em;
    }
    .img-cols {
        flex-wrap: wrap;
    }
    .img-cols > div {
        flex: 0 0 100%;
    }
}
@media (max-width: 640px) {
    #overlay-search-filters .tag-filters .tag-filter {
        flex: 0 0 50%;
    }
}
@media (max-width: 479px) {
    .h1,
    h1 {
        font-size: 9vw;
    }
    .h2,
    h2 {
        font-size: 8vw;
    }
    .h3,
    h3 {
        font-size: 5vw;
    }
    .h4,
    h4 {
        font-size: 4vw;
    }
    .h5,
    h5 {
        font-size: 3vw;
    }
    .h6,
    h6 {
        font-size: 2.5vw;
    }
}
.logo-wrapper {
    display: block;
    text-align: center;
    width: 100%;
}
.logo {
    display: inline-block;
    margin: 70px auto 30px;
}
.logo img {
    display: block;
    max-height: 300px;
    max-width: 350px;
    min-height: 50px;
    min-width: 150px;
}
@media (max-width: 479px) {
    .logo {
        margin-bottom: 25px;
        max-width: 85%;
    }
    .logo img {
        margin: 0 auto;
        max-width: 100%;
        min-height: 0;
        min-width: 0;
    }
}
.intro {
    text-align: center; font-family: 'Droid Arabic Kufi', serif;
}
.intro h1 {
    -var-color: Intro Title Color;
    color: #ffffff;
}
.intro p {
    -var-color: Intro Text Color;
    color: #ffffff;
    display: block;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
    margin: 0 auto 60px;
    max-width: 500px;
}
.intro .btn {
    background-color: hsla(0, 0%, 100%, 0.25);
    -var-border-color: Intro Button Border Color;
    border-color: #ffffff;
    -var-color: Intro Button Text Color;
    color: #ffffff;
    font-weight: 600;
    padding-bottom: 18px;  font-size: 26px;
    padding-top: 18px; font-family: 'Droid Arabic Kufi', serif;
}
@media (max-width: 479px) {
    .intro {
        margin: 0 auto;
        max-width: 90%;
        width: 100%;
    }
    .intro h1 {
        font-size: 46px;
    }
    .intro .btn {
        width: 100%;
    }
}
.intro-boxed,
.intro-boxed .gallery-n-overlay {
    position: relative;
}
.intro-boxed .gallery-n-overlay.hide-overlay .overlay {
    display: none;
}
.intro-boxed .gallery-n-overlay.has-overlay:not(.hide-overlay) .slick-slide.slick-active {
    position: relative;
}
.intro-boxed .gallery-n-overlay.has-overlay:not(.hide-overlay) .slick-slide.slick-active:after {
    background-color: #000;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
}
.intro-boxed .bg-wrapper {
    height: 100%;
    height: 40vh;
    overflow: hidden;
    position: relative;
}
.intro-boxed video.bg {
    background-position: 50% 50%;
    background-size: cover;
    bottom: -100%;
    height: 100%;
    left: -100%;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: -100%;
    top: -100%;
    width: 100%;
    z-index: -100;
}
.intro-boxed .gallery-wrapper,
.intro-boxed .gallery-wrapper .gallery .slide {
    max-width: 1400px;
}
.intro-boxed div.bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: relative;
    width: 100%;
}
.intro-boxed div.bg:before {
    background-color: #000;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
}
.intro-boxed h1 {
    -var-color: Intro Box Title Color;
    color: #ffffff;
}
.intro-boxed p {
    -var-color: Intro Box Text Color;
    color: #ffffff;
    display: block;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
    margin: 0 auto;
    max-width: 500px;
}
.intro-boxed .overlay {
    left: 50%;
    max-width: 100%;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 9;
}
.intro-boxed .intro-logo {
    max-height: 30vh;
    max-width: 350px;
    min-height: 50px;
    min-width: 150px;
}
.intro-boxed .welcome-message {
    color: #000;
    margin-top: -55px;
    padding: 0 20px;
    position: relative;
    transition: all 0.3s ease;
    z-index: 9;
}
.intro-boxed .welcome-message .title-wrapper {
    display: block;
}
.intro-boxed .welcome-message .title-in-box {
    -var-background-color: Intro Box Welcome Caption BG Color;
    background-color: #e0a25f;
    -var-color: Text Color;
    color: #333333;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 0;
    z-index: 9;
}
.intro-boxed .welcome-message .content {
    max-height: 0;
    max-width: 700px;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    visibility: hidden;
}
.intro-boxed .welcome-message .title-wrapper {
    text-align: right;
}
.intro-boxed .welcome-message h1 {
    -var-color: Heading 1 Color;
    color: #222222;
}
.intro-boxed .welcome-message h2 {
    -var-color: Heading 2 Color;
    color: #222222;
}
.intro-boxed .welcome-message p {
    color: #000;
    font-size: 15px;
    max-width: 100%;
}
.intro-boxed .welcome-message.expand {
    padding-top: 85px;
}
.intro-boxed .welcome-message.expand .content {
    margin-bottom: 30px;
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
}
@media (max-width: 479px) {
    .intro-boxed .overlay {
        left: 50%;
        margin: 0 auto;
        transform: translate3d(-50%, -50%, 0);
        width: 70%;
    }
    .intro-boxed .intro-logo {
        max-width: 100%;
        min-width: 100px;
    }
}
.intro-boxed-wrapper {
    margin-bottom: 80px;
}
.intro-boxed-wrapper.fadded-bottom-edge {
    margin-bottom: 0;
}
.intro-boxed-wrapper.fadded-bottom-edge .intro-boxed .welcome-message {
    margin-top: -75px;
}
.intro-boxed-wrapper.fadded-bottom-edge .intro-boxed .welcome-message.expand {
    padding-top: 55px;
}
.intro-boxed-wrapper.fadded-bottom-edge .intro-boxed .bg-wrapper {
    height: 55vh;
}
.intro-boxed-wrapper.fadded-bottom-edge .intro-boxed .bg-wrapper:after {
    background: linear-gradient(180deg, hsla(23, 14%, 89%, 0), #ebeff1);
    bottom: -1px;
    content: "";
    display: block;
    height: 33%;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
}
.intro-boxed-wrapper.fadded-bottom-edge + div.wrapper {
    position: relative;
}
@media (max-width: 479px) {
    .intro-boxed-wrapper.fadded-bottom-edge .overlay {
        width: 100%;
    }
}
.venue-group {
    margin: 40px auto;
}
.venue-group h1 {
    -var-color: Title Color;
    color: #222222;
    display: block;
    font-size: 20px;
    margin-bottom: 20px;
}
.venue-group h1:after {
    -var-background: Title Bottom Border Color;
    background: #222222;
    content: "";
    display: block;
    height: 3px;
    margin-top: 5px;
    width: 80px;
}
.venue-group .venues {
    display: flex;
    flex-wrap: wrap;
}
.venue-group .venues .venue {
    background-position: 50%;
    background-size: cover;
    border-bottom: 1px solid #fff;
    height: 200px;
    width: 50%;
}
.venue-group .venues .venue:nth-child(2n + 2) {
    border-left: 1px solid #fff;
}
.venue-group .venues .venue a {
    align-items: flex-start;
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.6));
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    padding: 20px;
    width: 100%;
}
.venue-group .venues .venue h3 {
    -var-color: Venue Item Title Color;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}
.venue-group .venues .venue .category {
    -var-color: Venue Item Sub Title Color;
    color: #ffffff;
    font-size: 10px;
    font-weight: 400;
    text-transform: capitalize;
}
@media screen and (max-width: 760px) {
    .venue-group .venues {
        margin: 0 -20px;
    }
    .venue-group .venues .venue {
        width: 100%;
    }
    .venue-group .venues .venue:nth-child(2n + 2) {
        border-left: 0;
    }
    .venue-group .venues .venue:last-child {
        border-bottom: 0;
    }
}
@media screen and (max-width: 480px) {
    .venue-group h1 {
        font-size: 6vw;
    }
    .venue-group .venues {
        margin: 0 -15px;
    }
    .venue-group .venues .venue h3 {
        font-size: 6vw;
    }
    .venue-group .venues .venue .category {
        font-size: 3vw;
    }
}
.social-links-wrapper {
    margin: 30px auto;
}
.social-links {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 20px;
    text-align: center;
}
.social-links .label {
    margin: 0;
    text-transform: capitalize;
}
.social-links > a {
    margin: 0 10px;
}
.social-links svg {
    display: inline-block;
    height: 22px;
    vertical-align: middle;
    width: 22px;
}
.social-links svg .fill {
    -var-fill: Social Icon Color;
    fill: #595959;
}
.social-links.large-icons > a {
    margin: 0 20px;
}
.social-links.large-icons svg {
    height: 30px;
    width: 30px;
}
.gallery-outer-wrapper {
    background: #263238;
}
.gallery-wrapper {
    max-width: 1100px;
}
.gallery-wrapper.wrapper.padded {
    padding: 0;
}
.gallery-wrapper .gallery .video {
    height: 100%;
    position: relative;
    width: 100%;
}
.gallery-wrapper .gallery .video video {
    background-color: #000;
    height: 100%;
    width: 100%;
}
.gallery-wrapper .gallery .video video.bg {
    background-position: 50% 50%;
    background-size: cover;
    bottom: -100%;
    left: -100%;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: -100%;
    top: -100%;
    z-index: -100;
}
.gallery-wrapper .gallery .video .video-overlay {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.gallery-wrapper .gallery .video .video-overlay a.play {
    -var-background-color: Menu Item Slider Play Button Bg Color;
    background-color: #ffffff;
    border-radius: 50px;
    display: block;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    outline: 0;
    position: absolute;
    top: 50%;
    width: 50px;
}
.gallery-wrapper .gallery .video .video-overlay a.play:after {
    border-bottom: 10px solid transparent;
    -var-border-left-color: Menu Item Slider Play Button Color;
    border-left: 14px solid #000000;
    border-top: 10px solid transparent;
    content: "";
    display: block;
    left: 20px;
    position: absolute;
    top: 15px;
}
.gallery-wrapper .gallery .video .video-overlay a.audio {
    background-image: url(/img/speaker-on.svg);
    display: none;
    height: 20px;
    outline: 0;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 20px;
}
.gallery-wrapper .gallery .video .video-overlay a.audio.off {
    background-image: url(/img/speaker-off.svg);
    opacity: 0.7;
}
.gallery-wrapper .gallery .video.loading .video-overlay a.play,
.gallery-wrapper .gallery .video.playing .video-overlay a.play {
    display: none;
}
.gallery-wrapper .gallery .video.playing .video-overlay a.audio {
    display: block;
}
.gallery-wrapper .gallery .video.has-caption .video-overlay a.audio {
    top: 35px;
}
.gallery-wrapper .gallery .slick-slide > div {
    font-size: 0;
    line-height: 0px;
}
.gallery-wrapper .gallery .slide {
    height: 50vh;
    line-height: 1.6;
    max-width: 1100px;
    min-height: 400px;
    position: relative;
    width: 100%;
}
.gallery-wrapper .gallery .slide .img {
    background-position: 50%;
    background-size: cover;
    height: 100%;
}
.gallery-wrapper .gallery .slide .caption {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75));
    color: #fff;
    font-size: 11px;
    left: 0;
    padding: 5px 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}
.gallery-wrapper .gallery:not(.slick-initialized) {
    background: #000;
}
.gallery-wrapper .gallery:not(.slick-initialized) .slide {
    display: none;
}
.gallery-wrapper .gallery:not(.slick-initialized) .slide:first-child {
    display: block;
}
.gallery-wrapper .gallery .slick-next:before,
.gallery-wrapper .gallery .slick-prev:before {
    -var-border-color: Gallery Arrow Color;
    border-color: #ffffff;
}
@media (max-width: 768px) {
    .gallery-wrapper .gallery .slick-next:before,
    .gallery-wrapper .gallery .slick-prev:before {
        border-right-width: 3px;
        border-top-width: 3px;
        height: 20px;
        top: 8px;
        width: 20px;
    }
    .gallery-wrapper .gallery .slick-next {
        right: 5px;
    }
    .gallery-wrapper .gallery .slick-prev {
        left: 5px;
    }
}
@media (max-width: 960px) {
    .gallery-wrapper .gallery .slide {
        min-height: 300px;
    }
}
@media (max-width: 450px) {
    .gallery-wrapper .gallery .slide {
        min-height: 250px;
    }
}
.main-nav {
    overflow: auto;
}
.main-nav > li {
    margin: 7px 0;
}
.main-nav > li a {
    -var-background-color: Nav Button Bg Color;
    background-color: #000000;
    -var-border-color: Nav Button Border Color;
    border: 2px solid #000000;
    border-radius: 3px;
    -var-color: Nav Button Text Color;
    color: #ffffff;
    display: block;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 1;
    line-height: 1.4;
    padding: 18px 20px;
    text-align: center;
}
.main-nav > li > div {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease-in;
}
.main-nav > li li {
    margin: 1px 0;
}
.main-nav > li li a {
    -var-background-color: Nav Sub Button Bg Color;
    background-color: #494949;
    border: 2px solid #494949;
    -var-color: Nav Sub Button Text Color;
    color: #ffffff;
    -var-color: Nav Sub Button Border Color;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    padding: 13px 15px;
}
.main-nav > li li:first-child a {
    margin-top: 0;
}
.main-nav > li.open > div {
    opacity: 1;
    transition: all 0.3s ease-out;
}
@media (max-width: 480px) {
    .main-nav > li {
        margin-bottom: 10px;
        margin-top: 10px;
    }
}
@media (max-width: 380px) {
    .main-nav > li a {
        font-size: 6.5vw;
    }
}
.horizontal .main-nav {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.horizontal .main-nav li {
    flex: 1;
    margin-bottom: 5px;
    margin-right: 1px;
    margin-top: 5px;
}
.horizontal .main-nav li:last-child {
    margin-right: 0;
}
.horizontal .main-nav li li {
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 1px;
}
.horizontal .main-nav li li a {
    font-size: 18px;
}
@media (max-width: 990px) {
    .horizontal .main-nav li {
        margin-bottom: 1px;
        margin-top: 0;
        min-width: 49%;
    }
}
@media (max-width: 500px) {
    .horizontal .main-nav li {
        margin-right: 0;
        min-width: 100%;
    }
}
@media (max-width: 380px) {
    .horizontal .main-nav > li a {
        font-size: 30px;
    }
}
.button-wrapper {
    max-width: 435px;
}
.btn {
    -var-background-color: Default Button Bg Color;
    background-color: #716749;
    border: 2px solid #716749;
    border-radius: 4px;
    box-shadow: 0 1px 1px 0 transparent;
    -var-color: Default Button Border Color;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 1;
    padding: 12px 20px;
    text-transform: uppercase;
    transition: box-shadow 0.2s ease;
}
.btn.btn-large {
    font-size: 20px;
    padding: 20px;
}
.btn:hover {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.btn.btn-primary {
    -var-background-color: Primary Button Bg Color;
    background-color: #ffffff;
    -var-border-color: Primary Button Border Color;
    border-color: #ffffff;
    -var-color: Primary Button Text Color;
    color: #ffffff;
}
.btn.btn-secondary {
    -var-background-color: Secondary Button Bg Color;
    background-color: #ffffff;
    -var-border-color: Secondary Button Border Color;
    border-color: #ffffff;
    -var-color: Secondary Button Text Color;
    color: #ffffff;
}
.btn.btn-block {
    display: block;
    margin: 40px auto;
    text-align: center;
}
.note {
    font-size: 12px;
    margin: 10px 0;
    text-align: center;
}
.note.small {
    font-size: 8px;
}
.image-wrapper {
    margin-bottom: 30px;
    margin-top: 30px;
}
.menu-item {
    margin: 20px auto;
    position: relative;
}
.menu-item .menu-item-content {
    -var-background-color: Menu Item Bg Color;
    background-color: #ffffff;
    border-radius: 1px;
    box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.1), 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    display: block;
    height: 100%;
    position: relative;
    text-align: left;
}
.menu-item .menu-item-content .qty-form {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.menu-item .menu-item-content a.open-popup {
    display: block;
    height: 100%;
}
.menu-item:last-child {
    margin-bottom: 10px;
}
.menu-item .info-row {
    align-items: stretch;
    display: flex;
    height: 100%;
}
.menu-item .info-row .info {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 10px 10px 0;
}
.menu-item .info-row .info .description {
    flex: 1;
}
.menu-item .info-row .info .description p {
    min-height: 36px;
}
.menu-item .info-row .info .description p:last-child {
    margin-bottom: 0;
}
.menu-item .info-row .thumb {
    min-height: 90px;
    min-width: 100px;
}
.menu-item .info-row .grid-thumb,
.menu-item .info-row .thumb {
    background-color: #ccc;
    background-position: 50%;
    background-size: cover;
}
.menu-item .info-row .grid-thumb {
    display: none;
    padding-top: 100%;
    width: 100%;
}
.menu-item .modifiers {
    margin-bottom: 30px;
}
.menu-item .modifiers .modifier .options .option {
    display: flex;
    margin: 10px 0;
}
.menu-item .modifiers .modifier .options .option .label {
    -var-color: Modifier Option Title Color;
    color: #222222;
    font-size: 14px;
    margin-right: 12px;
    padding-left: 20px;
}
.menu-item .modifiers .modifier .options .option .label:before {
    content: "x ";
    margin-right: 5px;
}
.menu-item .modifiers .modifier .options .option .cal {
    -var-color: Modifier Option Calories Color;
    color: #a5a5a5;
    font-size: 14px;
}
.menu-item .modifiers .modifier .options .option .value {
    -var-color: Modifier Option Price Color;
    color: #a5a5a5;
    flex: 1;
    padding-right: 5px;
    text-align: right;
}
.menu-item .actions-row {
    border-top: 1px solid #f3f3f5;
}
.menu-item .actions-row a:not(.order-button-remove) {
    background-position: 50%;
    transition: all 0.8s;
}
.menu-item .actions-row a:not(.order-button-remove):hover {
    -var-background: Menu Item Bg Color;
    background: #ffffff radial-gradient(circle, transparent 1%, #ffffff 1%) center/15000%;
}
.menu-item .actions-row a:not(.order-button-remove):active {
    -var-background-color: Menu Item Tab Link Ripple Color;
    background-color: #d7d7d7;
    background-size: 100%;
    transition: all 0s;
}
.menu-item .actions-row > div a {
    padding: 10px;
}
.menu-item .actions-row .order {
    flex-grow: 1;
}
.menu-item .actions-row .view {
    border-left: 1px solid #f3f3f5;
    min-width: 100px;
}
.menu-item .tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.menu-item .tags .tag {
    -var-color: Menu Item Tag Color;
    color: #b0bec5;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    padding: 5px;
    text-transform: uppercase;
}
.menu-item .tags .tag img {
    max-width: 20px;
}
.menu-item .tags .tag.time .icon.icon-clock {
    -var-border-color: Menu Item Time Tag Color;
    border-color: #b0bec5;
}
.menu-item .tags .tag.time .icon.icon-clock:after,
.menu-item .tags .tag.time .icon.icon-clock:before {
    -var-background-color: Menu Item Time Tag Color;
    background-color: #b0bec5;
}
.menu-item .tags .tag:first-child {
    padding-left: 0;
}
.menu-item.no-thumb .actions-row .view {
    flex-grow: 1;
}
.menu-item.highlight {
    position: relative;
}
.menu-item.highlight .menu-item-content {
    -var-border-color: Menu Item Highlight Color;
    border: 2px solid #ff4f81;
    border-radius: 2px;
}
.menu-item.highlight.no-calories .tags {
    margin-bottom: -25px;
}
.menu-item.highlight.no-calories .tags .tag {
    position: relative;
    z-index: 1;
}
.menu-item.not-available,
.menu-item.not-matched {
    display: none;
    opacity: 0.4;
}
#menu-item-popup .breadcrumbs,
#menu-item-single-view .breadcrumbs,
.menu-item .breadcrumbs {
    color: #aaa;
    font-size: 10px;
    padding: 5px 10px;
    position: relative;
}
#menu-item-popup .breadcrumbs ul,
#menu-item-single-view .breadcrumbs ul,
.menu-item .breadcrumbs ul {
    list-style: none;
}
#menu-item-popup .breadcrumbs li,
#menu-item-single-view .breadcrumbs li,
.menu-item .breadcrumbs li {
    display: inline-block;
}
#menu-item-popup .breadcrumbs li:before,
#menu-item-single-view .breadcrumbs li:before,
.menu-item .breadcrumbs li:before {
    content: " - ";
    margin: 0 3px;
}
#menu-item-popup .breadcrumbs li:first-child:before,
#menu-item-single-view .breadcrumbs li:first-child:before,
.menu-item .breadcrumbs li:first-child:before {
    content: none;
    margin: 0;
}
#menu-item-popup .breadcrumbs a,
#menu-item-single-view .breadcrumbs a,
.menu-item .breadcrumbs a {
    color: #aaa;
    white-space: nowrap;
}
#menu-item-popup .menu-item-title,
#menu-item-popup h3,
#menu-item-single-view .menu-item-title,
#menu-item-single-view h3,
.menu-item .menu-item-title,
.menu-item h3 {
    -var-color: Menu Item Title Color;
    color: #222222;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2em;
    margin: 0 0 10px;
}
#menu-item-popup .price,
#menu-item-single-view .price,
.menu-item .price {
    -var-color: Menu Item Price Color;
    color: #636363;
    flex: 1;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2em;
    padding: 5px 0 5px 5px;
    text-align: right;
    text-transform: none;
    white-space: nowrap;
}
#menu-item-popup .description,
#menu-item-single-view .description,
.menu-item .description {
    -var-color: Menu Item Description Color;
    color: #222222;
}
#menu-item-popup .description ol,
#menu-item-popup .description ul,
#menu-item-single-view .description ol,
#menu-item-single-view .description ul,
.menu-item .description ol,
.menu-item .description ul {
    margin: 15px 0;
    padding-left: 20px;
}
#menu-item-popup .description ul,
#menu-item-single-view .description ul,
.menu-item .description ul {
    list-style: initial;
}
#menu-item-popup .description ol,
#menu-item-single-view .description ol,
.menu-item .description ol {
    list-style: decimal;
}
#menu-item-popup p,
#menu-item-single-view p,
.menu-item p {
    font-size: 14px;
    line-height: 1.3em;
    margin-top: 0;
}
#menu-item-popup .cal-price-wrapper,
#menu-item-single-view .cal-price-wrapper,
.menu-item .cal-price-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 5px;
}
#menu-item-popup .cal,
#menu-item-single-view .cal,
.menu-item .cal {
    -var-color: Menu Item Tag Color;
    color: #b0bec5;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    padding: 5px 5px 5px 0;
    text-transform: none;
}
#menu-item-popup .highlights,
#menu-item-single-view .highlights,
.menu-item .highlights {
    align-items: center;
    -var-background: Menu Item Highlight Color;
    background: #ff4f81;
    border-top-left-radius: 4px;
    bottom: 0;
    -var-color: Menu Item Highlight Text Color;
    color: #ffffff;
    display: inline-flex;
    flex-wrap: wrap;
    padding: 0 5px;
    position: absolute;
    right: 0;
}
#menu-item-popup .highlights .highlight,
#menu-item-single-view .highlights .highlight,
.menu-item .highlights .highlight {
    display: flex;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 5px;
    text-transform: uppercase;
}
#menu-item-popup .highlights .highlight img,
#menu-item-single-view .highlights .highlight img,
.menu-item .highlights .highlight img {
    max-width: 20px;
}
#menu-item-popup .highlights .highlight.time .icon.icon-clock,
#menu-item-single-view .highlights .highlight.time .icon.icon-clock,
.menu-item .highlights .highlight.time .icon.icon-clock {
    -var-border-color: Menu Item Time Tag Color;
    border-color: #b0bec5;
}
#menu-item-popup .highlights .highlight.time .icon.icon-clock:after,
#menu-item-popup .highlights .highlight.time .icon.icon-clock:before,
#menu-item-single-view .highlights .highlight.time .icon.icon-clock:after,
#menu-item-single-view .highlights .highlight.time .icon.icon-clock:before,
.menu-item .highlights .highlight.time .icon.icon-clock:after,
.menu-item .highlights .highlight.time .icon.icon-clock:before {
    -var-background-color: Menu Item Time Tag Color;
    background-color: #b0bec5;
}
#menu-item-popup .actions-row,
#menu-item-single-view .actions-row,
.menu-item .actions-row {
    display: flex;
    flex-wrap: wrap;
}
#menu-item-popup .actions-row > div a,
#menu-item-single-view .actions-row > div a,
.menu-item .actions-row > div a {
    align-items: center;
    -var-color: Menu Item Button Text Color;
    color: #222;
    display: flex;
}
#menu-item-popup .actions-row > div a i,
#menu-item-single-view .actions-row > div a i,
.menu-item .actions-row > div a i {
    margin-right: 10px;
}
#menu-item-popup .actions-row > div a span,
#menu-item-single-view .actions-row > div a span,
.menu-item .actions-row > div a span {
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
}
#menu-item-popup .actions-row > div a.order-button-remove,
#menu-item-single-view .actions-row > div a.order-button-remove,
.menu-item .actions-row > div a.order-button-remove {
    display: none;
}
#menu-item-popup .actions-row .icon.icon-add,
#menu-item-popup .actions-row .icon.icon-back,
#menu-item-popup .actions-row .icon.icon-close,
#menu-item-popup .actions-row .icon.icon-info,
#menu-item-popup .actions-row .icon.icon-update,
#menu-item-single-view .actions-row .icon.icon-add,
#menu-item-single-view .actions-row .icon.icon-back,
#menu-item-single-view .actions-row .icon.icon-close,
#menu-item-single-view .actions-row .icon.icon-info,
#menu-item-single-view .actions-row .icon.icon-update,
.menu-item .actions-row .icon.icon-add,
.menu-item .actions-row .icon.icon-back,
.menu-item .actions-row .icon.icon-close,
.menu-item .actions-row .icon.icon-info,
.menu-item .actions-row .icon.icon-update {
    -var-background-color: Menu Item Action Tab Icon Bg Color;
    background-color: #b0bec5;
}
#menu-item-popup .actions-row .icon.icon-add:after,
#menu-item-popup .actions-row .icon.icon-add:before,
#menu-item-popup .actions-row .icon.icon-back:after,
#menu-item-popup .actions-row .icon.icon-back:before,
#menu-item-popup .actions-row .icon.icon-close:after,
#menu-item-popup .actions-row .icon.icon-close:before,
#menu-item-popup .actions-row .icon.icon-info:after,
#menu-item-popup .actions-row .icon.icon-info:before,
#menu-item-popup .actions-row .icon.icon-update:after,
#menu-item-popup .actions-row .icon.icon-update:before,
#menu-item-single-view .actions-row .icon.icon-add:after,
#menu-item-single-view .actions-row .icon.icon-add:before,
#menu-item-single-view .actions-row .icon.icon-back:after,
#menu-item-single-view .actions-row .icon.icon-back:before,
#menu-item-single-view .actions-row .icon.icon-close:after,
#menu-item-single-view .actions-row .icon.icon-close:before,
#menu-item-single-view .actions-row .icon.icon-info:after,
#menu-item-single-view .actions-row .icon.icon-info:before,
#menu-item-single-view .actions-row .icon.icon-update:after,
#menu-item-single-view .actions-row .icon.icon-update:before,
.menu-item .actions-row .icon.icon-add:after,
.menu-item .actions-row .icon.icon-add:before,
.menu-item .actions-row .icon.icon-back:after,
.menu-item .actions-row .icon.icon-back:before,
.menu-item .actions-row .icon.icon-close:after,
.menu-item .actions-row .icon.icon-close:before,
.menu-item .actions-row .icon.icon-info:after,
.menu-item .actions-row .icon.icon-info:before,
.menu-item .actions-row .icon.icon-update:after,
.menu-item .actions-row .icon.icon-update:before {
    -var-background-color: Menu Item Action Tab Icon Color;
    background-color: #ffffff;
}
#menu-item-popup .actions-row .icon.icon-tick,
#menu-item-single-view .actions-row .icon.icon-tick,
.menu-item .actions-row .icon.icon-tick {
    -var-background-color: Menu Item Action Tab Icon Bg Color;
    background-color: #b0bec5;
}
#menu-item-popup .actions-row .icon.icon-tick:after,
#menu-item-single-view .actions-row .icon.icon-tick:after,
.menu-item .actions-row .icon.icon-tick:after {
    -var-border-color: Menu Item Action Tab Icon Color;
    border-color: #ffffff;
}
#menu-item-popup .qty-form,
#menu-item-single-view .qty-form,
.menu-item .qty-form {
    background-color: #fff;
    padding: 14px;
}
#menu-item-popup .qty-form .inner-wrapper,
#menu-item-single-view .qty-form .inner-wrapper,
.menu-item .qty-form .inner-wrapper {
    margin: 0 auto;
    max-width: 320px;
    position: relative;
}
#menu-item-popup .qty-form .qty-counter,
#menu-item-single-view .qty-form .qty-counter,
.menu-item .qty-form .qty-counter {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
#menu-item-popup .qty-form .qty-counter a.dec,
#menu-item-popup .qty-form .qty-counter a.inc,
#menu-item-single-view .qty-form .qty-counter a.dec,
#menu-item-single-view .qty-form .qty-counter a.inc,
.menu-item .qty-form .qty-counter a.dec,
.menu-item .qty-form .qty-counter a.inc {
    display: block;
    height: 40px;
    width: 40px;
}
#menu-item-popup .qty-form .qty-counter a.dec .icon-add,
#menu-item-popup .qty-form .qty-counter a.inc .icon-add,
#menu-item-single-view .qty-form .qty-counter a.dec .icon-add,
#menu-item-single-view .qty-form .qty-counter a.inc .icon-add,
.menu-item .qty-form .qty-counter a.dec .icon-add,
.menu-item .qty-form .qty-counter a.inc .icon-add {
    -var-border-color: Menu Item Quantity Counter Button Color;
    border-color: #333333;
}
#menu-item-popup .qty-form .qty-counter a.dec .icon-add:after,
#menu-item-popup .qty-form .qty-counter a.dec .icon-add:before,
#menu-item-popup .qty-form .qty-counter a.inc .icon-add:after,
#menu-item-popup .qty-form .qty-counter a.inc .icon-add:before,
#menu-item-single-view .qty-form .qty-counter a.dec .icon-add:after,
#menu-item-single-view .qty-form .qty-counter a.dec .icon-add:before,
#menu-item-single-view .qty-form .qty-counter a.inc .icon-add:after,
#menu-item-single-view .qty-form .qty-counter a.inc .icon-add:before,
.menu-item .qty-form .qty-counter a.dec .icon-add:after,
.menu-item .qty-form .qty-counter a.dec .icon-add:before,
.menu-item .qty-form .qty-counter a.inc .icon-add:after,
.menu-item .qty-form .qty-counter a.inc .icon-add:before {
    -var-background-color: Menu Item Quantity Counter Button Color;
    background-color: #333333;
}
#menu-item-popup .qty-form .qty-counter a.dec .icon-minus,
#menu-item-popup .qty-form .qty-counter a.inc .icon-minus,
#menu-item-single-view .qty-form .qty-counter a.dec .icon-minus,
#menu-item-single-view .qty-form .qty-counter a.inc .icon-minus,
.menu-item .qty-form .qty-counter a.dec .icon-minus,
.menu-item .qty-form .qty-counter a.inc .icon-minus {
    -var-border-color: Menu Item Quantity Counter Button Color;
    border-color: #333333;
}
#menu-item-popup .qty-form .qty-counter a.dec .icon-minus:after,
#menu-item-popup .qty-form .qty-counter a.inc .icon-minus:after,
#menu-item-single-view .qty-form .qty-counter a.dec .icon-minus:after,
#menu-item-single-view .qty-form .qty-counter a.inc .icon-minus:after,
.menu-item .qty-form .qty-counter a.dec .icon-minus:after,
.menu-item .qty-form .qty-counter a.inc .icon-minus:after {
    -var-background-color: Menu Item Quantity Counter Button Color;
    background-color: #333333;
}
#menu-item-popup .qty-form .qty-counter input[type="text"],
#menu-item-single-view .qty-form .qty-counter input[type="text"],
.menu-item .qty-form .qty-counter input[type="text"] {
    -var-color: Menu Item Quantity Counter Text Color;
    color: #333333;
    font-size: 15px;
    font-weight: 900;
    height: 40px;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    width: 50px;
}
#menu-item-popup .qty-form .order-button-add,
#menu-item-single-view .qty-form .order-button-add,
.menu-item .qty-form .order-button-add {
    align-items: center;
    background-color: #0b2240;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 395px;
    padding: 10px 15px;
    text-align: center;
}
#menu-item-popup .qty-form .order-button-add .cal-wrapper,
#menu-item-popup .qty-form .order-button-add .price-wrapper,
#menu-item-single-view .qty-form .order-button-add .cal-wrapper,
#menu-item-single-view .qty-form .order-button-add .price-wrapper,
.menu-item .qty-form .order-button-add .cal-wrapper,
.menu-item .qty-form .order-button-add .price-wrapper {
    color: #fff;
    font-size: 13px;
}
#menu-item-popup .qty-form .order-button-add .count-wrapper,
#menu-item-single-view .qty-form .order-button-add .count-wrapper,
.menu-item .qty-form .order-button-add .count-wrapper {
    color: #fff;
    flex: 1;
    font-size: 18px;
}
#menu-item-popup .qty-form a.close,
#menu-item-single-view .qty-form a.close,
.menu-item .qty-form a.close {
    background: transparent;
    height: 40px;
    padding: 12px;
    position: absolute;
    right: 0;
    top: 1px;
    width: 40px;
}
#menu-item-popup .qty-form a.close svg,
#menu-item-single-view .qty-form a.close svg,
.menu-item .qty-form a.close svg {
    max-width: 100%;
}
#menu-item-popup.item-added .actions-row a.order-button-remove,
#menu-item-single-view.item-added .actions-row a.order-button-remove,
.menu-item.item-added .actions-row a.order-button-remove {
    display: flex;
}
#menu-item-popup.item-added .actions-row a.order-button-add,
#menu-item-single-view.item-added .actions-row a.order-button-add,
.menu-item.item-added .actions-row a.order-button-add {
    display: none;
}
#menu-item-popup,
#menu-item-single-view {
    font-size: 14px;
    line-height: 1.3em;
}
#menu-item-popup .img,
#menu-item-single-view .img {
    background-color: #ccc;
    background-position: 50%;
    background-size: cover;
    height: 40vh;
}
#menu-item-popup .video,
#menu-item-single-view .video {
    height: 100%;
    position: relative;
    width: 100%;
}
#menu-item-popup .video video,
#menu-item-single-view .video video {
    background-color: #000;
    height: 100%;
    width: 100%;
}
#menu-item-popup .video video.bg,
#menu-item-single-view .video video.bg {
    background-position: 50% 50%;
    background-size: cover;
    bottom: -100%;
    left: -100%;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: -100%;
    top: -100%;
    z-index: -100;
}
#menu-item-popup .video .video-overlay,
#menu-item-single-view .video .video-overlay {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
#menu-item-popup .video .video-overlay a.play,
#menu-item-single-view .video .video-overlay a.play {
    -var-background-color: Menu Item Slider Play Button Bg Color;
    background-color: #ffffff;
    border-radius: 50px;
    display: block;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    outline: 0;
    position: absolute;
    top: 50%;
    width: 50px;
}
#menu-item-popup .video .video-overlay a.play:after,
#menu-item-single-view .video .video-overlay a.play:after {
    border-bottom: 10px solid transparent;
    -var-border-left-color: Menu Item Slider Play Button Color;
    border-left: 14px solid #000000;
    border-top: 10px solid transparent;
    content: "";
    display: block;
    left: 20px;
    position: absolute;
    top: 15px;
}
#menu-item-popup .video .video-overlay a.audio,
#menu-item-single-view .video .video-overlay a.audio {
    background-image: url(/img/speaker-on.svg);
    display: none;
    height: 20px;
    outline: 0;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 20px;
}
#menu-item-popup .video .video-overlay a.audio.off,
#menu-item-single-view .video .video-overlay a.audio.off {
    background-image: url(/img/speaker-off.svg);
    opacity: 0.7;
}
#menu-item-popup .video.loading .video-overlay a.play,
#menu-item-popup .video.playing .video-overlay a.play,
#menu-item-single-view .video.loading .video-overlay a.play,
#menu-item-single-view .video.playing .video-overlay a.play {
    display: none;
}
#menu-item-popup .video.playing .video-overlay a.audio,
#menu-item-single-view .video.playing .video-overlay a.audio {
    display: block;
}
#menu-item-popup .slider .slide,
#menu-item-single-view .slider .slide {
    display: block;
    height: 40vh;
}
#menu-item-popup .slider .slick-next,
#menu-item-popup .slider .slick-prev,
#menu-item-single-view .slider .slick-next,
#menu-item-single-view .slider .slick-prev {
    height: 25px;
    transform: none;
    width: 18px;
}
#menu-item-popup .slider .slick-next:before,
#menu-item-popup .slider .slick-prev:before,
#menu-item-single-view .slider .slick-next:before,
#menu-item-single-view .slider .slick-prev:before {
    -var-border-right-color: Menu Item Slider Arrow Color;
    border-right: 3px solid #ffffff;
    -var-border-top-color: Menu Item Slider Arrow Color;
    border-top: 3px solid #ffffff;
    content: "";
    display: block;
    height: 12px;
    left: -3px;
    position: relative;
    top: 5px;
    transform: rotate(45deg);
    width: 12px;
}
[dir="rtl"] #menu-item-popup .slider .slick-next,
[dir="rtl"] #menu-item-popup .slider .slick-prev,
[dir="rtl"] #menu-item-single-view .slider .slick-next,
[dir="rtl"] #menu-item-single-view .slider .slick-prev {
    transform: none;
}
#menu-item-popup .slider .slick-prev:before,
#menu-item-single-view .slider .slick-prev:before {
    -var-border-left-color: Menu Item Slider Arrow Color;
    border-left: 3px solid #ffffff;
    border-right: 0;
    left: 6px;
    transform: rotate(-45deg);
}
#menu-item-popup .tabs-nav a,
#menu-item-single-view .tabs-nav a {
    -var-background-color: Menu Item Tab Bg Color;
    background-color: #f0f0f0;
    -var-color: Menu Item Tab Text Color;
    color: #222222;
    padding-left: 0;
    padding-right: 0;
}
#menu-item-popup .tabs-nav a.active,
#menu-item-single-view .tabs-nav a.active {
    -var-background-color: Menu Item Current Tab Bg Color;
    background-color: #ffffff;
}
#menu-item-popup .tabs-content,
#menu-item-single-view .tabs-content {
    padding: 20px;
}
#menu-item-popup .actions-row,
#menu-item-single-view .actions-row {
    -var-background-color: Menu Item Button Bg Color;
    background-color: #f0f0f0;
}
#menu-item-popup .actions-row a:not(.order-button-remove),
#menu-item-single-view .actions-row a:not(.order-button-remove) {
    background-position: 50%;
    transition: all 0.8s;
}
#menu-item-popup .actions-row a:not(.order-button-remove):hover,
#menu-item-single-view .actions-row a:not(.order-button-remove):hover {
    -var-background-color: Menu Item Button Bg Color;
    background: #f0f0f0 radial-gradient(circle, transparent 1%, #f0f0f0 1%) center/15000%;
}
#menu-item-popup .actions-row a:not(.order-button-remove):active,
#menu-item-single-view .actions-row a:not(.order-button-remove):active {
    -var-background-color: Menu Item Tab Link Ripple Color;
    background-color: #d7d7d7;
    background-size: 100%;
    transition: all 0s;
}
#menu-item-popup .actions-row > div,
#menu-item-single-view .actions-row > div {
    border-right: 1px solid #fff;
    flex: 1;
}
#menu-item-popup .actions-row > div a,
#menu-item-single-view .actions-row > div a {
    padding: 10px 20px;
}
#menu-item-popup .actions-row > div.update-order,
#menu-item-single-view .actions-row > div.update-order {
    display: none;
}
#menu-item-popup .actions-row > div:last-child,
#menu-item-single-view .actions-row > div:last-child {
    border-right: 0;
}
#menu-item-popup .custom-list,
#menu-item-popup .nutrients,
#menu-item-popup .qa-list,
#menu-item-single-view .custom-list,
#menu-item-single-view .nutrients,
#menu-item-single-view .qa-list {
    margin-bottom: 20px;
}
#menu-item-popup .custom-list h3,
#menu-item-popup .custom-list p,
#menu-item-popup .nutrients h3,
#menu-item-popup .nutrients p,
#menu-item-popup .qa-list h3,
#menu-item-popup .qa-list p,
#menu-item-single-view .custom-list h3,
#menu-item-single-view .custom-list p,
#menu-item-single-view .nutrients h3,
#menu-item-single-view .nutrients p,
#menu-item-single-view .qa-list h3,
#menu-item-single-view .qa-list p {
    margin-bottom: 0;
}
#menu-item-popup .nutrients .row,
#menu-item-single-view .nutrients .row {
    display: flex;
    justify-content: space-between;
}
#menu-item-popup .nutrients .row .key,
#menu-item-single-view .nutrients .row .key {
    font-size: 15px;
}
#menu-item-popup .nutrients .row .value,
#menu-item-single-view .nutrients .row .value {
    font-weight: 700;
}
#menu-item-popup .custom-list .row,
#menu-item-single-view .custom-list .row {
    margin-bottom: 20px;
}
#menu-item-popup .qa-list .row,
#menu-item-popup .qa-list h3,
#menu-item-single-view .qa-list .row,
#menu-item-single-view .qa-list h3 {
    margin-bottom: 10px;
}
#menu-item-popup .qa-list .question,
#menu-item-single-view .qa-list .question {
    font-size: 14px;
    font-weight: 700;
}
#menu-item-popup .other-prices,
#menu-item-single-view .other-prices {
    margin: 10px 0;
}
#menu-item-popup .other-prices .row,
#menu-item-single-view .other-prices .row {
    -var-background: Menu Item Prices Row Bg Color;
    background: #eceff1;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1px;
    padding: 5px 10px;
}
#menu-item-popup .other-prices .row .option,
#menu-item-single-view .other-prices .row .option {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
#menu-item-popup .other-prices .row.header,
#menu-item-single-view .other-prices .row.header {
    -var-background: Menu Item Prices Header Bg Color;
    background: #cfd8dc;
}
#menu-item-popup .other-prices .row div,
#menu-item-single-view .other-prices .row div {
    font-size: 14px;
}
#menu-item-popup .other-prices.invalid .row.header,
#menu-item-single-view .other-prices.invalid .row.header {
    background: #f89d9d;
}
#menu-item-popup .social-links,
#menu-item-single-view .social-links {
    justify-content: flex-start;
}
#menu-item-popup .social-links > a,
#menu-item-single-view .social-links > a {
    margin: 0 30px;
}
#menu-item-popup .social-links > a:last-child,
#menu-item-single-view .social-links > a:last-child {
    margin-right: 0;
}
#menu-item-popup .tags,
#menu-item-single-view .tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin-bottom: 5px;
    margin-top: 30px;
}
#menu-item-popup .tags .tag,
#menu-item-single-view .tags .tag {
    align-items: center;
    -var-color: Menu Item Tag Color;
    color: #b0bec5;
    display: flex;
    font-size: 13px;
    gap: 5px;
}
#menu-item-popup .tags .tag img,
#menu-item-single-view .tags .tag img {
    max-width: 20px;
}
#menu-item-popup .tags .tag.time .icon.icon-clock,
#menu-item-single-view .tags .tag.time .icon.icon-clock {
    -var-border-color: Menu Item Time Tag Color;
    border-color: #b0bec5;
}
#menu-item-popup .tags .tag.time .icon.icon-clock:after,
#menu-item-popup .tags .tag.time .icon.icon-clock:before,
#menu-item-single-view .tags .tag.time .icon.icon-clock:after,
#menu-item-single-view .tags .tag.time .icon.icon-clock:before {
    -var-background-color: Menu Item Time Tag Color;
    background-color: #b0bec5;
}
#menu-item-popup .tags .tag.highlight,
#menu-item-single-view .tags .tag.highlight {
    -var-background: Menu Item Highlight Color;
    color: #ff4f81;
}
#menu-item-popup .modifier,
#menu-item-single-view .modifier {
    margin-bottom: 30px;
}
#menu-item-popup .modifier h4,
#menu-item-single-view .modifier h4 {
    -var-border-bottom-color: Modifier Title Line Color;
    -var-color: Modifier Title Color;
    color: #222222;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 5px;
}
#menu-item-popup .modifier .instructions,
#menu-item-single-view .modifier .instructions {
    font-size: 12px;
}
#menu-item-popup .modifier p,
#menu-item-single-view .modifier p {
    -var-color: Modifier Summary Color;
    color: #222222;
    margin-bottom: 5px;
}
#menu-item-popup .modifier .options,
#menu-item-single-view .modifier .options {
    -var-border-top-color: Modifier Title Line Color;
    border-top: 1px solid #cccccc;
}
#menu-item-popup .modifier .option,
#menu-item-single-view .modifier .option {
    -var-border-bottom-color: Modifier Option Title Line Color;
    border-bottom: 1px dashed #e6e1de;
    display: flex;
    padding: 10px 0;
}
#menu-item-popup .modifier .option .label,
#menu-item-single-view .modifier .option .label {
    margin-right: 12px;
}
#menu-item-popup .modifier .option .cal,
#menu-item-single-view .modifier .option .cal {
    -var-color: Modifier Option Calories Color;
    color: #a5a5a5;
    font-size: 14px;
}
#menu-item-popup .modifier .option .value,
#menu-item-single-view .modifier .option .value {
    -var-color: Modifier Option Price Color;
    color: #a5a5a5;
    flex: 1;
    font-size: 14px;
    text-align: right;
}
#menu-item-popup .modifier.invalid h4,
#menu-item-single-view .modifier.invalid h4 {
    -var-color: Incomplete Modifier Title Color;
    color: #ff0000;
}
#menu-item-popup .modifier.max-selected .option:not(.checked),
#menu-item-single-view .modifier.max-selected .option:not(.checked) {
    opacity: 0.5;
}
#menu-item-popup .custom-checkbox,
#menu-item-single-view .custom-checkbox {
    margin-right: 12px;
    position: relative;
}
#menu-item-popup .custom-checkbox .label,
#menu-item-single-view .custom-checkbox .label {
    -var-color: Modifier Option Title Color;
    color: #222222;
    font-size: 14px;
    margin-right: 0;
    padding-left: 28px;
}
#menu-item-popup .custom-checkbox .check,
#menu-item-single-view .custom-checkbox .check {
    -var-border-color: Modifier Option Switch Color;
    border: 2px solid #0c2240;
    border-radius: 4px;
    height: 15px;
    left: 0;
    margin-top: -8px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 15px;
}
#menu-item-popup .custom-checkbox .check:after,
#menu-item-single-view .custom-checkbox .check:after {
    -var-background-color: Modifier Option Switch Color;
    background-color: #0c2240;
    border-radius: 4px;
    content: "";
    display: block;
    height: 13px;
    left: -1px;
    position: absolute;
    top: -1px;
    transform: scale(0);
    width: 13px;
}
#menu-item-popup .custom-checkbox input,
#menu-item-single-view .custom-checkbox input {
    display: none;
}
#menu-item-popup .custom-checkbox input:checked ~ .check:after,
#menu-item-single-view .custom-checkbox input:checked ~ .check:after {
    transform: scale(1);
}
#menu-item-popup .custom-checkbox.radio .check,
#menu-item-popup .custom-checkbox.radio .check:after,
#menu-item-single-view .custom-checkbox.radio .check,
#menu-item-single-view .custom-checkbox.radio .check:after {
    border-radius: 100px;
}
#menu-item-popup.item-added .actions-row > div.update-order,
#menu-item-single-view.item-added .actions-row > div.update-order {
    display: block;
}
@media (max-width: 640px) {
    #menu-item-popup .video .video-overlay a.audio,
    #menu-item-single-view .video .video-overlay a.audio {
        right: 10px;
    }
    #menu-item-popup .slider .slick-next,
    #menu-item-single-view .slider .slick-next {
        right: 8px;
    }
    #menu-item-popup .slider .slick-prev,
    #menu-item-single-view .slider .slick-prev {
        left: 8px;
    }
}
@media (max-width: 500px) {
    #menu-item-popup .social-links,
    #menu-item-single-view .social-links {
        justify-content: space-between;
    }
    #menu-item-popup .social-links > a,
    #menu-item-single-view .social-links > a {
        margin: 0;
    }
}
@media (max-width: 380px) {
    #menu-item-popup .actions-row > div a,
    #menu-item-single-view .actions-row > div a {
        padding: 10px;
    }
}
@media (max-width: 370px) {
    #menu-item-popup.item-added.has-modifiers .actions-row > div.update-order,
    #menu-item-single-view.item-added.has-modifiers .actions-row > div.update-order {
        border-bottom: 1px solid #fff;
        flex: 0 0 100%;
        width: 100%;
    }
}
#menu-item-popup .top-close-btn {
    height: 40px;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    z-index: 1;
}
#menu-item-popup .top-close-btn .icon.icon-close {
    -var-background-color: Menu Item Action Tab Icon Bg Color;
    background-color: #b0bec5;
}
#menu-item-popup .top-close-btn .icon.icon-close:after,
#menu-item-popup .top-close-btn .icon.icon-close:before {
    -var-background-color: Menu Item Action Tab Icon Color;
    background-color: #ffffff;
}
#menu-item-popup .video .video-overlay a.audio {
    top: 44px;
}
#menu-item-popup.no-image .top-close-btn {
    display: none;
}
@media (max-width: 640px) {
    #menu-item-popup .top-close-btn {
        height: 40px;
        padding: 10px;
        width: 40px;
    }
}
#sticky-menu-section-nav {
    bottom: -100px;
    max-height: 70px;
    max-width: 70px;
    position: fixed;
    right: 0;
    transition: all 0.3s ease-in-out;
    z-index: 99999;
}
#sticky-menu-section-nav .overlay {
    background-color: #000;
    bottom: 0;
    height: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    visibility: hidden;
    width: 0;
    z-index: 9999;
}
#sticky-menu-section-nav .menu-section-nav-wrapper {
    -var-background-color: Sticky Menu Button Bg Color;
    background-color: #4f5b62;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.6);
    margin: 10px;
    max-height: 50px;
    max-width: 500px;
    min-height: 50px;
    overflow: hidden;
    position: relative;
    transition: width 0.2s ease-in-out, max-height 0.2s ease-in-out;
    width: 50px;
    z-index: 99999;
}
#sticky-menu-section-nav .menu-section-nav-wrapper .icon-list div {
    height: 3px;
}
#sticky-menu-section-nav .menu-section-nav-wrapper .icon-list div:after,
#sticky-menu-section-nav .menu-section-nav-wrapper .icon-list div:before {
    -var-background: Sticky Menu Icon Color;
    background: #ffffff;
}
#sticky-menu-section-nav .menu-section-nav-wrapper .icon-list div:after {
    width: 4px;
}
#sticky-menu-section-nav .menu-section-nav-wrapper .icon-list div:before {
    width: 20px;
}
#sticky-menu-section-nav .menu-section-nav-wrapper .trigger {
    align-items: flex-end;
    align-items: center;
    bottom: 0;
    -var-color: Sticky Menu Button Text Color;
    color: #ffffff;
    display: flex;
    font-size: 36px;
    height: 50px;
    justify-content: space-around;
    justify-content: center;
    opacity: 1;
    position: absolute;
    right: 0;
    transition: all 0.3s ease-in-out;
    visibility: visible;
    width: 50px;
}
#sticky-menu-section-nav .menu-section-nav-wrapper .trigger i {
    margin: 0 auto;
}
#sticky-menu-section-nav .menu-section-nav-wrapper .menu-section-nav {
    display: block;
    margin-top: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    visibility: hidden;
}
#sticky-menu-section-nav .menu-section-nav-wrapper .menu-section-nav a {
    background-color: transparent;
    border-right: 0;
    -var-color: Sticky Menu Button Text Color;
    color: #ffffff;
}
#sticky-menu-section-nav.open {
    max-height: 100%;
    max-width: 100%;
    overflow: visible;
    transition: all 0s;
}
#sticky-menu-section-nav.open .overlay {
    height: 100%;
    opacity: 0.3;
    visibility: visible;
    width: 100%;
}
#sticky-menu-section-nav.open .trigger {
    opacity: 0;
    visibility: hidden;
}
#sticky-menu-section-nav.open .menu-section-nav-wrapper {
    opacity: 1;
    visibility: visible;
    width: 80vw;
}
#sticky-menu-section-nav.open .menu-section-nav-wrapper .menu-section-nav {
    opacity: 1;
    overflow: auto;
    transition: opacity 0.2s ease-in-out 0.2s;
    visibility: visible;
}
#sticky-menu-section-nav.sticky {
    bottom: 0;
}
.order-cart-open #sticky-menu-section-nav {
    opacity: 0;
}
#menu-card-add-to-order-qty-form-tpl {
    display: none;
}
.menu-section-wrapper {
    margin-bottom: 90px;
}
.menu-section-wrapper + .note-wrapper {
    margin-top: -58px;
}
.menu-section-wrapper.not-matched {
    display: none;
}
.body-empty-message {
    margin: 0 auto;
    max-width: 500px;
    padding: 20px;
    text-align: center;
    width: 100%;
}
.menu-section h2 {
    -var-color: Menu Section Title Color;
    color: #333333;
    margin-bottom: 10px;
    text-align: center;
    text-transform: capitalize;
}
.menu-section p {
    font-size: 14px;
    margin-top: 10px;
}
.menu-section .menu-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.menu-section .menu-items .menu-item {
    margin: 20px 0 0;
    width: 48%;
}
.menu-section .menu-item p {
    margin-top: 0;
}
@media (max-width: 990px) {
    .menu-section .menu-items .menu-item {
        width: 100%;
    }
}
.menu-section-nav-wrapper {
    margin-bottom: 20px;
}
.menu-section-nav {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}
.menu-section-nav div {
    flex: 1;
}
.menu-section-nav a {
    align-items: center;
    -var-background: Menu Nav Button Bg Color;
    background: #cfd8dc;
    -var-border-right-color: Body BG Color;
    border-right: 1px solid #eceff1;
    -var-color: Menu Nav Button Text Color;
    color: #222222;
    display: flex;
    flex: 1;
    font-size: 18px;
    justify-content: space-between;
    line-height: 1;
    margin-bottom: 1px;
    min-width: 50%;
    padding: 15px 20px;
    text-transform: capitalize;
}
.menu-section-nav a.not-matched {
    opacity: 0.3;
}
@media (max-width: 990px) {
    .menu-section-nav a {
        min-width: 100%;
    }
}
@media (max-width: 480px) {
    .menu-section-nav a {
        font-size: 4vw;
    }
}
.change-view-wrapper {
    margin-bottom: 90px;
    margin-top: 60px;
}
.change-view-wrapper .row {
    display: flex;
    justify-content: space-between;
}
.change-view-wrapper .label {
    font-size: 15px;
    text-align: left;
    text-transform: uppercase;
}
.change-view-wrapper .buttons-wrapper {
    display: flex;
    justify-content: space-between;
}
.change-view-wrapper .buttons-wrapper .list-view {
    margin-right: 10px;
}
.change-view-wrapper .icon-grid {
    opacity: 0.3;
}
.change-view-wrapper .icon.icon-grid div,
.change-view-wrapper .icon.icon-grid div:after,
.change-view-wrapper .icon.icon-grid div:before,
.change-view-wrapper .icon.icon-list div:after,
.change-view-wrapper .icon.icon-list div:before {
    -var-background-color: View Changer Icon Color;
    background-color: #263238;
}
.grid-view .change-view-wrapper .icon-grid {
    opacity: 1;
}
.grid-view .change-view-wrapper .icon-list {
    opacity: 0.3;
}
.grid-view .menu-items {
    justify-content: start;
}
.grid-view .menu-item {
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 1px;
}
.grid-view .menu-item:last-child {
    margin-bottom: 0;
}
.grid-view .menu-item .actions-row,
.grid-view .menu-item .info-row .info,
.grid-view .menu-item .thumb {
    display: none;
}
.grid-view .menu-item .grid-thumb {
    display: block;
}
.grid-view .menu-item.no-thumb {
    display: none;
}
.grid-view .menu-item.highlight .menu-item-content {
    border: 0;
}
.grid-view .menu-item.highlight .info-row {
    -var-border-color: Menu Item Highlight Color;
    border: 2px solid #ff4f81;
}
@media (max-width: 380px) {
    .grid-view .menu-item .info-row .thumb {
        min-width: 50px;
    }
}
.grid-view .menu-section .menu-items .menu-item {
    margin: 0;
    width: 33.33%;
}
.back-to-top {
    color: #222;
    font-size: 12px;
    text-decoration: underline;
    text-transform: uppercase;
}
.feedback-form,
.mailing-list-form {
    margin: 40px 0;
}
.feedback-form h4,
.mailing-list-form h4 {
    -var-color: Mailing List Form Title Color;
    color: #333333;
    text-align: center;
    text-transform: capitalize;
}
.feedback-form button[type="submit"],
.feedback-form input[type="submit"],
.mailing-list-form button[type="submit"],
.mailing-list-form input[type="submit"] {
    display: block;
    margin: 20px auto 15px;
}
.feedback-form button[type="submit"].hidden,
.feedback-form input[type="submit"].hidden,
.mailing-list-form button[type="submit"].hidden,
.mailing-list-form input[type="submit"].hidden {
    display: none;
}
.feedback-form .note,
.mailing-list-form .note {
    color: var(--mailingListFormNoteColor);
}
.feedback-form .rating,
.mailing-list-form .rating {
    background-color: #fff;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 8px 12px 2px;
}
.feedback-form .rating .label,
.mailing-list-form .rating .label {
    font-size: 16px;
}
.feedback-form .rating .stars,
.mailing-list-form .rating .stars {
    display: flex;
    gap: 10px;
    margin-top: 5px;
}
.feedback-form .rating .stars div,
.mailing-list-form .rating .stars div {
    cursor: pointer;
    font-size: 30px;
    transition: all 0.1s ease-out;
}
.feedback-form .rating .stars div:hover,
.mailing-list-form .rating .stars div:hover {
    transform: translateY(-5px);
}
.feedback-form .rating .stars.selected div,
.mailing-list-form .rating .stars.selected div {
    opacity: 0.5;
}
.feedback-form .rating .stars.selected div.selected,
.mailing-list-form .rating .stars.selected div.selected {
    opacity: 1;
    transform: translateY(-5px);
}
.feedback-form .rating.field-invalid,
.mailing-list-form .rating.field-invalid {
    border: 1px solid #e82803;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
}
.feedback-form .rating.field-invalid + .field-invalid-message,
.mailing-list-form .rating.field-invalid + .field-invalid-message {
    display: block;
}
.feedback-form .success-message,
.mailing-list-form .success-message {
    -var-color: Mailing List Form Success Msg Text Color;
    color: #0bad13;
    display: none;
    text-align: center;
}
.feedback-form .error-message,
.mailing-list-form .error-message {
    -var-color: Mailing List Form Error Msg Text Color;
    color: #c31b1d;
    display: none;
    text-align: center;
}
.feedback-form .sending-message,
.mailing-list-form .sending-message {
    display: none;
    text-align: center;
}
.mailing-list-form .residency-wrapper {
    display: flex;
    justify-content: space-between;
}
.mailing-list-form .residency-wrapper > div {
    margin: 15px 10px;
    width: 50%;
}
.mailing-list-form .dob-wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-left: -5px;
    margin-right: -5px;
}
.mailing-list-form .dob-wrapper select {
    margin: 0 5px 10px;
    width: 100%;
}
@media screen and (max-width: 480px) {
    .mailing-list-form .dob-wrapper select {
        background-image: none;
    }
}
.wrapper.sending {
    opacity: 0.6;
}
.wrapper.sending .feedback-form,
.wrapper.sending .mailing-list-form {
    position: relative;
}
.wrapper.sending .feedback-form:after,
.wrapper.sending .mailing-list-form:after {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.wrapper.sending button[type="submit"],
.wrapper.sending input[type="submit"] {
    display: none;
}
.wrapper.error .error-message,
.wrapper.sending .sending-message,
.wrapper.success .success-message {
    display: block;
}
.grecaptcha-badge {
    visibility: hidden;
}
@media (max-width: 480px) {
    .mailing-list-form .residency-wrapper > div {
        margin-left: 5px;
        margin-right: 5px;
    }
    .mailing-list-form .residency-wrapper > div:first-child {
        margin-left: 0;
    }
    .mailing-list-form .residency-wrapper > div:last-child {
        margin-right: 0;
    }
}
.contact-box-wrapper {
    margin-top: 15px;
}
.contact-box-wrapper .inner-content {
    -var-background: Bg Color;
    background: #ffffff;
    border-radius: 2px;
    box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.1), 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    -var-color: Text Color;
    color: #263238;
    padding: 5px 20px 20px;
}
.contact-box-wrapper h3 {
    -var-color: H3 Title Color;
    color: #222222;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 20px;
}
.contact-box-wrapper .btn {
    -var-background: Button Bg Color;
    background: #263238;
    -var-border-color: Button Border Color;
    border-color: #263238;
    -var-color: Button Text Color;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    text-transform: none;
}
.contact-box-wrapper p {
    margin-bottom: 25px;
    margin-top: 0;
}
.contact-box-wrapper a {
    text-decoration: underline;
}
.contact-box-wrapper .social-links-wrapper {
    margin-bottom: 0;
    padding: 0;
}
.contact-box-wrapper .social-links {
    justify-content: flex-start;
    padding: 0;
}
.contact-box-wrapper .social-links a {
    margin: 0 10px;
}
.contact-box-wrapper .social-links a:first-child {
    margin-left: 0;
}
@media (max-width: 400px) {
    .contact-box-wrapper .btn {
        font-size: 18px;
        text-align: center;
        width: 100%;
    }
}
#cookie-notification {
    background-color: rgba(38, 50, 56, 0.98);
    color: #fff;
    font-size: 13px;
    max-height: 0;
    overflow: hidden;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9999;
}
#cookie-notification a {
    color: #fff;
    text-decoration: underline;
}
#cookie-notification a.btn {
    background: #fff;
    border: 0;
    color: #000;
    font-size: 12px;
    letter-spacing: 2px;
    margin: 20px auto 0;
    text-decoration: none;
}
#cookie-notification .content {
    padding: 20px;
}
#cookie-notification.show {
    animation: expand 1s forwards;
}
@keyframes expand {
    0% {
        max-height: 0;
    }
    to {
        max-height: 300px;
    }
}
.tooltip {
    background: #111;
    border-radius: 2px;
    box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.1), 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 12px;
    padding: 5px;
    position: absolute;
    text-align: center;
    z-index: 100;
    z-index: 99999999;
}
.tooltip:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #111;
    bottom: -6px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    width: 0;
}
.tooltip.top:after {
    border-bottom: 6px solid #111;
    border-top-color: transparent;
    bottom: auto;
    top: -12px;
}
.tooltip.left:after {
    left: 6px;
    margin: 0;
}
.tooltip.right:after {
    left: auto;
    margin: 0;
    right: 6px;
}
#order-cart {
    -var-background: My Order Bg Color;
    background: #222222;
    bottom: -100px;
    height: 40px;
    position: fixed;
    text-align: center;
    transition: all 0.2s ease-in-out;
    width: 100%;
    z-index: 9999;
}
#order-cart.home-delivery .cart-info {
    display: none;
}
#order-cart .order-cart-header {
    -var-background: My Order Bg Color;
    background: #222222;
    cursor: pointer;
    position: relative;
    z-index: 1;
}
#order-cart .order-cart-header .wrapper.padded {
    align-items: center;
    -var-border-bottom-color: My Order Header Border Color;
    border-bottom: 1px solid #333333;
    display: flex;
    height: 40px;
    justify-content: center;
}
#order-cart .order-cart-header .label {
    -var-color: My Order Title Color;
    color: #ffffff;
    text-transform: uppercase;
}
#order-cart .order-cart-header a {
    display: none;
    height: 20px;
    margin-left: 10px;
    width: 20px;
}
#order-cart .order-cart-header a i {
    -var-background: My Order Title Color;
    background: #ffffff;
}
#order-cart .order-cart-header a i:after,
#order-cart .order-cart-header a i:before {
    -var-background: My Order Bg Color;
    background: #222222;
}
#order-cart .order-cart-header .order-cart-count {
    -var-background: My Order Title Color;
    background: #ffffff;
    border-radius: 100px;
    -var-color: My Order Bg Color;
    color: #222222;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    text-align: center;
    width: 20px;
}
#order-cart .order-cart-content {
    -var-color: My Order Text Color;
    color: #ffffff;
    margin: 0 auto;
    max-height: 0;
    max-width: 1440px;
    opacity: 0;
    overflow: hidden;
    padding: 20px 20px 50px;
    transform: translateY(-40px);
    transition: opacity 0.1s ease-in-out, transform 0s, max-height 0s 0.2s;
}
#order-cart .order-cart-content-list {
    background-color: #fff;
    margin: 0 auto;
    max-width: 600px;
    padding: 20px 15px;
    width: 100%;
}
#order-cart .order-cart-content-list .header-row {
    border-bottom: 1px solid #e1e3e0;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 5px;
}
#order-cart .order-cart-content-list .header-row .title {
    -var-color: My Order Items Table Title Color;
    color: #333333;
    flex: 1;
    text-align: left;
}
#order-cart .order-cart-content-list .header-row .cal {
    -var-color: My Order Items Table Calories Color;
    color: #9f9f9f;
    flex: 0 0 46px;
    font-size: 14px;
    padding-left: 15px;
    text-align: right;
}
#order-cart .order-cart-content-list .header-row .price {
    -var-color: My Order Items Table Title Color;
    color: #333333;
    flex: 0 0 46px;
    font-size: 14px;
    padding-left: 15px;
    text-align: right;
}
#order-cart .order-cart-content-list .total-row {
    align-items: center;
    border-top: 2px solid #e1e3e0;
    display: flex;
    padding-top: 8px;
}
#order-cart .order-cart-content-list .total-row .title {
    -var-color: My Order Items Table Title Color;
    color: #333333;
    flex: 1;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}
#order-cart .order-cart-content-list .total-row .cal {
    -var-color: My Order Items Table Calories Color;
    color: #9f9f9f;
    flex: 0 0 46px;
    font-size: 14px;
    font-weight: 700;
    padding-left: 15px;
    text-align: right;
}
#order-cart .order-cart-content-list .total-row .price {
    -var-color: My Order Items Table Title Color;
    color: #333333;
    flex: 0 0 46px;
    font-size: 14px;
    font-weight: 700;
    padding-left: 15px;
    text-align: right;
}
#order-cart .cart-info {
    margin: 0 auto 30px;
    text-align: center;
}
#order-cart .total-price-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    text-transform: uppercase;
}
#order-cart .order-form {
    padding-top: 50px;
}
#order-cart .order-form .form-wrapper {
    margin: 0 auto;
    max-width: 400px;
}
#order-cart .order-form form {
    margin-top: 20px;
}
#order-cart .order-form textarea {
    font-size: 16px;
    height: 100px;
    padding: 10px;
    width: 100%;
}
#order-cart .order-form select {
    text-transform: uppercase;
}
#order-cart .order-form input[type="submit"] {
    margin-top: 20px;
}
#order-cart .order-form .button {
    -var-background-color: Place Order Button Background;
    background-color: #ffffff;
    border-radius: 3px;
    -var-color: Place Order Button Text Color;
    color: #000000;
    display: inline-block;
    margin-top: 40px;
    padding: 12px 30px;
    text-transform: uppercase;
}
#order-cart .order-form .button.hidden {
    display: none;
}
#order-cart .actions-menu {
    margin-top: 50px;
}
#order-cart .actions-menu .button {
    -var-background-color: Place Order Button Background;
    background-color: #ffffff;
    border-radius: 3px;
    -var-color: Place Order Button Text Color;
    color: #000000;
    display: inline-block;
    margin-top: 40px;
    padding: 12px 30px;
    text-transform: uppercase;
}
#order-cart .actions-menu .button.hidden {
    display: none;
}
.order-toasting #order-cart {
    bottom: 0;
}
.order-cart-open #order-cart {
    bottom: 0;
    height: 100%;
    overflow: auto;
}
.order-cart-open #order-cart .order-cart-header .order-cart-count {
    display: none;
}
.order-cart-open #order-cart .order-cart-header a {
    display: block;
}
.order-cart-open #order-cart .order-cart-content {
    max-height: 2000px;
    opacity: 1;
    transform: translate(0);
    transition: opacity 0.3s ease-in-out 0.2s, transform 0.3s ease-in-out 0.2s, max-height 0s;
}
@media (max-width: 990px) {
    #order-cart .order-cart-content-list .menu-item {
        width: 100%;
    }
}
@media (max-width: 640px) {
    #order-cart .order-cart-content {
        padding-left: 2px;
        padding-right: 2px;
    }
}
.order-menu-item {
    border-bottom: 1px dashed #e1e3e0;
    color: #333f48;
    display: block;
    padding: 20px 0 30px;
}
.order-menu-item:last-child {
    border-bottom: 0;
}
.order-menu-item .info {
    align-items: center;
    display: flex;
}
.order-menu-item .info .info-content,
.order-menu-item .info a.open-popup {
    align-items: center;
    display: flex;
    flex: 1;
}
.order-menu-item .order-qty-counter {
    align-items: center;
    -var-border-color: My Order Quantity Counter Border Color;
    border: 1px solid #333333;
    border-radius: 20px;
    display: flex;
    height: 30px;
    justify-content: space-between;
    width: 80px;
}
.order-menu-item .order-qty-counter .dec,
.order-menu-item .order-qty-counter .inc {
    display: inline-block;
    flex: 0 0 33%;
    height: 30px;
    position: relative;
}
.order-menu-item .order-qty-counter .dec:before,
.order-menu-item .order-qty-counter .inc:before {
    height: 1px;
    left: 7px;
    top: 14px;
    width: 11px;
}
.order-menu-item .order-qty-counter .dec:before,
.order-menu-item .order-qty-counter .inc:after,
.order-menu-item .order-qty-counter .inc:before {
    -var-background-color: My Order Quantity Counter Button Color;
    background-color: #333333;
    content: "";
    display: block;
    position: absolute;
}
.order-menu-item .order-qty-counter .inc:after {
    height: 11px;
    left: 12px;
    top: 9px;
    width: 1px;
}
.order-menu-item .order-qty-counter .qty {
    -var-color: My Order Quantity Counter Text Color;
    color: #333333;
    flex: 0 0 33%;
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
}
.order-menu-item .order-qty-counter.bottom {
    display: none;
}
.order-menu-item h3.title {
    -var-color: My Order Item Text Color;
    color: #9f9f9f;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 15px;
    text-align: left;
}
.order-menu-item h3.title span {
    display: block;
    font-size: 12px;
    padding-top: 5px;
}
.order-menu-item .cal {
    -var-color: My Order Items Table Calories Color;
    color: #9f9f9f;
}
.order-menu-item .cal,
.order-menu-item .price {
    flex: 0 0 46px;
    font-size: 14px;
    padding-left: 14px;
    text-align: right;
}
.order-menu-item .modifiers,
.order-menu-item .price {
    -var-color: My Order Item Text Color;
    color: #9f9f9f;
}
.order-menu-item .modifiers {
    display: block;
    flex: 1;
    font-size: 14px;
    padding-left: 95px;
    text-align: left;
}
.order-menu-item .modifiers .option {
    align-items: center;
    display: flex;
    padding: 5px 0;
}
.order-menu-item .modifiers .option .cross {
    display: inline-block;
    height: 20px;
    position: relative;
    top: 1px;
    transform: rotate(45deg);
    width: 20px;
}
.order-menu-item .modifiers .option .cross:before {
    height: 1px;
    left: 4px;
    top: 9px;
    width: 11px;
}
.order-menu-item .modifiers .option .cross:after,
.order-menu-item .modifiers .option .cross:before {
    -var-background-color: My Order Item Text Color;
    background-color: #9f9f9f;
    content: "";
    display: block;
    position: absolute;
}
.order-menu-item .modifiers .option .cross:after {
    height: 11px;
    left: 9px;
    top: 4px;
    width: 1px;
}
.order-menu-item .modifiers .option .label {
    flex: 1;
}
.order-menu-item .modifiers .option .cal {
    -var-color: My Order Items Table Calories Color;
    color: #9f9f9f;
    flex: 0 0 46px;
    font-size: 14px;
    padding-left: 14px;
    text-align: right;
}
.order-menu-item .modifiers .option .price {
    -var-color: My Order Item Text Color;
    color: #9f9f9f;
    flex: 0 0 46px;
    font-size: 14px;
    padding-left: 14px;
    text-align: right;
}
@media (max-width: 500px) {
    .order-menu-item .order-qty-counter.top {
        display: none;
    }
    .order-menu-item .order-qty-counter.bottom {
        display: flex;
    }
    .order-menu-item h3.title {
        margin-bottom: 10px;
        padding-left: 0;
    }
    .order-menu-item .modifiers {
        margin-bottom: 20px;
        padding-left: 0;
    }
}
.language-switch-wrapper {
    margin: 30px auto;
}
.language-switch {
    text-align: center;
}
.language-switch a {
    -var-color: Language Switch Link Color;
    color: #333333;
    display: block;
    padding: 5px 0;
}
#place-order-popup {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow-y: auto;
    width: 100vw;
}
#place-order-popup .btn {
    -var-background: Order Popup Button Background;
    background: #0b2240;
    -var-border-color: Order Popup Button Border Color;
    border: 1px solid #0b2240;
    -var-color: Order Popup Button Text Color;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    text-transform: none;
}
#place-order-popup .btn.hidden {
    display: none;
}
#place-order-popup .btn.wide {
    width: 100%;
}
#place-order-popup .content-wrapper .content {
    padding: 0;
}
#place-order-popup h2 {
    color: #0b2240;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
}
#place-order-popup h4 {
    color: #0b2240;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}
#place-order-popup h6 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 0;
}
#place-order-popup .screen {
    align-items: center;
    display: flex;
    justify-content: center;
    max-width: 100%;
    min-height: 500px;
    padding: 20px;
    position: relative;
    width: 360px;
}
#place-order-popup .screen.align-top {
    align-items: flex-start;
}
#place-order-popup .screen:not(.no-header) {
    padding-top: 50px;
}
#place-order-popup .screen:not(.no-footer) {
    padding-bottom: 65px;
}
#place-order-popup .screen.hidden {
    display: none;
}
#place-order-popup .screen.first-screen {
    padding-top: 10px;
}
#place-order-popup .screen.first-screen .header a.back {
    display: none;
}
#place-order-popup .screen .header {
    height: 44px;
    left: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
}
#place-order-popup .screen .header a.back {
    align-items: center;
    color: #0b2240;
    display: flex;
    line-height: 24px;
    padding: 0 10px;
}
#place-order-popup .screen .header a.back i {
    padding-right: 10px;
}
#place-order-popup .screen .inner-content {
    width: 100%;
}
#place-order-popup .screen .footer {
    bottom: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    right: 0;
}
#place-order-popup .screen .footer .btn {
    -var-background: Order Popup Button Background;
    background: #0b2240;
    -var-border-color: Order Popup Button Border Color;
    border: 1px solid #0b2240;
    -var-color: Order Popup Button Text Color;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    text-transform: none;
}
#place-order-popup .screen .footer .btn.hidden {
    display: none;
}
#place-order-popup .screen .footer .btn.wide {
    width: 100%;
}
#place-order-popup .screen .footer .note {
    display: none;
    font-size: 12px;
    padding: 10px 0;
    text-align: center;
}
#place-order-popup .screen .footer .note.show {
    display: block;
}
#place-order-popup .screen .form-field-group {
    margin-bottom: 25px;
}
#place-order-popup .screen .form-field-group label {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
}
#place-order-popup .screen .form-field-group input[type="email"],
#place-order-popup .screen .form-field-group input[type="tel"],
#place-order-popup .screen .form-field-group input[type="text"] {
    border: 1px solid #ccc;
    height: 44px;
}
#place-order-popup .screen .form-field-group input[type="email"].invalid,
#place-order-popup .screen .form-field-group input[type="tel"].invalid,
#place-order-popup .screen .form-field-group input[type="text"].invalid {
    background-color: #ffd9d9;
    border-color: #ff8989;
}
#place-order-popup .screen .form-field-group textarea {
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 100px;
    resize: none;
    width: 100%;
}
#place-order-popup .screen .form-field-group textarea.invalid {
    background-color: #ffd9d9;
    border-color: #ff8989;
}
#place-order-popup .inner-loading {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
#place-order-popup .inner-loading .loader {
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
}
#place-order-popup.show-loading .inner-loading {
    display: block;
}
#place-order-popup .phone-number-field-group .phone-number-field {
    display: flex;
}
#place-order-popup .phone-number-field-group .phone-number-field .code {
    align-items: center;
    background-color: #e6e1de;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    direction: ltr !important;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    line-height: 44px;
    padding: 0 10px;
}
#place-order-popup .phone-number-field-group .phone-number-field .code .flag {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 15px;
    margin-right: 5px;
    width: 22px;
}
#place-order-popup .phone-number-field-group .phone-number-field .code .flag.ARE {
    background-image: url(/img/uae-flag.svg);
}
#place-order-popup .phone-number-field-group .phone-number-field .field {
    flex: 1;
}
#place-order-popup .phone-number-field-group .phone-number-field .field input[type="tel"] {
    border-bottom-left-radius: 0;
    border-left: 0;
    border-top-left-radius: 0;
    height: 44px;
    margin-bottom: 0;
}
#place-order-popup .enter-otp {
    text-align: center;
}
#place-order-popup .enter-otp p span.phone-number {
    display: block;
    font-weight: 500;
}
#place-order-popup .enter-otp .otp-field {
    margin: 50px auto;
    max-width: 295px;
    width: 100%;
}
#place-order-popup .enter-otp .otp-field input {
    border-bottom: 3px solid #308df0;
    font-size: 60px;
    height: 80px;
    text-align: center;
    width: 100%;
}
#place-order-popup .enter-otp .otp-field input.invalid {
    border-bottom-color: #fc6b6b;
}
#place-order-popup .enter-otp .otp-field input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
}
#place-order-popup .enter-otp .otp-field .btn {
    margin-bottom: 100px;
}
#place-order-popup a.resend-otp-btn {
    border: 1px solid #000;
    border-radius: 5px;
    color: #000;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    opacity: 0.5;
    padding: 8px 15px;
    text-align: center;
    width: 100%;
}
#place-order-popup a.resend-otp-btn.active {
    opacity: 1;
}
#place-order-popup a.resend-otp-btn.active .timer,
#place-order-popup a.resend-otp-btn.disable .timer {
    display: none;
}
#place-order-popup .create-your-account {
    margin-bottom: 30px;
}
#place-order-popup .error {
    color: red;
    display: none;
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
}
#place-order-popup .error.show {
    display: block;
}
#place-order-popup .area-dropdown {
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 5px;
    position: relative;
}
#place-order-popup .area-dropdown i {
    display: inline-block;
    margin: auto 0 auto auto;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(180deg);
}
#place-order-popup .area-dropdown a {
    display: block;
}
.invalid + #place-order-popup .area-dropdown {
    background-color: #ffd9d9;
    border-color: #ff8989;
}
#place-order-popup .confirm-user-info .delivery {
    margin-bottom: 50px;
}
#place-order-popup .confirm-user-info a.change {
    color: #308df0;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
#place-order-popup .confirm-user-info .address {
    border-bottom: 1px solid #eae6e4;
    display: flex;
    padding-bottom: 10px;
}
#place-order-popup .confirm-user-info .address .icon {
    margin-right: 20px;
    padding-top: 5px;
}
#place-order-popup .confirm-user-info .address .full-address {
    flex: 1;
    margin-right: 20px;
}
#place-order-popup .confirm-user-info .address .full-address p {
    font-size: 13px;
    margin: 0;
}
#place-order-popup .confirm-user-info .address .full-address p.delivery-time {
    margin-top: 5px;
}
#place-order-popup .confirm-user-info .payment-method-wrapper {
    border-bottom: 1px solid #eae6e4;
    font-size: 15px;
    padding-bottom: 10px;
}
#place-order-popup .confirm-user-info .payment-method-wrapper a.select-method {
    align-items: center;
    color: #308df0;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: capitalize;
}
#place-order-popup .confirm-user-info .payment-method-wrapper a.select-method i {
    margin-right: 10px;
}
#place-order-popup .confirm-user-info .payment-method-wrapper a.select-method svg {
    vertical-align: middle;
}
#place-order-popup .confirm-user-info .payment-method-wrapper .inner-content {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
#place-order-popup .confirm-user-info .totals {
    font-size: 15px;
    margin-bottom: 50px;
    margin-top: 15px;
}
#place-order-popup .confirm-user-info .totals .row {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    margin: 12px 0;
}
#place-order-popup .confirm-user-info .totals .row.discount {
    color: #308df0;
}
#place-order-popup .confirm-user-info .totals .row.hidden {
    display: none;
}
#place-order-popup .payment-methods .methods a {
    border-bottom: 1px solid #ccc;
    display: block;
    padding: 10px 0;
    position: relative;
}
#place-order-popup .payment-methods .methods a i {
    display: inline-block;
    margin: auto 0 auto auto;
    position: absolute;
    right: 0;
    top: 9px;
    transform: rotate(180deg);
}
#place-order-popup .congratulations i.tick {
    display: block;
    height: 84px;
    margin: 0 auto 20px;
    width: 84px;
}
#place-order-popup .congratulations .share {
    border: 1px solid #308df0;
    border-radius: 5px;
    display: flex;
    height: 56px;
    justify-content: center;
    margin: 30px auto;
    padding: 15px 10px;
    width: 145px;
}
#place-order-popup .congratulations .share i {
    padding: 0 5px;
}
#place-order-popup .congratulations .share span {
    color: #308df0;
    line-height: 24px;
    padding: 0 5px;
}
#place-order-popup .congratulations p.note {
    color: #7f7f7f;
    margin: 0 auto;
    max-width: 250px;
    text-transform: uppercase;
}
#place-order-popup .select-area-screen {
    padding-bottom: 0;
}
#place-order-popup .select-area-screen.before-order {
    padding-top: 0;
}
#place-order-popup .select-area-screen.before-order .header {
    display: none;
}
#place-order-popup .select-area .list.no-areas .no-areas-message {
    display: block;
}
#place-order-popup .select-area .areas {
    transition: all 0.3s ease;
}
#place-order-popup .select-area .areas a {
    border-bottom: 1px solid #ccc;
    color: #0b2240;
    display: block;
    font-size: 12px;
    padding: 12px 0;
}
#place-order-popup .select-area .areas a.hidden {
    display: none;
}
#place-order-popup .select-area .city-dropdown > a {
    align-items: center;
    border-bottom: 1px solid #ccc;
    color: #0b2240;
    display: block;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    justify-content: space-between;
    padding: 10px 25px 10px 0;
    position: relative;
}
#place-order-popup .select-area .city-dropdown > a.hidden {
    display: none;
}
#place-order-popup .select-area .city-dropdown > a .count {
    color: #b1a59d;
    font-size: 10px;
    font-weight: 400;
}
#place-order-popup .select-area .city-dropdown > a i {
    position: absolute;
    right: 5px;
    top: 10px;
    transform: rotate(-90deg);
}
#place-order-popup .select-area .city-dropdown .areas {
    max-height: 0;
    overflow: hidden;
}
#place-order-popup .select-area .city-dropdown:first-child {
    border-top: 1px solid #ccc;
}
#place-order-popup .select-area .city-dropdown.expand .areas {
    max-height: 1000px;
}
#place-order-popup .select-area .city-dropdown.expand > a i {
    transform: rotate(90deg);
}
#place-order-popup .select-area .city-dropdown.hidden {
    display: none;
}
#place-order-popup .select-area .no-areas-message {
    display: none;
    margin-top: 50px;
    text-align: center;
}
#place-order-popup .select-area .no-areas-message p {
    text-align: center;
}
#place-order-popup .select-area .no-areas-message a {
    -var-background: Order Type Button Background;
    background: #0b2240;
    -var-border-color: Order Type Button Border Color;
    border: 1px solid #0b2240;
    border-radius: 6px;
    -var-color: Order Type Button Text Color;
    color: #ffffff;
    display: inline-block;
    font-weight: 500;
    margin-top: 25px;
    padding: 8px 15px;
    text-align: center;
}
#place-order-popup .select-order-type-screen {
    min-height: 100px;
}
#place-order-popup .select-order-type {
    width: 100%;
}
#place-order-popup .select-order-type .title {
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 5px;
    text-align: center;
}
#place-order-popup .select-order-type .buttons {
    margin-top: 15px;
}
#place-order-popup .select-order-type .buttons a {
    -var-background: Order Type Button Background;
    background: #0b2240;
    -var-border-color: Order Type Button Border Color;
    border: 1px solid #0b2240;
    border-radius: 6px;
    -var-color: Order Type Button Text Color;
    color: #ffffff;
    display: block;
    font-weight: 500;
    margin: 5px 0;
    padding: 17px 15px;
    text-align: center;
}
#place-order-popup .inner-popup {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateZ(0);
    transition: all 0.3s ease;
    visibility: visible;
}
#place-order-popup .inner-popup.hidden {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    visibility: hidden;
}
#place-order-popup .inner-popup .inner-content {
    background-color: #fff;
    padding: 20px;
}
#place-order-popup .inner-popup .addresses {
    border-bottom: 1px solid #eae6e4;
}
#place-order-popup .inner-popup .address {
    display: flex;
    margin-bottom: 10px;
    padding: 10px 0;
}
#place-order-popup .inner-popup .address .cant-deliver-here-note {
    color: #e00d4d;
    display: block;
}
#place-order-popup .inner-popup .address .icon {
    margin-right: 20px;
    padding-top: 5px;
}
#place-order-popup .inner-popup .address .full-address {
    flex: 1;
    margin-right: 20px;
}
#place-order-popup .inner-popup .address .full-address p {
    font-size: 13px;
    margin: 0;
}
#place-order-popup .inner-popup .address .full-address p.delivery-time {
    margin-top: 5px;
}
#place-order-popup .inner-popup .address .action .select {
    display: block;
    height: 20px;
    margin-bottom: 10px;
    width: 20px;
}
#place-order-popup .inner-popup .address .action .select svg .fill {
    fill: #e0e0e0;
}
#place-order-popup .inner-popup .address .action .delete {
    display: block;
    height: 20px;
    width: 20px;
}
#place-order-popup .inner-popup .address .action .delete svg .fill {
    fill: #e00d4d;
}
#place-order-popup .inner-popup .address.selected .action .select svg .fill {
    fill: #00d3a4;
}
#place-order-popup .inner-popup .address.cant-deliver .action .select,
#place-order-popup .inner-popup .address.selected .action .delete {
    display: none;
}
#place-order-popup .inner-popup .add-new-address {
    align-items: center;
    color: #0b2240;
    display: block;
    display: flex;
    font-size: 15px;
    justify-content: space-between;
    margin-bottom: -20px;
    padding: 14px 25px 14px 0;
    position: relative;
}
#place-order-popup .inner-popup .add-new-address i {
    position: absolute;
    right: 5px;
    top: 11px;
    transform: rotate(180deg);
}
#place-order-popup .inner-popup .error-wrapper {
    color: red;
    font-size: 16px;
}
#place-order-popup .inner-popup .error-wrapper p {
    margin: 0;
}
#order-type-popup .content-wrapper {
    max-width: 100%;
    width: 430px;
}
#order-cart.in-restaurant .order-form {
    display: none;
}
h2.title-in-box {
    align-items: center;
    -var-background-color: Bg Color;
    background-color: #ffffff;
    background-position: center left 10px;
    background-repeat: no-repeat;
    border: 5px;
    border-radius: 20px;
    -var-color: Text Color;
    color: #333333;
    display: inline-flex;
    font-size: 14px;
    gap: 5px;
    height: 32px;
    letter-spacing: 0;
    line-height: 32px;
    margin-bottom: 10px;
    padding: 0 20px 0 10px;
}
h2.title-in-box i {
    font-size: 20px;
    height: 20px;
    width: 20px;
}
h2.title-in-box img {
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    width: 18px;
}
.items-slider-wrapper {
    margin-bottom: 50px;
}
.items-slider-wrapper .items,
.items-slider-wrapper .menu-items,
.items-slider-wrapper .menus {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}
.items-slider-wrapper .item,
.items-slider-wrapper .menu-item {
    display: flex;
    flex: 0 0 20%;
    margin: 0 0 20px;
    max-width: 350px;
    padding: 0 8px;
}
.items-slider-wrapper .item .item-content,
.items-slider-wrapper .menu-item .item-content {
    -var-background-color: Menu Item Bg Color;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    width: 100%;
}
.items-slider-wrapper .item .thumb,
.items-slider-wrapper .menu-item .thumb {
    background-color: #ccc;
    background-position: 50%;
    background-size: cover;
}
.items-slider-wrapper .item .info,
.items-slider-wrapper .menu-item .info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
}
.items-slider-wrapper .item h3,
.items-slider-wrapper .menu-item h3 {
    font-size: 16px;
    margin: 0 0 7px;
}
.items-slider-wrapper .item p,
.items-slider-wrapper .menu-item p {
    font-size: 14px;
    margin: 0;
}
.items-slider-wrapper .menu-item .thumb {
    background-position: 50%;
    padding-top: 60%;
    position: relative;
    width: 100%;
}
.items-slider-wrapper .menu-item .highlights {
    bottom: 0;
    position: absolute;
    right: 0;
}
.items-slider-wrapper .menu-item.highlight .item-content {
    -var-border-color: Menu Item Highlight Color;
    border: 2px solid #ff4f81;
}
.items-slider-wrapper .menu-item.highlight .info {
    margin: 0 -2px;
}
.items-slider-wrapper .item a {
    width: 100%;
}
.items-slider-wrapper .item .thumb {
    padding-top: 60%;
}
.items-slider-wrapper .item .popup-content {
    display: none;
}
.items-slider-wrapper .menus .item .info h3 {
    margin: 0;
}
.items-slider-wrapper .menus .item .thumb {
    padding-top: 74%;
}
@media (max-width: 768px) {
    .items-slider-wrapper .item,
    .items-slider-wrapper .menu-item {
        flex: 1 0 33.33%;
    }
}
@media (max-width: 640px) {
    .items-slider-wrapper {
        margin-bottom: 15px;
    }
    .items-slider-wrapper .scroll-wrapper:not(.items-2):not(.items-1) {
        margin-left: -20px;
        margin-right: -20px;
        overflow: hidden;
    }
    .items-slider-wrapper .scroll-wrapper:not(.items-2):not(.items-1) .scroll {
        overflow: auto;
        padding-bottom: 30px;
        width: 100%;
    }
    .items-slider-wrapper .scroll-wrapper:not(.items-2):not(.items-1) .scroll .items,
    .items-slider-wrapper .scroll-wrapper:not(.items-2):not(.items-1) .scroll .menu-items,
    .items-slider-wrapper .scroll-wrapper:not(.items-2):not(.items-1) .scroll .menus {
        margin: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .items-slider-wrapper .items,
    .items-slider-wrapper .menu-items,
    .items-slider-wrapper .menus {
        margin: 0 -5px;
    }
    .items-slider-wrapper .scroll-wrapper:not(.items-2):not(.items-1) .items,
    .items-slider-wrapper .scroll-wrapper:not(.items-2):not(.items-1) .menu-items,
    .items-slider-wrapper .scroll-wrapper:not(.items-2):not(.items-1) .menus {
        display: table;
    }
    .items-slider-wrapper .scroll-wrapper:not(.items-2):not(.items-1) .items.stacked,
    .items-slider-wrapper .scroll-wrapper:not(.items-2):not(.items-1) .menu-items.stacked,
    .items-slider-wrapper .scroll-wrapper:not(.items-2):not(.items-1) .menus.stacked {
        display: flex;
    }
    .items-slider-wrapper .scroll-wrapper:not(.items-2):not(.items-1) .items.stacked .item,
    .items-slider-wrapper .scroll-wrapper:not(.items-2):not(.items-1) .menu-items.stacked .item,
    .items-slider-wrapper .scroll-wrapper:not(.items-2):not(.items-1) .menus.stacked .item {
        flex: 0 0 50%;
        margin-bottom: 10px;
    }
    .items-slider-wrapper .item,
    .items-slider-wrapper .menu-item {
        display: table-cell;
        max-width: none;
        min-width: 40vw;
        padding: 0 5px;
    }
    .items-slider-wrapper .item h3,
    .items-slider-wrapper .menu-item h3 {
        font-size: 14px;
    }
    .items-slider-wrapper .item p,
    .items-slider-wrapper .menu-item p {
        font-size: 11px;
    }
}
#promotion-popup a.close {
    background-color: #fff;
    background-image: url(/img/cross.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 15px;
    border-radius: 50px;
    display: block;
    height: 40px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 40px;
}
#promotion-popup .content-wrapper {
    max-width: 728px;
    width: 100%;
}
#promotion-popup .img {
    background-color: #ccc;
    background-position: 50%;
    background-size: cover;
    height: 40vh;
}
#promotion-popup.no-img .content {
    padding-top: 50px;
}
#promotion-popup.no-img .img {
    display: none;
}
#promotion-popup .info {
    padding: 20px;
}
#promotion-popup .info p:first-child {
    margin-top: 0;
}
#promotion-popup .info ul {
    list-style: inside;
}
#promotion-popup .info ul li::marker {
    margin-right: 10px;
}
#promotion-popup .action-wrapper {
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.54);
    padding: 10px;
    text-align: center;
}
#promotion-popup .action-wrapper .btn {
    max-width: 300px;
    width: 100%;
}
@media (max-width: 640px) {
    #promotion-popup .content {
        height: 100vh;
        overflow-y: auto;
        padding-bottom: 60px;
    }
    #promotion-popup .action-wrapper {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
    }
}
@media (max-width: 400px) {
    #promotion-popup .action-wrapper .btn {
        max-width: 100%;
    }
}
.html-box ul {
    list-style: disc;
}
.html-box ol {
    list-style: decimal;
}
.html-box ol,
.html-box ul {
    margin: 20px 0 20px 20px;
}
.orders-page #place-order-popup .overlay {
    pointer-events: none;
}
.previous-orders-wrapper {
    display: block;
    margin-bottom: 100px;
    margin-top: 50px;
    max-width: 600px;
    min-height: 60vh;
    text-align: center;
    text-align: left;
    width: 100%;
}
.previous-orders {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.1), 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    padding: 0 10px;
    text-align: left;
}
.previous-orders .order {
    background-color: #fff;
    border-bottom: 1px solid #f1f1f1;
    display: flex;
    justify-content: space-between;
    padding: 20px 10px;
}
.previous-orders .order.last {
    border-bottom: 0;
}
.previous-orders .order .info {
    display: flex;
    flex-wrap: wrap;
}
.previous-orders .order .order-number-wrap {
    flex: 0 0 100%;
}
.previous-orders .order .status {
    color: #00d3a4;
    font-size: 14px;
    min-width: 70px;
    padding-right: 30px;
}
.previous-orders .order .invoice-amount {
    font-size: 14px;
}
.previous-orders .order .actions a {
    color: #308df0;
    font-size: 14px;
}
@media (max-width: 375px) {
    .previous-orders .order {
        flex-wrap: wrap;
    }
    .previous-orders .order .actions {
        flex: 0 0 100%;
        margin-top: 20px;
    }
}
.error-wrapper {
    display: block;
    display: none;
    margin-bottom: 100px;
    margin-top: 50px;
    max-width: 600px;
    width: 100%;
}
.error-wrapper .error {
    background-color: #fde3e3;
    border-radius: 5px;
    color: red;
    font-size: 16px;
    padding: 10px;
}
.error-wrapper.show {
    display: block;
}
.order-detail-wrapper {
    display: block;
    margin-bottom: 100px;
    margin-top: 50px;
    max-width: 600px;
    min-height: 60vh;
    text-align: center;
    text-align: left;
    width: 100%;
}
.order-detail {
    background-color: #fff;
    margin: 0 auto;
    max-width: 600px;
    padding: 20px 15px;
    width: 100%;
}
.order-detail .tracking {
    border-bottom: 1px solid #e1e3e0;
    margin-bottom: 50px;
}
.order-detail .tracking.in-transit {
    border-bottom: 0;
    margin-bottom: 0;
}
.order-detail .tracking.hidden {
    display: none;
}
.order-detail .tracking .t-event {
    display: flex;
    text-align: left;
    width: 100%;
}
.order-detail .tracking .t-event.active .line,
.order-detail .tracking .t-event.last .line {
    display: none;
}
.order-detail .tracking .t-event .bullet {
    background-color: #b2b2b2;
}
.order-detail .tracking .t-event.done .bullet,
.order-detail .tracking .t-event.progress .bullet {
    background-color: #00d3a4;
}
.order-detail .tracking .t-event.done .line {
    display: block;
}
.order-detail .tracking .right {
    padding-bottom: 30px;
    padding-left: 10px;
}
.order-detail .tracking .title {
    color: #0b2240;
    font-size: 15px;
    font-weight: 700;
}
.order-detail .tracking .description {
    color: #999;
    font-size: 13px;
}
.order-detail .tracking .bullet {
    background-color: #00d3a4;
    border-radius: 50px;
    height: 12px;
    position: relative;
    top: 5px;
    width: 12px;
}
.order-detail .tracking .line {
    border-left: 2px dashed #00d3a4;
    display: none;
    height: 100%;
    margin-left: 5px;
}
.order-detail .delivery-person-wrap {
    background-color: #a7ffeb;
    margin: 0 -15px 50px;
    padding: 15px;
}
.order-detail .delivery-person-wrap h4 {
    margin-top: 0;
}
.order-detail .delivery-person-wrap .delivery-person {
    align-items: center;
    display: flex;
}
.order-detail .delivery-person-wrap .delivery-person img.dp {
    border-radius: 100px;
    height: 100px;
    width: 100px;
}
.order-detail .delivery-person-wrap .delivery-person .info {
    font-size: 14px;
    padding-left: 20px;
}
.order-detail .delivery-person-wrap .delivery-person .info .name {
    font-weight: 700;
    margin-bottom: 15px;
}
.order-detail .delivery-person-wrap .delivery-person .info .contact-numbers {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}
.order-detail .delivery-person-wrap .delivery-person .info .contact-numbers a {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
.order-detail .delivery-person-wrap .delivery-person .info .contact-numbers a:last-child {
    margin-right: 0;
}
.order-detail .delivery-person-wrap .delivery-person .info .contact-numbers a img {
    height: 20px;
    margin-right: 10px;
    width: 20px;
}
.order-detail .delivery-person-wrap .delivery-person .info strong {
    font-weight: 500;
}
.order-detail .basic-info {
    margin-bottom: 50px;
}
.order-detail .basic-info .row {
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    margin-bottom: 20px;
}
.order-detail .basic-info .key {
    flex: 0 0 50%;
    opacity: 0.6;
}
.order-detail .basic-info .value {
    flex: 0 0 50%;
    text-align: right;
}
.order-detail .basic-info .credit-card .value {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}
.order-detail .basic-info .credit-card .value img {
    margin-right: 10px;
    width: 40px;
}
.order-detail .header-row {
    border-bottom: 1px solid #e1e3e0;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 5px;
}
.order-detail .header-row .title {
    -var-color: My Order Items Table Title Color;
    color: #333333;
    flex: 1;
    text-align: left;
}
.order-detail .header-row .cal {
    -var-color: My Order Items Table Calories Color;
    color: #9f9f9f;
    flex: 0 0 46px;
    font-size: 14px;
    padding-left: 15px;
    text-align: right;
}
.order-detail .header-row .price {
    -var-color: My Order Items Table Title Color;
    color: #333333;
    flex: 0 0 46px;
    font-size: 14px;
    padding-left: 15px;
    text-align: right;
}
.order-detail .order-menu-item .qty {
    -var-border-color: My Order Quantity Counter Border Color;
    border: 1px solid #333333;
    border-radius: 20px;
    -var-color: My Order Quantity Counter Text Color;
    color: #333333;
    font-size: 11px;
    font-weight: 700;
    height: 19px;
    line-height: 19px;
    margin-right: 5px;
    text-align: center;
    width: 19px;
}
.order-detail .order-menu-item .modifiers {
    padding-left: 36px;
}
.order-detail .total-row {
    align-items: center;
    border-top: 2px solid #e1e3e0;
    display: flex;
    padding-top: 8px;
}
.order-detail .total-row .title {
    -var-color: My Order Items Table Title Color;
    color: #333333;
    flex: 1;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}
.order-detail .total-row .cal {
    -var-color: My Order Items Table Calories Color;
    color: #9f9f9f;
}
.order-detail .total-row .cal,
.order-detail .total-row .price {
    flex: 0 0 46px;
    font-size: 14px;
    font-weight: 700;
    padding-left: 15px;
    text-align: right;
}
.order-detail .total-row .price {
    -var-color: My Order Items Table Title Color;
    color: #333333;
}
.order-additional-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.order-additional-buttons .btn {
    background-color: #00d3a4;
    border: 1px solid #00d3a4;
}
.order-detail,
.previous-orders {
    position: relative;
}
.order-detail .inner-loading,
.previous-orders .inner-loading {
    background: hsla(0, 0%, 100%, 0.5);
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.order-detail .inner-loading .loader,
.previous-orders .inner-loading .loader {
    border: 3px solid rgba(0, 0, 0, 0.2);
    border-left-color: #000;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
}
.order-detail .no-result,
.previous-orders .no-result {
    display: none;
    padding: 50px 0;
    text-align: center;
}
.order-detail.show-loading,
.previous-orders.show-loading {
    min-height: 100px;
}
.order-detail.show-loading .content,
.previous-orders.show-loading .content {
    display: none;
}
.order-detail.show-loading .inner-loading,
.previous-orders.show-loading .inner-loading {
    display: block;
}
.order-detail.no-result .content,
.previous-orders.no-result .content {
    display: none;
}
.order-detail.no-result .no-result,
.previous-orders.no-result .no-result {
    display: block;
}
@media (max-width: 768px) {
    .previous-orders .order {
        width: 100%;
    }
}
.company-homepage {
    background-position: 50%;
    min-height: 100%;
}
.company-homepage:after {
    -var-background: Background Overlay;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32));
    -var-opacity: Background Overlay Opacity;
    opacity: 1;
}
.company-homepage #cookie-notification {
    left: 0;
    position: fixed;
    right: 0;
}
.company-homepage main {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 80vh;
    justify-content: center;
}
.company-homepage .language-switch a {
    -var-color: Language Switch Link Color on Background Image;
    color: #ffffff;
}
@media (max-width: 991px) {
    .company-homepage {
        background-position: 50%;
    }
}
@media (max-width: 480px) {
    .company-homepage main {
        height: 85vh;
    }
}
.company-venue-list main {
    padding-bottom: 50px;
}
.company-venue-list .social-links {
    justify-content: center;
    margin: 30px auto;
    text-align: center;
}
.venue-homepage .logo {
    margin-bottom: 50px;
}
.venue-homepage .button-wrapper .btn {
    font-size: 20px;
    padding: 20px;
}
.venue-homepage .gallery-outer-wrapper + .main-nav-wrapper {
    margin-top: -60px;
    position: relative;
}
.venue-menu main .note-wrapper {
    max-width: 768px;
}
.venue-menu main .note {
    margin: 30px 0;
}
.venue-info .logo {
    margin-bottom: 0;
}
.venue-info h1 {
    text-align: center;
    text-transform: capitalize;
}
.content-page .heading-wrapper {
    margin-top: 30px;
}
.content-page .html-wrapper {
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
    padding: 20px;
}
.content-page .html-wrapper a {
    text-decoration: underline;
}
.content-page .html-wrapper ul {
    list-style-type: disc;
    margin-left: 30px;
}
.content-page .html-wrapper h3,
.content-page .html-wrapper h4 {
    font-weight: 700;
}
.content-page .heading-wrapper + .html-wrapper {
    margin-top: 30px;
}
.error-page .error {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    text-align: center;
}
.error-page .error .center {
    max-width: 260px;
    width: 100%;
}
.error-page .error .center.wide {
    max-width: 360px;
}
.error-page .error .center p {
    font-size: 16px;
}
.error-page .error a {
    text-decoration: underline;
}
.venue-new-homepage .contact-box-wrapper .inner-content {
    border-radius: 8px;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.01);
}
.venue-new-homepage .contact-box-wrapper .inner-content h3,
.venue-new-homepage .contact-box-wrapper .inner-content p {
    font-size: 14px;
}
.orders-page .search-wrapper input {
    display: none;
}
html[data-useragent*="MSIE 10.0"] .logo img {
    height: 80px;
    width: 250px;
}