/* CSS */


@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"); 
@import url("https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css");
 ol, ul {
     list-style: none;
 }

 body {

     margin-bottom: 0;

 }
 .LogoMain {

     position: relative;

 }
 .LogoMain h6 {
     position: absolute;
     margin-left: auto;
     margin-right: auto;
     left:45%;
     top:75%;
     color: #FBCC42;


 }
 @media only screen and (min-width : 768px) {




     .mobile-login {
         display: none!important;
     }

 }

 @media only screen and (min-width: 768px) {

.LogoMain h6 {

    left:49%;

}


     .nav-nonmobile {

    display: flex!important;;

}
 }

 .container {
     min-height: 100%;
 }


.nav-nonmobile {
    display: none;
}


.LogoMain img {
display: block;
margin-left: auto;
margin-right: auto;
	width:200px;
	height:70px;


}

 footer {
     position: relative;
     padding: 20px;
     width: 100%;
     background-color: #F5F5F5;
     border-top: 1px solid #EAEAEA;
     max-height: 250px;
 }

 .footer-legal {
     width: 100%;
     align-items: center;
     text-align: center;
 }

 .loader,
 .loader:after {
     border-radius: 50%;
     width: 10em;
     height: 10em;
 }
 .loader {
     top: 50%;
     margin: 60px auto;
     font-size: 10px;
     position: relative;
     text-indent: -9999em;
     border-top: 1.1em solid rgba(255, 255, 255, 0.2);
     border-right: 1.1em solid rgba(255, 255, 255, 0.2);
     border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
     border-left: 1.1em solid #001871;
     -webkit-transform: translateZ(0);
     -ms-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-animation: load8 1.1s infinite linear;
     animation: load8 1.1s infinite linear;
 }
 @-webkit-keyframes load8 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }
 @keyframes load8 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }
 #loadingDiv {
     position:absolute;
     top:14.5%;
     left:0;
     min-width:100%;
     min-height: 100%;
     background-color:white;
 }
.NavbuttonRight {
    position: absolute;
top:25%;
left:80%;
z-index:34;
border:none;
}

.fa-search,.fa-user,.fa-times,.fa-bars, .fa-sign-in-alt {color: #001871;}

.NavbuttonLeft {
    position: absolute;
top:20%;
left:5%;
z-index:33;
border:none;
}

.signin {


    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 6%);
}

.LogoMain {

    width: 100%;
    margin: 0 auto;
    height: 80px;
	    background-color: #FFF;
    /* display: -webkit-box; */
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    position: relative;
    z-index: 2;

}



.account {
top: 20%;
left: 20%;
    position: absolute;
z-index: 99;


}


.Searchbox {
top: 20%;
left: 80%;
    position: absolute;
z-index: 35;


}


.Searchbox form {



				      position: absolute;
    top: 65%;
    left: 75%;
    -webkit-transform: translate(-65%, -75%);
    transform: translate(-65%, -75%);
    z-index: 10;

}


.Searchbox input {


			font-family: agenda, sans-serif;
    font-weight: 700;
    width: 100%;
    height: 46px;
    border: 3px solid #DDDDDD;
    background-color: white;
    border-radius: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;



}

 .span3 {
     min-width: 300px;
     max-width: 300px;
     display: inline-table;
     vertical-align: middle;
     position:relative;
     padding: 5px;
     font-size:3em;
     min-height: 300px;
     max-height: 300px;
     border: 1px solid #ddd;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.055);
     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.055);
     box-shadow: 0 1px 3px rgba(0,0,0,0.055);
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     margin-bottom: 10px;
     margin-right: 10px;

 }
 .pass_show{position: relative}

 .pass_show .ptxt {

     position: absolute;

     top: 50%;

     right: 10px;

     z-index: 1;

     color: #f36c01;

     margin-top: -10px;

     cursor: pointer;

     transition: .3s ease all;

 }

 .pass_show .ptxt:hover{color: #333333;}

 .menuitem {
     min-width: 300px;
     max-width: 300px;
     display: inline-table;
     vertical-align: middle;
     position:relative;
     padding: 5px;
     font-size:3em;
     min-height: 450px;
     max-height: 450px;
     background-color: rgba(255, 255, 255, .75);
     border: 1px solid #ddd;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.055);
     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.055);
     box-shadow: 0 1px 3px rgba(0,0,0,0.055);
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     margin-bottom: 10px;
     margin-right: 10px;

 }

 #Scrollbtn {
     display: none;
     position: fixed;
     bottom: 20px;
     right: 30px;
     z-index: 99;
     font-size: 18px;
     border: none;
     outline: none;
     background-color: #001871;
     color: white;
     cursor: pointer;
     padding: 15px;
     border-radius: 4px;
 }

 #Scrollbtn:hover {
     background-color: #555;
 }

 .imgcustom {

     position:relative;
     padding-top:20px;
     display:inline-block;
 }

 .pricecustom {
     position: absolute;
     display: block;
     top: -4px;
     right: -18px;
     height: 48px;
     width: 48px;
     z-index: 90;
     top:-5%;
 }


 .span3 .caption .h5 {

     font-size:10px;

 }
 .thumbnails{
     display: inline-block;
     margin: 0 auto;

 }

 .span3 .caption{
  padding:10px;
 }




 .span3 img{
     display: block;
     margin: 0 auto;
     padding-bottom: 10px;

 }



