@charset "UTF-8";
b{
	font-weight:bold !important;
}
/*** font color *****/
.color-blue{
	color:#0062a5 !important;
}
.color-light-blue{
	color:#00b0f0 !important;
}
.color-orange{
	color:#f47d22 !important;
}
.color-white{
	color:#fff;
}

/*** button style *****/
.btn-theme-color{
	background:#3dc9d9 !important;
	color:#fff !important;
	font-weight:bold;
}
.refer-a-friend{
	background:#3dc9d9;
	padding:10px;
	border-radius:5px;
	font-size:12px;
	text-align:center;
	color:#fff;
	width:100%;
}
span.get-rm9{
	padding:10px 5px;
	font-weight:bold;
}
.cpy-qr-code{
	border:none;
	background:none;
}

.cata-sub-nav a:hover .nav-item-active {
   background-color: lightblue;
}
.top-section{
	top: 0;
    z-index: 1200;
    position: fixed;
    width: 100%;
    transition: top 200ms;
}
.white-navbar{
	background:#fff;
	border-bottom:1px solid #fbfbfb;
	box-shadow:0 3px 10px rgb(105 105 105 / 15%);
}

.order-component{
	/*width:360px;*/
	display:flex;
}
.delivery-location{
	padding:10px 0px;
	width:100%;
	position:relative;
}
.btn-location-search{
	display:flex !important;
	cursor:pointer;
}
.select-search-address{
	width:280px;
	display:flex;
}
.select2-dropdown{
	z-index:9999;
}
.btn-search-title{
	font-size:14px;
	position:relative;
	padding-right:10px;
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.btn-search-title:after{
	content:':';
	padding-left:10px;
}
.btn-location-order{
	font-size:14px;
	font-weight:700;
	-webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: calc(100% - 12px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.btn-order-arrow{
	padding:0 5px;
}
.location-search-component{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 24px 24px 0 24px;
    background-color: #fff;
	position:absolute;
	top:60px;
	left:0;
}
.address-search-container{
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    margin-bottom: 16px;
}
.delivery-time{
	padding:10px 20px;
	width:100%;
	position:relative;	
}
.right-panel-nav ul li{
	/*padding:0 15px;*/
}
.right-panel-nav ul.navbar-nav li.nav-item.search-where-wrapper a,
.right-panel-nav ul.navbar-nav li.nav-item.search-when-wrapper a
{
	color:#000;
}
.right-panel-nav ul.navbar-nav li.nav-item a.nav-link.dropdown-toggle::after{
	display:none;
}
.setting-dropdown a{
	color:#000;
}
@media (max-width:414px){
	.btn-location-search{
		display:block !important;
	}
	.select-search-address{
		width:auto;
		margin:5px 0;
	}
	.select-search-address span.select2{
		width:90% !important;
	}
	.setting-dropdown ul.dropdown-menu li a{
		padding:0 20px 5px !important;
	}
}
.setting-title i.fa{
	/*margin-right:6px;
	padding:8px;
	border-radius:30px;
	background:#fbb255;
	text-align:center;
	color:#5f3601;
	width:32px;
	height:32px;*/
}
.setting-title span.icon-user{
	padding:2px 5px;
	border-radius:50%;
	background:#3dc9d9;
	text-align:center;
	color:#fff;
	display:inline-block;
	width:25px;
	height:25px;
}
.setting-title span.icon-user i{
	margin-right:0 !important;
}
@media (max-width:414px){
	.setting-title span.icon-user{
		width:20px;
		height:20px;
		margin-right:0;
		padding:5px 10px;
	}
}

.cart-wrapper a{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
	text-decoration:none;
	color:#000;
}
.cart-wrapper .svg-stroke-container path{
	fill: #555;
    transition: stroke 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cart-item-count{
	padding:0 6px;
	margin-top:-10px;
	margin-left:-10px;
	background:#000;
	color:#fff;
	border-radius:50%;
	text-align:center;
	font-size:14px;
	width:24px;
	height:24px;
}
.address-input{
	white-space: nowrap;
    text-overflow: ellipsis;	
}
.option-time-delivery ul{
	margin:0;
	padding:0;
}
.option-time-delivery li{
	display:block;
	list-style:none;
	float:left;
}
.option-time-delivery li a{
	padding:5px 10px;
	text-decoration:none;
	display:block;
	border-radius:6px;
}
.custom-select-area{
	padding:8px 0px;
	border:0;
	background:none;
	border-bottom:1px solid #fbaf4d;
}
.custom-select-area:after{
	border:0;
}

@media (min-width:768px){
	.navbar-expand-md .navbar-nav .search-where-wrapper .dropdown-menu{
		right:0;
		top:68px;
		border:0;
		box-shadow:0px 10px 10px rgb(0 0 0 / 15%);
	}
	.navbar-expand-md .navbar-nav .search-when-wrapper .dropdown-menu{
		right:0;
		top:68px;
		border:0;
		box-shadow:0px 10px 10px rgb(0 0 0 / 15%);
	}
	.navbar-expand-md .navbar-nav .setting-dropdown .dropdown-menu{
		left:-40px;
		top:68px;
		border:0;
		box-shadow:0px 10px 10px rgb(0 0 0 / 15%);
	}
}
@media (max-width:992px){
	.order-component{
		width:265px;
		display:flex;
	}
}
@media (max-width:414px){
	.search-where-wrapper, .search-when-wrapper{
		
	}
	.right-panel-nav{
		margin-top:10px;
		/*border-top:1px solid #eee;*/
	}
	.right-panel-nav ul.navbar-nav li.nav-item.search-where-wrapper a,
	.right-panel-nav ul.navbar-nav li.nav-item.search-when-wrapper a
	{
		padding:0;
	}
	.order-component{
		max-width:100%;
	}
	.delivery-location, .delivery-time{
		padding:0px 0;
	}
	.right-panel-nav ul li{
		margin-top:5px;
		padding:0;
	}
	.select-time-delivery li{
		margin-top:0 !important;
	}
	.option-time-delivery li{
		margin-top:0px !important;
	}	
}
@media (max-width: 991.98px){
	.mobile-top-collapse{
		margin:0;
	}
}
/*** Vendor details start here *****/

/*** Add cart pop up modal *****/
#productModal{
	z-index:9999;
}
#mobileCartSummary{
	z-index:9999;
}
@media (max-width:414px){
	.modal-title{
		font-size:14px;
		font-weight:bold;
		line-height:normal;
	}
}

.section-content-wrapper{
	margin-top:76px;
}
.section-vendor-page{
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;	
}
.vendor-section{
    /*background-color: #f7f7f7;*/
    width: calc(100% - 352px);
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;	
}
.vendor-header-banner{
	height:365px;
	max-height:365px;
	overflow:hidden;
	position:relative;
}
.vendor-header-banner img{
	max-width:100%;
	width:100%;
	position: absolute;
    top: 0;
}
.vendor-info-wrapper{
	background:#f7f7f7;
	position:relative;
}
.vendor-info-grid{
	padding:20px;
	border-bottom:1px solid #eee;
	background:#fff;
}
.vendor-main-info a{
	color:#000;
	text-decoration:none;
}
.vendor-main-info h1{
	white-space: nowrap;
    font-size: 2em;
    font-weight: 700;
	margin-bottom:15px;
}
.vendor-rate{
	margin-bottom:15px;
	font-size:14px;
	display:flex;
	align-items:center;	
}
.vendor-rating-stars span.checked{
	color:#fbb255;
}
.rating-amount{
	margin-left:6px;
	margin-right:6px;
}
.rating-amount span.rating-vendor-got{
	font-weight:bold;
}
.vendor-categories-tag ul{
	margin:0;
	padding:0;
}
.vendor-categories-tag li{
	display:inline-block;
	list-style:none;
	padding:0 15px 0 0;
	position:relative;
}
.vendor-categories-tag li:before{
	content:'.';
	position:absolute;
	display:block;
	color:#000;
	right:5px;
	top:0;
}

.vendor-menu-grid{
	background:#fff;
	position: -webkit-sticky;
    position: sticky;
    top: 65px;
	border-bottom:5px solid #f3f3f3;
}
.cata-sub-nav {
	height:60px;
    background:#fff;
    padding: 20px 15px 20px;
    margin: 0 37px;
    /* Make this scrollable when needed */
    overflow-x: auto;
    /* We don't want vertical scrolling */
    overflow-y: hidden;
    /* Make an auto-hiding scroller for the 3 people using a IE */
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* For WebKit implementations, provide inertia scrolling */
    -webkit-overflow-scrolling: touch;
    /* We don't want internal inline elements to wrap */
    white-space: nowrap;
    /* Remove the default scrollbar for WebKit implementations */

}
.cata-sub-nav::-webkit-scrollbar {
    display: none;
}
.cata-sub-nav ul {
    margin: 0;
    display: flex;
    -webkit-padding-start: 0px;
}
.cata-sub-nav li {
    display: inline-table;
    margin: 0 10px;
    font-size: 16px;
	text-transform:uppercase;
} 
.cata-sub-nav li a{
	text-decoration:none;
	color:#777;
	font-size:.762rem;
}
.cata-sub-nav li a:hover{
	text-decoration: underline;
	color:black;
	font-size:.900rem;
    background-color: #fbb255;

}
.arrow{

}
.nav-prev {
    /*width: 25px;
    height: 25px;*/
    position: absolute;
    left: 20px;
	top: 22px;
	cursor: pointer;
}
.nav-prev:before{
	content:"\f053";
	font-family:FontAwesome;
	display:block;
}
.nav-next {
    /*width: 25px;
    height: 25px;*/
    position: absolute;
    right: 20px;
    top: 22px;
	cursor: pointer;
}
.nav-next:before{
	content:"\f054";
	font-family:FontAwesome;
	display:block;
}

.vendor-menu-categories{
	padding:10px 0;
}
.item-categories-selection{
	background:#fff;
	padding:20px 0;
	margin-bottom:10px;
}
.item-categories-title{
	margin:0px 0 20px;
	text-transform:uppercase;
	font-weight:700;
}
a.add-item-to-cart{
	display:block;
	color:#000;
	text-decoration:none;
}

.item-pic{
	width:60px;
	height:60px;
	overflow:hidden;
	margin-right:10px;
}
.item-pic img{
	width:auto;
	height:auto;
}

.dish-detail{
	width:80%;
	margin-right:15px;
}
.food-name{
	font-size:16px;
	font-weight:bold;
	line-height:normal;
}
.food-desc{
	font-size:80%;
	color:#777;
}
.food-price span.pricing--{
	font-weight:500;
}
.btn-item-add-cart{
	border:0;
	background:#fbb255;
}
@media only screen and (max-width: 992px){
	.vendor-header-banner{
		max-height:200px;
	}
	.item-categories-title{
		font-size:1.25em;
	}	
}
@media (max-width:1284px){
	.vendor-section{
		width: calc(100%);
	}
	.vendor-header-banner{
		max-height:100%;
		height:auto;
	}
	.vendor-header-banner img{
		position:relative;
	}
}
@media (max-width:414px){
	.vendor-rate{
		font-size:14px;
		display:flex;
		/*flex-direction:column;*/
		align-items:center;	
		margin-bottom:10px;
	}
}

/*** Aside cart check out column ***/
.cart-column{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 352px;
    -ms-flex: 0 0 352px;
    flex: 0 0 352px;
    z-index: 101;
	position:relative;
	right:0;
	width:400px;
	background:#fff;
	box-shadow:-5px 0px 12px rgb(0 0 0 / 8%);
}
.cart-summary-grid{
	padding:30px 0;
	min-height:100vh;
	position:fixed;
}
.cart-summary-sticky{
	display:block;
    right: 0;
    width: 352px;
    overflow-y: auto;
    min-height: 100vh;
    z-index: 900;
    padding-top:15px;
    background-color: #fff;	
}
.delivery-or-pick-up{
	margin-bottom:15px;
}
/** siwthc delivery or pick up toggle ***/
.switch-button {
  border-radius: 30px;
  overflow: hidden;
  width: 200px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 1px;
  position: relative;
  padding-right: 120px;
  margin-bottom:10px;
  position: relative;
  background:#efefef;
}
.switch-button:before {
  content: "Pick Up";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100px;
  font-size:14px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  pointer-events: none;
}
.switch-button-checkbox {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
}
.switch-button-checkbox:checked + .switch-button-label:before {
  transform: translateX(100px);
  transition: transform 300ms linear;
}
.switch-button-checkbox + .switch-button-label {
  position: relative;
  padding: 10px 0;
  margin:0;
  width:100px;
  display: block;
  user-select: none;
  pointer-events: none;
}
.switch-button-checkbox + .switch-button-label:before {
  content: "";
  background:#fbaf4d;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 30px;
  border:1px solid #b7792a;
  box-shadow:0px 0px 5px rgb(0 0 0 / 35%);
  transform: translateX(0);
  transition: transform 300ms;
}
.switch-button-checkbox + .switch-button-label .switch-button-label-span {
  position: relative;
}

/*** End ***/

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin:0 10px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.pull-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.pull-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .pull-slider {
  background-color: #2196F3;
}

input:focus + .pull-slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .pull-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* switch toogle */
.switch-toggle.round{
	border-radius:30px;
}
.switch-toggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width:40px;
  height:25px;
  background-color: #f7f7f7;
  border:1px solid #ddd;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch-toggle:before {
  position: absolute;
  content: "";
  height: 16px;
  width:16px;
  left: 4px;
  bottom: 4px;
  border-radius:50%;
  background-color: #fbaf4d;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .switch-toggle {
  /*background-color: #0cb721;*/
}

input:focus + .switch-toggle {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .switch-toggle:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.pull-slider.round {
  border-radius: 34px;
}

.pull-slider.round:before {
  border-radius: 50%;
}
.delivery-estimated-time{
	text-align:center;
	margin-bottom:20px;
}
.cart-order-header{
	text-align:center;
}
.cart-order-header span.order-from-which-vendor{
	font-weight:700;
}
.cart-items-summary{
	padding:10px 0;
	max-height: 480px;
    overflow: scroll;
	overflow-x:hidden;
}
ul.cart-items-list{
	margin:0;
	padding:0 10px;
}
ul.cart-items-list li{
	display:block;
	list-style:none;
	padding:15px 15px 10px;
	margin-bottom:2px;
	border-bottom:1px solid #eee;
	position:relative;
}
ul.cart-items-list li:nth-child(odd){
	background:#f9f9f9;
}
.item-order-title{
	font-size:14px;
	font-weight:700;
	color:#c77000;
}
.item-order-remark{
	font-size:80%;
}
.item-order-detail{
	width:70%;
	margin-right:10px;
}
.item-order-charge{
	font-size:14px;
}
.manage-items-order{
	margin:5px 0;
}
.manage-items-icon{

}
.manage-items-icon a{
	color:#000;
}
.manage-items-icon button{
	border:0;
	padding:0px;
	background:none;
}
.btn-remove-item{
	position:absolute;
	top:15px;
	right:6px;
	color:#969696;
	border:1px solid #eee;
	border-radius:50%;
}
.cart-summary-footer{
	padding:15px 0;
}
.btn-add-orange{
	padding:5px 0;
	text-transform:initial;
	font-size:12px;
	font-style:italic;
}
.place-orange{
	background:#fcfcfc;
	padding:6px 6px;
	margin-bottom:6px;
	display:block !important;
}
.items-order-subtotal{
	padding:0 20px;
	color:#444;
	font-size:14px;
}
.items-order-grand-total{
	padding:10px 20px;
	color:#000;
	font-weight:700;
	font-size:.865rem;
}
.cart-summary-checkout{
	padding:10px 20px;
}
.btn-order-checkout{
	border:0;
	width:100%;
	padding:10px 20px;
	background:#4EC034;;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
.btn-order-checkout a{
	text-decoration:none;
	color:#fff;
}
.btn-order-backfc{
	border:0;
	width:100%;
	padding:10px 20px;
	background:#fbb255;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
.btn-order-backfc a{
	text-decoration:none;
	color:#5f3601;
}
.mobile-bottom-add-cart{
	display:none;
	padding:15px;
	width:100%;
	height:auto;
	background:#fbb255;
	position:fixed;
	bottom:0;
	z-index:2;	
}
.mobile-bottom-add-cart a{
	text-decoration:none;
	color:#543200;
	font-weight:bold;
}
@media only screen and (max-width: 992px){
	.cart-column{
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 30%;
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
	}
	.vendor-main-info h1{
		white-space: normal;
		font-size: 1.25em;
		font-weight: 700;
		word-break: break-word;
	}
	.cart-summary-grid{
		width:100%;
	}
	.cart-summary-sticky{
		width:30%;
	}
	.cart-items-summary{
		max-height:100%;
		overflow:scroll;
		overflow-x:auto;
	}

}
@media (max-width:1284px){
	.cart-column{
		flex:0;
	}
	.cart-summary-grid{
		display:none;
	}
	.cart-summary-sticky{
		width:100%;
	}
	.mobile-bottom-add-cart{
		display:block;
	}
}

/*** add cart pop-up modal ***/
.button-close-modal{
	width:36px;
	height:36px;
	border:0;
	border-radius:50px;
	background:#fff;
	box-shadow:0 0 05px rgba(0,0,0,.35);
	position:relative;
	margin-top:-15px;
	margin-right:-5px;
}
.button-close-modal:before{
	content:"\f00d";
	font-family:FontAwesome;
	color:#000;
}
.modal-item-title h3{
	font-size:1.25rem;
	font-weight:700;
}
.modal-item-title p.modal-item-desc{
	font-size:14px;
	color:#777;
}
.modal-item-price{
	font-weight:500;
}
.modal-item-add-quantity{
	width:50%;
}
.modal-item-add-quantity button{
	border:0;
	background:none;
	padding:6px 10px;
	font-weight:bold;
}
.modal-item-add-quantity input{
	padding:10px 0;
	text-align:center;
	border:1px solid #f7f7f7;
	background:#f9f9f9;
}
.modal-item-add-cart{
	width:50%;
}
.btn-modal-item-add-cart{
	width:100%;
	border:0;
	padding:10px 20px;
	background:#fbb255;
	font-weight:bold;
	text-transform:uppercase;
}
.btn-modal-item-add-cart a{
	text-decoration:none;
	color:#5f3601;
}
@media (max-width:414px){
	.modal-item-add-quantity, .modal-item-add-cart{
		width:100%;
		margin-bottom:6px;
		text-align:center;
	}
}
/*** Vendor detail pop up modal ***/
.about-vendor-detail{
	padding:0 10px;
}
.vendor-delivery-hours h4,
.vendor-business-address h4
{
	font-size:16px;
	font-weight:500;
}
.vendor-delivery-hours p,
.vendor-business-address p
{
	font-size:80%;
	margin-bottom:6px;
}
.customers-review{
	padding:0 10px;
}
.customers-review ul{
	margin:0;
	padding:0;
}
.customers-review li{
	display:block;
	list-style:none;
	padding-bottom:15px;
	margin-bottom:10px;
	border-bottom:1px solid #eee;
}
.customers-name{
	font-weight:500;
}
.customers-date{
	font-size:80%;
}
.customers-comments{
	font-style:italic;
	position:relative;
	padding-left:15px;
}
.customers-comments:before{
	content:'-';
	display:block;
	position:absolute;
	left:0;
}

/*** check-out page *****/
.checkout-step-card{
	position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.checkout-step-info{
	flex: 1 1 auto;
    padding: 1rem 1rem;
}
.checkout-step-title{
	font-size:20px;
	margin:15px 0;
}
.checkout-step-title span.step-number{
	width:32px;
	height:32px;
	display:inline-block;
	margin-right:6px;
	background:#e29027;
	text-align:center;
}
.checkout-type{
	font-size:14px;
	font-weight:700;
	margin:10px 0;
	padding: 10px 20px;
    border-radius: 30px;
    display: inline-block;
	background:#efefef;
}
.checkout-step-item{
	padding:0px 0;
}
.checkout-cart-summary{
	margin:3em 0;
}

/*** index page *****/
.banner-section{
	background:url(../img/main-banner.jpg);
	background-size:cover;
	background-position:center center;
	padding-bottom:60px;
	border-bottom:1px solid #eee;
}
.welcome-text-grid{
	padding-top:5em;
	color:#fff;
}
.welcome-text-grid h1{
	font-size:3em;
}
.welcome-text-grid h2{
	font-size:2.5em;
	font-weight:bold;
}
/*****
===================================
Phase-2 new welcome page layout
===================================
*****/
.select-favourite-category{
	margin:10px 0;
}
.select-favourite-category ul{
	margin:0;
	padding:0;
	text-align:center;
}
.select-favourite-category li{
	display:inline-block;
	list-style:none;
	margin:0px;
	width:auto;
	text-align:center;
}
.select-favourite-category li span.fav-cat-title{
	display:block;
	margin:10px 0;
	font-size:16px;
	font-weight:bold;
}
.select-fav-label {
  /*display: flex;*/
  align-items: center;
  justify-content:center;
  border-radius: 100px;
  padding: 14px 16px;
  margin: 10px 0;
  cursor: pointer;
  transition: .3s;
}
.select-fav-label:hover,
.select-fav-label:focus-within {
  /*background: hsla(0, 0%, 80%, .14);*/
  background:none;
}

.select-fav-label .choose-categories{
	background:#fff;
	border-radius:50%;
	width:100px;
	height:100px;
	padding:15px;
	margin:0 auto 10px;
}
.select-fav-label .choose-categories img{
	width:70px;
	height:70px;
}
@media(max-width:414px){
	.select-fav-label .choose-categories{
		width:60px;
		height:60px;
		margin: 0 auto;
		padding: 0.562rem;
	}
	.select-fav-label .choose-categories img{
		width:100%;
		height:auto;
	}
}
.select-fav-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  z-index: -1;
}
.fav-dot {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  /*background:linear-gradient(to right bottom, hsl(50deg 100% 55%), hsl(43deg 96% 44%));*/
  background:#fff;
  position: relative;
}
.fav-dot::before {
  content: '';
  display: inline-block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background: hsl(0, 0%, 90%);
  transform: scale(1.1);
  transition: .3s;
}
.select-fav-input:checked+.fav-dot::before {
  transform: scale(0.5);
    background: #ed8014;
}
.select-fav-text {
  color:#fff;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 900;
  transition: .3s;
  opacity:.35;
}
.select-fav-input:checked~.select-fav-text {
  color:#fff;
  opacity:1;
}
.welcome-to-message{
	padding:0px;
	margin:20px 0;
	background:#f7f7f7;
	border-radius:5px;
	z-index:2;
	position:relative;
}
.welcome-to-message span.big-font{
	font-size:22px;
	font-weight:bold;
}
.welcome-to-message .welcome-logo-img{
	width:25%;
	padding:20px;
	text-align:center;
	background:#efefef;
}
.welcome-to-message .welcome-logo-img img{
	max-width:165px;
}
.welcome-content{
	padding:20px;
	width:75%;
	color:#3E6D9C;
}
@media (max-width:768px){
	.welcome-to-message .welcome-logo-img{
		background:none;
		width:auto;
	}
	.welcome-content{
		width:100%;
		text-align:center;
	}
}
.book-rider-grid{
	padding:10px;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,.05);
	display:flex;
	align-items:center;
	justify-content:center;
	transition:all ease .3s;
	flex-flow: row-reverse;
}
.book-rider-grid:hover{
	box-shadow:0 0 8px rgba(0,0,0,.15);	
}
.book-rider-grid-left{
	padding:15px;
}
.easymeal-rider-icon{
	width:250px;
	height:250px;
}
.book-rider-grid-right{
	padding:15px;
}
.book-rider-des{
	font-size:24px;
}
.video-grid{
	margin:30px 0;
}
.sanitize-video{
	width:50%;
}
.video-grid-des{
	padding:20px;
}
.section-faq{
	padding:100px 0;
}
.accordion-title{
	position:relative;
	transition:all ease .3s;	
}
.accordion-title:before{
	content:'-';
	position:absolute;
	top:0;
	right:0;
	transition:all ease .3s;
}
.accordion-title.collapsed{
	transition:all ease .3s;
}
.accordion-title.collapsed:before{
	content:'+';
	position:absolute;
	top:0;
	right:0;
	transition:all ease .3s;
}
.card-faq{
	margin-bottom:10px;
	border:1px solid #eee;
	box-shadow:0 0 10px rgba(0,0,0,.05);
}
.card-faq .card-header{
	background:#fff;
	font-weight:bold;
}
.card-faq p{
	margin-bottom:10px;
	font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color:#3E6D9C;
}

.btn-collapse{
	width:100%;
	background:none;
	border:0;
	line-height:1.5;
	color:#ed8014;
	font-weight:bold;
	font-size:100%;
	text-align:left;
}
button.btn-collapse:focus{
	outline: none;
}
.section-download-app{
	/*margin:7em 0;*/
	padding:60px 0;
	background:#ed8014;
}
.download-easymeals-app{
	padding:0px;
	flex-flow: row-reverse;
    display: flex;
	align-items:center;
	justify-content:center;
}
.download-app-text{
	width:50%;
	color:#fff;
}
.download-app-text p{
	color:rgba(255,255,255,.65);
}
.download-app-icon{
	margin:20px 0;
}
.download-app-icon ul{
	margin:0;
	padding:0;
}
.download-app-icon li{
	list-style:none;
	display:inline-flex;
	padding:0 10px;
	width:32.22%;
}
.download-app-icon li a{
	display:block;
}
.download-app-icon img{
	max-width:100%;
}
.easymeals-app-display{
	z-index:1;
}
.easymeals-app-display img{
	max-width:360px;
}
.section-join-merchant{
	/*margin:10em 0;*/
	padding:60px 0;
	height:400px; 
	background:url(../img/img-car-accessories.jpg?4975);	
	background-position:center center;
}
.join-easymeals-merchant{
	max-width:600px;
	padding:3em;
	margin-top:15px;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,.15);
}
.section-join-delivery-team{
	padding:5em 0 3em;
	background-color:#009de2 !important;
	/*background:url(../img/home-join-delivery-team.jpg);*/	
	background-position:center center;	
}
.join-easymeals-delivery-team{
	width:100%;
	padding:0px;
	margin-top:60px;
}
.join-easymeals-delivery-team h3{
	color:#fff;
}
.btn-apply-delivery-team{
	margin:20px 0;
	padding:15px 20px;
	border:3px solid #fff;
}
.btn-apply-delivery-team a{
	color:#fff;
}
@media (max-width:992px){
	.easymeals-app-display{
		margin-top:0;
	}
	.sanitize-video{
		width:100%;
	} 
	.section-download-app{
		max-height:100%;
	}
	.download-easymeals-app{
		display:block;
	}
	.download-app-text{
		width:100%;
	}
	.join-easymeals-merchant{
		margin-top:0;
	}	
}
@media (max-width:414px){
	.card-faq .card-header h5{
		font-size:100%;
	}
	.card-faq .card-body{
		font-size:14px;
	}
	.select-favourite-category ul{
		display:flex;
		overflow:auto;
		webkit-overflow-scrolling: touch;
	}
	.select-favourite-category li{
		width:auto;
		vertical-align: top;
	}
	.select-fav-label{
		margin:0;
		padding:6px;
	}
	.fav-dot{
		width:10px;
		height:10px;
		margin-top:5px;
	}
	.fav-dot::before{
		display:block;
	}
	.select-fav-text{
		margin-left:10px;
		font-size:100%;
		font-weight:normal;
		line-height:normal;
		text-align:left;
	}
	.book-rider-grid{
		display:block;
	}
	.book-rider-grid-left{
		text-align:center;
		padding:0;
	}
	.easymeal-rider-icon{
		width:65%;
		height:auto;
	}
	.book-rider-des{
		font-size:100%;
	}
	.sanitize-video{
		width:100%;
	}
	.section-faq{
		padding:30px 0;
	}
	.section-download-app{
		margin:0;
		max-height:none;
	}
	.download-easymeals-app{
		flex-direction: column;
	}
	.download-app-text{
		width:100%;
	}
	.download-app-icon li{
		display:block;
		width:100%;
		margin-bottom:6px;
		text-align:center;
	}
	.section-join-merchant{
		height:auto;
		margin:0;
	}
	.join-easymeals-merchant{
		width:100%;
	}
	.section-join-delivery-team{
		padding:2em 0;
	}
	.join-easymeals-delivery-team{
		margin-top:0;
	}
}
/*****
===================================
 @End~ Phase-2 new welcome page layout
===================================
*****/
.choose-category-card{
	margin-bottom:15px;
	height:250px;
	overflow:hidden;
	position:relative;
	background:#fff;
	box-shadow:0 0 6px rgb(0 0 0 / 15%);
}

.category-all{
	background:url(../img/cate-all.jpg);
	width: 100%;
    height: 100%;
	position:absolute;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	transition:all ease .5s;
}
.category-vege{
	background:url(../img/cate-vege.jpg);
	width: 100%;
    height: 100%;
	position:absolute;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	transition:all ease .5s;
}
.category-non-halal{
	background:url(../img/cate-non-halal.jpg);
	width: 100%;
    height: 100%;
	position:absolute;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	transition:all ease .5s;
}
.category-halal{
	background:url(../img/cate-halal.jpg);
	width: 100%;
    height: 100%;
	position:absolute;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	transition:all ease .5s;
}
/*** NEW WELCOME LANDING C$s *****/
.category-order-meals{
	background:url(../img/cate-order-meals.jpg);
	width: 100%;
    height: 100%;
	position:absolute;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	transition:all ease .5s;
}
.category-mart-grocery{
	background:url(../img/cate-mart-grocery.jpg);
	width: 100%;
    height: 100%;
	position:absolute;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	transition:all ease .5s;
}
.category-fresh-seafood{
	background:url(../img/cate-fresh-seafood.jpg);
	width: 100%;
    height: 100%;
	position:absolute;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	transition:all ease .5s;
}
/*** *****/
.category-all:hover,
.category-vege:hover,
.category-non-halal:hover,
.category-halal:hover
{
	transform: scale(1.2);
	opacity:.5;	
}

.pick-it-type{
	color:#fff;
	background: rgba(0,0,0,.35);
    width: 100%;
	text-align:center;
	position:relative;
	text-shadow:5px 5px 5px rgba(0,0,0,.35);
}
.pick-it-type a{
	color:#fff;
	text-decoration:none;
}
.pick-it-type a.pick-active{
	color:#fbaf4d;
}
.btn-choose-category{
	border:0;
	background:none;
	font-size:2em;
	font-weight:700;
	text-transform:uppercase;
	color:#fff;
	padding:10px;
	display:block;
}
@media (max-width:992px){
	.welcome-text-grid{
		/*padding-top:3em;*/
	}
	.choose-category-card{
		height:125px;
	}
	.btn-choose-category{
		font-size:20px;
	}
}
@media (max-width:414px){
	.banner-section{
		padding:20px 0;
	}
}
.section-vendor-container{
	padding:60px 0;
}
.vendor-list-card{
	margin-bottom:15px;
}
.vendor-list-card a{
	display:block;
	color:#000;
	text-decoration:none;
}
.vendor-desc-img{
	height:200px;
	overflow:hidden;
	position:relative;	
	transition:all ease .5s;
}

.vendor-desc-img img{
	max-width:100%;
	transition:all ease .5s;
	position:relative;
}
.vendor-desc-img img:hover{
	transform: scale(1.2);
	opacity:1;	
}


.highlight-label{
	position:absolute;
	top:10px;
	left:0;
	z-index:2;
}
.highlight-label ul{
	margin:0;
	padding:0;
}
.highlight-label li{
	display:block;
	width:fit-content;
	padding:6px 15px;
	margin:0 0 5px 0;
	background:#f9314d;
	text-transform:uppercase;
	font-size:80%;
	font-weight:bold;
	color:#fff;
}
.vendor-list-card-body{
	padding:15px 0;
}
.vendor-shop-name-title{
	display:flex;
}
.vendor-shop-name--{
	width:75%;
	font-weight:bold;
	overflow:hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.vendor-list-detail{
	padding:0px 0;
}
.vendor-shop-address-location a{
	display:inline-block;
	padding-right:5px;
}
.vendor-list-category{
	font-size:14px;
	color:#9a7248;
}
.vendor-list-desc{
	font-size:14px;
	color: #5c5c5c;
    margin-bottom: 5px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.vendor-list-food-price span{
	font-weight:700;
}
.footer{
	background:#f4f5f7;
	padding:30px 0;
	color:#666;
}
.footer .copyright a{
	color:#666;
	text-decoration:none;
}
.footer .footer-link a{
	color:#333;
	text-decoration:none;	
}
@media (max-width:414px){
	.section-vendor-container{
		padding:30px 0;
	}
	.footer{
		position:absolute;
		height:120px;
		/*margin-bottom:30px;*/
		padding-top:15px;
	}
	.footer ul.nav-footer li.nav-item a.nav-link{
		padding:0 6px !important;
	}
}
/*** welcome2.blade.php *****/
.strip{
	margin:0px 0 20px;
}
.strip figure a{
	display:block;
}
.lazy{
    border: 1px solid #f7f7f7;
    box-shadow: 0 3px 6px rgb(165 165 165 / 15%);	
}
.res_description.food-type{
	font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	margin-bottom:5px;
	display:block;
}
.res_description.food-type small{
	display:inline-block;
	background: #ededed;
    padding: 3px 10px;
    border-radius: 5px;
}
.store-closed{
	opacity:.5;
	position:relative;
}
.close-untill{
	position:absolute;
	top:0;
	right:10px;
	padding:6px 20px;
	background:#fbfbfb;
	font-size:14px;
	z-index:1;
	box-shadow:0px 5px 5px rgb(0 0 0 / 15%);
}
.closed-date-time{
	display:block;
	font-weight:bold;
	font-size:16px;
}
.order-later{
	position:absolute;
	top:65px;
	left:80px;
	z-index:1;
}
.btn-order-later{
	border:0;
	border-radius:5px;
	background:#fbaf4d;
	padding:10px 20px;
	color:#fff;
	transition:all ease .3s;
}
.btn-order-later:hover{
	box-shadow:0 0 10px rgba(0,0,0,.35);
}
.btn-order-later a{
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}

@media (max-width: 991.98px){
	.mobile-nav-collapse{
		margin:0 !important;
	}
	.strip{
		padding:0 15px;
	}
}
/*** Advertisement grid *****/
.ads-place{
	width:100%;
	height:150px;
	background:#f8f8f8;
	display:block;
	margin-bottom:20px;
}
/*** tabbed css *****/
.tab-pills-default{
	background:#fff;
	margin-bottom:10px;
}
.tab-pills-default li{
	display:block;
}
.tab-pills-default li a{
	padding:10px 20px;
	display:block;
}
.tab-pills-default li a.active{
	background:#eee;
	font-weight:bold;
}
/*** N E W - L A N D I N G *****/
.header-welcome-section{
	padding:60px 0 30px;
	background:#ed8014;
	/*background:linear-gradient(to bottom, #ffa05c, #f76f0f);*/
}
.header-welcome-section:before{
	content:'';
    position: absolute;
    width: 350px;
    height: 300px;
    background: rgba(255,255,255,.25);
	box-shadow:0 0 15px rgba(255,255,255,.35);
    left: -20px;
    top: -60px;
    transform: rotate(30deg);
    border-radius: 50px;
}
.header-welcome-section:after{
	content:'';
    position: absolute;
    width: 500px;
    height: 300px;
    background: rgba(255,255,255,.25);
	box-shadow:0 0 15px rgba(255,255,255,.35);
    right: -100px;
    bottom: 100px;
    transform: rotate(30deg);
    border-radius: 50px;
}
.header-welcome-section .header-bottom{
    position: absolute;
    bottom:-5px;
    left: 0;
    width: 100%;
    height: auto;
}

@media (max-width:414px){
	.header-welcome-section{
		padding:3em 0 0;
	}
	.font-size-80{
		font-size:80% !important;
	}
}
.enter-your-address{
	font-size:12px;
	padding:10px 20px;
	margin-left:20px;
	margin-bottom:-20px;
	position:relative;
	background:#fff;
	z-index:9;
	width:150px;
	color:#777;
}

.search-current-location{
	border:1px solid #f8f8f8;
	margin-bottom:20px;
	box-shadow:0 0px 5px rgba(0,0,0,.15);
}
.form-current-location{
	background:none;
	border:0;
}
.btn-place-your-location{
	border:0;
	padding:10px;
	background:none;
}
.btn-select-your-location{
	border:0;
	padding:10px;
	background:none;
}
.flip-address {
    cursor: pointer;
}
div.select-address-panel{
	line-height: 24px;
	margin-top:-20px;
    font-size: 16px;    
	width:75%;
    background: #fff;
	position:absolute;
	z-index:2;
    color: #000;
	box-shadow:1px 3px 5px rgb(0 0 0 / 15%);
    border-radius: 3px;
    user-select: none;	
	display:none;
}
div.select-address-panel ul{
	margin:0;
	padding:0;
}
div.select-address-panel li{
	list-style:none;
	display:flex;
	padding: 8px 15px;
	transition:all ease .3s;
}
div.select-address-panel li:hover{
	background:#efefef;
}
div.select-address-panel li a{
	display:block;	
}
.select-address-title{
	font-weight:bold;
}
@media (max-width:414px){
	div.select-address-panel{
		width:90%;
		line-height:normal;
	}
	.select-address-location{
		font-size:100%;
	}
}
.ms-icon{
	padding:0 15px 10px;
}
#ms-icon-link a{
		padding:0 5px 0 0 !important;
	}
@media (max-width:414px){
	.ms-icon{
		padding:0 20px 5px !important;
	}
	#ms-icon-link a{
		padding:0 5px 0 0 !important;
	}
}
.section-what-is-beez{
	padding:100px 0;
}
.what-is-beez-content{
	text-align:center;
}
.what-is-beez-content h2{
	margin-bottom:25px;
}
.what-is-beez-content h4{
	color:#3dc9d9;
}
.beez-loyatly-app{
	max-width:650px;
	margin:36px auto;
}
.join-us-now-content{
	text-align:center;
}
.join-us-now-content h2{
	margin-bottom:30px;
}
.join-us-now-content h4{
	color:#3dc9d9;
}
.section-how-app-work{
	padding:100px 0;
	position:relative;
	overflow:hidden;
}

.how-step-app{
	margin:60px 0;
	position:relative;
	text-align:center;
	background:url(../img/purple-wave.svg) no-repeat;
	background-size:80%;
	background-position:center;
}
.step-app-one, .step-app-two, .step-app-three, .step-app-four{
	width:450px;
	height:auto;
	position:absolute;
}
.step-app-one{
	right:0;
	top:0;
}
.step-app-two{
	left:100px;
	top:200px;
}
.step-app-three{
	right:150px;
	top:400px;
}
.step-app-four{
	left:200px;
	top:650px;
}
@media (max-width:1188px){
	.step-app-one{
		right:-10%;
		top:0;
	}
	.step-app-two{
		left:-10%;
		top:200px;
	}
	.step-app-three{
		right:-5%;
		top:400px;
	}
	.step-app-four{
		left:-5%;
		top:650px;
	}
}
@media (max-width:991px){
	.step-app-one img, .step-app-two img, .step-app-three img, .step-app-four img{
		max-width:75%;
	}
	.step-app-two{
		top: 150px;
		left: -15%;	
	}
	.step-app-three{
		top: 300px;
		right: -10%;	
	}
	.step-app-four{
		top:450px;
	}
}
@media (max-width:767px){
	.how-step-app:before{
		content:'';
		position:absolute;
		top:10%;
		left:calc(50%);
		width:24px;
		height:90%;
		background:#3b3763;
	}
	.img-step-line{
		display:none;
	}
	.step-app-one, .step-app-two, .step-app-three, .step-app-four{
		width:100%;
		height:auto;
		position:relative;
		display:block;
		margin:0 auto;
		top:0;
		left:0;	
	}
	.step-app-one img, .step-app-two img, .step-app-three img, .step-app-four img{
		max-width:100%;
	}
}

/***** form select home address *****/

/*** new layout with four categories *****/
.main-header-section{
	margin-top:78px;
	padding-top:40px;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #eee;
	/*background:linear-gradient(to bottom, #ffecd9, #ffbc79, #c37d37);
	background-color:#ed8014;*/
	background:url(../img/main-header-bg.jpg);
	background-size:cover;
	background-position:center;
	position:relative;
}
.main-header-section:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgb(76 46 0 / 65%);
}
#categories-order-meals{
	background: url(../img/main-banner.jpg);
    background-size: cover;
    background-position: center center;
    padding-bottom: 60px;
    border-bottom: 1px solid #eee;
}
.choose-categories-panel ul{
	margin:0;
	margin-bottom:20px;
	padding:0;
}
.choose-categories-panel li{
	display:block;
	list-style:none;
	background:#fff;
	box-shadow:0 0 5px rgba(111,111,111,.15);
	border-radius:6px;
	border:1px solid #ececec;
	margin-bottom:5px;
	transition:all ease .3s;
	position:relative;
	overflow:hidden;
}
.choose-categories-panel li.active{
	position:relative;
}
.choose-categories-panel li.active:after{
	content:'';
	display:block;
	width:100%;
	border-bottom:5px solid #fbaf4d;
}
.choose-categories-panel li.active a{
	opacity:1;
}
.choose-categories-panel li:hover{
	box-shadow:0 3px 10px rgba(0,0,0,.2);
	opacity:1;
	transition:all ease .3s;
}
.choose-categories-panel li:before{
	content:'';
	position:absolute;
	width:100%;
	height:5px;
	background: #fbaf4d;
	bottom:0;
	right:-100px;
	transition:all ease .3s;
	opacity:0;
	z-index:1;
}
.choose-categories-panel li:hover:before{
	content:'';
	position:absolute;
	width:100%;
	height:5px;
	background: #fbaf4d;
	bottom:0;
	right:0;
	opacity:1;
}
.choose-categories-panel li a{
	display:block;
	position:relative;
	opacity:.5;
	transition:all ease .3s;
}
.choose-categories-panel li a:hover{
	opacity:1;
}
.cate-round-img{
	z-index:1;
}
.categories-panel{
	padding:0px 0 0;
}
.categories-title{
	margin:15px;
	font-size:18px;
}
.choose-categories-panel li.active .categories-title{
	font-weight:bold;
	font-size:22px;
}
.filter-list{
	border:1px solid #ced4da;
	background:#ed8014;
}
.filter-list-icon{
	padding:0 10px;
}
.custom-filter{
	border:0;
	margin:0 6px;
	position:relative;
}
#modal-filters-list{
	z-index:9999;
	position: absolute;
    top: 0px;
    height: 100%;
}
.modal-filter-vendor{
	top:60px;
	z-index:9999;
}
.modal-filter-vendor .modal-content{
	height:80vh;
}
.modal-filter-vendor .modal-content .modal-body{
	overflow:auto;
}
@media (max-width:414px){
	.modal-filter-vendor{
		top:0px;
		z-index:9999;
	}
	.modal-filter-vendor .modal-content{
		height:96vh;
	}	
}
.filter-panel{
	display:block;
	margin-bottom:15px;
	border-bottom:1px solid #eee;
}
.filter-title{
	margin-bottom:15px;
	font-size:14px;
	text-transform:uppercase;
}
.filter-items-list.filter-soft ul{
	margin:0;
	padding:0;
}
.filter-items-list.filter-soft li{
	list-style:none;
	display:inline-block;
	margin-bottom:6px;
	width:auto;
}
.filter-items-list ul{
	margin:0;
	padding:0;
}
.filter-items-list li{
	list-style:none;
	display:inline-block;
	width:46.666%;
	margin-bottom:6px;
}
/* custom filter radio btn */
.custom-radio-btn {
  display: block;
  position: relative;
  padding-left: 30px;
  padding-right:6px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.custom-radio-btn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radio-checkmark {
  position: absolute;
  top:2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.custom-radio-btn:hover input ~ .radio-checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.custom-radio-btn input:checked ~ .radio-checkmark {
  background-color: #f47d22;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-radio-btn input:checked ~ .radio-checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.custom-radio-btn .radio-checkmark:after {
 	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

/*** custom filter check-box ***/
.custom-filter-checkbox {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.custom-filter-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.custom-filter-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.custom-filter-checkbox input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custom-filter-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom-filter-checkbox .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (max-width:992px){
	.main-header-section{
		padding-top:30px;
	}
	.choose-categories-panel li{
		width:25%;
		float:left;
		box-shadow:none;
		border-radius:0;
		border:none;
		background:none;
		padding:10px;
		margin-bottom:0;
	}
	.choose-categories-panel li:hover{
		box-shadow:none;
		margin-left:0;
	}
	.choose-categories-panel li.active{
		margin-left:0;
	}
	.choose-categories-panel li.active:after{
		border-bottom:0;
	}
	.categories-panel img{
		max-width:100%;
	}
	.cate-round-img{
		border-radius:50%;
		overflow:hidden;
	}
	.choose-categories-panel li.active .categories-title{
		font-size:16px;
		line-height:normal;
		text-align:center;
		margin:6px 0;
	}
	.choose-categories-panel li .categories-title{
		font-size:16px;
		line-height:normal;
		text-align:center;
		margin:6px 0;
		word-break: break-word;
	}
}
@media (max-width:414px){
		.choose-categories-panel li.active .categories-title,
		.choose-categories-panel li .categories-title
		{
			font-size:12px;
		}
}
/***
========================================================
main carousel slider, my recent view shop, & cuisine 
========================================================
***/
#owl-demo .item{
	background: #fff;
	padding:10px;
	margin: 10px;
	color: #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.customNavigation{
  text-align: center;
}
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: #fbaf4d;
  border-radius: 30px;
  width: 36px;
  height: 36px;
  padding: 5px;
  line-height: normal;
  color:#fff !important;
}
.customNavigation a.btn{
	position:absolute;
	z-index:2;
}
.customNavigation a.prev{
	left: -20px;
    top: 150px;	
}
.customNavigation a.next{
	right: -15px;
    top: 150px;
}
/*** owl cusine carousel ***/
#owl-cusine .item{
	text-align:center;
}
#owl-cusine .item img{
	width:100px;
	height:100px;
	border-radius:50%;
	background:#f2fafb;
}
#owl-cusine .item a{
	display:block;
	transition:all ease .3s;
}
#owl-cusine .item a:hover{
	opacity:.5;
}
.cusine-nav a.btn{
	position:absolute;
	z-index:2;
}
.cusine-nav a.prev2{
	left: -20px;
    top: 30px;	
}
.cusine-nav a.next2{
	right: -15px;
    top: 30px;
}
#owl-main-slide .item img{
    display: block;
    width: 100%;
    height: auto;
}
@media (max-width:414px){
	.customNavigation a.prev, .cusine-nav a.prev2{
		left:25px;
	}
	.customNavigation a.next, .cusine-nav a.next2{
		right:25px;
	}
}
/*** owl vendor carousel ***/
#owl-vendor .item{
	text-align:center;
	padding:10px;
}
#owl-vendor .item a{
	display:block;
	transition:all ease .3s;
}
#owl-vendor .item a:hover{
	opacity:.5;
}
.new-vendor-nav a.btn{
	position:absolute;
	z-index:2;
}
.new-vendor-nav a.prev2{
	left: -20px;
    top: 100px;	
}
.new-vendor-nav a.next2{
	right: -15px;
    top:100px;
}
@media (max-width:414px){
	.new-vendor-nav a.prev2{
		left:25px;
	}
	.new-vendor-nav a.next2{
		right:25px;
	}
}
/*** owl food-court carousel ***/
#owl-food-court .item{
	text-align:center;
	padding:10px;
}
#owl-food-court .item a{
	display:block;
	transition:all ease .3s;
}
#owl-food-court .item a:hover{
	opacity:.5;
}
.food-court-nav a.btn{
	position:absolute;
	z-index:2;
}
.food-court-nav a.prev2{
	left: -20px;
    top: 100px;	
}
.food-court-nav a.next2{
	right: -15px;
    top:100px;
}
@media (max-width:414px){
	.food-court-nav a.prev2{
		left:25px;
	}
	.food-court-nav a.next2{
		right:25px;
	}
}
/*** B O O K - O U R - R I D E R *****/
.rider-type{
	padding:15px 0;
	text-align:center;
}
.rider-type-title{
	font-weight:bold;
	font-size:24px;
}
.rider-type-icon{
	padding:10px;
}
.rider-type-desc{
	padding:8px 10px;
	background:#ffeed9;
	border-radius:6px;
	display:inline-block;
	font-size:14px;
}
.route-details h3{
	margin:10px 0;
	font-size:16px;
	color:#aaa;
}
.route-location{
	margin:20px 0;
}
.route-location ul{
	margin:0;
	padding:0;
	position:relative;
}
.route-location ul:before{
	content: "";
    position: absolute;
    top: 1.5em;
    bottom: 1.5em;
    left: 9px;
    width: 1px;
    border-left: 1px dotted rgb(241, 102, 34);	
}
.route-location li{
	list-style:none;
	margin-bottom:10px;	
}
.route-location li input{
	padding:6px;
	border:0;
	border-bottom:1px solid #efefef;
}
.route-location li.pick-up-location{
	position:relative;
	display:flex;
}
.route-location li.pick-up-location:before{
	/*content:'';
	position:absolute;
	display:block;
	width:9px;
	height:9px;
	border:1px solid #d00;
	border-radius:50%;
	top:15px;
	left:5px;*/
}
.pick-up-point{
	width:25px;
	height:25px;
	position:relative;
	margin-right:6px;
}
.pick-up-point:before{
	content:'';
	position:absolute;
	display:block;
	width:9px;
	height:9px;
	border:1px solid #d00;
	border-radius:50%;
	top:10px;
	left:5px;	
}
.route-location li.drop-off-location{
	position:relative;
	display:flex;
}
.route-location li.drop-off-location:before{
	/*content:'';
	position:absolute;
	display:block;
	background:url(../img/icon_gps_checker.svg) no-repeat;
	width:16px;
	height:16px;
	top:10px;
	left:1px;*/
}
.drop-off-point{
	width:25px;
	height:25px;
	position:relative;
	margin-right:6px;	
}
.drop-off-point:before{
	content:'';
	position:absolute;
	display:block;
	background:url(../img/icon_gps_checker.svg) no-repeat;
	width:16px;
	height:16px;
	top:10px;
	left:1px;	
}
.route-content{
	margin:20px 0;
}
.btn-book-now{
	background:#fbaf4d;
	color:#fff;
}
/*****
================================
Page - join our delivery team 
================================
*****/
.section-pages{
	padding:0;
	margin-top:15px;
}
.section-join-rider{
	background:url(../img/home-join-delivery-team.jpg);	
	background-position:center center;
	background-size:cover;
	min-height:500px;
	position:relative;	
}
.section-join-rider:before{
	content:'';
	background:rgba(0,0,0,.5);
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.join-easymeals-rider{
	padding:60px 0;
}
.join-easymeals-rider h2,
.join-easymeals-rider h4,
.join-easymeals-rider p
{
	color:#fff;
	text-shadow:3px 3px 6px rgb(0 0 0 / 35%);
}
.custom-select-option{
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 1.25rem + 2px);
  padding: 0.625rem 1.75rem 0.625rem 0.75rem;
  font-size:16px;
  font-weight: 400;
  line-height: 1.5;
  color: #555;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%2332325d' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  background-color: #fff;
  border: 1px solid #cad1d7;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  appearance: none;
}

