/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('global.css');
@import url('colors.css');

body {
	font-family: "Albert Sans", sans-serif;
	overflow-x: hidden;
	color: var(--black);
	font-size: 15px;
	font-weight: normal;
	background-color: var(--body);
}



.cat-item2 {
	border: none !important;
	border-bottom: 1px solid #E5E6E2 !important;
	border-radius: 0 !important;
}
/*Headings*/

.claim-btn-mobile {
	width: 100%;
	margin: 8px 0 5px 0;
}
a.signin-btn:hover {
	background: #888;
	border: 2px solid #888;
		}
/*.two-line-heading {
	text-align:center;
}*/
div#offer-near-you p {
	text-align: left;
}
a.signup-btn:hover {
	background: #888;
	border: 2px solid #888;
}

a.signin-btn:hover label,
a.signup-btn:hover label{
	color: white !important;
}


.editAddressPopup {
	max-width: 450px;
	border-radius:12px;
}
.addressEeditTopLayout {
	display: none;
}

@media(max-width: 768px) {
	h1,.h1{
		font-size:1.9rem;
	}

	.editAddressPopup {
		border-radius: 0;
		height: 100%;
	}
	.addressEeditTopLayout {
		display: block;
	}
	.addressEeditTopLayout-crossIcon {
		display: none;
	}
}
@media(max-width: 580px){
	h1,.h1{
		font-size:1.5rem;
	}
	
	.title-2 {
		font-size: 28px;
	}
}

/*Loader*/

#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	visibility: visible;
	/*background-color: #0000003d;*/
}
.loaded #loader-wrapper {
        visibility: hidden;
        /*-webkit-transform: translateY(-100%);  
            -ms-transform: translateY(-100%);  
                transform: translateY(-100%);     
        -webkit-transition: all 0.3s 1s ease-out;  
                transition: all 0.3s 1s ease-out;  */
    }

/*Buttons*/
.rounded-btn{border-radius:60px;border-radius:60px;padding-left: 20px; padding-right: 20px}

.btn{
	font-size:15px;
	border: 0;
	border-radius:8px;
	-webkit-border-radius:8px;
	padding: 0.672rem 1.95rem;
	-webkit-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
	-o-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
	transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
}

.btn-secondary-white{
	background:#ffffff;
	color:#1E57A4;
}
.btn-secondary-white:hover{
	background: #000;
	color: #ffffff;
}

.btn-primary {
	background: var(--Primary-color);
	color: var(--white);
	border: 1px solid var(--Primary-color);
}

.btn-primary.focus, .btn-primary:focus{
	box-shadow: none;
}

.badge {
	padding: 6px 8px;
	border-radius: 30px;
}
.text-link{
	color:rgb(13,5,144);
}

.text-decoration-underline{text-decoration: underline;}
.small-btn-text{font-size: 1.15rem;}
.line-height-3{line-height: 3;}
.normal-btn{border-radius:8px;border-radius:8px;}
.btn-equal{min-width: 150px}
.btn.btn-equal-small{width: 94px;font-size: 12px;padding-left: 0;padding-right: 0;text-align: center;}
.btn.btn-equal-small-2{width: 76px;font-size: 12px;padding-left: 0;padding-right: 0;text-align: center;}
button:focus{outline: 0}

