/*====== Pre loader css ======= */
 .loader{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    margin: auto;
}
.loader div{
    border-radius: 50%;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top: 3px solid #FF3D00;
    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;
}
.flex {	display: flex;}
    .font-bold {
	font-weight: 700;
}
.p-3 {
	padding: .75rem;
}
.gap-2 {
	gap: .5rem;
}
.cursor-pointer {
	cursor: pointer;
}
.gap-4 {gap: 1rem;}
.menu-btn {  top: 10px;  color: #000; -webkit-text-stroke: 1px #000; }
.address-popup { width:450px; box-shadow: 0px 1px 15px 1px; position: fixed; left: 0px; top: 0px; transform: translate(164px, 76px); border-radius:15px; }
.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;
}
.filters  a.btn.active { background:#000; color: #fff;}
.filters  a.btn.reset.active { background:#f57c00; color: #fff;}
.filter-popup {display: none;}
.filter-popup { width:450px; max-width:100%; box-shadow: 0px 1px 15px 1px; position: absolute; right: 18%; top: 70px; border-radius:15px; z-index: 99; }
.filter-popup.grocery { right: 20%; }
.filter-popup.rating { width:300px; right: 10%; }
.filter-popup .innner { background:#fff; padding:20px; width:100%; min-height:200px; border-radius:15px; }
.filter-popup .innner h4  { font-weight:bold; font-size:18px; }
.filter-popup .toparrow { position: absolute; pointer-events: none; bottom: 100%; transform: rotate(180deg); left: 45%; }
.filter-popup.active {display: block;}
.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;
}
.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;
}
.address-popup { display:none; }
.address-popup.active { display:block; }
.header .sighn-in > i { display:none; }
.text-bold { font-weight:bold; }
.sighn-in-mobile { display:none; font-weight:bold; }

/********FOOD TYPE***********/
.foodtype-sliderbtn-left, .foodtype-sliderbtn-right { position:absolute;padding-top:38px; z-index:99; }
.foodtype-sliderbtn-left { left:15px; }
.foodtype-sliderbtn-right { right:15px; }
.foodtype-sliderbtn-left .prevbtn, .foodtype-sliderbtn-right .nextbtn { font-size: 24px; line-height: 40px; } 
.foodtype-sliderbtn-left .prevbtn > div, .foodtype-sliderbtn-right .nextbtn > div, .foodtype-sliderbtn .prevbtn > div, .foodtype-sliderbtn .nextbtn > div { width: 40px; height: 40px; background:#fff; border-radius:60%; text-align: center;box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px !important;}
.foodtype-sliderbtn { display: flex; float: right; }
.foodtype-slider { list-type:none; }
.offerbox { border-radius:10px;margin-right:15px;display:flex;overflow: hidden; }
ul.foodtype-slider li:last-child { margin-right:0; }
.offerbox .boxleft { width:70%; }
.offerbox .boxright { width:30%; border-top-left-radius: 30px 80px; border-bottom-left-radius: 30px 80px; }
.offerbox .boxinner { padding:15px; }
.offerbox .boxinner .heading { font-weight:bold;font-size:15px;margin-bottom:6px; line-height:15px; }
.offerbox .boxinner .desc { margin-bottom:6px; line-height: 17px; }
.offerbox .boxinner .order { font-weight:bold; }
.boxbg-dark-gray { background:#343547; color:#fff; }
.boxbg-dark-gray .desc { color:#bbb; }
.boxbg-dark-gray .boxright { background:#fe7c06; }
.boxbg-brown { background:#583e59; color:#fff; }
.boxbg-brown .desc { color:#bbb; }
.boxbg-brown .boxright { background:#fe7c06; }
.boxbg-yellow { background:#eec35b; color:#000; }
.boxbg-yellow .desc { color:#222; }
.boxbg-yellow .boxright { background:#f0ece9; }
/*****************deals**************/
.foodtype-Deals .foodtype-slider .dealsbox { width:220px; margin:10px; }
.foodtype-Deals .foodtype-slider .dealsbox:first-child { margin-left:0; }
.foodtype-Deals .foodtype-slider .dealsbox:last-child { margin-right:0; }
.foodtype-Deals .foodtype-slider .dealsbox .store-banner { border-radius:10px;overflow:hidden;}
.foodtype-Deals .foodtype-slider .dealsbox .store-banner img { max-width:100%;}
.foodtype-Inner-Deals { overflow:hidden; padding:0 1px; }
/*****************History**************/
.foodtype-History .foodtype-slider .Historybox { width:220px; background:#ffffff; margin:8px; padding:12px; border-radius:15px; }
.foodtype-History .foodtype-slider .Historybox:first-child { margin-left:0; }
.foodtype-History .foodtype-slider .Historybox:last-child { margin-right:0; }
.foodtype-History .foodtype-slider .Historybox .store-banner { border-radius:10px;overflow:hidden;}
.foodtype-History .foodtype-slider .Historybox .store-banner img { max-width:100%;}
.foodtype-Inner-History { overflow:hidden; padding:0 1px; }
/****************list******************/
.foodtype-TopPicks .foodtype-slider .TopPicksbox { width:400px; margin:10px; }
.foodtype-TopPicks .foodtype-slider .TopPicksbox:first-child { margin-left:0; }
.foodtype-TopPicks .foodtype-slider .TopPicksbox:last-child { margin-right:0; }
.foodtype-TopPicks .foodtype-slider .TopPicksbox .store-banner { border-radius:10px;overflow:hidden;}
.foodtype-TopPicks .foodtype-slider .TopPicksbox .store-banner img { max-width:100%;}
.foodtype-TopPicks { overflow:hidden; padding:0 1px; }
@media screen and (max-width: 1199px) 
{
   .search-store .header .header-menu a.about, .search-store .header .header-menu a.partners { display:none; } 
}
@media screen and (max-width: 991px) 
{
   .search-store .header .header-menu .gettheapp { display:none; } 
   .btn-outline-light, .btn-outline-dark { font-size:15px; padding: 8px 15px; margin: 2px; }
   .filter-popup .toparrow { left: 50%;}
}
@media screen and (max-width: 767px) 
{
   .filters .filterLineBreak { clear:both;display:block; margin-top: 8px; }
    .btn-outline-light, .btn-outline-dark { font-size:16px; padding: 8px 20px; margin: 3px; }
    .filter-popup .toparrow {left: 35%;}
    .filter-popup { top: 120px; }

}
@media screen and (max-width: 670px) 
{
   .address-popup { width:100%; transform: translate(0px, 76px); }
    .search-store .header .inner .logo { width: 100%; padding-left: 70px; 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; }
}
@media screen and (max-width: 600px) 
{
   .header .sighn-in > span { display:none; }
   .header .sighn-in > i { display:block !important; font-size: 26px; }
   .filter-popup.grocery {	right: auto;}
}

@media screen and (max-width: 500px) 
{
    .btn-outline-light, .btn-outline-dark { font-size:15px; padding: 8px 12px; margin: 2px; }
}