.navbar{
padding:0px;

}

.navbar-nav {

padding:0.5rem;

}
 .dropdown:hover>.dropdown-menu {
     display: block;
 }

 .dropdown>.dropdown-toggle:active {
     /*Without this, clicking will make it sticky*/
  pointer-events: none;
 }


 .preloader {
     position: absolute;
     top: 15%;
     left: 0;
     width: 100%;
     min-height: 100%;
     z-index: 9999;
     background-image: url('../images/app/spinner.gif');
     background-repeat: no-repeat;
     background-color: #FFF;
     background-position: center;
 }

.custom-menu {
margin:0px;
width: 770px;
    min-height: 200px;
    max-height: 200px;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border: none;
    position: absolute;
    z-index: 99;
    background-color: #F2F2F2;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.15);
    box-shadow: 0 10px 10px 0 rgba(0,0,0,0.15);
    display: none;
	border: none;
    overflow: hidden;
    border-radius: 0px;
    left:-30%;
}

.Groceries-Promo {
margin-top: -15px;
margin-bottom: -15px;
    float: left;
    background-color: white;
    width: 220px;
    padding: 5px;
    min-height: 450px;

}

 .account-menu {

	 padding: 36px 70px 25px;
	 width: 220px;
	 background-color: #EBEBEB;
	 -webkit-transition: opacity 0.3s ease;
	 transition: opacity 0.3s ease;
	 -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.15);
	 box-shadow: 0 10px 10px 0 rgba(0,0,0,0.15);
	 border: none;
	 position: absolute;
	 z-index: 99;

	 }


 .nav-link {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 27px;
    line-height: 1.6875rem;
    font-family: agenda, sans-serif;
    font-weight: 400;
    color: #606060;
}

 /*Cookie Consent Begin*/
 #myCookieConsent {
     z-index: 999;
     min-height: 20px;
     font-family: OpenSans, arial, "sans-serif";
     padding: 10px 20px;
     background: rgba(0,0,0,0.6);
     overflow: hidden;
     position: fixed;
     color: #FFF;
     bottom: 0px;
     right: 10px;
     display: none;
     left: 0;
     text-align: center;
     font-size: 15px;
     font-weight: bold;
 }
 #myCookieConsent div {
     padding: 5px 0 0;
 }
 #myCookieConsent a {
     color: #ffba55;
     display: inline-block;
     padding: 0 10px;
 }
 #myCookieConsent a:hover {
     color: #fda016;
 }
 #myCookieConsent a#cookieButton {
     display: inline-block;
     color: #000000;
     font-size: 1.1em;
     background: #ffba55;
     text-decoration: none;
     cursor: pointer;
     padding: 2px 20px;
     float: right;
     border-radius: 20px;
 }
 #myCookieConsent a#cookieButton:hover {
     background: #fda016;
     color: #000;
 }
 /*Cookie Consent End*/



.cart

 {
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 24px;
     line-height: 1.5rem;
     font-family: agenda, sans-serif;
     font-weight: 400;
     font-weight: bold;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 11px 21px 13px;
     height: 46px;
     color: #FFF;
     background-color: #001871;
     border-radius: 23px;
     position: relative;
     text-decoration: none;


}




.carousel-control-next-icon:after
{
  font-size: 45px;
  vertical-align: middle;
  color: #001871;
}

.carousel-control-prev-icon:after {
  vertical-align: middle;
  font-size: 45px;
  color: #001871;

}


   .carousel-indicators li {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 0px;
    height: 0px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: none;
    border-radius: 100%;
    outline: none;
    background-color: rgba(255,255,255,0.5);
}

   .carousel-indicators li active {
    background-color: #FFF;
}

.carousel-caption {

}
.carousel-caption img {
    height: auto;
    width: 100%;
    max-width: 470px;
	max-height:500px;
		left:-20%;
    top: -30%;
    position: absolute;
    z-index: 3;
    width: 100%;
    max-width: 470px;


}