/*Background colors*/
.gray-bg{background: #F9F9F9}
.blue-bg {
	background: #2978A7;
}

/*Text Colors*/
.white-text{color:#fff}
.white-text-haft{color:rgba(255,255,255,0.5);}
.black-text{color: #000000}
.blue-text {
	color: #2978A7;
}
.light-gray{color: #ABABAB}
.green{color: #34E9AB}
.navbar-nav > li.nav-item > a.search-btn{background:#F0F9F5;width:40px;height:40px;border-radius:60px;-webkit-border-radius:60px;text-align:center;line-height:27px;color:#00995C;font-size: 21px;}
.navbar-nav > li.nav-item.fade-text{padding-left: 12px;position: relative;}
.navbar-nav > li.nav-item.fade-text + .fade-text::before {
	content: '';
	background-color: #E0E0E0;
	/* font-size: 18px; */
	top: 10px;
	vertical-align: middle;
	display: inline-block;
	position: absolute;
	left: 0;
	height: 20px;
	width: 1px;
}
.navbar-nav > li.nav-item.fade-text a{color:#787878}

/*Extra*/
  @media (min-width: 992px){
  	.justify-content-end-desktop{
	    -webkit-box-pack: end !important;
	    -ms-flex-pack: end !important;
		   justify-content: flex-end !important;
	}
	.modal-open .navbar {
		padding-right: 17px;
	}
  }
i,em{font-style: italic;}
.space90{padding-top: 90px;padding-bottom: 90px}
.space-top-90{padding-top: 120px;}
.space-top-70{padding-top: 70px;}
.space100{margin-top: 100px;}
/*Default responsive*/
.title-32{font-size: 32px}
@media (max-width: 767px){
.title2 {
    font-size: 1.5rem;
}
/*.title-44{font-size: 34px}*/
.space90{padding-top: 35px;padding-bottom: 35px}
.space100{margin-top: 20px;}

}
/*@media (max-width: 580px){
	.title-44,h2, .h2{font-size: 28px}
}*/
/*Header*/

.header-wrapper {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	background: var(--white);

}

.header-wrapper.shadow-fixed {
	box-shadow: 0px 1px 7px 0.5px #ccc;
	transition: 0.3s ease;
}
.header-wrapper:before{
	content: '';
	width:100%;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;	
	background-color: #fff;
	
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	opacity: 0
}
/*.navbar{
	padding: 1rem 0rem;
}*/
.navbar-brand.logo img{
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	height: auto;
	width: auto;
	float: left;
	max-height: 45px;
}
.navbar-brand.logo img + img {
	width: 0;
}

/*End Skin blue with fixed*/
.navbar-brand.logo .default-logo{height: 105px;width: auto;}
.navbar-nav>li.nav-item> a{color:#455657;font-size:15px;font-weight: 500}
.navbar-nav>li.nav-item> a:hover{
		color:#459F19
	}

.navbar-nav{font-weight: 500;}
.header-wrapper i{margin-right: 6px}
@media (min-width: 1200px){
.navbar-expand-xl .navbar-nav{margin-left: auto; align-items: center;}
	.header-wrapper .navbar-nav .nav-item{padding-left:25px; padding-right:0px;font-size: 15px}
	.header-wrapper .navbar-nav .nav-item:last-child {
    padding-right: 0;
}
	.navbar-nav>li.nav-item> a{
		position: relative;color:#000000;font-size:15px;padding-left:0 !important;padding-right:0 !important;
		border-bottom: 1px solid transparent
	}
		.navbar-nav > li.nav-item > a:hover {
					color: #2978A7;
		}
}
.navbar-brand{font-size: 1.85rem;}
.navbar-brand span{text-shadow:0 3px 6px rgba(0,0,0,0.16);}

.main-logo{
	padding-right: 15px;
		   margin-right: 15px;
}
.addressbar .fa-map-marker-alt{color: #fff; font-size: 20px; margin-right: 10px}
.addressbar .title{font-size:16px;color: #000000;font-weight: bold;}
.addressbar p{margin-bottom: 0}
.search{padding-left: 15px; margin-left: 15px;}
.search a{color: #000}
.search i{margin-right: 10px;font-size: 16px}
.btn-outline{border: 1px solid; border-radius: 6px;-webkit-border-radius: 6px;padding: 5px 18px;}
.btn-outline:hover,.btn-outline:focus{background: #2978A7;color: #fff !important;border-color: #2978A7}
.btn-rounded{border-radius: 60px;-webkit-border-radius: 60px;}
/*Header Responsive*/
@media (max-width: 4040px){
	.main-logo{padding-top: 0}
	#navbarNavDropdown {
		background: #fff;
		position: fixed;
		/* width: 100%; */
		top: 0;
		left: -333px;
		/* right: -1em; */
		height: 100%;
		width: 330px;
		max-width: 330px;
		transition: 0.3s all;
		-webkit-transition: 0.3s all;
		display: block;
		overflow-y: auto;
		z-index: 9
	}
		#navbarNavDropdown.show {
			left: 0;
			box-shadow: 0 1px 8px 1px #0003, 0 1px 3px #00000024, 0 2px 3px #0000001f;
		}
	.navbar-expand-xl .navbar-toggler {
		display: block !important;
	}
	
	#navbarNavDropdown .dropdown-toggle::after{
		display: none;
	}
	
	.navbar-nav > li.nav-item > a:hover{
		color:#1f58a6
	}
	.navbar-expand-xl .navbar-collapse {
		display: block !important;
	}
	.navbar-collapse::-webkit-scrollbar{
		width:0 !important;
	}

	#navbarNavDropdown .dropdown-menu {
		background: transparent;
		border: 0;
		padding: 0;
		padding-left: 20px;
	}
	#navbarNavDropdown .dropdown-menu a{
		color:#999
	}

	#navbarNavDropdown .dropdown-menu a:hover{
		color:#00995C
	}
	.dropdown-item:focus, .dropdown-item:hover{
		background:transparent;
	}
	#navbarNavDropdown .navbar-nav>li.nav-item>a,#navbarNavDropdown .dropdown-menu a{padding: 15px 20px;}
	.navbar-toggler-icon{
	    position: relative;
	    width: 25px;
	    height: 20px;
	    margin: 15px 0;
	}
	.navbar-toggler-icon span {
	    opacity: 1;
	    left: 0;
	    display: block;
	    width: 100%;
	    height: 2px;
	    border-radius: 10px;
	    color: black;
	    background-color: var(--black) !important;
	    position: absolute;
	    transform: rotate(0deg);
	    transition: .4s ease-in-out;
	}
	

	.navbar-toggler-icon span:nth-child(1) {
	    top: 0;
	}
	.navbar-toggler-icon span:nth-child(2) {
		width:70% !important;
	    top: 9px;
	}
	.navbar-toggler-icon span:nth-child(3) {
	    top: 18px;
	}
	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon span:nth-child(1) {
	    transform: translateY(9px) rotate(135deg);
	}
	
	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon span:nth-child(2) {
	    opacity: 0;
	    transform: translateX(-60px);
	}
	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon span:nth-child(3) {
	    transform: translateY(-9px) rotate(-135deg);
	}

}
@media only screen and (min-width: 769px) and (max-width: 1199px){
	.addressbar,.left-pannel{flex: 1;}
}
@media (max-width: 768px){
	.main-logo{flex: 1;padding-top: 0}
	.topbar .col-auto{width: 100%}
	.navbar{padding-left: 0;padding-right: 0}
	.navbar-toggler {
    	padding: .25rem .05rem;
	}
	.navbar-brand {
		font-size: 1.55rem;
	}	
	.navbar-brand.logo img{
		height: auto;
		margin-right: 6px
	}
	.navbar-brand.logo{width: 175px}
	.navbar-brand.logo img.default-logo {
		width: 100%;
		height: auto;
		opacity: 1;
		margin-right: 6px
	}
	
	
}

/*Banner*/
.hero{position: relative;background:url(../images/bg.svg) no-repeat;background-size: cover; background-position: 100% 100%; padding-top: 120px;padding-bottom: 120px;}
.hero h1{font-size: 64px;line-height: 1.4;}


.full{width: 100%}
@media only screen and (min-width: 992px){
	.quote-form{margin-bottom: -128px}
	.desktop-space{padding-top: 230px}
}
@media only screen and (max-width: 992px){
	.home-banner h1,.home-banner h1.large{
		font-size: 45px
	}
	.home-banner h1 br,.home-banner h1.large br{
		display: none;
	}
}
@media only screen and (max-width: 767px){
.left-pannel{
			-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}
.main-logo{margin-right: 0;border: 0;padding-right: 0;flex: 0 auto;flex: 1}
.search i {
	margin-right: 20px;
	font-size: 19px;
}
.left-pannel{flex: 1}

.search{border-left:0;font-size: 0;padding-left: 0 }
nav .btn-outline{display: none;}
.space-top-90 {
	padding-top: 60px;
}
.addressbar{flex: 1;}
}
.small-container{max-width: 1000px}
/*Search section*/
.search-section{	
	background: #fff;
	width:586px;
	border-radius: 6px;
	box-shadow: 0 0 15px rgba(0,0,0,0.12);
	position: relative;		
}
.search-wrap{
	border: 1px solid #E1E1E1;
	border-radius: 8px;
	height: 71px;
	display: flex;
	align-items: center;
	padding: 0px 18px
}
.search-wrap .fa-map-marker-alt {
	color: var(--black);
	font-size: 25px;
	margin-right: 15px;
}
.search-wrap input[type="text"]{
	width: 100%;
	flex: 1;
	border: 0;
}
.search-wrap input[type="text"]:focus{
	outline: 0;
	box-shadow: none;
}
.search-wrap.dropdown-toggle::after{
	display:none;
}
.indexSearchBtn {
	width:156px;
	border-radius: 8px;
	background: #99DBf9;
	margin-left: 15px;
	color: var(--text-color);
}
#search-dd .dropdown-search {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: white;
		border-radius: inherit;
		border: 0px solid rgba(0,0,0,0.17);
		box-shadow: 0 0 5px rgba(0,0,0,0.1);
		font-weight: normal;
		/*-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;*/
		list-style: none;
		opacity: 0;
		pointer-events: none;
		padding: 20px 32px;
		border-radius: 12px;
		-webkit-border-radius: 12px;
	}
#search-dd .dropdown-search.show {
	opacity: 1;
	pointer-events: auto;
	margin-left: -32px;
	margin-right: 32px;
}
#search-dd .dropdown-search.show[x-placement="bottom-start"]{
	border-radius: 0 0 12px 12px;
	-webkit-border-radius: 0 0 12px 12px;
	box-shadow: 0 5px 5px rgba(0,0,0,0.1);
}
#search-dd .dropdown-search.show[x-placement="top-start"]{
	border-radius: 12px 12px 0 0 ;
	-webkit-border-radius: 12px 12px 0 0 ;
	box-shadow: 0 -5px 5px rgba(0,0,0,0.1);
}
.search-location input.form-control {
	border: 1px solid #E1E1E1;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	height: 46px;
	display: flex;
	align-items: center;
	padding: 2px 18px;
}
.form-control.contactUsInput {
	font-size: 22px !important;
}
.search-data {
	padding: 0;
	margin: 0;
	list-style-type: none;
	max-height: 300px;
	overflow-y: auto;
	border: 1px solid;
	border-radius: 10px;
	margin-bottom: 10px;
}
.search-data li{
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 8px 10px;
	cursor: pointer;
}
.search-data li:hover{
	border-color:#E1E1E1 
}
.search-data li .fa-map-marker-alt{
	color: #ccc;
	font-size: 14px;
	width: 20px;
	margin-right: 8px;
	margin-top: 7px;
}
.search-data .result{
	flex: 1;
}
.search-data li .fa-angle-right {
	color: #2978A7;
	font-size: 20px;
	display: flex;
	align-items: center;
	margin-right: 15px;
	margin-left: 15px
}
.search-data .result strong{
	display: block;
}
.image-default-dot{
	position: relative;
	padding-bottom: 60px;
	padding-right: 60px; 
}
.image-default-dot:after{
	content:'';
	background: url(../images/dot.png) repeat;
	width: 100%;
	height: 100%;
	max-height: 250px;
	max-width: 250px;
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 0;
	display: block;
}
.no-dots:after{background: none}
.image-default-dot.top-right{padding-bottom: 30px }
.image-default-dot.top-right:after{ top:-50px;bottom: inherit;}
.custom-form-control{border-radius: 8px;-webkit-border-radius: 8px;}
.custom-radio input[type="radio"]{
	opacity: 0;
	visibility: hidden;
	position: absolute;
}
.custom-radio input[type="radio"] + span{
	width: 16px; 
	height: 16px; 
	display: inline-block;
	margin-right: 10px; 
	border-radius: 50px;
	-webkit-border-radius: 50px;
	border: 1px solid;
	position: relative;
	vertical-align: middle;
}
.custom-radio input[type="radio"] + span:before {
		width: 10px;
		height: 10px;
		position: absolute;
		left: 2px;
		top: 2px;
		background: #2978A7;
		display: block;
		opacity: 0;
		transition: all 0.5s;
		z-index: 1;
		content: '';
		border-radius: 50px;
		-webkit-border-radius: 50px;
	}
.custom-radio input[type="radio"]:checked + span:before{
	opacity: 1
}
@media only screen and (max-width: 680px){
.image-default-dot {
	padding-bottom: 40px;
	padding-right: 40px;
}
.image-default-dot::after{max-height: 200px;}
.submit-button{padding: 0.615rem .95rem;}
.no-dots{padding-right: 0}
}

/*Modal*/
.modal-backdrop{
	z-index: 9999;
}
.modal{
	z-index: 99999;
}

.modal-content {
	border-radius: 12px;
	-webkit-border-radius: 12px;
	border: none !important;
}
.default-modal .modal-footer{
	border: 0;
	background: #E6E6E6;
	color: #31213A;
}
.default-modal .modal-header{
	border: 0
}
.modal-header{
	border-radius:12px 12px 0 0 ;
	-webkit-border-radius:12px 12px 0 0 ;
}
.modal-footer{
	border-radius:0 0 12px 12px;
	-webkit-border-radius: 0 0 12px 12px;
}

/*Form*/
.custom-field {
	border-radius: 8px;
	border: 1px solid var(--placeholder-color);
	padding-right: 35px;
	height: 51px !important;
}
.custom-field.height46 {
	height: 46px !important;
}
.form-wrap{position: relative;}
/*.form-wrap i {
	position: absolute;
	left: 17px;
	top: 15px;
	border-right: 1px solid #E1E1E1;
	font-size: 20px;
	padding-right: 10px;
}*/
.form-wrap i + .custom-field{padding-right: 60px;}

.no-radius .modal-content{
	border-radius: 0px;
	-webkit-border-radius: 0;
}
.border-top-8 {
	border-top: 8px solid #1F58A6 !important;
	border-radius: 0;
	-webkit-border-radius: 0;
}
.food-items li{
	padding-right: 5px;
	padding-left: 5px
}
.food-items a {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	white-space: nowrap;
	margin-right: 10px;
	text-align: center;
	display: flex;
	border-radius: 10px;
	border: 1px solid transparent;
	height: 70px;
	padding: 8px;
	align-items: center;
}
	.food-items a:hover, .food-items a.active {
		color: #2978A7;
		background: #fff;
		box-shadow: 0 3px 10px rgba(0,0,0,0.12);
		-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.12);
		border-color: #2978A7;
	}
.food-items a img{
	margin-right: 10px
}
@media (max-width: 992px){
.food-items .col {
	flex-basis: inherit;
	-webkit-box-flex: inherit;
	flex-grow: inherit;
	max-width: 100%;
	width: 33%;
	margin-bottom: 15px;
}
.food-items .col a{text-align: left;}
.icon-food {
	width: 60px;
	display: inline-block;
	text-align: center;
	margin-right: 8px;
}
}
@media (max-width: 680px){
.food-items .col {
	width: 50%;
}
}
#deals-slider {
	margin-left: -10%;
	margin-right: -10%;
	width: auto;
}
.overlay-gradient{display: block;position: relative;border-radius: 12px;-webkit-border-radius: 12px;z-index: 1;overflow: hidden;}
.overlay-gradient * {z-index: 2}
.overlay-gradient:after{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#928a8a+0,000000+100&0.4+0,1+100 */
background: -moz-linear-gradient(top,  rgba(146,138,138,0.4) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(146,138,138,0.4) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(146,138,138,0.4) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
position: absolute;
width: 100%;
height: 100%;
content: '';
display: block;
bottom: 0;
z-index: 0;
opacity: 0.5
}
.item-label{
	position: absolute;left: 20px;bottom: 20px;right: 20px; text-transform: uppercase;
	font: normal normal 900 32px/36px Albert Sans;
}
.item-label .dis{display: block;font-size: 70px;line-height: 1.2}
.explore{position: absolute;right: 20px; top: 20px}

@media (max-width: 767px){
	#deals-slider {
		margin-right: 15px;
		margin-left: 15px;
	}

	.contact-us-info-area2{
		padding: 0;
	}

	.cont-top-heading {
		font-size:18px !important;
	}
	.cont-heading{
		font-size: 36px !important;
	}
	.cont-main-paragraph{
		font-size: 18px !important;
		margin-bottom: 20px;
	}
	form.mycontacts input {
		height: 46px !important;
		padding: 12px;
	}
	.mycontacts img.iconsettings {
		position: absolute;
		right: 12px;
		top: 14px;
	}

	.mycontacts button.btn.sendbtn {
		background: var(--Primary, #2978A7);
		display: flex;
		padding: 14px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		color: #FFF;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 128.188%;
		letter-spacing: -0.64px;
		text-transform: uppercase;
		float: right;
	}
}

/*Listing page*/
.small-icon {
	position: relative;
	z-index: 1;
	width: 120px;
	height: 120px;
	margin: -60px auto auto;
	background: #ffffff;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	text-align: center;
	line-height: 100px;
	padding: 10px;
}
.small-icon img{
	max-width: 82px;
	max-height: 82px;
}

.small-logo-icon {
	margin: 0;
	width: 66px;
	height: 66px;
	margin-bottom: -40px;
	border-radius: 14px;
	box-shadow: 0px 1px 3px 0.5px #ccc;
	display: flex;
	justify-content: center;
	align-content: center;
	overflow: hidden;
	background: #ffffff;
	padding: 10px;
}

#items-slider .item img {
	width: auto;
	height: auto;
	max-height: 62px;
}
#items-slider .item a{
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	display: flex;
	align-items: center;
}
.deal-icon {
	width: 60px;
	display: block;
	height: 64px;
}
#items-slider .owl-nav button {
	width: 45px;
	height: 45px;
	box-shadow: 0 0 10px rgba(0,0,0,0.12);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.12);
	background: #fff;
	text-align: center;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	color: #2978A7;
	font-size: 22px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#items-slider .owl-nav button.owl-next{
	right: 0;
}
#items-slider .owl-nav button.owl-prev{
	left: 0;
}

