@font-face{
	font-family: 'BrandonTextWeb';
	src: url('fonts/BrandonTextWeb.woff2');
	font-weight: 700;
}
@font-face{
	font-family: 'ProductSans';
	src: url('fonts/ProductSansBold.ttf');
	font-weight: bold;
}
@font-face{
	font-family: 'Belinda';
	src: url('fonts/Belinda.ttf');
}
@font-face{
	font-family: 'OpenSans';
	src: url('fonts/OpenSans-Bold.ttf');
}
:root{
	--back-bar: #C0D9E5;
	--highlt-color: #E43F4E;
	--svg-color: #FFF;
}
.cheifMiddleBox{
	max-width: 1020px;
}
.searchArrow{
	cursor: pointer;
	overflow: hidden;
}
.search-input-box::-webkit-input-placeholder{
	font-size: 14px;
}
.SubBannerText{
	font-size: 18px;
    color: #000;
    line-height: 35px;
}
.mainHeadLine:after{
	background: transparent;
}
.siteBannerInner{
	margin-top: 80px;
}
.siteBanner{
	background-image: none;
}
.siteBanner .container{
	max-width: 1298px;
}
.bannerVideoBox video{
	background-color: #A1B0C5;
    border-radius: 10px;
    overflow: hidden;
}
.bannerVideoBox img{
    border-radius: 10px;
    overflow: hidden;
	object-fit: cover;
}
.middleContainer{
	max-width: 1234px;
	margin: 0px auto;
	width: 100%;
	position: relative;
}
.css-accordion-fadeInAnimation{
	width: 100%;
    height: 470px;
    overflow: hidden;
    margin: 30px auto;
    position: relative;
    border-radius: 10px;
    -webkit-animation: animation-1o5jvb1 ease 2s;
    animation: animation-1o5jvb1 ease 2s;
}
@-webkit-keyframes animation-1o5jvb1{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.css-accordion-fadeInAnimation .accordianImageWrapper{
	width: 100%;
    display: flex;
    table-layout: fixed;
    margin: 0px;
}
.accordianImageWrapper .individualCell{
	display: inline-block;
    vertical-align: bottom;
    position: relative;
    width: 14.666%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
	background: #FFF;
	/* box-shadow: 1px 1px 15px 2px rgb(0,0,0,0.10); */
    height: 450px;
    overflow: hidden;
}
.css-accordion-fadeInAnimation .accordianImageWrapper li:first-child, .css-accordion-fadeInAnimation .accordianImageWrapper li:first-child .accordianImageRight{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.css-accordion-fadeInAnimation .accordianImageWrapper li:last-child, .css-accordion-fadeInAnimation .accordianImageWrapper li:last-child .accordianImageRight{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.accordianImageWrapper .individualCell.active{
	width: 25% !important;
    /* box-shadow: 3px 3px 40px 5px rgb(0,0,0,0.10); */
    z-index: 6;
	flex-shrink: 0;
	/*background: -webkit-linear-gradient(top, rgba(99,3,160,1) 0%,rgba(23,9,34,1) 100%);
	background: linear-gradient(to bottom, rgba(99,3,160,1) 0%,rgba(23,9,34,1) 100%); */
}
.accordianImageWrapper .foodDeliver-cell{
	background: #E43F4E;
}
.accordianImageWrapper .houseparty-cell{
	background: #D5784F;
}
.accordianImageWrapper .teaparty-cell{
	background: #5A9BB9;
}
.accordianImageWrapper .nightparty-cell{
	background: #BF8BAF;
}
.accordianImageWrapper .wedding-party-tab{
	background: #D68534;
}
.accordianImageWrapper .birthparty-cell{
	background: #CC9933;
}
.accordianImageWrapper .gourmetchef-cell{
	background: #AFB3CE;
}
.accordianImageWrapper .gourmetcaterer-cell{
	background: #ECBC7A;
}
.individualCell.active.foodDeliver-cell .action-text{
	color: #E43F4E;
}
.individualCell.active.houseparty-cell .action-text{
	color: #D5784F;
}
.individualCell.active.teaparty-cell .action-text{
	color: #5A9BB9;
}
.individualCell.active.nightparty-cell .action-text{
	color: #BF8BAF;
}
.individualCell.active.wedding-party-tab .action-text{
	color: #D68534;
}
.individualCell.active.birthparty-cell .action-text{
	color: #CC9933;
}
.individualCell.active.gourmetchef-cell .action-text{
	color: #AFB3CE;
}
.individualCell.active.gourmetcaterer-cell .action-text{
	color: #ECBC7A;
}
.accordianImageWrapper .individualAccordianImage{
	display: block;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 0;
	height: 100%;
}
.individualAccordianImage .action-href{
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 3;
    vertical-align: bottom;
    padding: 35px 0px 10px 29px;
    box-sizing: border-box;
    color: #000;
    text-decoration: none;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.individualCell.active .individualAccordianImage .action-href{
    padding: 35px 0px 10px 39px;
}
.individualCell .individualAccordianImage .point-icon{
	display: none;
}
.individualCell.active .individualAccordianImage .point-icon{
	display: inline-block;
	margin-right: 8px;
    align-self: flex-start;
    margin-top: 6px;
}
.individualCell .individualAccordianImage .point-icon img, .individualCell .individualAccordianImage .point-icon svg{
	height: 38px;
	width: 38px;
	fill: #FFF;
}
.individualCell .individualAccordianImage .point-icon img{
	-webkit-filter: invert(100%);
}
.individualCell .imageTitle, .individualCell .imageSubTitle, .individualCell .action-text{
	opacity: 0;
	color: #FFF;
    margin-bottom: 20px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.individualCell .imageTitle{
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.04em;
	display: inline-flex;
	position: relative;
	align-items: center;
	font-size: 15px;
    text-transform: uppercase;
}
.individualCell .imageTitle .imageInnerTitle{
	position: relative;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	color: inherit;
	display: inline-block;
    padding-right: 4px;
	margin-bottom: 5px;
}
.individualCell .imageTitle .imageTileBox{
	float: left;
	position: relative;
	font-weight: inherit;
	font-size: inherit;
}
.individualCell.active.foodDeliver-cell .imageTitle .imageTileBox, .individualCell.active.teaparty-cell .imageTitle .imageTileBox{
	margin-top: 9px;
}
.individualCell.active .individualAccordianImage .closedCellBox{
	opacity: 0;
}
.individualAccordianImage .closedCellBox{
	position: absolute;
	top: 20px;
    left: 0;
    width: 100%;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	-webkit-transition: all ease 400ms;
	transition: all ease 400ms;
    z-index: 4;
}
.individualAccordianImage .closedCellBox .point-icon{
	height: 70px;
	width: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	-webkit-transition: all ease 400ms;
	transition: all ease 400ms;
}
.individualAccordianImage .closedCellBox .point-icon svg{
	height: 40px;
	width: 40px;
	fill: #FFF;
}
.individualAccordianImage .closedCellBox .point-icon img{
    height: 40px;
    width: 40px;
    -webkit-filter: invert(100%);
}
.individualAccordianImage .closedCellBox .imageInnerTitle{
	font-size: 16px;
    color: #FFF;
    display: inline-block;
    text-align: center;
    width: 100%;
    font-weight: 800;
    text-transform: uppercase;
    padding: 0px 10px;
    letter-spacing: 0.04em;
    line-height: 22px;
}
@-webkit-keyframes animation-1f5vc5e{
	0%{
		opacity: 0;
	}
	30%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
.individualCell.active .imageTitle{
	opacity: 1;
	width: 85%;
    font-weight: 800;
}
.individualCell.active .imageSubTitle{
	font-size: 16px;
	width: 85%;
	opacity: 1;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0.04em;
}
.individualCell.active .action-text{
    cursor: pointer;
	float: left;
    padding: 6px 15px;
	border-radius: 30px;
    font-weight: 600;
	font-size: 13px;
    text-transform: uppercase;
	background: #FFF;
	opacity: 1;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}/* 
.individualCell.active .action-text:hover, .individualCell.active .action-text.active-btn{
	background: #000;
	color: #FFF;
} */
.individualCell.active .imageTitle, .individualCell.active .imageSubTitle, .individualCell.active .action-text{
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation: animation-1f5vc5e ease-in-out 0.8s;
    animation: animation-1f5vc5e ease-in-out 0.8s;
}
@-webkit-keyframes animation-1oqhlu1{
	0% {
		left: 0px;
		top: 600px;
	}
	100% {
		left: 0px;
		top: 0px;
	}
}
.accordianImageWrapper li.animEffect{
	-webkit-animation-name: animation-1ylxcxx;
    animation-name: animation-1ylxcxx;
}
@-webkit-keyframes animation-1ylxcxx{
	0%{
		left: 0px;
		top: 400px;
		opacity: 0;
	}
	30%{
		left: 0px;
		top: 200px;
		opacity: 0;
	}
	100%{
		left: 0px;
		top: 0px;
		opacity: 1;
	}
}
.accordianImageWrapper li:nth-child(1).active{
    animation-duration: 0.3s;
}
.accordianImageWrapper li:nth-child(2).active{
    animation-duration: 0.6s;
}
.accordianImageWrapper li:nth-child(3).active{
    animation-duration: 0.9s;
}
.accordianImageWrapper li:nth-child(4).active{
    animation-duration: 1.2s;
}
.accordianImageWrapper li:nth-child(5).active{
    animation-duration: 1.5s;
}
.accordianImageWrapper li:nth-child(6).active{
    animation-duration: 1.8s;
}/* 
.accordianImageWrapper li:nth-child(odd){
	background: -webkit-linear-gradient(top, rgba(28,28,28,1) 0%,rgba(21,21,21,1) 100%);
	background: linear-gradient(to bottom, rgba(28,28,28,1) 0%,rgba(21,21,21,1) 100%);
}
.accordianImageWrapper li:nth-child(even){
	background: -webkit-linear-gradient(top, rgba(193,155,118,1) 0%,rgba(21,21,21,1) 100%);
	background: linear-gradient(to bottom, rgba(193,155,118,1) 0%,rgba(21,21,21,1) 100%);
} */
.accordian-work-slider .middleContainer{
	max-width: 1298px;
}
.accordian-work-slider .accordian-textblock{
	padding-left: 40px;
}
.need-box-points .need-point-name{
	color: #000;
}
.need-box-points .esentialLink img{
	position: absolute;
    top: -10px;
    height: 30px;
    width: 30px;
    left: 0px;
    display: inline-block;
}
.food-delivered-svg svg, .tea-party-svg svg, .gourmet-chefs-svg svg, .birthday-party-svg svg, .birthday-party-svg svg{
	fill: #000;
}
.individualCell .css-0{
	float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.individualCell.active .accordianImageRight{
	opacity: 1;
}
.individualCell .accordianImageRight{
	float: right;
	opacity: 0.12;
    object-position: 20%;
    position: relative;
    object-fit: cover;
    object-position: 80% 0;
    width: 100%;
    height: 100%;
	-webkit-transition: all ease 400ms;
	transition: all ease 400ms;
}
.siteTitleName{
	font-size: 45px;
	font-weight: 500;
	color: #000;
}
.siteTitleName:after{
	content: '';
    width: 80px;
    height: 6px;
    background: #E43F4E;
    border-radius: 10px;
    float: left;
    position: absolute;
    left: 0px;
    bottom: -10px;
}
.siteSubName{
	font-size: 20px;
	color: #000;
}
.sitetextDesc{
	font-size: 16px;
	color: #444;
    line-height: 24px;
}
/* HEADER CSS PART */
.HeaderContainerEmotionWrapper{
	width: 100%;
    height: 74px;
    background: #FFF;
    margin-right: auto;
    margin-left: auto;
    padding-left: 24px;
    padding-right: 24px;
    position: fixed;
    z-index: 1007;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.HeaderContainerEmotionWrapper .gourmet-domains{
	position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    height: 66px;
    align-items: center;
}
.HeaderContainerEmotionWrapper .align-center .header-right{
	display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.HeaderContainerEmotionWrapper .align-center .header-right .header-right-item{
    display: flex;
    align-items: center;
    cursor: pointer;
	position: relative;
}
.HeaderContainerEmotionWrapper .align-center .header-right .header-right-item:not(:first-child){
    margin-right: 20px;
}
.HeaderContainerEmotionWrapper .UserAccountEmotionWrapper{
	cursor: pointer;
	position: relative;
	top: 4px;
}
.UserAccountEmotionWrapper .logged-out{
    display: flex;
    padding: 0 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
.UserAccountEmotionWrapper svg{
	width: 19px;
    height: 19px;
	fill: #000;
	-webkit-transform: all ease 100ms;
	transform: all ease 100ms;
}
.HeaderCartEmotionWrapper svg{
	width: 22px;
    height: 22px;
	fill: #000;
	-webkit-transform: all ease 100ms;
	transform: all ease 100ms;
}
.HeaderContainerEmotionWrapper .align-center .header-right .header-right-item:hover svg{
	fill: #E4424F;
}
.UserAccountEmotionWrapper .logged-out .login-text{
    color: black;
    font-size: 10px;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    transform: translateY(140%);
    text-transform: uppercase;
}
.HeaderLocationEmotionWrapper .city-circle{
    height: 9px;
    width: 9px;
    background-color: #E43F4E;
    vertical-align: sub;
    display: inline-block;
    border-radius: 50%;
	position: relative;
}
.HeaderLocationEmotionWrapper .city-name{
    display: inline-block;
    margin-left: 4px;
    vertical-align: -webkit-baseline-middle;
    max-width: 105px;
    text-overflow: ellipsis;
    font-size: 14px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}
.HeaderLocationEmotionWrapper:hover .city-circle{
	background-color: transparent;
}
.HeaderLocationEmotionWrapper:hover .city-circle:after{
	content: "\e93a";
	font-family: 'FoodIcons' !important;
    position: absolute;
    left: -2px;
    top: -2px;
	color: #E43F4E;
}
.nav > li{
    position: relative;
    display: block;
}
.nav > li > a{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 3px;
    padding: 0px;
	transition: all ease 400ms;
}
.nav > li:hover:after, .nav > li.menuSelected:after{
	content: '';
    border-bottom: 3px solid #E4424F;
    display: inline-block;
    position: absolute;
    bottom: -7px;
    width: 100%;
	left: 0px;
}
.nav > li > a:hover{
	opacity: 0.6;
}
.nav > li > a svg{
	height: 25px;
	width: 25px;
	fill: #000;
}
.nav > li > a img{
	height: 25px;
	width: 25px;
	object-fit: contain;
}
.moreDrop .non-clp-header:hover{
	color: #000;
}
.moreDrop:hover .submenus{
	display: block;
}
.moreDrop .submenus{
	-webkit-animation: menu-slide-in-up 0.3s;
    animation: menu-slide-in-up 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.18);
    box-shadow: 0 6px 12px rgba(0,0,0,0.18);
    position: absolute;
    border: 1px solid #EFEFEF;
    left: -16px;
    top: 25px;
    background: #FFF;
    display: none;
    z-index: 9;
}
.moreDrop .submenus .sbumenuLink:hover{
	color: #E43F4E;
}
@-webkit-keyframes menu-slide-in-up{
	0% {
		opacity: 0;
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
.submenus .sbumenuLink{
    float: left;
    width: 100%;
    white-space: nowrap;
    padding: 15px 20px 5px;
    font-size: 14px;
    color: #000;
	text-align: left;
}
.submenus .sbumenuLink:last-child{
    padding-bottom: 15px;
}
.moreSubMenu{
	margin-top: -10px;
}
.loginSubNav.moreDrop .submenus{
	left: -40px;
}
.city-card-box .city-image-card-container:after{
	content: '';
	position: absolute;
	top: -6px;
    left: 2px;
    right: 3px;
    bottom: -6px;
	border-radius: 100%;
	border: 3px solid transparent;
	display: inline-block;
	-webkit-transition: all ease 100ms;
	transition: all ease 100ms;
}
.city-card-box:hover .city-image-card-container:after{
	border: 3px solid #E43F4E;
}
.city-card-box:hover .city-image-card-container img{
	opacity: 0.8;
}
.city-card-box:hover .city-title{
	color: #E43F4E;
	font-weight: 500;
}
.HeaderContainerEmotionWrapper .gourmet-domains .header-text{
    color: #000;
    font-size: 10px;
    display: inline-block;
    margin-top: 6px;
}
.HeaderContainerEmotionWrapper .gourmet-domains .header-text .header-title{
	margin-bottom: 0px;
}
.HeaderContainerEmotionWrapper .logoBox{
    height: 74px;
    float: left;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    font-size: 20px;
    color: #E4424F;
    font-weight: 500;
}
.logoBox img{
	height: 40px;
    margin-right: 10px;
}
.HeaderContainerEmotionWrapper .logoBox svg{
    object-fit: contain;
    height: 40px;
    width: 40px;
}
.HeaderContainerEmotionWrapper .logoBox .logoName{
    margin-left: 10px;
    display: inline-block;
    font-size: 26px;
}
.HeaderContainerEmotionWrapper .middleBox{
	max-width: 1300px;
}
.sidebar-wrapper, .drawer-button{
	display: none;
}
.favourte-chief, .favourte-brand{
	margin-top: 40px;
}
.your-need-contianer{
	margin-top: 0px;
}
/* HEADER CSS ENDS */
.mainHeadLine{
    font-weight: 600;
    display: flex;
    align-items: center;
	white-space: nowrap;
	overflow: hidden;
}
.brandHighlight, .mainHeadLine{
	font-family: 'BrandonTextWeb';
	font-size: 45px;
}
.foodWord-brand-word-flip.firstRow{
	display: inline-block;
	margin-bottom: 0px;
}
.foodWord-brand-word-flip{
	overflow: hidden;
    height: 60px;
}
.foodWord-brand-word-flipping{
    overflow: hidden;
    height: 60px;
    margin-bottom: 20px;
    position: relative;
}
.foodWord-brand-word-flipping .foodWord-brand-word{
    display: none;
    float: left;
    font-weight: 900;
    width: 100%;
    color: #000;
    -webkit-transition: all ease 400ms;
    transition: all ease 400ms;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.foodWord-brand-word-flipping .foodWord-brand-word-visible{
    display: inline-block;
    position: relative;
    overflow: hidden;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
.individualCell .dark-color.imageTitle .imageInnerTitle:after{
	content: '';
    position: absolute;
    /* background-color: #E43F4E; */
    bottom: 0px;
    height: 7px;
    left: 0px;
    display: inline-block;
    width: 0%;
    -webkit-transition: all ease 800ms;
    transition: all ease 800ms;
    z-index: -1;
}
.individualCell.activeLine .dark-color.imageTitle .imageInnerTitle:after{
	width: 100%;
}
.accordianImageWrapper .individualCell.active .individualAccordianImage:before{
    content: '';
    position: absolute;
    left: 20px;
    height: 75.5%;
    right: 20px;
    z-index: 2;
    display: inline-block;
    top: 22px;
    border-radius: 10px;
}
.individualCell.active.foodDeliver-cell .individualAccordianImage:before{
    background: rgba(228,63,78,0.82);
}
.individualCell.active.houseparty-cell .individualAccordianImage:before{
    background: rgba(213,120,79,0.88);
}
.individualCell.active.teaparty-cell .individualAccordianImage:before{
    background: rgba(90,155,185,0.88);
}
.individualCell.active.nightparty-cell .individualAccordianImage:before{
    background: rgba(191,139,175,0.88);
}
.individualCell.active.wedding-party-tab .individualAccordianImage:before{
    background: rgba(214,133,52,0.88);
}
.individualCell.active.birthparty-cell .individualAccordianImage:before{
    background: rgba(204,153,51,0.88);
}
.individualCell.active.gourmetchef-cell .individualAccordianImage:before{
    background: rgba(175,179,206,0.88);
}
.individualCell.active.gourmetcaterer-cell .individualAccordianImage:before{
    background: rgba(236,188,122,0.88);
}
.accordianImageWrapper .foodDeliver-cell.individualCell.active .individualAccordianImage:after{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.accordianImageWrapper .individualCell.active .individualAccordianImage:after{
    /* content: ''; */
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: linear-gradient(to right, rgba(102,51,102,1) 0%,rgba(75,32,91,0) 50%,rgba(47,12,80,0) 100%);
    display: inline-block;
    top: 0;
}
.foodWord-brand-word-flipping.SubBannerFlipng{
    height: auto;
    margin-bottom: 0px;
}
.foodWord-brand-word-flipping.SubBannerFlipng .foodWord-brand-word{
	font-weight: 400;
}
/* PROGRESS BAR */

.display-flex{
	display: inline-flex !important;
}
.display-none{
	display: none !important;
}
.flex-wrap{
	flex-wrap: wrap;
}
.justify-right{
	justify-content: right;
}
.justify-center{
	justify-content: center;
}
.justify-left{
	justify-content: left;
}
.justify-space-between{
	justify-content: space-between;
}
.justify-space-evenly{
	justify-content: space-evenly;
}
.justify-space-around{
	justify-content: space-around;
}
.align-right{
	align-items: right;
}
.align-center{
	align-items: center;
}
.align-stretch{
	align-items: stretch;
}
.align-left{
	align-items: left;
}
.align-start{
	align-items: flex-start;
}
.color-black{
	color: #000;
}
.progressBarBox{
	margin: 0px auto;
	max-width: 1100px;
	width: 84%;
}
.progressBarOuter{
	float: left;
	width: 100%;
	position: relative;
    margin-top: 30px;
    margin-bottom: 60px;
}
.progressBar{
	float: left;
	width: 100%;
	height: 26px;
	position: relative;
	background: var(--back-bar);
}
.progressBar .progessBarPoint{
	position: absolute;
	top: -7px;
	height: 40px;
	width: 40px;
	border-radius: 100%;
	background: var(--back-bar);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	z-index: 5;
}
.progressBar .progessBarPoint:nth-child(1){
	left: -20px;
}
.progressBar .progessBarPoint:nth-child(2){
	left: 23%;
}
.progressBar .progessBarPoint:nth-child(3){
	left: 49%;
}
.progressBar .progessBarPoint:nth-child(4){
	left: 75%;
}
.progressBar .progessBarPoint:nth-child(5){
	right: -20px;
}
.progressBar .progessBarPoint svg{
	height: 20px;
	width: 20px;
	display: inline-block;
	fill: var(--svg-color);
}
.progressBar .progessBarPoint svg.checkmarkSvg{
	display: none;
}
.progressBar.firstSelect:after{
	background: var(--highlt-color);
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 1%;
	height: 100%;
}
.progressBar.secondSelect:after{
	background: var(--highlt-color);
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 25%;
	height: 100%;
}
.progressBar.thirdSelect:after{
	background: var(--highlt-color);
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 50%;
	height: 100%;
}
.progressBar.fourSelect:after{
	background: var(--highlt-color);
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 77%;
	height: 100%;
}
.progressBar.fiveSelect:after{
	background: var(--highlt-color);
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.progressBar.firstSelect .pointOne, .progressBar.secondSelect .pointTwo, .progressBar.secondSelect .pointOne, .progressBar.thirdSelect .pointthree, .progressBar.thirdSelect .pointOne, .progressBar.thirdSelect .pointTwo, .progressBar.fourSelect .pointthree, .progressBar.fourSelect .pointOne, .progressBar.fourSelect .pointTwo, .progressBar.fourSelect .pointfour, .progressBar.fiveSelect .progessBarPoint{
	background: var(--highlt-color);
}
.progressBar.firstSelect .pointOne svg.checkmarkSvg, .progressBar.secondSelect .pointOne svg.checkmarkSvg, .progressBar.secondSelect .pointTwo svg.checkmarkSvg, .progressBar.thirdSelect .pointOne svg.checkmarkSvg, .progressBar.thirdSelect .pointTwo svg.checkmarkSvg, .progressBar.thirdSelect .pointthree svg.checkmarkSvg, .progressBar.fourSelect .pointOne svg.checkmarkSvg, .progressBar.fourSelect .pointTwo svg.checkmarkSvg, .progressBar.fourSelect .pointthree svg.checkmarkSvg, .progressBar.fourSelect .pointfour svg.checkmarkSvg, .progressBar.fiveSelect .progessBarPoint svg.checkmarkSvg{
	display: inline-block;
}
.progressBar.firstSelect .pointOne svg.circleSvg, .progressBar.secondSelect .pointOne svg.circleSvg, .progressBar.secondSelect .pointTwo svg.circleSvg, .progressBar.thirdSelect .pointOne svg.circleSvg, .progressBar.thirdSelect .pointTwo svg.circleSvg, .progressBar.thirdSelect .pointthree svg.circleSvg, .progressBar.fourSelect .pointOne svg.circleSvg, .progressBar.fourSelect .pointTwo svg.circleSvg, .progressBar.fourSelect .pointthree svg.circleSvg, .progressBar.fourSelect .pointfour svg.circleSvg, .progressBar.fiveSelect .progessBarPoint svg.circleSvg{
	display: none;
}
.progesEnrouteStep{
	float: left;
	width: calc(100% + 60px);
	margin-top: 50px;
	margin-left: -30px;
	display: flex;
}
.progesEnrouteStep .prorgrsStep{
	float: left;
	width: 20%;
	display: inline-flex;
	align-items: flex-start;
	flex-shrink: 0;
	box-sizing: border-box;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
}
.prorgrsStep .stepIcon{
    display: inline-block;
    float: left;
    height: 56px;
}
.progesEnrouteStep .prorgrsStep:nth-child(1){
    justify-content: flex-start;
    text-align: left;
}
.progesEnrouteStep .prorgrsStep:nth-child(2){
	padding-right: 8%;
}
.progesEnrouteStep .prorgrsStep:nth-child(3){
	padding-left: 2%;
}
.progesEnrouteStep .prorgrsStep:nth-child(4){
	padding-left: 10%;
}
.progesEnrouteStep .prorgrsStep:last-child{
	justify-content: flex-end;
    text-align: right;
}
.progesEnrouteStep .prorgrsStep svg{
	display: inline-block;
	height: 56px;
	width: 56px;
}
.progesEnrouteStep .prorgrsStep .iconText br{
	display: none;
}
.progesEnrouteStep .prorgrsStep:last-child svg, .progesEnrouteStep .prorgrsStep:nth-child(3) svg{
	height: 50px;
	width: 50px;
}
.progesEnrouteStep .prorgrsStep .iconText{
	font-size: 14px;
	color: #000;
	display: inline-block;
	font-weight: 500;
    width: 100%;
    margin-top: 7px;
}
.hidePackageAdons .prorgrsStep_four, .hidePackageAdons .progressBar .progessBarPoint:nth-child(4){
	display: none;
}
.hidePackageAdons .progesEnrouteStep .prorgrsStep{
	width: 25%;
}
.hidePackageAdons .progesEnrouteStep .prorgrsStep:nth-child(2){
	padding-right: 8%;
}
.hidePackageAdons .progressBar .progessBarPoint:nth-child(2){
	left: 32%;
}
.hidePackageAdons .progressBar .progessBarPoint:nth-child(3){
	left: 63%;
}
.hidePackageAdons .progressBar.secondSelect:after{
	width: 35%;
}
.hidePackageAdons .progressBar.thirdSelect:after{
	width: 65%;
}
/* INNER PAGE CSS */
.PageContainerBox{
	background: #F9F9F9;
}
.PageContainerBox .middleContainer{
	max-width: 1300px;
}
.cusineTitle, .restsub-title{
	position: relative;
    margin-bottom: 28px;
}
.restsub-title{
	font-weight: 500;
    display: none;
}
.menusub-title{
	position: relative;
	font-size: 26px;
    letter-spacing: -0.02em;
}
.cusineTitle:after, .restsub-title:after, .menusub-title:after, .whatNext:after, .restBlock-title:after{
	content: '';
    width: 50px;
    height: 4px;
    background: #E43F4E;
    border-radius: 10px;
    float: left;
    position: absolute;
    left: 4px;
    bottom: -8px;
}
.list-accordian{
	background: #FFF;
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    padding: 20px 40px;
}
.cusineList .titleBox{
	padding: 12px 10px !important;
	position: relative;
	cursor: pointer;
}
.list-accordian .innerListBox{
	padding-top: 10px !important;
    padding-bottom: 5px !important;
	display: none;
}
.titleBox .accordinaName{
	float: left;
	padding-left: 5px;
	position: relative;
	z-index: 2;
    font-weight: 500;
}
.accordinaName img{
	height: 18px;
	width: 18px;
	margin-right: 10px;
}
.titleBox .hk-drop-down-arrow{
	display: inline-block;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	color: #FFC1C8;
	-webkit-transition: all ease 100ms;
	transition: all ease 100ms;
    right: -3px;
    position: relative;
}
.accordian-open .titleBox .accordinaName:after{
    width: calc(100% - 32px);
}
.titleBox .accordinaName:after{
	background: #E4424F;
	content: '';
	position: absolute;
	left: 32px;
	width: 0;
	-webkit-transition: all ease 400ms;
	transition: all ease 400ms;
    bottom: 1px;
    display: inline-block;
    height: 4px;
    z-index: -1;
}
.accordian-open .titleBox .all-restaurent.accordinaName:after{
	width: calc(100% - 35px);
}
.titleBox .all-restaurent.accordinaName:after{
	left: 35px;
}
.accordian-open .titleBox .hk-drop-down-arrow{
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	color: #E4424F;
}
.accordian-open .innerListBox{
	display: inline-block;
    max-height: 270px;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 0 0 95.666667%;
    max-width: 95.666667%;
}
.accordian-open .innerListBox::-webkit-scrollbar-track{
	background-color: #FDFDFD;
	border-radius: 2px;
	width: 8px;
}
.accordian-open .innerListBox::-webkit-scrollbar{
	width: 8px;
	background-color: #FDFDFD;
	border-radius: 2px;
}
.accordian-open .innerListBox::-webkit-scrollbar-thumb{
	background-color: #E4424F;
	border-radius: 2px;
	width: 8px;
}
.cussine-restBlock{
	background: #FFF;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.10);
	border-radius: 10px;
    padding: 20px 35px;
}
.restBlock-title{
	color: #000;
	text-transform: capitalize;
	position: relative;
}
.restBlock-title small{
	display: inline-block;
}
.singleRestBlock .resturntLogo{
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.resturntLogo img{
	max-height: 200px;
    max-width: 90%;
    object-fit: contain;
}
.food-photo{
    padding-top: 90% !important;
    position: relative;
	border-radius: 15px;
	overflow: hidden;
	height: 0px;
}
.food-photo img{
	max-width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-position: top;
}
.dishType{
	color: #000;
}
.dishType img{
	height: 15px;
	width: 15px;
	display: inline-block;
	margin-right: 15px;
	margin-left: 4px;
    position: static;
}
.dishName{
	font-weight: 800;
    font-size: 15px;
    letter-spacing: 0.04em;
	color: #000;
}
.showAllMenu .AllMenuBtn{
	background: #D14353;
	height: 40px;
	color: #FFF;
	border-radius: 5px;
	padding: 0px 20px;
	min-width: 200px;
	font-size: 15px;
	letter-spacing: 0.04em;
	position: relative;
	overflow: hidden;
}
.showAllMenu .BookRestBtn{
	background: #E43F4E;
	height: 45px;
	color: #FFF;
	border-radius: 8px;
	padding: 0px 30px;
	min-width: 240px;
	font-size: 16px;
	letter-spacing: 0.04em;
	position: relative;
	overflow: hidden;
	-webkit-transition: all ease 100ms;
	transition: all ease 100ms;
}
.showAllMenu .BookRestBtn:hover{
	color: #FFF;
    background: #E22238;
    font-weight: 500;
}
.showAllMenu .BookRestBtn svg{
	height: 19px;
	width: 19px;
	fill: currentColor;
    position: relative;
    top: 2px;
}
.food-photo-box .overPhotoBox{
	position: absolute;
    left: 10px;
    bottom: 12px;
    background: rgba(255,255,255,0.93);
    padding: 14px 12px 10px !important;
    border-radius: 10px;
    width: auto;
    right: 10px;
	min-height: 95px;
}
.dishType .hk-locationpin{
	color: #D14353;
    font-size: 25px;
    display: inline-block;
    float: left;
    margin-right: 5px;
    padding-top: 1px;
}
.mobileNav, .mobieSideBar{
	display: none;
}
.mobile-cusine-title{
	font-size: 15px;
	color: #000;
    padding-left: 6px !important;
}
.mobile-cusine-title .openMoreFilter{
	float: right;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	border: 1px solid #F2F2F2;
    margin: -7px 0px 0px 0px;
}
.mobile-cusine-title .openMoreFilter svg{
	height: 20px;
	width: 20px;
}
.scroll-Nav-cusine{
	white-space: nowrap;
	overflow-x: auto;
    width: calc(100% + 15px);
    padding: 7px 0px !important;
}
.scroll-Nav-cusine .col-md-3{
	flex-shrink: 0;
    width: 28%;
    padding: 0px 6px;
	overflow: hidden;
}
.mobile-cusine-box{
	padding: 20px 10px;
	background: #FFF;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.10);
    border-radius: 4px;
    height: 110px;
    margin-bottom: 15px;
}
.cusine-icon{
	margin-bottom: 10px;
    position: relative;
    z-index: 4;
    height: 30px;
}
.cusine-icon img{
	height: 26px;
	width: 26px;
}
.cusine-icon svg{
	height: 23px;
	width: 23px;
	fill: #000;
}
.cusine-name{
	font-size: 11px;
	color: #000;
	font-weight: 500;
    position: relative;
    z-index: 4;
    word-break: break-word;
    white-space: pre-line;
}
.menu-add-cart .hk-drop-down-arrow{
    position: relative;
    margin-left: 17px;
    top: 2px;
}
.menu-add-cart .addonCount{
	position: absolute;
	right: 15px;
	font-size: inherit
	color: inherit;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: inline-block;
}
/* MENU SELECTION */
.menu-vegetarian{
	color: #008100;
    font-weight: 500;
    text-transform: capitalize;
}
.menu-nonvegetarian{
	color: #B22F37;
    font-weight: 500;
    text-transform: capitalize;
}
.restMenu-type{
	color: #000;
    font-weight: 500;
}
.restMenu-type .menustarter{
	color: #B22F37;
    font-weight: 500;
}
.rest-menu-over .reset-veg-menu{
	border-bottom: 1px solid #000;
}
.rest-menu-over{
	position: relative;
}
.rest-menu-over:after{
	content: '';
	position: absolute;
	top: 6px;
	bottom: 6px;
	border-left: 1px solid #000;
	left: 17%;
	display: inline-block;
}
.rest-menu-list{
	border-radius: 15px;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.10);
	background: #FFF;
}
.menuType img{
	height: 20px;
	width: 20px;
	display: inline-block;
	margin-right: 10px;
}
.menuType{
	text-transform: capitalize;
}
.menu-title-name{
    font-weight: 600;
    color: #D14353;
}
.title-sub-desc{
	border-bottom: 1px solid #000;
}
.select-package-Box{
	padding-left: 15px !important;
    background: #FFF5F5;
    border-radius: 5px;
    padding-top: 7px;
    padding-bottom: 9px;
    cursor: pointer;
}
.select-package-Box.VEG, .select-menu-name.VEG{
	background: #F4FFF3;
}
.select-menu-name.VEG .menu-checkbox{
	border: 2px solid #28981B;
}
.select-menu-name.VEG.selected{
	background: #DAFBD6;
}
.select-menu-name.VEG.selected .menu-checkbox{
	background: #28981B;
}
.select-menu-name{
	padding-left: 45px !important;
    background: #FFF5F5;
    border-radius: 5px;
    padding-top: 7px;
    padding-bottom: 9px;
    cursor: pointer;
}
.select-menu-name.selected{
	background: #FBE7E7;
}
.select-menu-name .menu-sub-desc{
	font-size: 13px;
}
.select-menu-name.terms-conditn, .select-menu-name.pay-conditn{
	background: transparent;
}
.menu-checkbox{
	position: absolute;
    left: 10px;
    top: 9px;
    height: 20px;
    width: 20px;
    border: 2px solid #D14353;
    flex-shrink: 0;
    border-radius: 4px;
    opacity: 0.6;
}
.menu-radioBox{
	position: absolute;
    left: 8px;
    top: 1px;
    height: 18px;
    width: 18px;
    border: 2px solid #D14836;
    border-radius: 100%;
    flex-shrink: 0;
	opacity: 0.7;
}
.menu-checkbox svg{
	height: 12px;
	width: 12px;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all ease 400ms;
	transition: all ease 400ms;
	opacity: 0;
    fill: #FFF;
    position: absolute;
    left: 2px;
    top: 2px;
}
.addon-name .menu-checkbox{
	top: 12px;
}
.addon-name .menu-radioBox{
	top: 14px;
}
.addon-name.selected .menu-radioBox{
	opacity: 1;
}
.addon-name.selected .menu-radioBox:after{
    content: '';
    height: 6px;
    width: 6px;
    position: absolute;
    margin: auto;
    background: #FFF;
    border-radius: 100%;
}
.addon-name.selected .menu-radioBox{
	background: #D14836;
}
.select-menu-name.selected .menu-checkbox, .addon-name.selected .menu-checkbox{
    opacity: 1;
    background: #D14353;
}
.select-menu-name.selected .menu-checkbox svg, .addon-name.selected .menu-checkbox svg{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.select-menu-name.selected .menu-full-name, .select-menu-name.selected .menu-sub-desc, .addon-name.selected .rest-addOn{
	opacity: 1
}
.menu-add-cart{
	height: 50px;
	border-radius: 10px;
	background: #D14353;
	color: #FFF;
	font-size: 16px;
	letter-spacing: 0.04em;
	-webkit-transition: all ease 200ms;
	transition: all ease 200ms;
	position: relative;
	overflow: hidden;
}
.menu-add-cart:hover{
	color: #FFF;
	background: #E22238;
	font-weight: 500;
}
.menu-add-cart svg{
    height: 20px;
    width: 25px;
    fill: currentColor;
    position: relative;
    top: 0px;
}
.menu-selection-package .foodbox_row:nth-child(even){
	padding-left: .5rem !important;
}
.menu-selection-package .foodbox_row:nth-child(odd){
	padding-right: .5rem !important;
}
.menu-pref-title{
    color: #D14353;
    font-weight: 500;
}
.prefres-tag{
	background: #FBE7E7;
    padding: 6px 10px 6px 10px;
    color: #000;
    font-size: 14px;
    display: inline-block;
    min-width: 120px;
    border-radius: 4px;
}
/* REVIEW PAY */
.review-box-row.active-box .box-title-row{
	background: #000;
	color: #FFF;
}
.review-box-row.inactive-box .box-title-row, .review-box-row .box-title-row{
	background: #EEE;
	color: #000;
}
.review-box-row .inner-box, .review-box-row .box-short-review{
	display: none;
}
.review-box-row.active-box .inner-box, .review-box-row.inactive-box .box-short-review{
	display: inline-block;
}
.review-box-row.inactive-box .box-editBtn{
	opacity: 1;
	visibility: visible;
	display: inline-flex !important;
}
.box-main-title{
	font-weight: 800;
}
.box-editBtn{
	margin-right: 10px;
	height: 34px;
	padding: 2px 20px 0;
	border-radius: 2px;
	color: #000;
	border: 1px solid #000;
	opacity: 0;
	display: none !important;
	visibility: hidden;
}
.box-editBtn:hover{
	color: #000;
}
.box-main-title svg{
	fill: #D14353;
	opacity: 0;
	height: 33px;
	width: 40px;
	margin-left: 10px;
	display: inline-block;
}
.review-box-row.inactive-box .box-title-row svg{
	opacity: 1;
}
.review-box-row .inner-box, .review-box-row .box-short-review{
	background: #FFF;
}
.review-box-row.active-box .box-short-review, .review-box-row.inactive-box .inner-box{
	display: none;
}
.form-title{
	border-bottom: 1px solid #D14353;
	color: #D14353;
}
.form-title svg{
	height: 20px;
	width: 20px;
	fill: currentColor;
	display: inline-block;
	margin-right: 10px;
}
.input-text-feild{
	height: 45px;
    font-size: 15px;
    border: 1px solid #DDD;
    border-radius: 4px;
    background: transparent;
    position: relative;
    z-index: 5;
}
input[type="date"]::-webkit-calendar-picker-indicator, input[type="time"]::-webkit-calendar-picker-indicator{
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
select.input-text-feild{
	-webkit-appearance: menulist;
}
.loginPhone-row.input-row .input-title, .phone-row.input-row .input-title{
	left: 40px;
}
.loginPhone-row .isoCode, .phone-row .isoCode{
	position: absolute;
    top: 12px;
    left: 9px;
    font-size: 15px;
    font-weight: 500;
}
.loginPhone-row .input-text-feild, .phone-row .input-text-feild{
	padding: 0px 15px 0px 40px;
}
.select-text-feild{
	height: 45px;
    font-size: 15px;
    border: 1px solid #DDD;
    border-radius: 4px;
	-webkit-appearance: menulist;
}
.input-textarea-feild{
	height: 100px;
	font-size: 15px;
    border: 1px solid #DDD;
    padding: 15px;
    border-radius: 4px;
    background: transparent;
    position: relative;
    z-index: 5;	
}
.error-input{
	border: 1px solid #D14353;
}
.formSubLink:hover{
	color: #D14353;
}
.formSubLink{
	display: inline-block;
	color: #D14353;
	font-size: 15px;
}
.login-button:hover{
	color: #FFF;
	background: #E22238;
}
.login-button{
	min-width: 200px;
	height: 45px;
	border-radius: 6px;
    background: #D14353;
	color: #FFF;
	font-size: 15px;
	overflow: hidden;
    position: relative;
}
.sign-inservice{
	margin-left: 20px;
}
.login-icons{
	margin-left: 10px;
	display: inline-block;
}
.login-icons img{
	height: 40px;
	width: 40px;
	display: inline-block;
}
.form-review-button{
	min-width: 300px;
	height: 45px;
	border-radius: 6px;
    background: #D14353;
	color: #FFF;
	font-size: 16px;
	overflow: hidden;
    position: relative;
    font-weight: 500;
}
.form-review-button svg{
	position: absolute;
	height: 22px;
	width: 22px;
	display: inline-block;
	top: 12px;
	right: 15px;
	fill: currentColor;
}
.form-review-button:hover{
	color: #FFF;
	background: #E22238;
	font-weight: 500;
}
.review-title{
	border-bottom: 1px solid #000;
	color: #000;
    font-size: 20px;
    font-weight: 500;
}
.filled-details{
	color: #000;
	font-size: 17px;
}
.review-box-row{
	box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.08);
}
.terms-conditn .menu-checkbox, .pay-conditn .menu-checkbox{
	top: 4px;
}
.terms-points{
	list-style-type: disc;
}
.input-row{
	position: relative;
}
.input-row .input-title{
    position: absolute;
    top: 0;
    display: block;
    z-index: 3;
    left: 17px;
    top: -14px;
    letter-spacing: 0.04em;
    color: #999;
	-webkit-transition: all ease 200ms;
	transition: all ease 200ms;
	white-space: nowrap;
    -webkit-transform: translate3d(0,26px,0) scale(1);
    transform: translate3d(0,26px,0) scale(1);
    transition: -webkit-transform cubic-bezier(.25,.8,.25,1) .25s;
    transition: transform cubic-bezier(.25,.8,.25,1) .25s;
    -webkit-transform-origin: left top;
    transform-origin: left top;
}
.input-row.input-focused .input-title{
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    padding: 0px 5px !important;
    background: #FFF;
    -webkit-transform: translate3d(-15px,-5px,0) scale(.90);
    transform: translate3d(-15px,-5px,0) scale(.90);
    font-size: 14px;
    color: #000;
}
.loginPhone-row.input-row.input-focused .input-title, .phone-row.input-row.input-focused .input-title{
    -webkit-transform: translate3d(-35px,-5px,0) scale(.90);
    transform: translate3d(-35px,-5px,0) scale(.90);
}
.input-title{
    font-weight: 500;
}
.form-short-title{
	font-size: 18px;
	color: #D14353;
	position: relative;
    font-weight: 500;
}
.form-short-title:after{
	content: '';
    width: 50px;
    height: 3px;
    background: #000;
    border-radius: 10px;
    float: left;
    position: absolute;
    left: 0px;
    bottom: -7px;
}
.pay-input-title, .payment-title{
	color: #D14353;
}
.cardPay{
	max-width: 100%;
    height: 40px;
    object-fit: contain;
}
.btn-loader{
	background: #D14353;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: inline-block;
	z-index: 5;
}
.loadingSpinner{
    left: 50%;
    margin-left: -15px;
    top: 50%;
    margin-top: -15px;
    position: absolute;
    animation: loading-bar-spinner 900ms linear infinite;
    -webkit-animation: loading-bar-spinner 900ms linear infinite;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: solid 2px transparent;
    border-top-color: #FFF;
    border-left-color: #FFF;
    border-radius: 50%;
    display: inline-block;
}
@-webkit-keyframes loading-bar-spinner{
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}
.restPass-box{
	display: none;
}
.toastNotifications{
	position: fixed;
	top: 80px;
	left: 20px;
	right: 20px;
    margin: auto;
	align-items: center;
	padding: 20px;
	color: #FFF;
	font-size: 16px;
	line-height: 1.5;
	z-index: 2000;
	background: #000;
	border-radius: 4px;
	min-width: 280px;
	max-width: 440px;
	min-height: 74px;
	display: flex;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .4s ease,bottom .4s ease;
	-o-transition: opacity .4s ease,bottom .4s ease;
	transition: opacity .4s ease,bottom .4s ease;
}
.toastNotifications.toastIn{
	opacity: 1;
	visibility: visible;
}
.toastNotifications.toastIn.error{
	background: #D14353;
    box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.20);
}
.toastNotifications .notificationsIcon{
	height: 32px;
	width: 32px;
	text-align: center;
	position: absolute;
	overflow: hidden;
	border-radius: 100%;
	left: 20px;
	top: 20px;
	line-height: 1;
	font-size: 33px;
	z-index: 4;
}
.toastNotifications.success .notificationsIcon:before{
	color: #11E20E;
	content: "\e993";
	font-family: 'FoodIcons';
}
.toastNotifications.error .notificationsIcon:before{
	color: #FFF;
	content: "\e9a4";
	font-family: 'FoodIcons';
}
.toastNotifications .notificationsText{
	align-self: center;
	padding-left: 38px;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.04em;
	position: relative;
	z-index: 5;
}
.non-veg{
	width: 0.85rem;
    height: 0.85rem;
    border: 1px solid #AD4728;
    border-radius: 2px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: rgb(255, 255, 255);
    flex-shrink: 0;
    margin-right: 5px;
}
.non-veg-circle{
	width: 8px;
    height: 8px;
    background: #AD4728;
    border-radius: 50%;
    flex-shrink: 0;
}
.veg-icon{
	width: 0.85rem;
    height: 0.85rem;
    border: 1px solid #008000;
    border-radius: 2px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: rgb(255, 255, 255);
    flex-shrink: 0;
    margin-right: 5px;
}
.veg-icon-circle{
	width: 8px;
    height: 8px;
    background: #008000;
    border-radius: 50%;
    flex-shrink: 0;
}
.button-close .Pannel-box:before, .button-close .Pannel-box:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: inherit;
}
.widget_shopping_cart_content .floatLeft{
	float: left;
	width: 100%;
    flex: 1;
}
.button-close.active .Pannel-box:after{
	bottom: 0;
	transform: rotate(-90deg);
	width: 100%;
	transition: bottom .2s ease,transform .2s ease .22s,width .1s ease;
}
.button-close .Pannel-box:after{
	bottom: -5px;
	transition: bottom .2s ease .22s,transform .2s ease,width .2s ease;
}
.button-close.active .Pannel-box:before {
	top: 0;
	opacity: 0;
	width: 100%;
	transition: top .2s ease,opacity .2s ease .22s,width .1s ease;
}
.button-close .Pannel-box:before {
	top: -5px;
	transition: top .2s ease .22s,opacity .2s ease,width .2s ease;
}
.Pannel-menu.active .Pannel-box{
	transform: rotate(45deg);
	transition-delay: .22s;
}
.Pannel-box{
	position: absolute;
	top: 50%;
	right: -5px;
	margin-top: -1px;
	width: 36%;
	height: 2px;
	background: #161619;
	transition: transform .2s ease;
}
.Kart-backdropSlide{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: rgba(22,22,25,.2);
	display: none;
	z-index: 1010 !important;
}
.slide-cartpanel{
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	width: 530px;
	max-width: 90%;
	margin: 0;
	background: #FFF;
	box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
	transform: translateX(100%);
	transition: transform .1s;
	display: none;
	z-index: 9999;
}
.slide-cartpanel.open{
	transform: none;
}
.slide-cartpanel .panel-header{
	padding: 30px 50px 0;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
}
.slide-cartpanel .panel-header h3{
	font-size: 18px;
	line-height: 1;
	font-weight: 500;
	color: #000;
	float: left;
	width: 100%;
	text-align: left;
}
.slide-cartpanel .panel-header h3 .cart-panel-counter{
	background: #FFC728;
	color: #000;
    padding: 0px 9px;
	margin-left: 5px;
	border-radius: 20px;
	display: inline-flex;
	align-items: center;
	font-size: 14px;
    top: -1px;
    position: relative;
    line-height: 0;
    height: 24px;
}
.slide-cartpanel .button-close{
	position: absolute;
	right: 60px;
	top: 33px;
	z-index: 10;
}
.slide-cartpanel.open .menu-text{
	transition-delay: .42s;
	opacity: 1;
	transform: translateX(0);
}
.slide-cartpanel .menu-text{
	margin-right: 24px;
	font-size: 14px;
	font-weight: 600;
	vertical-align: middle;
	display: inline-block;
	transform: translateX(-10px);
	transition: opacity .2s ease,transform .2s ease;
	color: #000;
}
.slide-cartpanel .panel-content{
	top: 68px;
	bottom: 0;
	overflow-y: auto;
	padding: 20px 0px 0px;
	position: absolute;
	width: 100%;
	font-size: 16px;
	line-height: 25px;
	color: #000;
	font-weight: 400;
}
.cart-panel .widget_shopping_cart_content{
	display: flex;
	flex-direction: column;
	height: 100%;
	position: relative;
}
.cart-panel .widget_shopping_cart_content .buttons{
	text-align: center;
	margin-bottom: 0px;
	padding-top: 30px;
}
.HeaderCartEmotionWrapper{
	position: relative;
	display: inline-block;
    top: 4px;
}
.headerCartCount{
	position: absolute;
    background: #FFC728;
    color: #000;
    padding: 0px 7px;
    margin-left: 5px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    font-size: 10px;
    font-weight: 500;
    top: -15px;
    line-height: 0;
    height: 20px;
    right: -13px;
	opacity: 0;
}
.checkoutInnerBox{
	padding: 0px 50px;
	overflow-y: auto;
	margin: 0px;
}
.checkoutInnerBox::-webkit-scrollbar-track{
	background-color: #FFF;
	border-radius: 10px;
}
.checkoutInnerBox::-webkit-scrollbar{
	height: 0px;
	width: 8px;
	background-color: #FFF;
	border-radius: 10px;
}
.checkoutInnerBox::-webkit-scrollbar-thumb{
	background-color: #DDD;
	border-radius: 10px;
}
.subTotalCheckout{
	flex: 0;
	padding: 20px 50px 0;
	box-shadow: 0px -2px 4px 1px rgba(0,0,0,0.04);
}
.buttons .button_view_cart, .buttons .button_checkout{
	height: 60px;
	border: 1px solid #D14353;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: .4s;
	padding: 0 40px;
	text-transform: uppercase;
	margin-bottom: 20px;
	border-radius: 5px;
}
.button_checkout svg{
	height: 27px;
	width: 27px;
	fill: #FFF;
	display: inline-block;
	margin-left: 5px;
	position: relative;
	top: -4px;
}
.buttons .button_view_cart{
	background: #FFF;
	color: #000;
}
.buttons .button_view_cart:hover{
	background: #000;
	color: #FFF;
}
.buttons .button_checkout{
	background: #D14353;
	color: #FFF;
}
.cart_list .mini_cart_item{
	padding: 0;
	margin: 0;
	position: relative;
}
.loadingContainer{
	position: absolute;
	left: 0px;
	width: 100%;
	top: 0px;
	height: 100%;
	background: #D14353;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	z-index: 5;
}
.cartProdsequence{
	position: absolute;
	background: white;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	top: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.cartPopLayer .Circleloader{
	border-top: 3px solid rgb(0, 0, 0);
	border-left: 3px solid rgb(0, 0, 0);
	border-right: 3px solid transparent;
	border-radius: 50%;
	-webkit-animation: rotation .8s linear infinite;
	animation: rotation .8s linear infinite;
	height: 60px;
	width: 60px;
	margin: 0px auto 0;
	display: block;
}
@-webkit-keyframes rotation{
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.slide-cartpanel .widget_shopping_cart_content .cart_list .empty{
	text-align: center;
	margin-top: 20px;
}
.button_view_cart .paypalBtn svg{
	height: 100px;
}
.button_view_cart:hover .paypalBtn svg path{
	fill: #FFF !important;
}
.package-title{
	color: #D14353;
	position: relative
}
.package-title:after{
	content: '';
	width: 100%;
	height: 1px;
	background: #000;
	border-radius: 10px;
	float: left;
	position: absolute;
	left: 0px;
	bottom: -4px;
}
.meal-name img{
	height: 13px;
	width: 13px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
	object-fit: contain;
}
.meal-quantity{
	height: 30px;
	border-radius: 4px;
}
.meal-quantity .qty-minus, .meal-quantity .qty-add{
	height: 30px;
    cursor: pointer;
    border: 1px solid #DDD;
    border-radius: 5px;
    width: 33px;
    flex: 0 0 33px;
}
.meal-quantity .qty-minus svg, .meal-quantity .qty-add svg{
	height: 10px;
	width: 10px;
}
.taxes-row .subtotal-text, .taxes-row .subtotal-amount, .delivery-row .subtotal-text, .delivery-row .subtotal-amount{
	font-size: 14px;
	color: #444;
}
.total-row{
	border-top: 1px solid #222;
}
.sub-adon-btn{
	height: 28px;
	background: #D14353;
	border-radius: 4px;
	color: #FFF;
	position: relative;
	overflow: hidden;
}
.sub-adon-btn .btn-loader .loadingSpinner{
	margin-left: -10px;
	margin-top: -10px;
    width: 20px;
    height: 20px;
}
.sub-adon-btn:hover{
	color: #FFF;
}
.locationPop-layer{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 9999;
	background: rgba(0,0,0,0.50);
}
.locationPop-middle{
	max-width: 957px;
	position: relative;
	top: 0px;
	height: 100%;
	width: 100%;
	margin: 0px auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.location-contaner{
	background: #FFF;
    border-radius: 20px;
	position: relative;
    overflow: hidden;
}
.closeLocation{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 50px;
	width: 50px;
    z-index: 5;
}
.closeLocation svg{
	height: 11px;
	width: 11px;
	fill: #444;
}
.cities-wrapper{
    display: grid;
    grid-template-columns: repeat(7,1fr);
    grid-row-gap: 14px;
    padding: 12px;
    cursor: pointer;
    cursor: default;
    opacity: 0.5;
	pointer-events: none;
}
.city-card .city-image-card-container{
	-webkit-transition: all ease 100ms;
	transition: all ease 100ms;
}
.city-card .city-image-card-container img{
	width: 60px;
	height: 60px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.city-card .city-title{
    margin-top: .9rem;
    font-size: 0.85rem;
    padding: 1px 7px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #222;
    letter-spacing: 0.02em;
	-webkit-transition: all ease 100ms;
	transition: all ease 100ms;
}
.city-card .city-title:hover{
	color: #E43F4E;
}
.city-select-text .hk-locationpin{
	top: 4px;
}
/* MENU SET */
.menuType .veg-icon, .menuType .non-veg{
    width: 1.4rem;
    height: 1.4rem;
}
.menuType .veg-icon .veg-icon-circle, .menuType .non-veg .non-veg-circle{
	width: 12px;
    height: 12px;
}
.cooking-note{
	color: #D14353;
}
.instruc-points{
	position: relative;
}
.instruc-points svg{
	height: 15px;
	width: 15px;
	fill: #D14353;
	position: absolute;
	left: 5px;
	top: 5px;
}
.radioBox-lunch{
	height: 45px;
    background: #FFF5F5;
    border-radius: 5px;
    cursor: pointer;
}
.radioBox-lunch.selected{
    background: #FBE7E7;
}
.package-addon{
	height: 45px;
    background: #FFF5F5;
    border-radius: 5px;
    padding-left: 40px;
    padding-right: 5px;
}
.package-addon.selected{
    background: #FBE7E7;
}
.package-addon.VEG, .radioBox-lunch.VEG{
	background: #F4FFF3;
}
.package-addon.VEG .menu-checkbox, .radioBox-lunch.VEG .menu-radioBox{
	border: 2px solid #28981B;
}
.package-addon.VEG.selected, .radioBox-lunch.VEG.selected{
	background: #DAFBD6;
}
.package-addon.VEG.selected .menu-checkbox, .radioBox-lunch.VEG.selected .menu-radioBox{
	background: #28981B;
}
.package-addon .rest-addOn{
    color: #000;
    font-weight: 600;
}
.radioBox-lunch img{
	height: 25px;
	width: 25px;
    float: right;
    object-fit: contain;
    position: relative;
    top: 1px;
}
.radioBox-lunch img.dinner-svg{
	height: 18px;
	width: 18px;
}
.radioBox-lunch .rest-addOn{
	font-size: 1.45rem;
    position: relative;
    top: -2px;
}
.special-instructions.input-textarea-feild{
	background: #FFF;
}
.loginPopup-layer{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1010;
	background: rgba(0,0,0,0.60);
	display: none;
}
.loginPopup-middle{
	display: flex;
	max-width: 650px;
	width: 98%;
	position: relative;
	height: 100%;
	top: 0;
	margin: 0px auto;
	align-items: center;
	justify-content: center;
}
.loginPopup-box{
	background: #FFF;
	border-radius: 10px;
	overflow: hidden;
}
.close-loginPop:hover{
	color: #000;
}
.close-loginPop{
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	width: 50px;
	font-size: 18px;
	z-index: 3;
}
.order-detail-box{
	background: #F8F8F8;
}
.order-restaurant-box{
	border-radius: 8px;
	background: #FFF;
}
.restaurant-image img{
	width: 100%;
	border-radius: 10px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}
.restaurant-image{
	position: relative;
	padding-top: 100%;
	overflow: hidden;
}
.email-note{
	border-bottom: 1px solid #DDD;
}
.order-outer-box{
	background: #F8F8F8;
}
.delveryBoxContnet{
	background: #FFF;
	border-radius: 10px;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.10);
}
.time-notes:before{
	content: '●';
	display: inline-block;
	color: #E43F4E;
	margin-right: 5px;
}
.delvryTitle{
	color: #E43F4E;
    letter-spacing: -0.02em;
}
.delvryTitle:after{
    content: '';
    width: 50px;
    height: 4px;
    background: #000;
    border-radius: 10px;
    float: left;
    position: absolute;
    left: 4px;
    bottom: -8px;
}
.cusineListBox{
	float: left;
	width: 21%;
	padding-right: 15px;
}
.restaurentBoxex.foodDeliveryBoxes{
	flex: 0 0 54%;
    max-width: 54%;
}
.restaurentBoxex.foodDeliveryBoxes .food-photo-box .overPhotoBox{
	font-size: 14px;
}
.color-white, .color-white:hover{
	color: #FFF;
}
.addon-Img{
	padding-top: 100%;
	position: relative;
	margin: 0px 0 10px 0;
    border-radius: 0px 0px 8px 8px;
    overflow: hidden;
}
.addon-Img img{
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
    object-fit: cover;
}
.addon-btn{
	background: #E43F4E;
	font-size: 14px;
	padding: 6px 10px;
	border-radius: 4px;
	font-weight: 500;
	text-align: center;
}
.addon-btn:hover{
	background: #E22238;
	font-weight: 700;
}
.addon-btn svg{
	height: 12px;
	width: 12px;
	fill: currentColor;
    position: relative;
    top: -1px;
}
.AddOnBoxWraper .addOnBoxs:nth-child(odd){
	padding-left: 0;
}
.AddOnBoxWraper .addOnBoxs:nth-child(even){
	padding-right: 0;
}
.AddOnBoxWraper .addOnBoxs:hover .addOnOuterBoxs:after{
	content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: 5px;
    border: 2px solid #E43F4E;
    display: inline-block;
    border-radius: 10px;
}
.addOnBoxs h6{
	background: #000;
	font-weight: 500;
	font-size: 14px;
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
}
.Videographer .addon-Img img{
	object-position: left;
}
.Photographer .addon-Img img{
	object-position: right;
}
.food-slider .swiper-slide, .food-slider .swiper-wrapper{
	height: auto;
}
.food-slider{
	border-radius: 10px;
}
.food-slider .swiper-pagination-bullet{
	width: 10px;
    height: 10px;
    opacity: 0.5;
}
.food-slider .swiper-pagination-bullet-active{
	background: #E43F4E;
    opacity: 1;
}
.scrlListName{
	cursor: pointer;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms;
	text-transform: capitalize;
	padding: 0.5rem 0.25rem !important;
    position: relative;
    display: inline-flex;
    align-items: flex-start;
    justify-content: space-between;
}
.scrlListName.selected .hk-checkbox-unchecked:before{
	content: '\ea52';
	color: #75BF3A;
}
.scrlListName .hk-checkbox-unchecked{
	position: absolute;
	left: 0;
	top: 13px;
}
.scrlListName .listname{
	display: inline-block;
	padding-left: 20px;
	text-transform: capitalize;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms;
	margin-bottom: 0px;
	cursor: pointer;
}
.scrlListName:hover .listname{
	text-decoration: underline;
    font-weight: 500;
}
.scrlListName.selected .listname{
	color: #000;
	text-decoration: underline;
    font-weight: 500;
}
.scrlListName .restname{
	display: inline-block;
	text-transform: capitalize;
    -webkit-transition: all ease 100ms;
    transition: all ease 100ms;
	margin-bottom: 0px;
	cursor: pointer;
    margin-right: 10px;
}
.scrlListName:hover .restname{
	text-decoration: underline;
    font-weight: 500;
}
.scrlListName .restcount{
	display: inline-block;
    background: #E4424F;
    font-size: 13px;
    float: right;
    min-width: 22px;
    text-align: center;
    padding: 2px 7px 3px;
    border-radius: 30px;
    color: #FFF;
}
.restaurntDesc .restdescBox.fullDesc{
	-webkit-line-clamp: unset;
}
.restaurntDesc .restdescBox{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	overflow: hidden;
    margin-bottom: 0;
    text-align: left;
}
.restaurntDesc .readDesc{
	display: inline-block;
	color: #E4424F;
	margin-right: 5px;
	font-weight: 500;
}
.chef-about{
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.04em;
}
.moreInfoTitle{
	text-decoration: underline;
	color: #E4424F;
	font-size: 15px;
}
.chef-name, .instruct-title{
	color: #E4424F;
    text-transform: uppercase;
	position: relative;
}
.instruct-title:after{
	content: '';
    width: 50px;
    height: 2px;
    background: #000;
    border-radius: 10px;
    float: left;
    position: absolute;
    left: 0px;
    bottom: -8px;
}
.chef-unavail-text{
	color: #999;
}
.chefVideoBox img{
	border-radius: 10px;
    overflow: hidden;
    max-height: 500px;
    object-fit: cover;
    object-position: top;
}
.chef-banner-name{
	color: #E4424F;
}
.loadingAjaxLoadr .loaderCentrBox{
	height: 100px;
	width: 100px;
	margin-top: -50px;
	margin-left: -50px;
	position: absolute;
	top: 50%;
	left: 50%;
}
.loadingAjaxLoadr .loaderCentrBox .loadingBox{
	height: 100px;
	width: 100px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.loadingAjaxLoadr .loaderCentrBox svg{
	fill: #E4424F;
	height: 50px;
	width: 50px;
}
.loadingAjaxLoadr .loaderCentrBox .centera{
	color: #E4424F;
    font-size: 25px;
    font-weight: 900;
    position: absolute;
    top: 30px;
    left: 38px;
}
.loadingAjaxLoadr .loadingSpinner{
	height: 100px;
	width: 100px;
    border: solid 6px transparent;
    border-top-color: #E4424F;
    border-left-color: #E4424F;
	margin-top: -50px;
	margin-left: -50px;
}
.loadingAjaxLoadr{
	position: fixed;
	top: 0;
	z-index: 9999;
	height: 100%;
	width: 100%;
	background: rgba(255,255,255,0.60);
	display: none;
	left: 0;
}
.teaparty-cell.individualCell .individualAccordianImage .closedCellBox .imageInnerTitle{
	padding: 0px 15px;
}
.menu-blocks .food-photo-box:nth-child(even){
	padding-left: 1rem !important;
    clear: right;
}
.menu-blocks .food-photo-box:nth-child(odd){
	padding-right: 1rem !important;
    clear: left;
}
.menu-addon .package-addon{
	cursor: pointer;
}
.howitWork-section img.col-md-12{
    border: 20px solid #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.10);
	border-left: 10px solid #FFF;
	border-right: 10px solid #FFF;
}
.work-title strong{
	color: #E4424F;
}
.mobileSerchPop{
	display: none;
	background: #FFF;
    z-index: 6666;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRight{
	0% {
		opacity: 0;
		-webkit-transform: translateY(70px);
		-ms-transform: translateY(70px);
		transform: translateY(70px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
.mobileSerchPop .srchHeader{
	height: 60px;
	border-bottom: 1px solid #E6E6E6;
}
.autoSuggestSrch{
    top: 60px;
    height: calc(100% - 60px);
    overflow-y: auto;
}
.autoSuggestSrch .locationNameBox{
	color: #000;
	height: 50px;
    /* -webkit-animation: listeffct .3s ease-out forwards;
    animation: listeffct .3s ease-out forwards; */
	opacity: 0;
}
.autoSuggestSrch .locationNameBox:nth-child(2){
	animation-delay: 0s !important;
}
.autoSuggestSrch .locationNameBox:nth-child(3){
	animation-delay: 0.03s !important;
}
.autoSuggestSrch .locationNameBox:nth-child(4){
	animation-delay: 0.06s !important;
}
.autoSuggestSrch .locationNameBox:nth-child(5){
	animation-delay: 0.09s !important;
}
.autoSuggestSrch .locationNameBox:nth-child(6){
	animation-delay: 0.12s !important;
}
.autoSuggestSrch .locationNameBox:nth-child(7){
	animation-delay: 0.15s !important;
}
.autoSuggestSrch .locationNameBox:nth-child(8){
	animation-delay: 0.18s !important;
}
.autoSuggestSrch .locationNameBox:nth-child(8){
	animation-delay: 0.21s !important;
}
.srchHeader .SearchBox, .srchHeader .CloseSearchBox{
	top: 0px;
	height: 100%;
	padding: 0px 15px;
	font-size: 15px;
	color: #555;
    z-index: 5;
}
.srchHeader .SearchBox{
	left: 0;
}
.srchHeader .CloseSearchBox{
	right: 0;
}
.srchHeader .headerSrch{
	padding: 0px 30px 0px 50px;
}
.srchHeader .CloseSearchBox .hk-cancel3{
	font-weight: bold;
}
.autoSuggestSrch .locationNameBox .locationCity{
	color: #222;
	font-size: 14px;
}
.srchHeader .searchArrow{
	top: 9px;
    width: 60px;
    height: 45px;
    margin-right: 10px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all ease 400ms;
	transition: all ease 400ms;
}
.trendSrch{
	background: #EDEDED;
	color: #000;
	font-size: 14px;
}
.trendSrch svg{
	margin-left: 10px;
	height: 20px;
	width: 20px;
	fill: #000;
    position: relative;
    top: 3px;
}
.locationNameBox .point-icon{
	margin-right: 15px;
}
.point-icon svg, .point-icon img{
	height: 25px;
    width: 25px;
    fill: #000;
	object-fit: contain;
}
.trendngloder{
	background: #FFF;
	top: 35px;
	bottom: 0px;
}
.trendngloder .centerFoodIcon svg{
	height: 30px;
	width: 30px;
	fill: #E43F4E;
}
.trendngloder .centerFoodIcon{
	width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
	left: 50%;
    top: 50%;
}
.trendngloder .loadingSpinner{
	border-top-color: #E43F4E;
    border-left-color: #E43F4E;
    width: 70px;
    height: 70px;
    margin-left: -35px;
    margin-top: -35px;
}
@-webkit-keyframes listeffct{
	0% {
		opacity: 0;
		transform: translate3d(0,10px,0);
	}
	100% {
		opacity: 1;
		transform: translateZ(0);
	}
}
.mobile-cusine-box.hoverSelect .cusine-icon img{
	-webkit-filter: invert(100%);
}
.mobile-cusine-box.hoverSelect .cusine-name{
	color: #FFF;
}
.mobile-cusine-box.hoverSelect{
    background: #E43F4E;
    color: #FFF;
}
.ErrorlogoBox{
	background: #F1F1F1;
	color: #E4424F;
	font-family: 'OpenSans';
    font-size: 20px;
    word-spacing: 2px;
	padding: 10px 20px;
	font-weight: 600;
	letter-spacing: 0.04em;
	display: inline-flex;
    height: 60px;
    min-height: 60px;
    align-items: center;
    text-shadow: 1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000, 1px 1px 5px #555;
}
.cussine-restBlock .singleRestBlock:nth-child(odd){
    clear: left;
}
.cussine-restBlock .singleRestBlock:nth-child(even){
    clear: right;
}
.oneRestLogoRow .singleRestBlock:last-child .menu-blocks .food-photo-box{
    padding-left: 1rem !important;
    padding-right: 0px !important;
}
.loadmorebtn{
	background: #E43F4E;
	border-radius: 4px;
}
.food-photo-box .restCounts{
    position: absolute;
    bottom: 7px;
    font-size: 13px;
    padding: 3px 12px 3px !important;
    right: 8px;
    border-radius: 50px;
}
.oneRestLogoRow{
    flex-wrap: wrap;
    display: flex;
    align-items: flex-end;
}
.oneRestLogoRow.removeFlexItem{
	align-items: unset;
}
.menu-starter svg{
    height: 28px;
    width: 28px;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: -5px;
}
.whatPoints li:after{
	content: '▲';
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	position: absolute;
	left: 0px;
	top: 0px;
	color: #E43F4E;
}
.Package_NONVEG .menu-starter svg{
	fill: rgb(237, 90, 107);
}
.Package_VEG .menu-starter svg{
	fill: rgb(80, 181, 71);
}
.Package_VEG .menu-title-name{
	color: rgb(80, 181, 71);
}
.inheritElem{
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	display: inherit;
}
.paymentInfoBox{
    background: #FFF5F5;
    border-radius: 10px;
}
.rest-order-row div{
    min-height: 10px;
}
.paymentMethod .payLogo{
    margin-left: 10px;
    height: 31px;
    object-fit: contain;
	display: inline-block;
}
.paymentMethod .payLogo.visalogo{
	height: 43px;
}
.paymentMethod .payLogo.amexLogo{
	height: 39px;
}
.paymentMethod .payLogo.dinerClub{
	height: 35px;
}
.restBranchBox{
	display: none;
	min-height: 100px;
}
.restBranchBox img{
	max-height: 300px;
	object-fit: cover;
	border-radius: 10px;
}
.restBranchBox .restBrnchName{
	background: rgba(0,0,0,0.50);
    border-radius: 50px;
    color: #FFF;
    backdrop-filter: blur(4px);
    display: inline-block;
    top: 50%;
    left: 50%;
	font-size: 20px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding: 12px 40px;
	text-align: center;
    min-width: auto;
    max-width: 90%;
    width: fit-content;
}
.recomendLabel{
	background: #E43F4E;
    top: 17px;
    z-index: 4;
    color: #FFF;
    font-size: 10px;
    right: -10px;
    padding: 2px 20px 3px 7px;
    letter-spacing: 0.04em;
    font-weight: 500;
	display: none;
}
.recomendLabel svg{
    height: 12px;
    width: 15px;
    position: relative;
    top: -1px;
    margin-right: 2px;
}
.mobileFilters{
	background: #FFF;
	overflow-y: auto;
    max-width: 90%;
}
.filterTitlle{
	background: #FFF;
	z-index: 5;
}
.filterTitlle .closeMoreFilter{
	font-size: 14px;
}
.filterTitlle .closeMoreFilter .hk-cancel3{
	font-weight: bold;
}
.InstrtnNotPoint{
    color: #666;
    font-size: 14px;
}
.InstrtnNotPoint svg{
	height: 26px;
    width: 22px;
    fill: #E43F4E;
    position: absolute;
    left: 10px;
    top: 7px;
}
.terms-points-box .terms-points a{
	color: #E43F4E;
}
.skipBttn{
	color: #E43F4E;
	cursor: pointer;
}
.whatWedTxt{
	font-size: 20px;
	font-weight: 500;
}
.your-need-box{
	padding-bottom: 0px !important;
}
.read_more{
	display: inline-block;
	color: #E43F4E;
}
.read_more:hover{
	color: #E43F4E;
}
.outletSelection, .alternaterChef{
	background: rgba(0,0,0,0.80);
	display: none;
    z-index: 6666;
    top: 0;
}
.outletContner, .alternateContner{
	border-radius: 5px;
	background: #FFF;
}
.closeBox{
	padding: 8px 18px;
    font-size: 22px;
	top: 0px;
	right: 0px;
	color: #FFF;
}
.UploadStats{
	background: #E43F4E;
	color: #FFF;
	height: 45px;
}
.outletBannerPhoto{
	border-radius: 5px;
	padding-top: 30%;
}
.outletBannerPhoto img{
	height: 100%;
	object-position: center;
	object-fit: cover;
	width: 100%;
	left: 0;
	top: 0;
}
.alternateMiddle{
	margin: 0px auto;
    max-width: 900px;
	width: 98%;
	display: flex;
}
.outletmiddle{
	margin: 0px auto;
    max-width: 700px;
	display: flex;
}
.continueSvedBtn{
	background: #E43F4E;
	color: #FFF;
	height: 45px;
	border-radius: 5px;
}
.continueUnSvedBtn:hover, .continueUnSvedBtn:active{
	color: #E43F4E;
}
.continueUnSvedBtn{
	border: 1px solid #E43F4E;
	background: #FFF;
	color: #E43F4E;
	height: 45px;
	border-radius: 5px;
}
.continueSvedBtn{
	display: none;
}
.outlet-drop-list{
    top: 46px;
    right: 16px;
    left: 16px;
    padding: 10px 0 0;
    background: #FFF;
    z-index: 6;
    max-height: 150px;
    overflow-y: auto;
	display: none;
	box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.15);
}
.outletName{
	font-size: 16px;
	font-weight: 500;
}
.select-outlet-list{
	padding-right: 40px;
	cursor: pointer;
}
.select-outlet-list.openList .hk-down-arrow{
	-webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.select-outlet-list .hk-down-arrow{
	right: 10px;
	font-weight: bold;
	color: #000;
    top: 50%;
    font-size: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	-webkit-transition: all ease 400ms;
	transition: all ease 400ms;
}
.outlet-drop-list .outletRow .hk-locationpin{
	position: absolute;
    top: 50%;
    left: 15px;
    font-size: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.outlet-drop-list .outletRow:hover{
	background: #F9F9F9;
}
.outlet-drop-list .outletRow.selected{
	background: #E43F4E;
	color: #FFF;
}
.outlet-drop-list .outletRow{
    min-height: 45px;
    padding: 10px 10px 10px 35px;
    border-bottom: 1px solid #F2F2F2;
	cursor: pointer;
	-webkit-transition: all ease 400ms;
	transition: all ease 400ms;
}
.addonOptPrice{
	font-weight: 600;
}
.slideFoodPannel .checkoutInnerBox, .delveryBoxContnet .checkoutInnerBox{
	padding: 0px;
}
.slideFoodPannel .meal-name, .delveryBoxContnet .meal-name{
	font-size: 12px;
    padding-left: 1px !important;
}
.slideFoodPannel .meal-price, .slideFoodPannel .qty-number, .delveryBoxContnet .meal-price, .delveryBoxContnet .qty-number{
	font-size: 13px;
}
.slideFoodPannel .meal-quantity .qty-minus svg, .slideFoodPannel .meal-quantity .qty-add svg, .delveryBoxContnet .meal-quantity .qty-minus svg, .delveryBoxContnet .meal-quantity .qty-add svg{
	height: 8px;
    width: 8px;
}
.slideFoodPannel .meal-quantity .qty-minus, .slideFoodPannel .meal-quantity .qty-add, .delveryBoxContnet .meal-quantity .qty-minus, .delveryBoxContnet .meal-quantity .qty-add{
	width: 30px;
	height: 25px;
}
.slideFoodPannel .subTotalCheckout, .delveryBoxContnet .subTotalCheckout{
	padding: 20px 0px 0;
	box-shadow: none;
}
.slideFoodPannel .buttons .button_view_cart, .slideFoodPannel .buttons .button_checkout, .delveryBoxContnet .buttons .button_view_cart, .delveryBoxContnet .buttons .button_checkout{
	height: 45px;
	font-size: 16px;
}
.slideFoodPannel .button_checkout svg, .delveryBoxContnet .button_checkout svg{
	height: 21px;
    width: 21px;
	top: 0px;
}
.slideFoodPannel .cart-panel .widget_shopping_cart_content, .delveryBoxContnet .cart-panel .widget_shopping_cart_content{
	height: auto;
}
.slideFoodPannel .cart-panel .widget_shopping_cart_content+.widget_shopping_cart_content, .delveryBoxContnet .cart-panel .widget_shopping_cart_content+.widget_shopping_cart_content{
	margin-top: 40px;
}
.slideFoodPannel .cart-panel-counter, .FoodPannelContent .panel-header .cart-panel-counter{
	background: #FFC728;
    color: #000;
    padding: 0px 8px 3px;
    margin-left: 5px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    top: -1px;
}
.FoodPannelContent .meal-quantity{
	width: 270px;
}
.chefSelcted .coverLayer{
	top: 0;
	width: calc(100% - 16px);
	z-index: 22;
	background: rgba(0,0,0,0.70);
	border-radius: 10px;
}
.chefSelcted .coverLayer svg{
	overflow: visible;
	height: 100px;
	width: 100px;
}
.menu-blocks .food-photo-box:nth-child(odd).chefSelcted .coverLayer{
	left: 0;
}
.menu-blocks .food-photo-box:nth-child(even).chefSelcted .coverLayer{
	right: 0;
}
.delveryBox{
	float: right;
}
.restCategory-tag{
	background: #E43F4E;
	color: #FFF;
    font-size: 12px;
    padding: 0px 10px 3px;
    text-transform: capitalize;
    letter-spacing: 0.04em;
    border-radius: 20px;
}
.slideFoodPannel .meal-name .non-veg, .slideFoodPannel .meal-name .veg-icon{
	/* position: absolute; */
	left: 0;
    top: 2px;
}
.FoodPannelContent{
    margin-bottom: 20px;
}
.FoodPannelContent .panel-header{
	padding-left: 10px;
    padding-top: 30px !important;
    position: sticky;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-bottom: 20px;
    background: #FFF;
    top: 0;
    vertical-align: top;
    z-index: 5;
}
.FoodPannelContent .subTotalCheckout{
	box-shadow: none;
}
.FoodPannelContent .cart-panel .widget_shopping_cart_content{
	height: calc(100% - 66px);
}
.FoodPannelContent .delveryBoxContnet .cart-panel .widget_shopping_cart_content{
	height: auto;
}
.dashboard-outer .rightOrderDetal{
	height: calc(100% - 90px) !important;
}
.removeBtnBox:hover{
	color: #555;
}
.removeBtnBox{
	text-decoration: none;
	background: #FFFFFF;
	color: #666;
    font-size: 11px;
    letter-spacing: 0.04em;
    border-radius: 4px;
    font-weight: 500;
	text-align: center;
}
.removeBtnBox svg{
	height: 15px;
    width: 15px;
    margin-right: 5px;
    fill: currentColor;	
}
.caterer-title{
	font-size: 15px;
}
.slideFoodPannelBox{
	position: sticky;
	vertical-align: top;
	top: 80px;
}
.clearCartLink{
	float: right;
	color: #E43F4E;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
    position: relative;
    z-index: 10;
}
.promoCodeTitle{
	font-weight: 500;
}
.ApplypromoCodeBox .promoCodeInput{
	height: 45px;
	font-size: 15px;
	font-weight: 500;
	border: 1px solid #DDD;
	border-right: none;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.ApplypromoCodeBox .appyBtnCode{
	height: 45px;
	font-size: 15px;
	font-weight: 500;
	background: #E43F4E;
	color: #FFF;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.ApplypromoCodeBox .appyBtnCode:focus, .ApplypromoCodeBox .appyBtnCode:hover{
	outline: none;
	border: none;
}
.menu-full-name a{
	color: #E43F4E;
	text-decoration: none;
}
.locationDropDown{
	width: 30% !important;
	left: 45px !important;
    padding: 10px 0px;
}
.locationDropDown.restSrchInputDown{
	width: 19% !important;
	left: 30px !important;
}
.locationDropDown:hover .locationCity, .locationDropDown:hover .locationNameBox{
	background: transparent;
	color: #888;
	border: none;
}
.locationDropDown .locationNameBox{
	padding: 10px 20px;
}
.locationDropDown .locationNameBox .locationCity:hover{
	background: transparent;
	color: #FFF;
	border: none;
}
.locationDropDown .locationNameBox:hover{
	background: #E43F4E;
	color: #FFF;
}
.locationDropDown .locationNameBox:hover .locationCity{
	color: #FFF;
	background: transparent;
	border: none;
}
.locationDropDown .ui-state-active, .locationDropDown .ui-widget-content .ui-state-active, .locationDropDown .ui-widget-header .ui-state-active, .locationDropDown a.ui-button:active, .locationDropDown .ui-button:active, .locationDropDown .ui-button.ui-state-active:hover{
	background: transparent;
	color: #888;
	border: none;
}
.autoSuggestBox{
	background: #FFF;
}
.bannerVideoBox{
	pointer-events: none;
}
.restsearchForm{
	height: 40px;
	border: 1px solid #DDD;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
    overflow: hidden;
}
.restsearchForm .restsrchSbmtBttn{
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	color: #000;
	font-size: 16px;
}
.menu-prefrence-list.VEG .menu-pref-title{
	color: #28981B;
}
.menu-prefrence-list.VEG .prefres-tag{
	background: #F4FFF3;
}
.deletePackage{
	height: 30px;
	width: 30px;
	background: #FFF5F5;
	border-radius: 5px;
	top: 0;
	right: -40px;
}
.deletePackage svg{
	height: 15px;
	width: 15px;
	fill: #E43F4E;
}
.rest-login-form .outletRow .input-title{
	color: #000;
}
.rest-login-form .qty-add svg, .rest-login-form .qty-minus svg{
	height: 15px;
	width: 15px;
	fill: #E43F4E;
}
.rest-login-form .qty-add, .rest-login-form .qty-minus{
	height: 45px;
	cursor: pointer;
}
.rest-login-form .noofoutlets{
	border-radius: 0px;
	border: none;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}
.rest-login-form .noofoutlets-row-box{
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid #DDD;
}
.imageCoverBox{
	height: 300px;
    margin-bottom: 120px;
    border: 1px solid #DDD;
    border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
}
.imageCoverBox img{
	width: 100%;
	object-fit: cover;
	cursor: pointer;
}
.coverIcon svg{
	height: 120px;
    fill: rgba(228,63,78,0.59);
}
.imageBox svg{
	height: 35px;
    fill: rgba(228,63,78,0.59);
}
.imageBox{
    border: 1px solid #DDD;
    height: 200px;
    width: 200px;
    float: left;
    left: 30px;
    bottom: -20%;
    transform: translateY(-50%);
    border-radius: 100%;
    font-size: 12px;
    background: #FFF;
	overflow: hidden;
	cursor: pointer;
}
.imageBox img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	cursor: pointer;
}
.imageBox .col-md-12{
	font-weight: 500;
}
.logged-user-box{
	opacity: 0;
}
@media only screen and (min-width:1000px) and (max-width:1260px){
	.HeaderContainerEmotionWrapper .gourmet-domains .header-text{
		font-size: 8px;
	}
	.nav > li.subHeader .non-clp-header{
		font-size: 12px;
	}
	.nav > li{
		margin: 0px !important;
	}
	.HeaderLocationEmotionWrapper .city-name{
		font-size: 10px;
	}
	.HeaderLocationEmotionWrapper .city-circle{
		height: 7px;
		width: 7px;
	}
}
@media only screen and (min-width:850px) and (max-width:1000px){
	.UserAccountEmotionWrapper svg{
		width: 14px;
		height: 14px;
	}
	.HeaderCartEmotionWrapper svg{
		width: 18px;
		height: 18px;
	}
	.nav > li{
		margin: 0px !important;
		padding: 0px 5px !important;
	}
	.HeaderContainerEmotionWrapper .gourmet-domains .header-text{
		font-size: 6px;
	}
	.nav > li.subHeader .non-clp-header{
		font-size: 10px;
	}
	.HeaderLocationEmotionWrapper .city-name{
		font-size: 8px;
	}
	.HeaderLocationEmotionWrapper .city-circle{
		height: 5px;
		width: 5px;
	}
	.HeaderContainerEmotionWrapper .logoBox{
		font-size: 15px;
	}
	.nav > li > a img, .nav > li > a svg{
		height: 20px;
		width: 20px;
	}
}
@media only screen and (min-width:900px){
	.food-photo-box .overPhotoBox{
		-webkit-transform: translateY(140%);
		transform: translateY(140%);
		-webkit-transition: all ease 400ms;
		transition: all ease 400ms;
	}
	.food-photo:hover .overPhotoBox{
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	.nohover .food-photo:hover .overPhotoBox{
		-webkit-transform: translateY(140%);
		transform: translateY(140%);
	}
	.bannerVideoBox img{
		max-height: 100%;
		object-position: top;
	}
	.bannerVideoBox.banerImg{
		border-radius: 10px;
		border: 1px solid #DDD;
	}
	.bannerVideoBox{
		height: 430px;
		overflow: hidden;
		pointer-events: none;
	}
	.bannerVideoBox.banerImg img{
		object-fit: contain;
	}
	.nav > li{
		display: inline-block;
		padding: 0px 7px;
		margin: 0px 2px;
	}
}
@media only screen and (max-width:899px){
	.progesEnrouteStep .prorgrsStep .iconText{
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}
	.progesEnrouteStep .prorgrsStep{
		flex-wrap: wrap;
	}
	.progesEnrouteStep{
		width: calc(100% + 40px);
		margin-left: -20px;
		margin-top: 50px;
		display: flex;
		align-items: start;
	}
	.progesEnrouteStep .prorgrsStep{
		flex-wrap: wrap;
		justify-content: center;
		padding: 0px 5px;
	}
	.progesEnrouteStep .prorgrsStep:nth-child(1){
		justify-content: flex-start;
	}
	.progesEnrouteStep .prorgrsStep:nth-child(4){
		justify-content: center;
		padding-left: 20px;
	}
	.progesEnrouteStep .prorgrsStep:nth-child(2){
		padding-left: 0px;
		padding-right: 10px;
	}
	.progesEnrouteStep .prorgrsStep:nth-child(3){
		padding-left: 15px;
	}
	.progesEnrouteStep .prorgrsStep:last-child .iconText{
		text-align: right;
	}
	.progesEnrouteStep .prorgrsStep:nth-child(1) .iconText{
		text-align: left;
	}
	.progesEnrouteStep .prorgrsStep .iconText br{
		display: none;
	}
	.progesEnrouteStep .prorgrsStep svg{
		margin-right: 0px;
	}
	.review-pay-box{
		padding: 0px !important;
	}
	.form-review-button{
		min-width: 300px;
	}
	/* REVIEW PAY */
	.box-main-title{
		font-size: 1.6rem;
	}
	.HeaderContainerEmotionWrapper .align-center .header-right{
		flex: 0 0 56.666667%;
		max-width: 56.666667%;
	}
	.logoBox img{
		margin-left: 100px;
		height: 40px;
		margin-right: 5px;
	}
	.drawer-button{
		height: 74px;
		-webkit-box-pack: start;
		-webkit-justify-content: start;
		-ms-flex-pack: start;
		justify-content: start;
		position: fixed;
		left: 15px;
		display: inline-flex;
		align-items: center;
		z-index: 6;
	}
	.drawer-button .toggle-button .icon-bar{
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		background: black;
	}
	.drawer-button  .toggle-button .icon-bar + .icon-bar{
		margin-top: 4px;
	}
	.HeaderContainerEmotionWrapper .gourmet-domain-content, .HeaderContainerEmotionWrapper .logoBox .logoName{
		display: none;
	}
	.UserAccountEmotionWrapper .logged-out .login-text{
		font-size: 8px;
	}
	.HeaderContainerEmotionWrapper .align-center .header-right .header-right-item.location-item, .HeaderContainerEmotionWrapper .align-center .header-right .header-right-item.allcart-item{
		display: inline-block;
	}
	/* PROGRESS BAR */
	.accordianImageWrapper .individualCell{
		display: inline-block;
		width: 100% !important;
		height: 95px;
		-webkit-transition: height 0.4s ease;
		transition: height 0.4s ease;
		-webkit-animation-name: animation-1ylxcxx;
		animation-name: animation-1ylxcxx;
	}
	.individualCell .accordianImageRight{
		height: 100%;
		position: absolute;
		object-fit: cover;
		object-position: 80% 40%;
		width: 100%;
	}
	.accordianImageWrapper .individualCell.active{
		width: 100% !important;
		height: 380px;
		animation-name: unset;
	}
	.accordianImageWrapper .individualCell.active .individualAccordianImage:before{
		height: 75%;
		width: calc(100% - 40px);
	}
	.individualCell.active .imageSubTitle{
		width: 85%;
		margin-bottom: 25px;
		margin-top: 5px;
	}
	.css-accordion-fadeInAnimation .accordianImageWrapper{
		display: inline-block;
		table-layout: unset;
		float: left;
		height: auto;
		padding: 40px 25px;
	}
	.individualAccordianImage .action-href, .css-accordion-fadeInAnimation{
		height: auto;
	}
	.individualCell .imageTitle, .individualCell .imageSubTitle, .individualCell .action-text{
		display: none;
	}
	.individualCell .imageTitle{
		display: inline-flex;
	}
	.individualCell.active .imageSubTitle, .individualCell.active .action-text{
		display: inline-block;
	}
	.siteTitleName{
		font-size: 35px;
	}
	.foodWord-brand-word-flip{
		height: 40px;
		margin-bottom: 0;
	}
	.siteBannerInner{
		margin-top: 70px;
	}
	.mainHeadLine{
		font-size: 1.9rem;
		margin-bottom: 0px !important;
	}
	.image-accordian .col-md-12{
		padding: 0px;
	}
	.sidebar-wrapper{
		transition: 0.3s width;
		position: fixed;
		z-index: 1070;
		display: none;
		overflow-y: hidden;
		background: #1B1D26;
		overflow: scroll;
		width: 70%;
		left: 0;
		height: 100%;
	}
	.overlay-drawer{
		position: fixed;
		display: none;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.5);
		z-index: 1060;
	}
	.mobieSideBar{
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.5);
		z-index: 1060;
		right: 0;
		top: 0;
		-webkit-transform: translateX(110%);
		transform: translateX(110%);
		-webkit-transition: all ease 0.4s;
		transition: all ease 0.4s;
	}
	.mobieSideBar.showAside{
		display: inline-flex;
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
	.sidebar-items .sidebar-nav{
		font-weight: 500;
		padding: 0;
		list-style: none;
		font-size: 16px;
		color: #e7e7e7;
		width: 100%;
		margin: 40px 0 20px 0;
	}
	.sidebar-items .sidebar-nav li{
		height: 55px;
		text-indent: 0;
		font-size: 18px;
		padding-left: 20px;
		display: flex;
		align-items: center;
	}
	.sidebar-items .sidebar-nav li.menuSelected{
		background: #E43F4E;
	}
	.sidebar-items .sidebar-nav li svg, .sidebar-items .sidebar-nav li img{
		height: 20px;
		width: 20px;
		margin-right: 20px;
		fill: #DDD;
	}
	.sidebar-items .sidebar-nav li img{
		-webkit-filter: invert(100%);
	}
	.sidebar-items .sidebar-nav li a{
		color: #DDD;
		font-size: 18px;
		display: flex;
		align-items: center;
	}
	.HeaderContainerEmotionWrapper .gourmet-icon-dropdown{
		display: flex;
		width: auto;
		justify-content: center;
	}
	.HeaderContainerEmotionWrapper .logoBox{
		margin-right: 30px;
		position: relative;
		z-index: 5;
	}
	.HeaderContainerEmotionWrapper .align-center .header-right{
		position: absolute;
		right: -20px;
		padding-right: 0;
		top: 20px;
		width: auto;
		align-items: center;
	}
	.UserAccountEmotionWrapper .logged-out{
		top: 1px;
	}
	.HeaderCartEmotionWrapper{
		top: 0px;
	}
	.HeaderContainerEmotionWrapper .align-center .header-right .header-right-item:not(:first-child){
		margin-right: 10px;
	}
	.loginPhone-row .isoCode, .phone-row .isoCode{
		top: 13px;
	}
	.SubBannerText{
		line-height: 24px;
		font-size: 16px;
	}
	.brandHighlight, .mainHeadLine{
		font-size: 1.9rem;
	}
	.css-accordion-fadeInAnimation .accordianImageWrapper li:first-child{
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 0px;
	}
	.css-accordion-fadeInAnimation .accordianImageWrapper li:last-child{
		border-top-right-radius: 0px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.individualCell.active .individualAccordianImage .point-icon{
		position: absolute;
		left: 0;
		top: 0px;
	}
	.wedding-party-tab.individualCell.active .individualAccordianImage .point-icon{
		top: 4px;
	}
	.individualCell.active.foodDeliver-cell .imageTitle .imageTileBox, .individualCell.active.teaparty-cell .imageTitle .imageTileBox, .individualCell.active.birthparty-cell .imageTitle .imageTileBox, .individualCell.active.gourmetchef-cell .imageTitle .imageTileBox, .individualCell.active.houseparty-cell .imageTitle .imageTileBox, .individualCell.active.nightparty-cell .imageTitle .imageTileBox{
		margin-top: 4px;
	}
	.individualCell.active.wedding-party-tab .imageTitle .imageTileBox{
		margin-top: 10px;
	}
	.individualCell.active .imageTitle{
		position: relative;
		padding-left: 50px;
		min-height: 50px;
		font-size: 14px;
		margin-bottom: 15px;
		width: 85%;
	}
	.individualCell.active .dark-color.imageTitle .imageInnerTitle:after{
		bottom: 0px;
		height: 6px;
	}
	.accordianImageWrapper .individualCell.active .individualAccordianImage:after{
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.individualAccordianImage .closedCellBox{
		top: 0px;
	}
	.individualAccordianImage .closedCellBox .imageInnerTitle{
		font-size: 16px;
	}
	.individualAccordianImage .closedCellBox .point-icon{
		height: 60px;
		width: 60px;
	}
	.individualAccordianImage .closedCellBox .point-icon img, .individualAccordianImage .closedCellBox .point-icon svg{
		height: 35px;
		width: 35px;
	}
	/* NEW PAGE RESONPISVE */
	.food-photo-box .overPhotoBox{
		padding: 10px 6px 4px !important;
	}
	.cusineList{
		padding-right: 15px !important;
		margin-bottom: 30px;
		display: none;
	}
	.singleRestBlock{
		margin-bottom: 0px !important;
	}
	.menu-blocks .food-photo-box, .menu-blocks .food-photo-box:nth-child(even){
		padding-right: 0px !important;
		padding-left: 0px !important;
		margin-bottom: 60px;
	}
	.cussine-restBlock{
		padding: 20px 18px !important;
	}
	.restaurentBoxex, .delveryBox{
		padding: 0px 15px !important;
	}
	.mobileNav{
		display: inline-block;
	}
	.HeaderCartEmotionWrapper{
		padding-top: 10px;
	}
	.headerCartCount{
		top: -1px;
		right: -3px;
	}
	.restaurentBoxex.foodDeliveryBoxes{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.oneRestLogoRow .singleRestBlock{
		width: 50%;
	}
	.mobile-cusine-title{
		font-weight: 600;
	}
	.cusine-name{
		font-size: 14px;
	}
	.review-package, .additnal-package, .paymentDetlBox{
		padding-left: 0px !important;
	}
	.detail-right-box{
		padding-left: 0px !important;
		margin-top: 15px;
	}
	.detail-left-box, .review-package, .additnal-package, .paymentDetlBox{
		padding-right: 0px !important;
	}
	.PackageText{
		font-weight: 500;
		margin-bottom: 5px;
	}
	.crt-qty-row{
		text-align: center !important;
	}
	.rest-order-row{
		margin-bottom: 10px !important;
	}
	.final-amount .inheritElem{
		justify-content: flex-end !important;
	}
}
@media only screen and (max-width:568px){
	.clearCartRow{
		padding-right: 20px !important;
	}
	.clearCartLink{
		padding-right: 0px !important;
	}
	.locationDropDown {
		width: 88% !important;
		left: 25px !important;
	}
	.rest-logo-food{
		margin-top: 40px;
	}
	.resturntLogo{
		text-align: center !important;
		width: 100%;
	}
	.menusub-title{
		margin-top: 30px !important;
	}
	.menustarter, .paymentMethod .inheritElem{
		display: inline-block;
		width: 100%;
		text-align: left !important;
	}
	.menu-vegetarian, .menu-nonvegetarian{
		font-size: 18px;
	}
	.bannerTextContaner{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.form-review-button{
		min-width: 100%;
	}
	.bannerTextContaner .bannerVideoBox{
		margin-bottom: 40px;
	}
	::-webkit-scrollbar{
		height: 5px;
		width: 5px;
		background-color: transparent;
	}
	.cusine-name{
		font-size: 11px;
	}
	.oneRestLogoRow .singleRestBlock{
		width: 100%;
	}
	.menu-blocks .food-photo-box:nth-child(odd){
		padding-right: 0px !important;
	}
	.oneRestLogoRow .singleRestBlock:last-child .menu-blocks .food-photo-box{
		padding-left: 0px !important;
	}
	/* PROGRESS BAR */
	.progressBar{
		height: 13px;
	}
	.progressBar .progessBarPoint{
		height: 25px;
		width: 25px;
	}
	.progressBar .progessBarPoint svg{
		height: 12px;
		width: 12px;
	}
	.progesEnrouteStep{
		margin-top: 20px;
	}
	.progesEnrouteStep .prorgrsStep svg, .progesEnrouteStep .prorgrsStep:nth-child(1) svg, .progesEnrouteStep .prorgrsStep:last-child svg, .progesEnrouteStep .prorgrsStep:nth-child(3) svg{
		height: 26px;
		width: 26px;
		margin-right: 0px;
	}
	.progesEnrouteStep .prorgrsStep .iconText{
		width: 100%;
		font-size: 8px;
		text-align: center;
		margin-top: 10px;
	}
	/* REVIEW PAY */
	.box-main-title{
		font-size: 1.1rem;
	}
	.box-main-title svg{
		height: 18px;
		width: 16px;
		margin-left: 3px;
	}
	.review-box-row.inactive-box .box-title-row, .review-box-row .box-title-row{
		padding: 16px 15px !important;
	}
	.review-box-row .box-short-review{
		padding: 1.5rem 1rem !important;
	}
	.review-box-row.active-box .inner-box{
		padding: 3rem 1rem !important;
	}
	.detail-left-box, .review-package{
		padding-right: 0px !important;
	}
	.detail-right-box, .additnal-package, .box-short-review .login-form, .other-city-header, .cities-wrapper, .city-header, .city-chooser, .city-card-container, .detail-left-box{
		padding-left: 0px !important;
	}
	.review-box-row.inactive-box .box-editBtn{
		margin-right: 0px !important;
	}
	#card-month{
		margin-left: 0px !important;
		margin-top: 20px;
	}
	#card-name{
		margin-bottom: 20px;
	}
	.payment-form-inside{
		padding: 0px !important;
	}
	.slide-cartpanel{
		max-width: 96%;
	}
	.slide-cartpanel .button-close{
		right: 20px;
	}
	.slide-cartpanel .panel-header{
		padding: 30px 20px 0;
	}
	.checkoutInnerBox{
		padding: 0px 20px;
	}
	.subTotalCheckout{
		padding: 20px 20px 0;
	}
	.menu-set-Box .col-md-6 .col-md-12.h-100{
		padding: 0px;
		height: auto !important;
	}
	.radioBox-lunch .rest-addOn{
		font-size: 1.15rem;
	}
	.menu-spec-point .col-md-6{
		padding-left: 15px !important;
	}
	.city-card .city-image-card-container img{
		width: 50px;
		height: 50px
	}
	.closeLocation{
		height: 70px;
	}
	.city-card-container .city-card{
		margin: 0px 5px !important;
	}
	.delveryBox{
		padding-right: 15px !important;
	}
	.cusineListBox{
		width: 100%;
		padding-right: 15px;
	}
	.restaurentBoxex.foodDeliveryBoxes, .restaurentBoxex.cateresrsBox{
		flex: 0 0 100%;
		max-width: 100%;
		margin-left: 0px !important;
	}
	.AddOnBox{
		padding-left: 10px !important;
		padding-right: 10px !important;
		margin-top: 40px;
	}
	.AddOnBox .AddOnBoxWraper{
		padding-right: 15px !important;
	}
	.AddOnBoxWraper .addOnBoxs:nth-child(odd){
		padding-right: 0;
	}
	.AddOnBoxWraper .addOnBoxs:nth-child(even){
		padding-left: 0;
	}
	.addOnBoxs h6{
		font-size: 16px;
		padding: 14px !important;
	}
	.addon-btn{
		font-size: 17px;
		padding: 13px 10px;
	}
	.rest-meal-name .flex-shrink-0{
		flex-shrink: 1 !important;
	}
	.addOnBoxes{
		margin-left: 0px !important;
	}
	.restaurentBoxex.addOnBoxes .rest-addon-box, .PageContainerBox{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.rest-menu-over:after{
		border-left: none;
	}
	.restMenu-type-box{
		margin-top: 10px;
		padding-left: 0px !important;
	}
	.foodbox_row{
		margin-bottom: 40px;
		padding-right: 0px !important;
	}
	/* HOW IT WORKS */
	.howitwork-block .imageBlock{
		margin-bottom: 20px;
	}
	.howitwork-block .work-title{
		font-size: 1.7rem;
	}
	.resturentEmpty{
		margin-top: 70px !important;
	}
	.resturentEmpty .col-md-4{
		text-align: center;
	}
	.resturentEmpty svg{
		height: 150px;
		width: 150px;
	}
	.toastNotifications.toastIn{
		top: 20px;
	}
	.cities-wrapper{
		overflow-y: auto;
	}
	.location-contaner{
		border-radius: 0px;
		height: 100%;
	}
	.addon-name .menu-radioBox{
		top: 12px;
	}
	.radioBox-lunch .rest-addOn, .radioBox-lunch img{
		top: 0px;
	}
	.restBranchBox{
		padding: 0px;
	}
	.paymentMethod .payLogo{
		margin-left: 0px;
		margin-right: 10px;
	}
	.terms-conditn-box{
		padding-left: 15px !important;
	}
	.paymentDetlBox .col-md-7{
		padding-right: 15px !important;
	}
	.terms-conditn .menu-checkbox, .pay-conditn .menu-checkbox{
		top: 8px;
	}
	.paymentInfoBox{
		padding: 1.5rem 15px 10px !important;
	}
	.paymentDetlBox .paymentDetl{
		margin-bottom: 30px;
	}
	.box-editBtn{
		height: 30px;
		padding: 2px 10px 3px;
		font-size: 13px;
	}
	.dishType{
		font-size: 14px;
	}
	.dishType .hk-locationpin{
		font-size: 20px;
		padding-top: 0px;
	}
	.food-photo-box .overPhotoBox{
		min-height: 75px;
	}
	.resturentEmpty img{
		max-width: 60%;
		margin: auto;
		object-fit: contain;
		float: none;
	}
	.chef-unavail-text{
		font-size: 15px;
		margin-bottom: 70px !important;
	}
	.work-title{
		font-size: 30px;
	}
	.section-title{
		font-size: 35px;
		margin-bottom: 15px !important;
	}
	.termsCnditn-section{
		padding-left: 0px;
		padding-right: 0px;
	}
	.accordian-work-slider .accordian-textblock .col-md-12{
		margin: 0px !important;
	}
	.css-accordion-fadeInAnimation, .foodWord-brand-word-flipping .foodWord-brand-word{
		margin-top: 0px !important;
	}
	.siteBannerInner{
		padding: 0px 10px !important;
	}
	.recomendLabel{
		padding: 3px 20px 2.5px 7px;
	}
	.faveortcateBox{
		padding: 10px !important;
		margin-bottom: 50px;
	}
	.restCategory-tag{
		padding: 3px 10px 1px;
	}
	.outletSelection, .alternaterChef{
		padding: 0px;
	}
	.outletContner, .alternateContner{
		height: 100%;
		margin-bottom: 0px !important;
	}
	.outletBannerPhoto{
		padding-top: 50%;
	}
	.outlet-drop-list{
		max-height: 230px;
		border: 1px solid #F2F2F2;
		border-radius: 5px;
	}
	.chefSelcted .coverLayer{
		width: 100%;
	}
	.slideFoodPannel .cart-panel-counter, .FoodPannelContent .panel-header .cart-panel-counter{
		padding: 3px 8px 3px;
	}
	.rest-order-row{
		padding-right: 15px !important;
	}
	.deletePackage{
		height: 25px;
		width: 25px;
		top: unset;
		bottom: 2px;
		right: -15px;
	}
	.promoCodeBox{
		margin-bottom: 30px;
		padding: 0px;
	}
	.continueUnSvedBtn, .continueSvedBtn{
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}
	.logoBox img{
		margin-left: 27px;
		height: 28px;
		margin-right: 2px;
	}
	.HeaderContainerEmotionWrapper .logoBox{
		font-size: 17px;
		font-weight: 600;
	}
}
@media only screen and (max-width:330px){
	.HeaderContainerEmotionWrapper .logoBox{
		font-size: 10px;
	}
}