.no-link {
  pointer-events: none;  /* disables all clicks */
  cursor: not-allowed !important;   /* shows "🚫" cursor */
  opacity: 0.6;          /* (optional) faded look */
}
#add_to_cart .currency { font-size:12px;font-style:italic; }
.item__price .currency { font-size:12px;font-style:italic; }
.item-content__item .freeprice .currency { font-size:12px;font-style:italic; vertical-align:top; }
.checkbox-heading .currency { font-size:12px;font-style:italic; top: -.3em;color:#777; }
.item-content__item-description .currency{ font-size:12px;font-style:italic; vertical-align:top; }
.flex {	display: flex;}
    .font-bold {
	font-weight: 700;
}
.p-3 {
	padding: .75rem;
}
.gap-2 {
	gap: .5rem;
}
.cursor-pointer {
	cursor: pointer;
}
.gap-4 {gap: 1rem;}
.address-popup .innner { background:#fff; padding:20px; width:100%; min-height:200px; border-radius:15px; }
.address-popup .innner h4  { font-weight:bold; font-size:18px; }


.opacity-0 {
	opacity: 0;
}
.custom-radio-box { width: 100%;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 15px;
  margin: 5px; }
.custom-radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px; margin:0; ;line-height:30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}
.custom-radio:hover input ~ .checkmark {
  background-color: #ccc;
}
.custom-radio input:checked ~ .checkmark {
  background-color: #2196F3;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.custom-radio input:checked ~ .checkmark:after {
  display: block;
}
.custom-radio .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
.bannerarea .searchboxarea .mapicon { margin-top: 16px; margin-left: 18px;}
.bannerarea .searchboxarea .mapicon.rt { margin-top: 16px; margin-right: 25px; right:10px;}
section { padding-left: 15px; padding-right: 15px; }
        .icons-center {
	display: inline-flex;
	align-items: center;
}
.gap-2 {
	gap: .625rem !important;
}
.dropdown-toggle {
	white-space: nowrap;
}

.btn-outline-light, .btn-outline-dark {
	background: #eef2f7;
	color: #333;
	font-size: 16px;
	font-weight: 550;
	padding: 8px 20px;
	margin: 3px;
	border-radius: 14px;
}
.search-store .header { padding-top: 64px; position: relative; z-index: 400;}
.search-store .header .inner { -moz-box-align: center; align-items: center; background-color: #fff;border-bottom: 1px solid #ccc;display: flex;flex-direction: row;
height: 80px;-moz-box-pack: justify;justify-content: space-between;	left: 0px;position: fixed;top: 0px;width: 100vw;z-index: 400;}
.search-store .header .inner .logo {-moz-box-align: center;	align-items: center;display: flex;-moz-box-pack: start;	justify-content: flex-start;width: 200px;padding-left: 75px;}
.search-store .header .inner .right-part {
-moz-box-align: center;
align-items: center;
display: flex;
-moz-box-flex: 1;
flex-grow: 1;
margin: 0 auto;
max-width: 2200px;
padding-right: 16px; column-gap: 8px;
display: flex;
-moz-box-pack: end;
justify-content: flex-end; }
.search-store .header .inner .right-part .account {
	column-gap: 8px;
	display: flex; width: 50%;
	-moz-box-pack: end;
	justify-content: flex-end;
}
.search-store .header .inner .address { width:230px;}
.search-store .header .inner .address a {color:#444;}
.search-store .header .header-menu a {
	font-weight: bold;
	font-size: 16px;
	margin: 0 15px;
	color: #555;
	display: inline-block;text-decoration:none;
}
.search-store .header .cart {
	padding:8px 15px;
	border: 1px solid #ff6501;
	border-radius: 12px; background:#ff6501;
	text-align: center; color:#fff;
}
.search-store .header .get-the-app {
	padding: 15px;
	border: 1px solid #444;
	border-radius: 12px;
	text-align: center;
}
.search-store .header .address-btn {
	padding: 15px;
	border: 1px solid #444;
	border-radius: 12px;
	text-align: center;
	text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.header .sighn-in > i { display:none; }
.text-bold { font-weight:bold; }
.sighn-in-mobile { display:none; font-weight:bold; }
.banner-bg { overflow:hidden; height:200px; border-radius:0 0 20px 20px; }
.banner-bg .banner-img { border-radius:0 0 20px 20px; width:100%; }
.banner-bg .banner-hd { position:absolute; }
.restStatus .Open { color: #00a2e8; font-size: 18px; }
.restStatus .Closed { color: red; font-size: 18px;  }
.restStatus .ClosedOpen { color: red; font-size: 16px; }
.OpenLater { color: #00a2e8; font-size: 16px; }
.left-menu-btn {
    top: 0px;
    left: 0px; color:#ff6501;
    font-size: 50px;
    width: 62px;
    height: 48px;
    padding: 0px 9px 4px 11px;
    border-radius: 100px; line-height:50px;
    transition: 0.3s;
	cursor:pointer; float: left;
}

:root {
	--spacing-unit: 4px;
	--margin-size: calc(2 * var(--spacing-unit));
	--padding-size: calc(2 * var(--spacing-unit));
	--font-size: 16px;
	--primary-color: #00a99d;
	--primary-color-text: #1a1c1f;
	--accent-color: #2979ff;
	--secondary-color: #424242;
	--secondary-color-text: #fff;
	--tertiary-color: #ddd;
	--link-color: #00a99d;
	--info: #0d47a1;
	--warning: #ffb300;
	--error: #f63340;
	--success: #28a745;
}
.hidden { display:none; }
.clr { clear:both; }
.font-grabull-bold { font-family: grabull-bold; }
.signin { float:left; border:#fff 1px solid;  color:#ff6501;font-weight:bolder; margin-top:5px; font-size: 22px; padding: 0 18px; }
.signin:hover { border:#ff6501 1px solid;  }
.btn.topcart { float:right; border-radius:5px; color:#fff; font-weight:bolder; margin-top:5px; font-size: 16px; padding: 6px 18px; }
.btn-red { color: #fff; background-color:#ff6501;border-color: #ff6501;}
.btn-red:hover { background-color:#ea5e03;border-color: #ea5e03;}

.padd5 { padding-left:5px; padding-right:5px; }
.myorderdesktop { display:inline-block; width:220px; padding: 17px; font-size: 22px; font-weight:bold; color:#111; text-align:center; }
.myorder { display:none; border-bottom: 2px solid rgba(0,0,0,.2); padding: 17px; font-size: 22px; font-weight:bold; color:#111; text-align:center; }
.cartline { border-bottom: 2px solid rgba(0,0,0,.2); }
.successAlert { position: fixed; width: 300px; right: 10px; top: 65px; z-index: 999; max-width:100%; }
.successmsg { color:green; font-family:grabull-bold; font-size:22px;  }
.oppserror { color:#0697d7; font-family:grabull-bold; font-size:18px;  }
.oppserror b { color:red; }
.modalheading {text-align: center;	width: 100%; }
.text-grabul, .text-grabull { font-family: grabull-bold; }
.text-href { cursor:pointer; }
.text-size-12, table .text-size-12 td { font-size:12px !important; }
.text-size-16 { font-size:16px; line-height:18px; }
.text-size-18 { font-size:18px; line-height:20px; }
.text-center { text-align:center; }
.text-danger { color: #f57c00 !important;  opacity:0.7; }
.text-green { color: green !important; }
.text-orange { color: #ff6501 !important; }
.text-red { color: red !important; }
.text-danger:hover { opacity:1; }
.text-bold { font-weight:bold; }
.text-grabull-bold { font-weight:bold; font-family:grabull-bold; }
.text-blue { color:#0099FF; }
a.text-blue { color:#0099FF !important; text-decoration:underline !important; }
a.text-blue:hover { color:#ff6501 !important; }
.text-black { color:#000; }
.text-underline { text-decoration:underline; }
.table.dataTable tr.child { display:none !important; }
.btn.btn-pd-1 { padding: .84rem 1rem; }
.display-flexs { display:flex; }
.bgcolor-light-yellow { background: #fffce8; }
.bg-purple {
	background-color: #8e24aa !important;
}
.bgcolor-light-green { background: #ddffe5; }
.bgcolor-light-red { background: #ffdedd; }
/***********header*************/
.menuheader { background:#fff; transition: all 0.45s ease; z-index: 1030; padding: 8px 0; border-bottom:#d6d6d6 1px solid; text-align:center; }
.menuheader .heading { font-size: 25px; }
.menuheader.active { background:rgba(40, 40, 40, 0.83); border-bottom:none; padding: 6px 0; position: fixed; width:100%; }
.menuheader.active .heading { color:#fff; }
.menuheader .topheader { padding:0 15px; width:100%; }
 .headergray { 
	align-items: center;
	background-color: #f4f7f8;
	border-bottom: 1px solid #cccfd5;
	border-top: #d6d6d6 1px solid;
	min-height: 68px;
}
.ordertypeBTN { margin-top:8px; float:left; margin-bottom:8px; }
.ordertypeBTN button { min-width: 103px;
border-radius: 1000px !important;
background-color: rgba(214, 214, 214,1);
font-size: 16px;
font-weight: 700;
letter-spacing: -0.04ch;
text-transform: none;
line-height: 18px; }
.ordertypeBTN button.active { text-align: center;
background-color:green; color:#fff;
box-shadow: green 0px 0px 0px 1px inset; }
.ordertypeBTN .kQXLMG {
	display: flex;
	border-radius: 1000px;
	width: 100%;
	background-color: rgba(214, 214, 214,1);
}
.ordertypeBTN button:hover { opacity:0.7; }

.event-bar__item-toggle-clickable {
	padding-right: 24px;
	padding-left: 24px;
}
.event-bar__item-toggle-clickable {
	padding-right: 12px;
	padding-left: 12px;
	-webkit-transition-property: background-color;
	transition-property: background-color;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	background-color: #f4f7f8;
	border: none;
	border-radius: 0;
	font-weight: 400;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 66px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1;
	margin: 0;
	text-align: center; cursor:pointer;
}
.event-bar__item-subtitle {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #ff6501; width:100%;
	margin-bottom: 5px; text-align: center; margin-top:8px;
}
.event-bar__item-subtitle .OpenSetting {	text-transform: capitalize; }
.event-bar__item-toggle-clickable:focus{background-color:#e8ebec;outline:none}
.event-bar__item-toggle-clickable:hover{-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;background-color:#e8ebec;cursor:pointer}

/**************OFFEr*****************/


@media screen and (max-width:991px)
 {
     .timesettings.text-center { text-align:right; }
 }
 @media screen and (max-width:600px)
 {
     .headergray .col-xs-6 { width:100%; }
     .timesettings.text-center { text-align:left; }
 }
 
 /***************Menu Tabs*************************/
/********************MENU*******************/
.menuheading.sc-gykZtl.active { border-bottom: 4px solid rgb(255, 101, 0); }
.menuheading.active .hWUGbm { color: rgb(255, 101, 0);  }
.visibledata {border-bottom:2px solid #ccc;
    height: 100vh;
    width: 100%;
}
.ht40desktop { height:40px; }
#menuArea .nav-tabs{
    border-bottom: 1px solid #e7e7e7; 
}
#menuArea .nav-tabs > li.active > a, 
#menuArea .nav-tabs > li.active > a:hover, 
#menuArea .nav-tabs > li.active > a:focus{ background: #ff6501;  color: #fff;  border-bottom: #e7e7e7 1px solid; }
#menuArea .nav-tabs > li > a { border-bottom-color: #ccc; font-size:18px; color:#666; border-top:1px solid #e7e7e7;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;
margin-right: 2px; font-family: grabull-bold; font-weight:300; line-height: 1.42857143; border-radius: 4px 4px 0 0; padding: 15px 15px; }
#menuArea .nav-tabs > li.lasttab { font-family: grabull-bold; font-weight:300; line-height: 1.42857143; padding: 15px 15px; color:#00a2e8; font-style:italic; } 
@media screen and (max-width:1016px) and (min-width: 992px) 
{
  #menuArea .nav-tabs > li > a { padding: 15px 11px; }
}
@media screen and (max-width:991px)
{
  .nav-tabs > li.menutab {
    width: 100px;
    margin: 3px;
    margin-bottom: -1px;
   }
   .ht40desktop { height:20px; }
}
@media screen and (max-width: 670px) 
{
   .address-popup { width:100%; transform: translate(0px, 76px); }
    .search-store .header .inner .logo { width: 100%; padding-left: 90px; display:block;}
    .filter-popup .toparrow {left: 45%;}
    .filter-popup { top: 120px; }
    .filter-popup.grocery {	right: auto;}
    .filter-popup { max-width: 93%; }
    .search-store .header .inner .address {	clear: both; display: block; width: 100%; margin-top: 11px;padding:8px 10px; background:#fff;}
    .sighn-in-mobile {display: inline-block; float:right; margin: 15px 10px 10px; }
    .search-store .header .header-menu a.sighn-in-desktop, .search-store .header .header-menu a.desktop-cart { display:none; }
    .search-store .header .inner { display:block; }
    .header.flex { display:block; height:124px; }
    .address-popup {transform: translate(0px, 146px); width:97%;margin: 5px; }
    .logo .page-gtb-logo { margin-top:10px; }
}
@media screen and (max-width:600px) { #menuArea .nav-tabs > li > a { font-size:20px; padding: 10px 10px; text-align: center; } .powerdby { font-size: 16px; } }
@media screen and (max-width:500px) { #menuArea .nav-tabs > li > a { font-size:15px; padding: 10px 2px; text-align: center; } }
@media screen and (max-width:376px) { #menuArea .nav-tabs > li > a { font-size:13px; padding: 10px 2px; text-align: center; } }
@media screen and (min-width:992px) 
  {
     /* .timesettings { margin-left: 120px; } */
      
  }
@media screen and (max-width:767px) 
 {
	.search-store .header .cart {padding: 4px 10px;}
	.myorder { display:block; }
	.myorderdesktop { display:none; }
	.menuheader { padding:0; } .menuheader .heading { font-size: 18px; display: inline-flex;padding-top: 8px; }
	.menuheader .topheader { padding:0; }
	.menuheader .topheader .topcart { margin: 0; padding: 10px 24px; font-size: 20px; border-radius:0; } 
	.menuheader .signin { margin-top:0; }
	.item-content__item-img-holder { max-height: 170px; }
 }
 
 .headergray { 
	align-items: center;
	background-color: #f4f7f8;
	border-bottom: 1px solid #cccfd5;
	border-top: #d6d6d6 1px solid;
	min-height: 68px;
}
.headingh1 { margin:15px 0; font-size: 28px;font-family: grabull-bold;font-weight: bolder; }
.powerdby {
	font-family: grabull-bold;
	font-weight: 300;
	line-height: 40px;
	color: #00a2e8;
	font-style: italic;
	font-size: 18px;
}
.event-bar__item-toggle-clickable {
	padding-right: 24px;
	padding-left: 24px;
}
.event-bar__item-toggle-clickable {
	padding-right: 12px;
	padding-left: 12px;
	-webkit-transition-property: background-color;
	transition-property: background-color;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	background-color: #f4f7f8;
	border: none;
	border-radius: 0;
	font-weight: 400;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 66px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1;
	margin: 0;
	text-align: center; cursor:pointer;
}
.event-bar__item-subtitle {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #ff6501; width:100%;
	margin-bottom: 5px; text-align: center; margin-top:8px;
}
.event-bar__item-subtitle .OpenSetting {	text-transform: capitalize; }
.event-bar__item-toggle-clickable:focus{background-color:#e8ebec;outline:none}
.event-bar__item-toggle-clickable:hover{-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;background-color:#e8ebec;cursor:pointer}
/**************left menu***************/
.w-25{width:25% !important}.w-50{width:50% !important}.w-75{width:75% !important}.w-100{width:100% !important}.w-auto{width:auto !important}.h-25{height:25% !important}.h-50{height:50% !important}.h-75{height:75% !important}.h-100{height:100% !important}.h-auto{height:auto !important}.mw-100{max-width:100% !important}.mh-100{max-height:100% !important}.min-vw-100{min-width:100vw !important}.min-vh-100{min-height:100vh !important}.vw-100{width:100vw !important}.vh-100{height:100vh !important}

.m-0{margin:0 !important}.mt-0,.my-0{margin-top:0 !important}.mr-0,.mx-0{margin-right:0 !important}.mb-0,.my-0{margin-bottom:0 !important}.ml-0,.mx-0{margin-left:0 !important}.m-1{margin:.25rem !important}.mt-1,.my-1{margin-top:.25rem !important}.mr-1,.mx-1{margin-right:.25rem !important}.mb-1,.my-1{margin-bottom:.25rem !important}.ml-1,.mx-1{margin-left:.25rem !important}.m-2{margin:.5rem !important}.mt-2,.my-2{margin-top:.5rem !important}.mr-2,.mx-2{margin-right:.5rem !important}.mb-2,.my-2{margin-bottom:.5rem !important}.ml-2,.mx-2{margin-left:.5rem !important}.m-3{margin:1rem !important}.mt-3,.my-3{margin-top:1rem !important}.mr-3,.mx-3{margin-right:1rem !important}.mb-3,.my-3{margin-bottom:1rem !important}.ml-3,.mx-3{margin-left:1rem !important}.m-4{margin:1.5rem !important}.mt-4,.my-4{margin-top:1.5rem !important}.mr-4,.mx-4{margin-right:1.5rem !important}.mb-4,.my-4{margin-bottom:1.5rem !important}.ml-4,.mx-4{margin-left:1.5rem !important}.m-5{margin:3rem !important}.mt-5,.my-5{margin-top:3rem !important}.mr-5,.mx-5{margin-right:3rem !important}.mb-5,.my-5{margin-bottom:3rem !important}.ml-5,.mx-5{margin-left:3rem !important}.p-0{padding:0 !important}.pt-0,.py-0{padding-top:0 !important}.pr-0,.px-0{padding-right:0 !important}.pb-0,.py-0{padding-bottom:0 !important}.pl-0,.px-0{padding-left:0 !important}.p-1{padding:.25rem !important}.pt-1,.py-1{padding-top:.25rem !important}.pr-1,.px-1{padding-right:.25rem !important}.pb-1,.py-1{padding-bottom:.25rem !important}.pl-1,.px-1{padding-left:.25rem !important}.p-2{padding:.5rem !important}.pt-2,.py-2{padding-top:.5rem !important}.pr-2,.px-2{padding-right:.5rem !important}.pb-2,.py-2{padding-bottom:.5rem !important}.pl-2,.px-2{padding-left:.5rem !important}.p-3{padding:1rem !important}.pt-3,.py-3{padding-top:1rem !important}.pr-3,.px-3{padding-right:1rem !important}.pb-3,.py-3{padding-bottom:1rem !important}.pl-3,.px-3{padding-left:1rem !important}.p-4{padding:1.5rem !important}.pt-4,.py-4{padding-top:1.5rem !important}.pr-4,.px-4{padding-right:1.5rem !important}.pb-4,.py-4{padding-bottom:1.5rem !important}.pl-4,.px-4{padding-left:1.5rem !important}.p-5{padding:3rem !important}.pt-5,.py-5{padding-top:3rem !important}.pr-5,.px-5{padding-right:3rem !important}.pb-5,.py-5{padding-bottom:3rem !important}.pl-5,.px-5{padding-left:3rem !important} .pl-4-5{padding-left:2.5rem !important}


/***************Menu Tabs*************************/
/********************MENU*******************/
.menuheading.sc-gykZtl.active { border-bottom: 4px solid rgb(255, 101, 0); }
.menuheading.active .hWUGbm { color: rgb(255, 101, 0);  }
.visibledata {border-bottom:2px solid #ccc;
    height: 100vh;
    width: 100%;
}
.ht40desktop { height:40px; }
#menuArea .nav-tabs{
    border-bottom: 1px solid #e7e7e7; 
}
#menuArea .nav-tabs > li.active > a, 
#menuArea .nav-tabs > li.active > a:hover, 
#menuArea .nav-tabs > li.active > a:focus{ background: #ff6501;  color: #fff;  border-bottom: #e7e7e7 1px solid; }
#menuArea .nav-tabs > li > a { border-bottom-color: #ccc; font-size:18px; color:#666; border-top:1px solid #e7e7e7;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;
margin-right: 2px; font-family: grabull-bold; font-weight:300; line-height: 1.42857143; border-radius: 4px 4px 0 0; padding: 15px 15px; }
#menuArea .nav-tabs > li.lasttab { font-family: grabull-bold; font-weight:300; line-height: 1.42857143; padding: 15px 15px; color:#00a2e8; font-style:italic; } 
@media screen and (max-width:1016px) and (min-width: 992px) 
{
  #menuArea .nav-tabs > li > a { padding: 15px 11px; }
}
@media screen and (max-width:991px)
{
  .nav-tabs > li.menutab {
    width: 100px;
    margin: 3px;
    margin-bottom: -1px;
   }
   .ht40desktop { height:20px; }
}
@media screen and (max-width:600px) { #menuArea .nav-tabs > li > a { font-size:20px; padding: 10px 10px; text-align: center; } .powerdby { font-size: 16px; } }
@media screen and (max-width:500px) { #menuArea .nav-tabs > li > a { font-size:15px; padding: 10px 2px; text-align: center; } }
@media screen and (max-width:376px) { #menuArea .nav-tabs > li > a { font-size:13px; padding: 10px 2px; text-align: center; } }
@media screen and (min-width:992px) 
  {
     /* .timesettings { margin-left: 120px; } */
      
  }
  
/*****************Menu Heading List**************************************/
.lnhVbn {
	/*background-color: rgb(255, 255, 255);
	border-bottom: 1px solid rgb(231, 231, 231);*/
	/*border-top: 1px solid rgb(231, 231, 231);
	height: 40px;*/
	display: flex;
	flex-direction: column;
	position: sticky;
	top: 52px;
	z-index: 99;
}
.gZsqPk {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	position: relative;
	width: 948px; max-width:100%;
}
.bxzwn {
	-moz-box-align: center;
	align-items: center;
	animation: 0.2s ease 0s 1 normal none running bNMfGa;
	border-bottom: 4px solid rgb(255, 101, 0);
	cursor: default;
	display: flex;
	height: 100%;
	padding: 0px 4px;
	width: 125px;
}
.caChUN {
	font-size: 16px;
	font-family: DD-TTNorms, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 700;
	line-height: 22px;
	letter-spacing: -0.04ch;
	text-transform: none;
	color: rgb(235, 23, 0);
	margin: 0px;
	padding: 0px;
	display: block;
	font-variant-ligatures: no-common-ligatures;
}
.cOHxjV {
	animation: 0.2s ease 0s 1 normal none running cymjoS;
	color: rgb(255, 101, 0);
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	transition: color 2s ease 0s;
	white-space: nowrap;
	width: 100%;
}
.dKKAoz {
	-moz-box-align: center;
	align-items: center;
	border-bottom: 4px solid transparent;
	cursor: pointer;
	height: 100%;
	padding: 0px 4px;
	width: 125px;
	display: flex;
}
.iCmkQI::-moz-focus-inner {
	outline: currentcolor none medium;
	border-style: none;
	padding: 0px;
}
.iCmkQI {
	position: relative;
	max-width: 100%;
	margin: 0px;
	padding: 0px;
	display: flex;
	width: 100%;
	-moz-box-pack: center;
	justify-content: center;
	border-radius: 4px;
	border: medium none;
	cursor: pointer;
	transition: background-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	user-select: none;
	text-decoration: none;
	text-align: center;
	background-color: transparent;
	box-shadow: rgba(165, 211, 242, 0) 0px 0px 0px 3px;
}
.dKKAoz {
	cursor: pointer;
}
.iCmkQI * {
	transition: color 0.15s ease-in-out 0s;
}
.dfAUFz {
	-moz-box-flex: 1;
	flex-grow: 1;
	max-width: 100%;
	transition: opacity 0.15s ease-in-out 0s;
	opacity: 1;
}
.iCmkQI {
	cursor: pointer;
	text-align: center;
}
.fXOWRH {
	max-width: 100%;
	padding: 0px;
}
.hWUGbm {
	font-size: 16px;
	font-family: DD-TTNorms, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 700;
	line-height: 22px;
	letter-spacing: -0.04ch;
	text-transform: none;
	color: rgb(25, 25, 25);
	margin: 0px;
	padding: 0px;
	display: block;
	font-variant-ligatures: no-common-ligatures;
}
.fyyYZp {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.hTCttD {
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
}
.djHviU {
	max-width: 100%;
	display: flex;
	-moz-box-align: stretch;
	align-items: stretch;
	-moz-box-pack: start;
	justify-content: flex-start;
}
.fyyYZp {
	white-space: nowrap;
}
.djHviU > * + * {
	margin-left: 4px !important;
}

.ezYZcB {
	position: absolute;
	right: 0px;
	top: calc(100% + 2px);
	box-shadow: rgba(0, 0, 0, 0.19) 0px 2px 8px;
	border-radius: 4px;
	background: white none repeat scroll 0% 0%;
	padding: 8px 24px;
	max-height: 80vh;
	overflow-y: scroll;	
}
#menuListData .morebtn .fa { margin-top:4px; }
#menuListData .morebtn .fa-chevron-down { display:block; }
#menuListData .ezYZcB, #menuListData .morebtn .fa-chevron-up { display:none; }
#menuListData.active .ezYZcB, #menuListData.active .morebtn .fa-chevron-up { display:block; }
#menuListData.active .morebtn .fa-chevron-down { display:none; }
.eFwXTH {
	font-size: 18px;
	font-family: DD-TTNorms, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.04ch;
	text-transform: none;
	color: rgb(25, 25, 25);
	margin: 0px;
	padding: 0px;
	display: block;
	font-variant-ligatures: no-common-ligatures;
}
.itvfXR {
	cursor: pointer;
	text-align: left;
	margin: 10px 0px;
}
/**********************Menu LIST************************/

 .menu-item-list{
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:0px;
}
.menu-item__title-link { font-weight: bold;color: rgb(255, 101, 0); }
.menu-item__title-link:hover {  }
.menu-section__favorite{
    margin-left:0
}
.menu-section__title{
    display:-webkit-box; margin-top: 20px;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-line-pack:center;
    align-content:center;
    -webkit-box-align:baseline;
    -ms-flex-align:baseline;
    align-items:baseline
}
@media (min-width:1024px){
    .menu-item-list{
        -ms-flex-pack:justify;
        -webkit-box-pack:justify;
        justify-content:space-between
    }
}
.icon-svg {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    top: -2px;
}
.menu-item__title .icon-svg:first-child { margin: 0 0 0 8px; }
.icon-svg-ingredients-hot {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNLTYtM2gyNHYyNEgtNnoiLz48ZyBmaWxsPSIjQzgxNDFBIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Ik0xLjQ2IDMuNzZMMiAzLjU0QzEgMy4yNCAxLjQ2LjMgMS40Ni4zUy0uMi0uNjQuNDYgMS43Yy42NiAyLjM0IDEgMi4wNiAxIDIuMDZ6Ii8+PHBhdGggZD0iTTExLjggMTcuMDRDNS4zOCA4LjE0IDYuMDQgNS4yMiA0LjkyIDQuMWMtLjg0LS44NC0yLjA0LS45Ni0zLjEtLjA2LS4yOC4yNC0uNy0uMjItLjk4LjA2LTEuMTIgMS4xMi0uOTggMi44MiAwIDQuMSA4Ljg0IDExLjUyIDExLjkgMTAuMTQgMTAuOTYgOC44NHpNNS4xOCA2LjY4Yy0uMjYtLjE0LTEuMzQtMi40NC0yLjIyLTIuNHYtLjEycy42NC0uNTYgMS4zNCAwYy43LjU2Ljc2IDEuODYgMS4wNiAyLjE0LjMuMjguMDYuNTItLjE4LjM4eiIvPjwvZz48L2c+PC9zdmc+);
	height: 18px;
}
.menu-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    border-bottom:1px solid #e6e6e6;
    padding:14px 0;
    background-color:#fff; cursor:pointer;
}
.menu-item:first-child{
    margin-top:-14px
}
.menu-item:active{
    background-color:#fafafa
}
.menu-item__information{
    -ms-flex-negative:20;
    flex-shrink:20;
    -ms-flex-direction:column;
    -webkit-box-orient:vertical;
    flex-direction:column;
    width:100%
}
.menu-item__information,.menu-item__title{
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    -webkit-box-direction:normal
}
.menu-item__title{
    font-size:18px;
    font-weight:500;
    line-height:24px;
    margin-bottom:6px;
    -webkit-box-orient:horizontal;
    -ms-flex-direction:row;
    flex-direction:row
}
.menu-item__description{
    font-size:14px;
    font-weight:400;
    line-height:18px;
    color:#5b646b;
    margin-bottom:6px;
    margin-top:-4px;
}
.menu-item_price_right { background: rgba(255,255,255,0.8);padding: 15px 10px;float: right;margin-right: 5px;margin-top: 5px;border-radius: 100%;font-size: 22px; }
.menu-item_price_right2 { background: rgba(255,255,255,0.8);padding: 20px 8px;float: right;margin-right: 5px;margin-top: 5px;border-radius: 100%;font-size: 22px; }
.menu-item_price_right_dark { background: rgba(0,0,0,0.8);padding: 15px 10px;float: right;margin-right: 5px;margin-top: 5px;border-radius: 100%;font-size: 22px; }
.menu-item__price{
    font-size:24px;
    font-weight:500;
    color:#2d2e31; line-height: 20px;
    margin-top:auto; font-weight: bold;
}
.menu-item__price span:first-child { font-size: 13px;vertical-align: text-top;font-style:italic;}
.menu-item__price span:nth-child(2) { font-size: 13px;vertical-align: text-top; }
.menu-item__price span:nth-child(3) { font-size: 13px;vertical-align: text-top; margin-left:2px; color: rgba(0,0,0,.5); }
.menu-item__price img { width:16px;vertical-align: top; }
.menu-item:hover .menu-item__price span:nth-child(3) { color: rgba(0,0,0,.9); }

.menu-item__ingredients{
    margin-left:auto;
    min-width:70px;
    text-align:right
}
.menu-item__thumbnail{
    position:relative;
    -ms-flex-item-align:start;
    align-self:flex-start;
    width:20%;
    min-width:96px
}
.menu-item__thumbnail:before{
    content:"";
    display:block;
    padding-top: 100%;
}
.menu-item__thumbnail-inner{
    background-color:#c6c8ca;
    background-size:cover;
    background-position:50%;
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:4px
}
.ordertypeBTN { margin-top:8px; float:left; }
.ordertypeBTN button { min-width: 103px;
border-radius: 1000px !important;
background-color: rgba(214, 214, 214,1);
font-size: 16px;
font-weight: 700;
letter-spacing: -0.04ch;
text-transform: none;
line-height: 27px; }
.ordertypeBTN button.active { text-align: center;
background-color:green; color:#fff;
box-shadow: green 0px 0px 0px 1px inset; }
.ordertypeBTN .kQXLMG {
	display: flex;
	border-radius: 1000px;
	width: 100%;
	background-color: rgba(214, 214, 214,1);
}
.ordertypeBTN button:hover { opacity:0.7; }

@media (min-width:769px){
    .menu-item:hover{
        cursor:pointer;border-color:rgb(75 85 99);
    }
    .menu-item:first-child{
        margin-top:0
    }
}
@media (min-width:580px){
    .menu-item__thumbnail{
        width:25%
    }
}
@media (min-width:1024px){
    .menu-item{
        padding:0;
        position:relative;
        /*overflow:hidden;*/
        width:49%;
        border:1px solid #e6e6e6;
        border-radius:12px;
        margin-bottom:20px
    }
    .popular-items .menu-item{
        padding:0;
        position:relative;
        width:24%;
        border:none;
        border-radius:0;
        margin-bottom:20px;display:block;
    }
    .popular-items .menu-item__thumbnail {border:1px solid #e6e6e6;border-radius:12px;}
    .menu-item__information{
        padding:10px;
        margin-right:0
    }
    .menu-item__title{
        margin-bottom:8px
    }
    .menu-item__description{
        margin-bottom:10px
    }
    .menu-item__descriptione{
        font-size:16px;
        line-height:18px
    }
    .menu-item__thumbnail{
        -ms-flex-item-align:stretch;
        align-self:stretch;
        width:31%; max-width:150px;
    }
    .popular-items  .menu-item__thumbnail { width:100%; max-width:100%; max-height: 164px; }
    .menu-item__thumbnail-inner{
        border-radius:0 6px 6px 0
    }
}

@media (max-width:767px) 
 {
    .menu-item__price{ font-size:24px; line-height:22px; }
    .menu-item__price span:first-child, .menu-item__price span:nth-child(2), .menu-item__price span:nth-child(3) { font-size: 14px; }
    #menuArea .lasttab { display:none; }
    .nav-tabs > li.menutab { width: 23.8%; margin: 2px;	margin-bottom: -1px;}
 }
 
 .itemBogoArea, .itemBogoArea2 {
  position: relative;
  display: inline-block;
}
.itemBogoArea .bogoText, .itemBogoArea2 .bogoText {
  visibility: hidden;
  width:160px;
  background-color: #0580e8;
  color: #fff;
  text-align: left;
  padding: 10px; font-size:11px;
  border-radius: 6px;
  position: absolute;
  z-index: 1; left:0px; top: 30px;
}
.itemBogoArea2 .bogoText { left:-50px; }
.itemBogoArea:hover .bogoText, .itemBogoArea2:hover .bogoText { visibility: visible; }
@media (max-width:991px) { .itemBogoArea2 .bogoText { left:10px; } .itemBogoArea, .itemBogoArea2 { display:block; } } 
/****************Right Cart****************/
.tooltipArea {
  position: relative;
  display: inline-block;
}
.tooltipArea .tooltipText {
  visibility: hidden;
  width: 200px;
  background-color: #0580e8;
  color: #fff;
  text-align: left;
  padding: 10px; font-size:11px;
  border-radius: 6px;
  position: absolute;
  z-index: 1; left:-80px;
}
.tooltipArea:hover .tooltipText {
  visibility: visible;
}
.btn-default-red, .btn-default-red:hover, .btn-default-red:focus {
  padding: 12px;
  border: 1px solid #ff6501;
  background: #ff6501;
  color: #fff;
  border-radius: 7px;
  font-size: 20px; font-family:grabull-bold;
}
.btn-default-red-inverse {
  padding: 5px 15px 5px 10px;
  border: 1px solid #ff6501;
  background: #ff6501;
  color: #fff;
  border-radius: 7px;
  font-size: 20px; font-family:grabull-bold;
}
.btn-default-red-inverse > .fa {
  font-size: 20px;
  padding: 5px;
}
.btn-default-red-inverse:hover, 
.btn-default-red-inverse:focus, 
.btn-default-red-inverse:active, 
.btn-default-red-inverse.active {
  outline: 0;
  background-color: #fff;
  color: #ff6501;
}
#cartListData .cartList { height: 100%; }
#cartListData .itemListArea {flex: 1 1 auto;	overflow-y: auto;}
#cartListData .cart-error-emptyCart { padding: 10px; text-align:center;}
#cartListData .cart-error-title {margin: 0; padding: 16px 0;font-size: 24px;color: #cacaca;}
#cartListData .cartList { position: relative; border-top: 0; padding:0px; }
#cartListData .cartList-panel { display: flex;  flex-direction: column; padding:0; /*height: calc(100% - 48px);*/}
#cartListData .itemListArea { flex: 1 1 auto; }
#cartListData .orderItem {display: flex;  flex-direction: column; width: 100%; border-width: 1px; border-bottom: 1px solid rgba(0,0,0,.2);  padding:5px 0; }
#cartListData .checkoutBtn { padding: 16px; }
#cartListData .orderItems .description { color:#626262; font-size:12px; }
#cartListData .orderItems .instructions { font-size:12px; }
#cartListData .orderItems .qtylist { padding:5px; }
#cartListData .orderItems .qtylist > b { border:1px solid #000; padding:2px 6px; margin:8px 3px 3px; font-weight:bold; }
#cartListData .orderItems .name { color:#333; font-weight:bold; line-height:20px; }
#cartListData .orderItems .name:hover { color:#ff6501; }
#cartListData .orderItems .name, #cartListData .orderItems .description, #cartListData .orderItems .instructions { cursor:pointer; }
#cartListData .orderItems .notedit .name {cursor:not-allowed; }
#cartListData .orderItems .notedit .name:hover { color:#000; }
#cartListData .orderItems .remove { cursor:pointer; color:#ff6501; text-align:center; font-size:16px;  }
#cartListData .orderItems .remove .fa { background:#fff; padding:4px 6px; border-radius:100%; }
#cartListData .orderItems .remove:hover .fa { background:#ff6501; color:#fff; padding:4px 6px; border-radius:100%; }
#cartListData .orderItems .remove.disabled { cursor: not-allowed; color:#999; text-align:center; font-size:16px; opacity:0.5; }
#cartListData .orderItems .remove.disabled:hover .fa { background:#f8f8f8; color:#999; }
#cartListData .orderItems .price { line-height:26px; text-align:right; }

/*****************************/
.lineItems{ transition:opacity .5s linear; padding:15px; line-height: 24px; }
.lineItems .list { display: flex; }
.lineItem{ width:100%; }
.lineItem-name{ flex:1; }
.lineItems h6 { font-size: 15.4px; line-height: 1.595; font-family:grabull-bold;}
.lineItem.subtotal{ margin-top:10px; }
.lineItem-val{ display:block; }

.orderItem-removeOverlay{ position:absolute; top:0; right:0; left:0; z-index:1040; display:table; width:100%; height:100%; background-color:rgba(0,0,0,.87); }
.orderItem-removeOverlay:before{ display:inline-block; height:100%; content:""; vertical-align:middle; }
.orderItem-remove-prompt{ display:table-cell; width:100%; vertical-align:middle; text-align:center; }
.orderItem-remove-prompt-title{ margin-bottom:20px; padding:10px 0; border-bottom:1px dotted rgba(0,0,0,.2); color:#fff; font-size:16px; }
.orderItem-confirm-btn{ margin-right:10px; width:30%; }

.removeCart { padding:0 15px 15px 15px; }
.removeCart a { text-decoration: none; color: #0070eb; font-family:grabullsans-bold; }
.removeCart a:hover { color: #004898; }
.addmoreitems { padding:0 15px 15px 15px;  text-align:center; font-family:grabullsans-bold; font-size: 20px; }
.addmoreitems b { color:red; opacity: 0.6; }
.addmoreitemsdelivery { text-align:center; font-family:grabullsans-bold; font-size: 20px; }
.addmoreitemsdelivery b { color:red; opacity: 0.6; line-height:50px; }
.addmoreitemsdelivery .btn { color:#fff; background:red; font-family:grabullsans-bold; font-size: 20px; width: 225px; max-width:100%; }
.addmoreitemsdelivery .btn:hover { opacity: 0.8; }

/*****************************/
.block-title {
    font-size: 20px;
    line-height: 38px;
    margin-bottom: 20px;
    font-weight: 700;
}
.menu-item__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}
.icon-svg-favorite {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNLTQtNGgyNHYyNEgtNHoiLz48cGF0aCBkPSJNMy42NDQgOS42MDdsLS44MiA0LjcxYS41NzMuNTczIDAgMCAwIC4yMzIuNTYyLjU5LjU5IDAgMCAwIC42MTIuMDQzbDQuMjg3LTIuMjI0IDQuMjg3IDIuMjI0YS41ODQuNTg0IDAgMCAwIC42MTItLjA0My41NzIuNTcyIDAgMCAwIC4yMy0uNTYybC0uODE4LTQuNzEgMy40NjgtMy4zMzZhLjU3LjU3IDAgMCAwLS4zMjItLjk3OGwtNC43OTMtLjY4OEw4LjQ3Ni4zMmEuNTgzLjU4MyAwIDAgMC0xLjA0MyAwTDUuMjkgNC42MDVsLTQuNzkzLjY4OGEuNTguNTggMCAwIDAtLjQ2OS4zOS41Ny41NyAwIDAgMCAuMTQ4LjU4OGwzLjQ2OCAzLjMzNnoiIGZpbGw9IiNGRkMxMDAiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=);
}
/*********************************/

.d-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	background-color: #000;
}

#cartDetailsModal .close, #itemDetailsModal .close, #timeDetailsModal .close, #ordertypeModal .close, #addressDetailsModal .close, #dineInInfoModal .close {
	left: auto;
	right: 32px; font-size: 42px;
}
#cartDetailsModal .close span.mobile, #dineInInfoModal .close span.mobile, #itemDetailsModal .close span.mobile, 
#timeDetailsModal .close.mobile, #addressDetailsModal .close.mobile, #ordertypeModal .close.mobile { display:none; }
#timeDetailsModal .topheader, #addressDetailsModal .topheader, #ordertypeModal .topheader { 
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #f4f7f8;
	border-bottom: 1px solid #cccfd5;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 50px; padding:5px 10px; 
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#timeDetailsModal .topheader h5, #addressDetailsModal .topheader h5, #ordertypeModal .topheader h5 { color: #565a5c;font-family: grabull-bold;font-size: 20px; }
.qty_mobile { display:none; }
.event-bar__popup-title {
	background-color: #f4f7f8;
	color: #565a5c;
	font-weight: 700;
	line-height: 1;
	padding: 12px;
	white-space: nowrap; margin-top:10px;
}
.item-content__options-footer {
	padding: 18px 40px;
	border-radius: 0 0 4px 0;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 2;
}
.item-selection__quantity {
    float: left;
}
.quantity {
	border-radius: 6px;
	border: 1px solid #e5e5e5;
	display: inline-block;
	height: 50px;
}
.quantity__action {
	width: 48px;
	height: 48px;
}
button.quantity__action {
    background-color: transparent;
    border-style: none;
    color: inherit; 
}
.quantity__display {
	min-width: 30px;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	display: inline-block;
	line-height: 44px;
	vertical-align: middle;
}
.item-content__options-footer .btn {
	width: calc(100% - 154px);
	float: right;
	height: 50px;
	border-radius: 6px;
}
.btn__content {
	align-items: center;
	border-radius: inherit;
	color: inherit;
	display: flex; color: #fff;
	flex: 1 0 auto;
	justify-content: center;
	margin: 0 auto;
	padding: 0 16px;
	transition: .3s cubic-bezier(.25,.8,.5,1);
	white-space: nowrap;
	width: inherit;
	font-weight: bold;
    font-size: 22px;
}
.item-selection__action--submit.btn {
	width: calc(100% - 154px);
	float: right;
	height: 50px;
	border-radius: 6px;
}
.item-selection__action--submit.primary {
	background-color: #ff6501 !important;
	border-color: #ff6501 !important;
}
.item-selection__action--submit.default {
	background-color: #aaa !important;
	border-color: #aaa !important;
}
.item-total-cost {
	margin-left: 15px;
}
.optionscrollvrmob { display:none; }
@media (min-width:768px) and (max-width:991px) { #itemDetailsModal .modal-dialog { width: 720px; } } 
@media (max-width:767px) 
  {
     .padd5 { padding-left: 15px; }
    .optionscrollvrmob { display:block; float:right; }
    #timeDetailsModal .item-content__options-title, #ordertypeModal .item-content__options-title {  margin: 52px 0 34px; }
	.qty_desktop { display:none; }
    .qty_mobile { display:block; margin-top:15px; margin-bottom:25px; }
	.quantity__display { min-width:70px; }
	#cartDetailsModal .modal-content, #dineInInfoModal .modal-content, #itemDetailsModal .modal-content { border:none; border-radius: 0; outline: 0; -webkit-box-shadow: none;box-shadow:none; }
	#cartDetailsModal .modal-content, #dineInInfoModal .modal-content { height:100%; }
	#cartDetailsModal .modal-dialog, #cartDetailsModal .modal-body, #dineInInfoModal .modal-dialog, #dineInInfoModal .modal-body,
	#itemDetailsModal .modal-dialog, #itemDetailsModal .modal-body,
	#timeDetailsModal .modal-dialog, #timeDetailsModal .modal-body, #ordertypeModal .modal-dialog, #ordertypeModal .modal-body { margin:0; padding:0; } 
	#itemDetailsModal .close { position:absolute; z-index:9999; right:auto; left:20px; top:25px; font-size:24px; color:#fff; text-shadow:none; opacity:1; }
	#cartDetailsModal .close, #dineInInfoModal .close { position:absolute; z-index:9999; right:auto; left:20px; top:20px; font-size:24px; color:#fff; text-shadow:none; opacity:1; }
	#timeDetailsModal .close, #addressDetailsModal .close, #ordertypeModal .close { right:auto; left:20px; top:25px; font-size:24px; color:#fff; text-shadow:none; opacity:1; }
	#cartDetailsModal .close span, #dineInInfoModal .close span, 	#itemDetailsModal .close span { display:none; }
	#itemDetailsModal .close span.mobile { display:block; color:#fff; }
	#cartDetailsModal .close span.mobile,#dineInInfoModal .close span.mobile { display:block; color:#000; }
	#timeDetailsModal .close.mobile, #addressDetailsModal .close.mobile, #ordertypeModal .close.mobile { display:block; color:#565a5c; }
	#timeDetailsModal .close.desktop, #addressDetailsModal .close.desktop, #ordertypeModal .close.desktop { display:none; }
	#cartDetailsModal .myorder { background:#f4f7f8; }
	.item-content__item-img-overlay {
		 background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 0%, rgba(0,0,0,0.44019606133469014) 34%, rgba(0,0,0,0) 54%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 0%, rgba(0,0,0,0.44019606133469014) 34%, rgba(0,0,0,0) 54%);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 0%, rgba(0,0,0,0.44019606133469014) 34%, rgba(0,0,0,0) 54%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);

		z-index: 2;
		height: 170px;
		width: 100%;
		position: absolute;
		top: 0;
	}
	.item-content__options-footer {
			padding: 0;
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 2;
			width: 100%;
			border-top: none;
		}
	.item-content__options-footer .btn {
			float: none;
			border-radius: 0;
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			margin: 0;
			height: 60px;
			font-weight: 700;
			font-size: 18px;
		}
  }
.item-content__item{
    width:100%;
    padding:30px;
    background-color:#fcfcfc;
    -webkit-box-shadow:inset -1px 0 0 0 #e5e5e5;
    box-shadow:inset -1px 0 0 0 #e5e5e5;
    border-radius:4px 0 0 4px;
    font-size:15px;
    line-height:1.4
}
.item-content__item-img-holder {
	max-height: 300px;
	overflow: hidden;
	margin: -15px 0 0 -15px;
}
.item-content__item-title {
	font-size: 32px;
	line-height: 36px;
	font-weight: 700;
	margin: 0 0 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.item-content__item-description {
	color: #5b646b;
}
.item-content__item-cost {
    display: block;
    font-size: 20px;
}
.item-content__options-title {
	font-size: 20px;
	line-height: 32px;
	font-weight: 700;
	letter-spacing: -.2px;
	margin: 25px 0 15px 0;
}
.item-selection__option-name {
	font-weight: 700;
	font-size: 16px; margin-top:25px;
}
.item-selection__option-instructions {
	font-weight: 400;
	color: #ff6501;
	padding-bottom: 14px;
	font-weight: bold;
    font-size: 20px;
}


.item-content__options-frame {
	max-height: 512px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0 40px 80px;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
}
.ht80instruction { clear:both; height:100px; }
@media (max-width:767px) 
 { 
    #cartListData .orderItems .remove, #cartListData .orderItems .remove.disabled { text-align: right; }
    #itemDetailsModal  { padding-right:0 !important; }
    .item-content__item-img-holder, .item-content__item-img-overlay { max-height: 170px; }
    .item-content__options-frame {	max-height: 100%; }
    #itemDetailsSM {
    max-height: 100%; width:100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 40px 80px;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    margin:0; padding:0;
}
 }
@media (max-width:1024px) 
 { 
    .menu-item { padding: 14px 10px; }  
    .menu-item__thumbnail:before{ padding-top:100%; }
 }

.checkbox-inline, .checkbox-inline + .checkbox-inline {
    margin-left: 0; padding-left: 0;
    margin-top: 8px;
}
.checkbox label { padding-left:0; font-size:16px; }
.checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  left: 0;
  pointer-events: none;
}
.checkbox .checkbox-heading { color:#222; }
.checkbox .checkbox-material {
  vertical-align: middle;
  position: relative;
  top: 4px; 
  padding-right: 5px;
}
.checkbox .checkbox-material.top0 {  top: 0; }
.checkbox .checkbox-material.hidden { display:none; }
.checkbox .checkbox-material:before {
  display: block;
  position: absolute;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.84);
  height: 20px;
  width: 20px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
  transform: scale3d(2.3, 2.3, 1);
}
.checkbox .checkbox-material .check {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 24px;
  border: 1px solid #757575;
  overflow: hidden;
  z-index: 1;
  border-radius:10%; /* 60%;*/
}
.checkbox .checkbox-material .check:before {
  position: absolute;
  content: "";
  transform: rotate(45deg);
  display: block;
  margin-top: -1px;
  margin-left: 10px;
  width: 0;
  height: 0;
  background: red;
  box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
  animation: checkbox-off 0.3s forwards;
}
.checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
  opacity: 0.2;
}
.checkbox input[type=checkbox]:checked + .checkbox-material + .checkbox-heading { color: #333; }
.checkbox input[type=checkbox]:checked + .checkbox-material .check {
  background: #fff; border: #0394e8 1px solid;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #0394e8;
  box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  animation: checkbox-on 0.3s forwards;
}
.checkbox input[type=checkbox]:checked + .checkbox-material:before {
  animation: rippleOn 500ms;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:after {
  animation: rippleOn 500ms forwards;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
  animation: rippleOff 500ms;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
  animation: rippleOff 500ms;
}
fieldset[disabled] .checkbox, fieldset[disabled] .checkbox input[type=checkbox],
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check,
.checkbox input[type=checkbox][disabled] + .circle {
  opacity: 0.5;
}
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check {
  border-color: #000000;
  opacity: .26;
}
.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after {
  background-color: rgba(0,0,0, 0.87);
  transform: rotate(-45deg);
}
.checkbox.has-error label {
  color: #f44336;
}

.checkbox input[type=radio] {
  opacity: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  left: 0;
  pointer-events: none;
}
.checkbox input[type=radio]:focus + .checkbox-material .check:after {
  opacity: 0.2;
}
.checkbox input[type=radio]:checked + .checkbox-material .check {
  background: #fff;
}
.checkbox input[type=radio]:checked + .checkbox-material .check:before {
  color: #0394e8;
  box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  animation: checkbox-on 0.3s forwards;
}
.checkbox input[type=radio]:checked + .checkbox-material:before {
  animation: rippleOn 500ms;
}
.checkbox input[type=radio]:checked + .checkbox-material .check:after {
  animation: rippleOn 500ms forwards;
}
.checkbox input[type=radio]:not(:checked) + .checkbox-material:before {
  animation: rippleOff 500ms;
}
.checkbox input[type=radio]:not(:checked) + .checkbox-material .check:after {
  animation: rippleOff 500ms;
}
fieldset[disabled] .checkbox, fieldset[disabled] .checkbox input[type=radio],
.checkbox input[type=radio][disabled] ~ .checkbox-material .check,
.checkbox input[type=radio][disabled] + .circle {
  opacity: 0.5;
}
.checkbox input[type=radio][disabled] ~ .checkbox-material .check {
  border-color: #000000;
  opacity: .26;
}
.checkbox input[type=radio][disabled] + .checkbox-material .check:after {
  background-color: rgba(0,0,0, 0.87);
  transform: rotate(-45deg);
}

@keyframes checkbox-on {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
  }
  50% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
  }
  100% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }
}
@keyframes rippleOn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rippleOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
.radio label {
  cursor: pointer;
  padding-left: 35px;
  position: relative;
  color: rgba(0,0,0, 0.26);
}

/********************/
.specialInstructions {
	font-size: 16px;
	font-weight: 700;
	color: #000; margin-bottom:10px; border-bottom:1px dashed #ddd;
}
textarea.instructions {
border-style: none;
    border-bottom: 1px solid #ddd;
    color: inherit;
}
.input-group__counter {
    color: rgba(0,0,0,.54); height:40px; text-align:right;
}

/*====== Pre loader css ======= */
 .loader{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
    margin: auto;
}
.loader div{
    border-radius: 50%;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top: 3px solid #0095f4;
    border-bottom: 3px solid #0095f4;
    animation: rot 4s linear infinite;
    padding: 4px;
}
@keyframes rot {
    100% {
        transform: rotate(360deg);
    }
}
.pre_loader {
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    position: fixed;
    z-index: 9999;
}

/*******************************/
.editOrderTypeData .ordertypesearcher .btn-default-red { padding:6px 15px; }
.editOrderTypeData .ordertypesearcher2 .btn { padding: 9px 20px; margin-bottom:8px; }
.editOrderTypeData .ordertypesearcher1 .addressIconsRemove { color:#d2d2d2; position:absolute; margin-top:2px; right:25px; font-size:24px; padding-left:8px; padding-right:8px; z-index: 999; }
.editOrderTypeData .ordertypesearcher1 .addressIconsRemove { color:#000; cursor:pointer; margin-top: 8px; }
.editOrderTypeData .ordertypesearcher1 .addressIconsRemove:hover { color:red; cursor:pointer; }
.editOrderTypeData .ordertypesearcher1 input { border-radius:8px; border-color:#0071eb; }
.editOrderTypeData .ordertypesearcher1 input.error { border-color:red; }
.editOrderTypeData .ordertypesearcher1 .addressIcons {  position: absolute;margin-top: 14px;margin-left: 8px;}

.lightgraycolor { color:#999; }
.selectdateheading { text-align:center; color:#999; }
#timeDetailsModal, #ordertypeModal { padding:0 !important; }
#timeDetailsModal .modal-dialog, #ordertypeModal .modal-dialog { width:500px; max-width:100%; border-radius: 20px; }
#timeDetailsModal .modal-body, #ordertypeModal .modal-body { padding-top:0; overflow: hidden; }
.selectedDate, .selectedDateBack, .todayDate { font-family: grabull-bold; font-weight:300; line-height: 1.42857143;  color:#00a2e8; font-style:italic; } 
.selectedDateBack { cursor:pointer; font-size: 30px; line-height: 13px; font-weight: bold; margin-top: -8px; } 
@media (min-width:500px) and (max-width:767px)  { #timeDetailsModal .modal-dialog, #ordertypeModal .modal-dialog { width: 500px; margin: 30px auto; } }
@media (max-width:499px)  { #timeDetailsModal .modal-dialog, #ordertypeModal .modal-dialog { width:100%; margin:0; } }
@media screen and (min-width: 992px) {
  .modal-lg { width: 90%; }
}

.footer {padding:25px 0; }
.footerlink  { padding-top:25px;text-align:center; }
.footerlink a { line-height:30px; color: #333;  padding:5px 20px; }
.footerlink a:hover { color:#fd7e14; text-decoration:underline; }
.footer-bar { border-top: 1px solid #3c3c3c; margin-top: 15px; }
.copyright-text { padding-top:20px; text-align:center; }
@media only screen and (max-width: 767px) { .footer { padding-bottom:45px; } }
.modalright .modal-dialog.modal-right { 	right: 0;}
    .modalright .modal-full-height {
	position: absolute;
	top: 0;
	right: 0;
    display: -webkit-box; 
    display: -ms-flexbox;  
	display: flex;
	width: 400px;
	height: auto;
	min-height: 100%;
	margin: 0;
}
.modalright .modal-content {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: .3rem;
	outline: 0;
}
.modalright .modal-full-height {
	position: absolute;
	top: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 400px;
	height: auto;
	min-height: 100%;
	margin: 0;
}
.modalright .modal-dialog.modal-deafult .modal-header {
	background-color: #f6f6f6;
	border-bottom: #c9c9ca solid 2px;
}
.modalright .modal-full-height.modal-md {
	width: 650px;
	max-width: 650px;
}
.modalright .modal-header .close {
	padding: 1rem 1rem;
	margin: -1rem -1rem -1rem auto;
}
.modalright .close {
	float: right;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
}
.modalright .lead { margin-bottom: 4px; float:left; }