.sub-cat {
	border: 1px solid #D8D8D8;
	background: #F2F2F2;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	font: normal normal normal 14px/19px Albert Sans;
	color: #616161;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 3px 6px;
}
	.sub-cat:hover, .sub-cat:focus, .sub-cat.active {
		background: #2978A7;
		border-color: #2978A7;
		color: #fff;
	}
.cat-item{
	border: 1px solid var(--light-color500);
	border-radius: 14px;
	position: relative;
	overflow: hidden;
}

.age-cat {
	position: absolute;
	right: 15px;
	top: -1px;
	max-width: 40px;
	z-index: 1;
}
.cat-btn .btn-rounded{
	padding: 5px 10.23px;
	font-size: 12px;
}
.add-buttons {
	background: #2978A7;
	color: #fff;
	border-radius: 90px;
	-webkit-border-radius: 90px;
	padding: 4px 4px
}
.add-buttons input[type="text"]{
	width: 20px;
	text-align: center;
	border:0;
	background: transparent;
	color: #fff;
	font-weight: 600;		
	font-size: 14px;
	height: 22px
}
.add-buttons input[type="text"]:hover,.add-buttons input[type="text"]:focus{
	outline: none;
}	
.add-buttons button{
	border: 0;
	background: transparent;
	cursor: pointer;
	color: #fff;
}

