/* CSS Document */

.container {max-width: 90%;}
.fixed {position: fixed;width: 25%;}
.scrollit {width: 71%}
.sticky-top {position: -webkit-sticky;position: sticky;top: 65px;z-index: 100;}
.navbar-top {box-shadow: none;z-index: 101;}
.bg-gradient-primary {background-color: #ffcf30;background: -o-linear-gradient(50deg, #ffcf30 0, #ffcf30 100%) !important;background: linear-gradient(50deg, #ffcf30 0, #ffcf30 100%) !important;}

.navbar-top {background: transparent;box-shadow: none;transition: background-color 300ms linear;}
.nav-link {color: white;}
.nav_white {background: #ffcf30 !important;box-shadow: none;border-bottom: 2px solid #fff;}
.nav_white i {color: #fff !important;}

.section-rotate .section-inner {top: -75%;}
@media only screen and (min-width: 601px) {.section-rotate {padding-top: 3rem;padding-bottom: 0rem;min-height: 180px;}}
@media only screen and (max-width: 600px) 
{
	.site_title {display: none;}
	.section-rotate {padding-top: 5rem;padding-bottom: 0rem!important;min-height: 0px !important;}
	.search_town {width: 150px!important;}
	.container {max-width: 100%;width: 100%;}
	.modal-body {padding: 0px;}
	.mobile_ml0 {margin-left: 0px;}
	.mobile_block {display: block;width: 100%!important;}
	.mobile_mt10 {margin-top: 10px;}
	.mobile_pt0 {padding-top: 0px!important;}
}

.pending_a { background: #16b554; margin-right: 20px; padding: 2px 16px !important; border-radius: 14px; color: white !important; }
.pending_a_content { font-style: normal; font-size: 15px; font-weight: 900; margin: 0px!important; color: white !important; }

.top_menu {border: 2px solid white;}
.top_menu {height: 100px;width: 105px;border-radius: 14px;background-position: center center;background-size: cover;background-color: #EEF2F7;display: inline-block !important;margin: 5px 4px;}
.top_icon_name {position: absolute;bottom: 38px;left: 20px;padding: 5px 5px;font-weight: 600;color: #fff;font-size: 12px;background: rgba(6, 6, 6, 0.7);height: 30px;text-align: center;width: 72px;
border-radius: 14px;z-index: 10;}
.section_title {font-size: 20px;line-height: 28px;padding: 10px;color: #d0d2d9;color: #afb2bd;font-weight: 600;}
.store_cards {box-shadow: none;border: 0;}
.footer ul li a {cursor: pointer;}
.footer ul li {font-size: 15px;color: #969aa2;}

#bizTypeFilterDiv li:hover { color: #939fb0; background: #f3f5fb; }

/* ******************************************** */
 
.strong {  font-weight: 600;  color: #707077;}
a {    color:     #6d6c7f;}

.checkoutBtn { color: #fff; background-color: #04ca92; border: 1px solid transparent; line-height: 2.5rem; border-radius: .25rem; text-align: center; font-weight: 700; } 
.productContainer .proImage { left: 50%;top: 50%;transform: translate(-50%,-50%);transition: opacity .4s ease-in-out;max-width: 100%;
								max-height: 100%;height: 68px;margin-right: 4px;position: relative;vertical-align: top;width: 68px; }
.productContainer .proName { color: #333; font-size: 14px; font-weight: 400; line-height: normal; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}			
.productContainer .proUnit { font-size: 13px; }
.productContainer .proOffAmt { background-color: #f2fef2; border: 1px solid #51aa1b; border-radius: 3px; color: #51aa1b; line-height: 1; padding: 3px 5px 2px; float: right; }

.proItemBadge { background-color: #ffda00; color: #fff; font-size: 0.7rem; border-radius: 50rem; font-weight: 700; padding: 0.25rem 0.5rem; }

@-webkit-keyframes blinker { from {opacity: 1.0;} to {opacity: 0.0;} }
.blink{ text-decoration: blink; -webkit-animation-name: blinker; -webkit-animation-duration: 0.6s;-webkit-animation-iteration-count:infinite;
		-webkit-animation-timing-function:ease-in-out; -webkit-animation-direction: alternate;
 }
 
#button-coupon { float: right; color: #FFF; background-color: #36B37E;border-color: #36B37E;-webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%);
					box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%);border: 1px solid transparent;padding: 0.25rem 1rem;font-size: 1rem;line-height: 1.5;
					border-radius: 0.25rem; }