.carousel-caption .tagline{

		left:35%;
    top: 20%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    z-index: 2;
	white-space: nowrap;
    font-size: 9em	;
    font-family: lexia, serif;
    color: black;
}

.carousel-caption .price{
			left:-18%;
    top: -25%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    z-index: 3;
  border-radius: 15px 50px;
  background: #E61F14;
  width: 120px;
  height: 100px;

}


.carousel-caption .price > p {
    position: absolute;
    top: 55%;
    font-size: 40px;
    left: 10%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -9px;
}


.carousel-caption h5{

display: block;
margin-left: auto;
margin-right: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 3.375rem;
    font-weight: 700;
    font-weight: 800;
    color: #FFF;
    max-width: 500px;
}




































.ath-viewport * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ath-viewport {
	position: relative;
	z-index: 2147483641;
	pointer-events: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.ath-modal {
	pointer-events: auto !important;
	background: rgba(0,0,0,0.6);
}

.ath-mandatory {
	background: #000;
}

.ath-container {
	pointer-events: auto !important;
	position: absolute;
	z-index: 2147483641;
	padding: 0.7em 0.6em;
	width: 18em;

	background: #eee;
	background-size: 100% auto;

	box-shadow: 0 0.2em 0 #d1d1d1;

	font-family: sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	text-align: center;
}

.ath-container small {
	font-size: 0.8em;
	line-height: 1.3em;
	display: block;
	margin-top: 0.5em;
}

.ath-ios.ath-phone {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

.ath-ios6.ath-tablet {
	left: 5em;
	top: 1.8em;
}

.ath-ios7.ath-tablet {
	left: 0.7em;
	top: 1.8em;
}

.ath-ios8.ath-tablet,
.ath-ios9.ath-tablet,
.ath-ios10.ath-tablet{
	right: 0.4em;
	top: 1.8em;
}

.ath-android {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

/* close icon */
.ath-container:before {
	content: '';
	position: relative;
	display: block;
	float: right;
	margin: -0.7em -0.6em 0 0.5em;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
	background-color: rgba(255,255,255,0.8);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 50%;
	width: 2.7em;
	height: 2.7em;
	text-align: center;
	overflow: hidden;
	color: #a33;
	z-index: 2147483642;
}

.ath-container.ath-icon:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	float: none;
}

.ath-mandatory .ath-container:before {
	display: none;
}

.ath-container.ath-android:before {
	float: left;
	margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
	position: absolute;
	right: auto;
	left: 0;
	margin: 0;
	float: none;
}


/* applied only if the application icon is shown */
.ath-container.ath-icon {

}

.ath-action-icon {
	display: inline-block;
	vertical-align: middle;
	background-position: 50%;
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon,
.ath-ios9 .ath-action-icon,
.ath-ios10 .ath-action-icon{
	width: 1.6em;
	height: 1.6em;
	background-image:url(data:image/png;base64,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);
	margin-top: -0.3em;
	background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
	width: 1.8em;
	height: 1.8em;
	background-image:url(data:image/png;base64,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);
	margin-bottom: 0.4em;
	background-size: 100% auto;
}

.ath-android .ath-action-icon {
	width: 1.4em;
	height: 1.5em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
	background-size: 100% auto;
}

.ath-container p {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2147483642;
	text-shadow: 0 0.1em 0 #fff;
	font-size: 1.1em;
}

.ath-ios.ath-phone:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	bottom: -0.9em;
	left: 50%;
	margin-left: -1em;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	box-shadow: 0.2em 0.2em 0 #d1d1d1;
}

.ath-ios.ath-tablet:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	top: -0.9em;
	left: 50%;
	margin-left: -1em;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	z-index: 2147483641;
}

.ath-application-icon {
	position: relative;
	padding: 0;
	border: 0;
	margin: 0 auto 0.2em auto;
	height: 6em;
	width: 6em;
	z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
	border-radius: 1em;
	box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.3),
		inset 0 0.07em 0 rgba(255,255,255,0.5);
	margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
	.ath-container.ath-phone {
		width: 24em;
	}

	.ath-android.ath-phone {
		margin-left: -12em;
	}

	.ath-ios.ath-phone {
		margin-left: -12em;
	}

	.ath-ios6:after {
		left: 39%;
	}

	.ath-ios8.ath-phone {
		left: auto;
		bottom: auto;
		right: 0.4em;
		top: 1.8em;
	}

	.ath-ios8.ath-phone:after {
		bottom: auto;
		top: -0.9em;
		left: 68%;
		z-index: 2147483641;
		box-shadow: none;
	}
}