.flickity-button:focus{
	box-shadow: none !important			
}
/*Sidebar*/
@media (min-width: 1200px) {
	.sidebar + .right-content .col-xl-2 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}
}
.sidebar ul{
	border-right: 1px solid #ddd;
	height: 100%;
	list-style-type: none;
	padding: 0;
	margin:0;
}
.sidebar ul li{margin-bottom: 35px}
.sidebar ul li a{
	display: block;
	padding: 6px 10px;
	border-right: 6px solid transparent;
	color: #000;
	font: normal normal 600 18px/normal Albert Sans;
}
	.sidebar ul li a:hover, .sidebar ul li a.active {
		background: transparent linear-gradient(90deg, #1F58A600 0%, #1F58A633 100%) 0% 0% no-repeat padding-box;
		border-right: 6px solid #2978A7;
		color: #2978A7;
	}
@media (max-width: 767px){
	.sidebar{
		display: none;
	}
}

/*Product detail page*/
.btn-outline-black{
	border: 1px solid;
	background: transparent;
}
.btn-outline-black:hover{
	background: #2978A7 !important;
	color: #fff;
	border-color: #2978A7 !important;
}
.btn-outline-blue {
	border: 1px solid #2978A7;
	background: transparent;
}
	.btn-outline-blue:hover {
		background: #2978A7;
		color: #fff;
		border-color: #2978A7
	}
.btn-radius{border-radius: 80px;-webkit-border-radius: 80px;}
.single-image-wrap{
	position: relative;
	border: 1px solid #E1E1E1;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	min-height: 540px;
	text-align: center;
}
.radius-box{
	border: 1px solid #E5E5E5;
	border-radius: 12px;
	border-radius: 12px;
	padding-top: 1.5rem 
}
.small-item{width: 58px; margin-right: 8px}
.radius{border-radius:12px;-webkit-border-radius:12px; }
.nutrition-details li{
	border-bottom: 1px solid #e1e1e1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 8px 18px;
}
.nutrition-details li:last-child{border-bottom: 0}
.opacity-5{opacity: .5}
.delivery-details{margin-right: -1rem;margin-left: -1rem}
.delivery-details li{padding: 20px;border-bottom: 1px solid rgba(255,255,255,0.3)}
.delivery-details li:last-child{border-bottom: 0}
.delivery-details li .icon{min-width: 40px;margin-right: 10px}
.delivery-details li .icon i{font-size: 35px;}
.delivery-details li p{margin-bottom: 0}
	.tabs-menu a {
		padding: 0.5rem 1.95rem;
		position: relative;
		font-size: 18px
	}
	.tabs-menu a:after, .tabs-menu li span:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 4px;
		display: block;
		bottom: 0;
		left: 0
	}