/* custom circle radio checkbox */
.custom-circle-radio {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-circle-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.custom-circle-radio .circle-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}
.custom-circle-radio:hover input ~ .circle-checkmark {
  background-color: #ccc;
}
.custom-circle-radio input:checked ~ .circle-checkmark {
  background-color: #f47d22;
}
.custom-circle-radio .circle-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.custom-circle-radio input:checked ~ .circle-checkmark:after {
  display: block;
}
.custom-circle-radio .circle-checkmark:after {
 	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.section-join-vendor{
	padding:60px 0;
	background:url(../img/join-merchant-bg.png) no-repeat;
	background-position:center center;
	background-size:cover;
	height:100%;
	position:relative;
	display:flex;
	align-items:center;	
}
.section-join-vendor:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.75);
}
.welcome-join-vendor-content{
	color:#fff;
}
.welcome-join-vendor-content h2{
	color:#ed8014;
	margin-bottom:20px;
}
.welcome-join-vendor-content p{
	font-size:1.25em;
	color:#fff;
}
.qualification-plate p{
	font-weight:bold;
	font-size:100%;
}
.qualification-plate ul li{
	font-size:100%;
}
.join-vendor-card{
	width:100%;
	padding:2em;
	background:#fff;
	box-shadow:0 0 15px rgba(0,0,0,.15);
}
.join-vendor-card h4{
	font-size:20px;
	font-weight:500;
	margin-bottom:30px;
}
.join-field-label{
	position:absolute;
	padding:6px;
	left:15px;
	top:-20px;
	background:#fff;
	z-index:1;
}
.section-join-rider-crew{
	padding:60px 0;
}
ul.ul-flake-content{
	margin:0;
	padding:0;
	padding-left:20px;
	position:relative;
}
ul.ul-flake-content li{
	line-height:24px;
	margin-bottom:10px;
	color:#32325d;
	font-size:100%;
}
.join-rider-title{
	font-size:3em;
	font-style:italic;
	font-weight:600;
	margin-bottom:20px;
	color:#f47d22;
	position:relative;
}
.join-delivery-team{
	overflow:hidden;
}
.content-grid-right{
	width:50%;
	position:relative;
}
.content-grid-left{
	width:50%;
	position:relative;
}
.content-grid-left:before{
	content:'';
	position:absolute;
	top:-150px;
	right:-100px;
	width:65%;
	height:200%;
	background:#fff;
	transform:rotate(10deg);
	z-index:1;	
}
.content-grid-left-des{
	padding:30px;
	margin-left:5em;
	z-index:2;
}
.join-showcase-img{
	width:100%;
	height:100%;
	overflow:hidden;
}
.content-grid-left-reverse{
	width:50%;
	position:relative;	
}
.content-grid-right-reverse{
	width:50%;
	position:relative;		
}
.content-grid-right-reverse:before{
	content:'';
	position:absolute;
	top:-150px;
	left:-100px;
	width:65%;
	height:200%;
	background:#fff;
	transform:rotate(10deg);
	z-index:1;		
}
.content-grid-right-des{
	padding:30px;
	margin-left:3em;
	z-index:2;
	position:relative;
}
.join-our-vendor{
	overflow:hidden;
}
.join-vendor-title{
	font-size:3em;
	font-style:italic;
	font-weight:600;
	margin-bottom:20px;
	color:#f47d22;
	position:relative;	
}