.tabs-menu-white a{
	color: var(--black);
	display: block;
}
.tabs-menu-white .active a, .tabs-menu-white li.active span {
	color: #2978A7 !important;
	font-weight: 600;
	border-bottom: 2px solid #2978A7
}
.tabs-menu a {
	position: relative;
	font-size: 14px;
	font-weight: 600;
	line-height: 21px;
	text-transform: uppercase;
}
.tabs-menu .active a:after{
	background: #fff;
}

.desktop-offer-view-tab a {
	color: var(--black);
	display: block;
}

.desktop-offer-view-tab .active a {
	color: var(--white);
	background-color: var(--Primary-color);
	font-weight: 600;
}

.tabs-menu a:after, .tabs-menu li span:after {
	display:none
}


.tab-content {
	display: none;
}

.tabs .tab-content:first-child{display: block;}
.coupon{
	background: #F6F8F9 0% 0% no-repeat padding-box;
	box-shadow: 0px 2px 6px #04040429;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	position: relative;
}
.coupon::after {
	position: absolute;
	content: "";
	height: 40px;
	right: -26px;
	border-radius: 40px;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	background-color: #fff;
	width: 40px;
	box-shadow: -2px 0 1px #0404040f;
}
.coupon-item img {
	width: auto;
	height: 100%;
	display: block;
}

.coupon-item {
	background: #ffffff;
	text-align: center;
	width: 160px;
	height: 160px;
	border-right: 1px dashed #C5CBD2;
	padding: 25px;
	border-radius: 12px 0 0 12px;
	-webkit-border-radius: 12px 0 0 12px;
	display: flex;
	align-items: center;
	justify-content:center;
}

.loyalty{
	background: #ffffff 0% 0% no-repeat padding-box;
	box-shadow: 0px 2px 6px #00000029;
	border: 1px solid #D6F1FB;
	border-radius: 12px;
	-webkit-border-radius: 12px;
}
.loyalty-item {
	background: #ffffff;
	text-align: center;
	min-width: 160px;
	min-height: 160px;
	max-width: 160px;
	max-height: 160px;
	padding: 25px;
	border-radius: 12px 0 0 12px;
	-webkit-border-radius: 12px 0 0 12px;
}
	.loyalty-item img {
		width: 100%;
		height: 100%;
		display: block;
	}
.color-1{color: #D6F1FB}
.color-2{color: #F5F1CA}
.color-3{color: #F5E1DC}
.crown{font-size: 40px}

/*Reward page*/
.blue_bdr{
	border-color: #3FC8F3
}
.redeem{
	
	border-radius: 6px;
	padding: 14px 30px;
	margin-bottom: 18px
}
.gradient-1{
	background: linear-gradient(244deg, #E56BA7 0%, #E56BA7 0%, #B067D4 100%) 0% 0% ;
	box-shadow: 0px 3px 10px #E56BA73D;
}
.gradient-2{
	background: linear-gradient(244deg, #3FC8F3 0%, #89E6A2 100%) 0% 0% ;
	box-shadow: 0px 3px 10px #89E6A245;
}
.gradient-3{
background: linear-gradient(244deg, #B3ACE2 0%, #D4A867 100%) 0% 0%;
box-shadow: 0px 3px 10px #D4A86745;
}
.item-redeem{
	min-width: 100px;
}
.shadow{box-shadow: 0px 3px 10px #00000014;}

.dotted-box{
	background: #F5F6F8;
	border: 1px dashed #ABABAB;
}

@media (min-width: 768px){
	.cards{position: absolute;bottom: 25px}
}
/*footer*/
footer{
	background:#fff;
	min-width: 100%;
	width: 100%;
	padding-top: 50px;
/*	border-top:1px solid #ddd; */
}
.site-footer .footer-col-title {
	font-style: normal;
	font-size: 26px;
	line-height: normal;
	margin-bottom: 26px;
}
.footer-main{padding-bottom: 20px}
footer ul{padding:0; margin:0; padding-top:10px; padding-bottom:10px}
footer ul.footermenu li {vertical-align: top;line-height: 1;}
footer ul li{display:block;vertical-align:top;list-style-type: none;font-weight: 600;margin-bottom: 12px;font-size:16px;}
footer ul li a{color:var(--black);}
	footer ul li a:hover {
		color: var(--secondary-color);
	}
.footer-social{text-align:center}
footer ul.footer-social li a{font-size:20px; margin-left:8px; margin-right:8px}
footer ul.footer-social li a .fa-instagram{font-size:28px}
.footermenu li a:after{content:'|';margin-left:8px; margin-right:8px}
.footermenu li:last-child a:after{content:'';}
footer .title{font-weight: 800;margin-bottom: 10px;color: #00995C}
.social-links{padding-top: 12px}
.social-links li{display: inline-block;margin: 0 10px;font-size: 30px}
.social-links li a {
	//border: 1px solid ;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	display: block;
	text-align: center;
	line-height: 40px;
	color: #000
}


.site-footer .copyright-section {
	padding: 20px 0;
}
.site-footer .copyright-section a{color: #00995C;font-weight: 800;}
.site-footer .copyright-section  p{margin-bottom: 0}

.site-footer .footer-social-icon li {
	display: inline-block;
	padding-right: 23px;
	margin-bottom: 0
}
.bottom-section {
	text-align: right;
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
}
.bottom-section ul li{display: block;margin-bottom: 0}

	.bottom-section .footer-menu {
		border-top: 1px solid var(--black);
	}
@media (max-width: 767px){
	.site-footer .footer-col-title{min-height: inherit;}
	.bottom-section{text-align: center;}
	.site-footer .footer-col-title{margin-top: 30px;margin-bottom: 10px}
}
@media (min-width: 993px){
	.footer-social {
	    text-align: right;
	    padding-right: 3%;
	}
}
@media (max-width: 992px){
	.footer-main{text-align: left;}
	.copyright{padding: 12px 0}
	footer{text-align:center;}
	footer ul{padding-bottom:0;padding-top:10px}
}
.btn-primary:hover {
	background: var(--Primary-color);
	color: var(--white);
	border-color: var(--Primary-color);
}


#overlay {
	background: #0000003d;
	color: #2978A7;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 5000;
	top: 0;
	left: 0;
	float: left;
	text-align: center;
	padding-top: 25%;
	/*opacity: .80;*/
}

.spinner {
	margin: 0 auto;
	height: 64px;
	width: 64px;
	animation: rotate 0.8s infinite linear;
	border: 5px solid #2978A7;
	border-right-color: transparent;
	border-radius: 50%;
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@media only screen and (min-width: 768px) {
	#bannerimg{
		background-size : cover !important;
	}
}

.RadioBtn1 {
	border: 1px solid #B2B2B2;
	border-radius: 8px;
	display: flex;
	align-items: center;
	padding: 10px;
	margin-bottom: 10px;
}