@media (max-width:768px){
	.join-easymeals-rider{
		padding:30px 0 30px;
	}
	.join-vendor-card{
		padding:15px;
	}
	.join-field-label{
		left:5px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 90%;
	}
	.welcome-join-vendor-content p{
		font-size:16px;
	}
	.content-grid-left, .content-grid-right
	{
		width:100%;
	}
	.content-grid-left:before{
		display:none;
	}
	.content-grid-left-des{
		margin-left:0;
	}
	.join-showcase-img img{
		max-width:100%;
	}
	.content-grid-left-reverse, .content-grid-right-reverse{
		width:100%;
	}
	.content-grid-right-reverse:before{
		display:none;
	}
	.content-grid-right-des{
		margin-left:0;
	}	
}
@media (max-width:414px){
	.join-rider-title{
		font-size:1.5em;
	}
	.join-vendor-title{
		font-size:1.5em;
	}	
	.content-grid-left, .content-grid-right
	{
		width:100%;
	}
	.content-grid-left:before{
		display:none;
	}
	.content-grid-left-des{
		margin-left:0;
	}
	.join-showcase-img img{
		max-width:100%;
	}
	.content-grid-left-reverse, .content-grid-right-reverse{
		width:100%;
	}
	.content-grid-right-reverse:before{
		display:none;
	}
	.content-grid-right-des{
		margin-left:0;
	}
	.section-join-vendor{
		flex-direction:column;
		height:auto;
	}
}

/*** 27th code css ***/
.rating-review-list{
	overflow:auto;
	max-height:360px;
}
.reviews-card{
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px dotted #ddd;
}
.reviews-card-header{
	color:#777;
	display:flex;
	margin-bottom:10px;
}
.reviewer-avatar{
	width:25px;
	height:25px;
	border-radius:50%;
	background:#eee;
	margin-right:10px;
}
.reviews-content{
	padding:0 6px;
}
.reviews-content i{
	color:#777;
}
.reviews-message{
	color:#222;
	font-size:14px;
}
.rate {
    float: left;
    height: 46px;
    padding: 0 10px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
/*** Content page css ***/
.section-content-header{
	padding-top:60px;
	padding-bottom:60px;
	position:relative;
	background:linear-gradient(to bottom, #ffecd9, #ffbc79, #c37d37);
	overflow:hidden;
}
.section-content-header:before{
	content:'';
    position: absolute;
    width: 300px;
    height: 300px;
    background: rgba(255,255,255,.25);
	box-shadow:0 0 15px rgba(255,255,255,.35);
    left: -20px;
    top: -60px;
    transform: rotate(30deg);
    border-radius: 50px;
}
.section-content-header:after{
	content:'';
    position: absolute;
    width: 200px;
    height: 200px;
    background: rgba(255,255,255,.25);
	box-shadow:0 0 15px rgba(255,255,255,.35);
    right: -100px;
    bottom: -100px;
    transform: rotate(30deg);
    border-radius: 50px;
}
.shape-left{
	background:linear-gradient(45deg, #d3670b80, #ffd9be26);
	width: 650px;
    height: 650px;
    position: absolute;
    left: -100px;
    top: -150px;
    transform: rotateZ(45deg);
}
.shape-right{
	background:linear-gradient(45deg, #fb9f4052, #ffdfbe26);
	width: 600px;
    height: 850px;
    position: absolute;
    left: 0px;
    top: -150px;
    transform: rotateZ(45deg);
}
.section-content-header.header-about-us{
	/*background:url(../img/bg-content-header.jpg);
	background-size:cover;
	background-position:top center;*/
}
.section-content-grid{
	padding:60px 0;
	letter-spacing:1px;
	color:#10acd7;
}
.section-content-grid p{
	font-size:14px;
	color:#10acd7;
}
.about-logo-27codes{
	margin:0 auto;
	display:block;
	text-align:center;
}
.about-logo-27codes img{
	max-width:200px;
}
@media (max-width:414px){
	.shape-left, .shape-right{
		display:none;
	}
	.section-content-header{
		padding:80px 0 36px;
	}
	.section-content-header:before{
		width: 250px;
		height: 250px;
		left: -100px;
		top: -200px;
	}
	.section-content-grid{
		padding:25px 0;
	}
}
/*** check-out page css ***/
.section-check-out{
	padding: 60px 0;
    background:#f7f7f7;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}
.check-out-wrapper{
	display:flex;
	height:100%;
	background:#fff;
	box-shadow:0 0 15px rgba(100,100,100,.15);
}
.check-out-details{
	background:#ed8014;
	width:50%;
	height:100%;
	padding:25px;
}
.text-check-out{
	margin-bottom:10px;
	padding-bottom:10px;
	color:#fff;
}
.text-check-out h2{
	color:#fff;
}
.grand-amount{
	margin-bottom:30px;
	background: rgba(255,255,255,.15);
    padding: 10px;
    border-radius: 10px;
	box-shadow:0 0 15px rgb(221 125 30);
	letter-spacing:1.12;
}
.grand-amount h4{
	font-size:16px;
	color:#fff;
}
.grand-amount h2{
	font-weight:bold;
	color:#fff;
}
.items-cart{
	margin-bottom:20px;
	color:#fff;
}
.items-added-card{
	display:flex;
	align-items:start;
	margin-bottom:15px;
}
.items-added-img{
	width:50px;
	height:50px;
	margin:6px 0;
	border-radius:50%;
	background:#efefef;
	overflow:hidden;
	margin-right:15px;
}
.items-added-card:nth-child(even) .items-added-img{
	background:#ccc;
}
.items-added-name{
	font-weight:600;
}
.items-qty-add{
	display:flex;
	align-items:center;
	margin-top:6px;
	font-size:12px;
}
.qty-number{
	margin:0px 6px;
}
.qty-number span{
	cursor:pointer;
}
.qty-number span.minus, .qty-number span.plus{
	width:26px;
	height:26px;
	background:#f2f2f2;
	border-radius:4px;
	padding:8px 5px 8px 5px;
	border:1px solid #ddd;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	position:relative;
	font-size:16px;
	color:#000;
}
.qty-number span.minus:before{
	content:'-';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	line-height:normal;
}
.qty-number span.plus:before{
	content:'+';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	line-height:normal;
}
.qty-number input{
	height:26px;
	width: 65px;
	text-align: center;
	font-size:16px;
	border:1px solid #ddd;
	border-radius:4px;
	display: inline-block;
	vertical-align: middle;
}
.items-added-price{
	margin-left:auto;
	text-align:right;
}
.items-added-unit-cost{
	font-weight:600;
}
.items-added-per-unit{
	opacity:.5;
}
.check-out-method{
	background:#fcfcfc;
	width:50%;
	height:100%;
	padding:25px;
	display:flex;
	flex-direction:column;	
}
.pay-method-one{
	width:100%;
	margin-bottom:15px;
}
.btn-with-apple-play{
	width:100%;
	background:#000;
	color:#fff;
	border:none;
	padding:.762rem;
	border-radius:6px;
	transition:all ease .3s;
	font-size:18px;
}
.btn-with-apple-play:hover{
	color:rgba(255,255,255,.5);
}
.or-pay{
	margin:10px 0;
	text-align:center;
	position:relative;
}
.or-pay span{
	width:60%;
	padding:10px 20px;
	position:relative;
	z-index:1;
}
.or-pay:before{
	content:'';
	position:absolute;
	left:0;
	top:10px;
	width:40%;
	height:1px;
	background:linear-gradient(90deg, #ccc, #fff);
}
.or-pay:after{
	content:'';
	position:absolute;
	right:0;
	top:10px;
	width:40%;
	height:1px;
	background:linear-gradient(90deg,#fff, #ccc);
}
.card-pay-form{
	margin:25px 0;
}
.select_wrap{
  width:36px;
  margin:0px auto;
  position: relative;
  user-select: none;
}
.select_wrap .default_option{
  background: #fff;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  margin:0;
  padding:0;
}
.select_wrap .default_option li{
    padding:0px;
	list-style:none;
}
.select_wrap .default_option:before{
    content: "";
    position: absolute;
    top: 5px;
    right: 0px;
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-color: transparent transparent #999 #999;
    transform: rotate(-45deg);
}
.select_wrap .select_ul{
	position: absolute;
	top:25px;
	left: 0;
	width: 100%;
	background: #fff;
	border-radius: 5px;
	display: none;
	transition:all ease .3s;
	animation-name: select-fade-up;
	animation-duration: .3s;
}
@keyframes select-fade-up {
  0% {top: 28px;opacity:0;}
  100% {top: 25px;opacity:1;}
}
.select_wrap .select_ul li{
	padding:5px;
	cursor: pointer;
	list-style:none;
}
.select_wrap .select_ul li:first-child:hover{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.select_wrap .select_ul li:last-child:hover{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.select_wrap .select_ul li:hover{
	background: #fff4dd;
}
.select_wrap .option{
	display: flex;
	align-items: center;
}
.select_wrap .option .country-icon{  
	width: 32px;
	height:auto;
	margin-right: 15px;
	text-align:left;
}
.select_wrap .option .country-icon img{
	max-width:20px;
	border:1px solid #efefef;
}
/*.select_wrap .option.pizza .icon{
  background-position: 0 0;
}
.select_wrap .option.burger .icon{
  background-position:  0 -35px;
}
.select_wrap .option.ice .icon{
  background-position: 0 -72px;
}
.select_wrap .option.fries .icon{
 background-position: 0 -111px;
  width: 25px;
}*/
.select_wrap.active .select_ul{
	display: block;
	margin:0;
	padding:0;
	box-shadow:0 0 5px rgba(0,0,0,.15);
	z-index:1;
	transition:all ease .3s;	
}
.select_wrap.active .default_option:before{
	top:8px;
	transform: rotate(-225deg);
}
@media (max-width:414px){
	.section-check-out{
		padding:15px 0;
	}
	.check-out-wrapper{
		flex-direction:column;
	}
	.check-out-details, .check-out-method{
		width:100%;
		height:auto;
	}
	.items-added-img{
		margin-right:10px;
	}
	.items-added-des{
		width:50%;
	}
	.qty-number input{
		width:36px;
		font-size:100%;
	}
}
/*** New Welcome Index CSS 02-23 ***/
.section-main-header{
	min-height:60vh;
	padding-top:60px;
	padding-bottom:60px;
	position:relative;
	background:linear-gradient(to bottom, #ffbc79, #ffe5cb, #73dfeb);
	overflow:hidden;
	color:#fff;
	display:flex;
	align-items:center;
}
.section-main-header:before{
	content:'';
    position: absolute;
    width: 300px;
    height: 300px;
    background: rgba(255,255,255,.25);
	box-shadow:0 0 15px rgba(255,255,255,.35);
    left: -20px;
    top: -60px;
    transform: rotate(30deg);
    border-radius: 50px;
}
.section-main-header:after{
	content:'';
    position: absolute;
    width: 200px;
    height: 200px;
    background: rgba(255,255,255,.25);
	box-shadow:0 0 15px rgba(255,255,255,.35);
    right: -100px;
    bottom: -100px;
    transform: rotate(30deg);
    border-radius: 50px;
}
.wave-foot{
	position:absolute;
	bottom:0;
	width:100%;
	height:auto;
}
.welcome-to-beez{
	color:#fff;
}
.logo-beez{
	margin:20px 0;
}
.btn-learn-more{
	border:1px solid #ed8014;
	border-radius:30px;
	color:#ed8014;
	font-weight:bold;
	font-size:22px;
	background:none;	
	margin:20px 0;
	transition:all ease .3s;
}
.btn-learn-more:hover{
	background:#ed8014;
	color:#fff;
	border:1px solid #ed8014;
}
.btn-learn-more a{
	display:block;
	padding:10px 25px;
	color:#ed8014;
	transition:all ease .3s;
}
.btn-learn-more:hover a{
	color:#fff;
}
.merchant-strip{
	font-size:14px;
}
.merchant-display{
	width: 100%;
    height: 145px;
    overflow: hidden;
	background:rgb(204 217 221 / 15%);
    display: flex !important;
    justify-content: center;
	transition:all ease .3s;
}
.merchant-display img{
	transition:all ease .3s;
}
.merchant-display:hover img{
	transform:scale(1.1);
}
.res_title{
	font-size:20px;
	display:block;
	margin-bottom:5px;
}
.res_title a{
	color:#3E6D9C;
}
.res_location{
	display:block;
}
/*** Merchant profile new css 02-23 ***/
.section-merchant-wrapper{
	padding-bottom:60px;
}
.custom-breadcrumb{
	margin-bottom:10px;
}
.custom-breadcrumb li.breadcrumb-item.active{
	color:#ed8014;
}
.merchant-header{
	max-width:1280px;
	height:auto;
	overflow:hidden;
	margin:15px auto;
}
.merchant-header img{
	width:100%;
}
.merchant-main-name{
	font-size:32px;
	font-weight:bold;
}
.btn-make-reservation{
	margin:10px 0;
	border:0;
	background:none;
	width:100%;
}
.btn-make-reservation a{
	margin:0;
	padding:10px 25px;
	background:transparent;
	border:1px solid #ed8014;
	border-radius:25px;
	font-weight:bold;
	color:#ed8014;
	text-transform:uppercase;
	display:block;
	transition:all ease .3s;
}
.btn-make-reservation a:hover{
	background:#ed8014;
	color:#fff;
	border:1px solid #ed8014;
}
.merchant-tag{
	margin-bottom:10px;
}
.merchant-description p{
	font-size:14px;
}
@media (max-width:414px){
	.btn-make-reservation a{
		border-radius:10px;
	}
}
.merchant-infomation{
	margin-top:15px;
	margin-bottom:15px;
}
.merchant-infomation ul{
	margin:0;
	padding:0;
}
.merchant-infomation li{
	list-style:none;
	display:block;
	margin-bottom:20px;
	color:#3E6D9C;
}
.info-title{
	font-weight:600;
}
.merchant-subtitle{
	margin:15px 0;
	text-align:left;
	position:relative;
}
.merchant-subtitle:before{
	content:'';
	position:absolute;
	left:0;
	bottom:10px;
	width:100%;
	height:1px;
	background:#e7e7e7;
}
.merchant-subtitle h5{
	background: #fff;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 30px 0 0;
}
.gallery-photo{
	width:300px;
	height:250px;
	overflow:hidden;
}
.gallery-photo img{
	max-width:100%;
}
.menu-detail{
	padding:15px;
}
.menu-tabs{
	margin-top:10px;
	border-bottom:0;
}
.menu-tabs .nav-item.show .nav-link, .menu-tabs .nav-link.active{
	border:1px solid transparent;
	border-radius:10px;
	background-color:#ed8014;
	color:#fff;
}
.menu-tabs .nav-link{
	border-radius:10px;
}
.menu-tabs .nav-link:hover{
	border:1px solid transparent;
}
@media (max-width:414px){
	.menu-tabs{
		flex-wrap:nowrap;
		overflow: scroll;
	}
}
.reviews-box{
	margin:10px 0;
}
.reviews-box ul{
	margin:0;
	padding:0;
}
.reviews-box li{
	list-style:none;
	display:block;
	padding:15px;
	margin-bottom:6px;
	background:#fdfdfd;
	border:1px solid #eee;
	border-radius:5px;
}
.reviews-box li:nth-child(even){
	background:#f9f9f9;
}
/*** Merchant view & manage reservation new css 02-23 ***/



/*calendar*/
#calendar {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 420px;
  margin: 0 auto;
  height: 570px;
  overflow: hidden;
}

.header {
  height: 50px;
  width: 420px;
  background:rgb(243 243 243);
  text-align: center;
  position:relative;
  z-index: 100;
}

.header h1 {
  margin: 0;
  padding: 0;
  font-size: 20px;
  line-height: 50px;
  font-weight: 100;
  letter-spacing: 1px;
}

.left, .right {
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  top: 50%;
  margin-top: -7.5px;
  cursor: pointer;
}

.left {
  border-width: 7.5px 10px 7.5px 0;
  border-color: transparent rgba(160, 159, 160, 1) transparent transparent;
  left: 20px;
}

.right {
  border-width: 7.5px 0 7.5px 10px;
  border-color: transparent transparent transparent rgba(160, 159, 160, 1);
  right: 20px;
}

.month {
  opacity: 0;
}

.month.new {
  -webkit-animation: fadeIn 1s ease-out;
  opacity: 1;
}

.month.in.next {
  -webkit-animation: moveFromTopFadeMonth .4s ease-out;
  -moz-animation: moveFromTopFadeMonth .4s ease-out;
  animation: moveFromTopFadeMonth .4s ease-out;
  opacity: 1;
}

.month.out.next {
  -webkit-animation: moveToTopFadeMonth .4s ease-in;
  -moz-animation: moveToTopFadeMonth .4s ease-in;
  animation: moveToTopFadeMonth .4s ease-in;
  opacity: 1;
}

.month.in.prev {
  -webkit-animation: moveFromBottomFadeMonth .4s ease-out;
  -moz-animation: moveFromBottomFadeMonth .4s ease-out;
  animation: moveFromBottomFadeMonth .4s ease-out;
  opacity: 1;
}

.month.out.prev {
  -webkit-animation: moveToBottomFadeMonth .4s ease-in;
  -moz-animation: moveToBottomFadeMonth .4s ease-in;
  animation: moveToBottomFadeMonth .4s ease-in;
  opacity: 1;
}

.week {
 background:#d9d9d9;
}

.day {
  display: inline-block;
  width: 60px;
  padding: 10px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  background:#f8f8f8;
  position: relative;
  z-index: 100;
}

.day.other {
 color:rgb(0 0 0 / 30%);
}

.day.today {
  color:#fff;
  font-weight:bold;
  background:#f47d22;
}

.day-name {
  font-size: 9px;
  text-transform: uppercase;
  margin-bottom: 5px;
  color:rgb(0 0 0 / 50%);
  letter-spacing: .7px;
}

.day-number {
  font-size: 24px;
  letter-spacing: 1.5px;
}


.day .day-events {
  list-style: none;
  margin-top: 3px;
  text-align: center;
  height: 12px;
  line-height: 6px;
  overflow: hidden;
}

.day .day-events span {
  vertical-align: top;
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 5px;
  height: 5px;
  line-height: 5px;
  margin: 0 1px;
}

.blue { background:rgb(0 145 249); }
.orange { background:rgb(247 114 0); }
.green { background:rgb(97 183 14); }
.yellow { background: rgba(249, 233, 0, 1); }


.details {
  position: relative;
  width: 420px;
  height: 75px;
  background:#f47d22;
  /*margin-top: 5px;*/
  border-radius: 4px;
}

.details.in {
  -webkit-animation: moveFromTopFade .5s ease both;
  -moz-animation: moveFromTopFade .5s ease both;
  animation: moveFromTopFade .5s ease both;
}

.details.out {
  -webkit-animation: moveToTopFade .5s ease both;
  -moz-animation: moveToTopFade .5s ease both;
  animation: moveToTopFade .5s ease both;
}

.arrow {
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -2px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #f47d22 transparent;
  transition: all 0.7s ease;
}

.events {
  height: 75px;
  padding: 7px 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.events.in {
  -webkit-animation: fadeIn .3s ease both;
  -moz-animation: fadeIn .3s ease both;
  animation: fadeIn .3s ease both;
}

.events.in {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  animation-delay: .3s;
}

.details.out .events {
  -webkit-animation: fadeOutShrink .4s ease both;
  -moz-animation: fadeOutShink .4s ease both;
  animation: fadeOutShink .4s ease both;
}

.events.out {
  -webkit-animation: fadeOut .3s ease both;
  -moz-animation: fadeOut .3s ease both;
  animation: fadeOut .3s ease both;
}

.event {
	color:#fff;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: .5px;
  padding: 2px 16px;
  vertical-align: top;
}

.event.empty {
  color: #fff;
}

.event-category {
  height: 10px;
  width: 10px;
  display: inline-block;
  margin: 6px 0 0;
  vertical-align: top;
}

.event span {
  display: inline-block;
  padding: 0 0 0 7px;
}

.legend {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  background:#f3f3f3;
  line-height: 30px;

}

.entry {
  position: relative;
  padding: 0 0 0 25px;
  font-size: 13px;
  display: inline-block;
  line-height: 30px;
  background: transparent;
}

.entry:after {
  position: absolute;
  content: '';
  height: 5px;
  width: 5px;
  top: 12px;
  left: 14px;
}

.entry.blue:after { background:rgb(0 145 249); }
.entry.orange:after { background:rgb(247 114 0); }
.entry.green:after { background:rgb(97 183 14); }
.entry.yellow:after { background: rgba(249, 233, 0, 1); }

/* Animations are cool!  */
@-webkit-keyframes moveFromTopFade {
  from { opacity: .3; height:0px; margin-top:0px; -webkit-transform: translateY(-100%); }
}
@-moz-keyframes moveFromTopFade {
  from { height:0px; margin-top:0px; -moz-transform: translateY(-100%); }
}
@keyframes moveFromTopFade {
  from { height:0px; margin-top:0px; transform: translateY(-100%); }
}

@-webkit-keyframes moveToTopFade {
  to { opacity: .3; height:0px; margin-top:0px; opacity: 0.3; -webkit-transform: translateY(-100%); }
}
@-moz-keyframes moveToTopFade {
  to { height:0px; -moz-transform: translateY(-100%); }
}
@keyframes moveToTopFade {
  to { height:0px; transform: translateY(-100%); }
}

@-webkit-keyframes moveToTopFadeMonth {
  to { opacity: 0; -webkit-transform: translateY(-30%) scale(.95); }
}
@-moz-keyframes moveToTopFadeMonth {
  to { opacity: 0; -moz-transform: translateY(-30%); }
}
@keyframes moveToTopFadeMonth {
  to { opacity: 0; -moz-transform: translateY(-30%); }
}

@-webkit-keyframes moveFromTopFadeMonth {
  from { opacity: 0; -webkit-transform: translateY(30%) scale(.95); }
}
@-moz-keyframes moveFromTopFadeMonth {
  from { opacity: 0; -moz-transform: translateY(30%); }
}
@keyframes moveFromTopFadeMonth {
  from { opacity: 0; -moz-transform: translateY(30%); }
}

@-webkit-keyframes moveToBottomFadeMonth {
  to { opacity: 0; -webkit-transform: translateY(30%) scale(.95); }
}
@-moz-keyframes moveToBottomFadeMonth {
  to { opacity: 0; -webkit-transform: translateY(30%); }
}
@keyframes moveToBottomFadeMonth {
  to { opacity: 0; -webkit-transform: translateY(30%); }
}

@-webkit-keyframes moveFromBottomFadeMonth {
  from { opacity: 0; -webkit-transform: translateY(-30%) scale(.95); }
}
@-moz-keyframes moveFromBottomFadeMonth {
  from { opacity: 0; -webkit-transform: translateY(-30%); }
}
@keyframes moveFromBottomFadeMonth {
  from { opacity: 0; -webkit-transform: translateY(-30%); }
}

@-webkit-keyframes fadeIn  {
  from { opacity: 0; }
}
@-moz-keyframes fadeIn  {
  from { opacity: 0; }
}
@keyframes fadeIn  {
  from { opacity: 0; }
}

@-webkit-keyframes fadeOut  {
  to { opacity: 0; }
}
@-moz-keyframes fadeOut  {
  to { opacity: 0; }
}
@keyframes fadeOut  {
  to { opacity: 0; }
}

@-webkit-keyframes fadeOutShink  {
  to { opacity: 0; padding: 0px; height: 0px; }
}
@-moz-keyframes fadeOutShink  {
  to { opacity: 0; padding: 0px; height: 0px; }
}
@keyframes fadeOutShink  {
  to { opacity: 0; padding: 0px; height: 0px; }
}

.datepicker .day {
  display: inline-block !important; /* Forces the correct display */
  width: 38px; /* Standard width for date cells */
  height: 38px; /* Standard height for date cells */
  line-height: 38px; /* Vertically center the date */
  text-align: center; /* Horizontally center the date */
  margin: 2px; /* Add spacing between dates */
  box-sizing: border-box; /* Include padding in the width/height */
  cursor: pointer; /* Add pointer cursor */
  background-color: #f8f8f8; /* Background color for dates */
  border-radius: 4px; /* Optional: make the dates rounded */
}

/* Ensure the entire table is displayed correctly */
.datepicker table {
  width: 100%;
}

/* Ensure table rows and cells display correctly */
.datepicker table tr {
  display: table-row;
}

.datepicker table tr td {
  display: table-cell;
  padding: 5px;
  text-align: center;
}