@import url('https://fonts.googleapis.com/css2?family=Beau+Rivage&display=swap');
.see-more a:after, .accordion em:not(.na):not(.okay):before, .show-timer:before, .heroes-zone .add-trophy:after, .heroes-zone .add-trophy:before, .navbar i.h3:after,
.cta-ads h3 span:after, .shine-effect:before, .useful-info .accordion em i:before, #soc-staff i:before, .quick-help li a:before, span.toggleContent:after, #gcshop-disclaim p .bi:after, .member-badge .bi:after, .ess-member .badge-success:after, .navbar-nav .btn-link:before, .quick-help .dropdown-toggle span:after, #demo-video:before, #demo-video:after, .ess-member.membership-expired td:last-child a:before, .sponsors-promo .btnBox a:before, a.open-arrow:before, .tune-shopcats a:before, .cats-tuned:before, .navbar-nav .btn-link i:before, em.web-link a:after, #my-likes:before, .why-list li:before {font-family: bootstrap-icons !important;}

.add-trophy:after {content: '\f5e6';}
.call-icon:before {content: '\F5B4';}
.link-icon:before {content: '\F3EF';}

.add-trophy:after, .goldy-glow {
  background-image: repeating-linear-gradient(to right, #a2682a 0%, #be8c3c 8%, #be8c3c 18%, #d3b15f 27%, #faf0a0 35%, #ffffc2 40%, #faf0a0 50%, #d3b15f 58%, #be8c3c 67%, #b17b32 77%, #bb8332 83%, #d4a245 88%, #e1b453 93%, #a4692a 100%);
  background-size: 150%; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 0 1px rgba(255, 200, 0, .3));
  animation: MoveBackgroundPosition 6s ease-in-out infinite;
}

@keyframes MoveBackgroundPosition { 
  0% {background-position: 0% 50%}
  50% {background-position: 100% 50%}
  100% {background-position: 0% 50%}
}

body, h1, h4, h2, h3, .navbar .btn-link, .listItem h2 {font-weight: 400;}
.detailsPage .title-box h2, .detailsPage .title-box h3, strong, .btn.btn-lg, .btn.slideIn-opener, .btn.special-btn {font-weight: 600;}
.listItem h4, .details-view h4, b, .btn {font-weight: 700;}

.card-view .listItem h2 {letter-spacing: initial;}

body {font-size: 1.05em; font-family: "-apple-system", BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, Arial, sans-serif;}

.name-flag b, .logo span i, .intro-box h2 em, .navbar .h4 em.nope, body:not(.festiveModeON) .venue a.inactive:after, .ess-toast .toast-header em, .ctn-expired .cta-ads h3 span em {font-family: 'Beau Rivage', cursive;}

.quotes p {font-family: Georgia, sans-serif; font-size: 1.25em; font-style: italic;}

.quotes h2 {display: inline-block; vertical-align: middle; padding: 0 1.5em;}
.quotes div {text-align: center;}
.quotes p {position: relative;}
.quotes p:before, .quotes p:after {font-size: 3em; position: absolute; line-height:1;}
.quotes p:before {content:'\201C'; left:-.75em; top:-.15em;}
.quotes p:after {content:'\201D'; right:-.55em; bottom:-.75em;}

.author-bio .my-quotes {padding-top: 0;}
.author-bio .bio-box {border-color: rgba(255,255,255,.75); background-color: rgba(255,255,255,.5);}
.my-quotes .quotes div {border: 0;}
.author-bio .my-quotes h3 {font-weight: 600 !important; font-size: 2em; color: #fff; text-shadow: 0 .025em .05em rgba(0,0,0,.25);}
.my-quotes .blog-text > div {width: 100%; max-width: 810px; text-align: center;}
.my-quotes .bio-box {background-color: rgba(255,255,255,.5); border: 0; margin: 0 !important; border-radius: 1em; -webkit-backdrop-filter: blur(.5em); backdrop-filter: blur(.5em);}

.upi-qr-code {margin: 0 auto 1.5em; position: relative; max-width: 200px;}
.upi-qr-code img {max-width: 200px;}
.upi-qr-code a { display: block; text-decoration: none !important; text-shadow: none !important;}
.upi-qr-code a b {
	position: relative; display: inline-block; color: #333; margin-left: 1em; font-weight: 400; background-color: rgba(0,0,0,.08); font-size: .9em; padding:0 .75em; line-height: 2em; border-radius: 1em;
	transition: all .5s ease-in;
}

.upi-qr-code a b:before, .offer-details a[id^="copy-code-"]:after {
	display: none; opacity: .65; font-style: italic;
	position: absolute; line-height: 1.5; font-size: .85em;
	transition: all .75s ease-in !important;
}

.upi-qr-code a b:before {bottom: 100%; content: 'UPI Copied!';}
.offer-details a[id^="copy-code-"].copied-code:after {bottom: 100%; content: 'Item Copied!'; font-size: .75em !important; white-space: nowrap; padding: 0 .5em; border-radius: .25em;}
.offer-details.mega-sale-special a[id^="copy-code-"]:after {top: 100%; bottom: initial;}


.upi-qr-code a:hover b { color: #000; background-color: rgba(0,0,0,.15);}
.upi-qr-code span {
	width: 100%; font-size: .9em; display: block; margin-top: .5em;
}
.upi-qr-code span a {display: block; margin-bottom: .5em; padding: .25em; white-space: nowrap;}
.upi-qr-code span a .bi {margin-left: .35em;}


.offer-details {position: relative;}

span[id^="item-code-id-"] b {font-weight:400;}
span[id^="item-code-id-"] b span {font-weight:600; color: #a00;}

.offer-details a[id^="copy-code-"] {
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; color: #000; 
	display: flex; align-items: end; justify-content: center; font-size: 1.5em; padding: .5em;
}

.offer-details.mega-sale-special a[id^="copy-code-"] {align-items: flex-start; color: #fff; }
.mega-sale-special {position: absolute; top: .5em; right:.5em; text-align: left; background-color: transparent !important;}

body.notForSale .mega-sale-special {display: none;}
body.notForSale .swiper-slide i strong {font-weight: normal;}

.mega-sale-special a+i {font-size: .75em !important; color: #fff; margin-top: 3.25em; font-style: italic;}
.mega-sale-special a[id^="copy-code-"] {justify-content: flex-end; padding: .25em .3em;}
.mega-sale-special a>i {padding: 0 !important;}
.mega-sale-special a+i, .mega-sale-special a[id^="copy-code-"]>i {position: relative !important; top: 5%; border:0 !important; background-color: transparent !important;}

.mega-sale-special a[id^="copy-code-"] .bi-copy:before {
  width: 1.75em; height: 1.75em; background: rgba(100,0,0,.15); text-align: center;
  line-height: 1.75; border-radius: .35em; -webkit-backdrop-filter: blur(.5em); backdrop-filter: blur(.5em);
}
.mega-sale-special a[id^="copy-code-"]:hover .bi-copy:before {background: rgba(100,0,0,.25);}


.festive-offer .mega-sale-special a+i {margin-top: 5.25em; padding: .5em 1em;}
.festive-offer .mega-sale-special a[id^="copy-code-"] {padding: .55em .75em;}

.mega-sale-special i {text-shadow: 0 0 .22em rgba(0,0,0,.2);}
.mega-sale-special a+i {font-weight: 700 !important; opacity: .65;}
.mega-sale-special a:hover i, .mega-sale-special a:hover+i, .mega-sale-special a.copied-code+i {opacity: 1;}

#staff-details .upi-qr-code {margin: 0;}
#staff-details .upi-qr-code b {margin-left: -.65em; color: #fff;}

.upi-qr-code a.copied-upi b:before, .offer-details a[id^="copy-code-"]:after {display: block; opacity: 1; font-size: 1em;}
.offer-details a[id^="copy-code-"]:after, .upi-qr-code a.copied-upi b, .copied-success {background-color: #209c34; color: #fff !important;}

.society-mandir .news-item .upi-qr-code *, .society-mandir #staff-details .upi-qr-code b {color: #000;}

.shareUrl, .resiShare.nativeShare {display: none !important;}

h1, h2, h3, h4, h5 {margin-bottom: 1em;}

.slimHeader .navbar .top-bar * {opacity: 0;}

.home .navbar, .main-shops .navbar, .ib-shops .navbar, .fitness-base-ss-734 .navbar {background: linear-gradient(to right, #028273, #96c93d, #00b09b);}
.home.slimHeader .navbar, .main-shops.slimHeader .navbar, .slimHeader.fitness-base-ss-734 .navbar {
	background-color: #fbe3ea;
	background-image: linear-gradient(90deg, #028273 0%, #00b09b 20%, #96c93d 50%, #00b09b 80%, #028273 100%);
}

.navbar .h4.inactive, .venue a.inactive, .navbar .h4.supportedFull.society-inactive {pointer-events: none !important; position: relative;}
.testMode.festiveModeON .venue a.inactive{pointer-events:inherit !important;}
.navbar .h4.inactive i.h3, .navbar .h4.supportedFull.society-inactive i.h3 {opacity: .55; font-weight: 400;}
.navbar-toggler.supportedFull.society-inactive .bi-three-dots-vertical {opacity: .5;}
.navbar .h4.inactive:after, .navbar .h4.supportedFull.society-inactive:after {position: absolute; top: 100%; right: .25em; content: 'coming...'; font-size: .55em; white-space: nowrap;}
.navbar .h4.supportedFull.society-inactive:after {left: 1em; right: inherit; margin-top: .25em; content: 'In Progress...'; }


.venue a:after {
	position: absolute; bottom: -2.5em; width: 100%; left: 0; content: ''; font-size: .75em; 
	border-radius: .2em; line-height: 1; padding: .1em 0; font-weight: 600; text-align: center;
}
body:not(.festiveModeON) .venue a.inactive:after {content: 'Stay Tuned';  margin-left: 0; font-size: 1.2em; font-weight: 400;}
.festiveModeON .venue a.inactive:after {content: 'LIVE'; background-color: #55c800; width: 40px; left: 50%; margin-left: -20px;}

.navbar .h4, .navbar .h3, .navbar .h2 {vertical-align: middle; margin-bottom: 0;}
.home h2, .main-shops .slider-box h2 {margin-bottom: .25em;}
.main-shops .slider-box h2, .ib-shops .slider-box h2 {margin-bottom: .25em; padding-left: 1.5em;}
.main-shops .slider-box.banner h2, .ib-shops .slider-box.banner h2 {font-size: .75em !important; padding: 0; text-align: center;}

.btn-link:focus, .btn-link.focus {text-decoration: none;}

.sepLine {position: relative; margin-bottom: 2em;}
.sepLine:after {position: absolute; content: ''; left:50%; bottom:-1em; margin-left:-2em; width: 4em; height:.15em;}

.homepage .logo {width: 5em; height: 5em; margin-left: -2.5em; border-color: rgba(255,255,255,.75);}
.logo span {position: relative; display: grid; left:0; top: calc(100% + .5em); text-align: center; font-weight: bolder; color: #fff; pointer-events: none !important;}

	
.homepage .logo span:after {
	position: absolute; left: 0; top: calc(100% + 2em); width: 100%; text-align: center;
	font-size:.65em; font-weight: 300; font-style: italic;
}


.logo:not(.withInfo) span {text-shadow: 0 0 1em rgba(0,0,0,.22); }


.logo {
	width: 4em; height: 4em; margin-left: -2em; margin-right: 0; opacity:1; border: 0 solid rgba(255,255,255,.9); border-radius: 50%;
	position: absolute; left: 50%; top: .15em; display: inline-block; z-index: 10;
	background-color: rgba(255,255,255,.5); cursor:default;
	background-image: url("../../../core/img/e/basic/hands-logo.svg"); background-position: center center; background-repeat: no-repeat; background-size: 60%;
}
body:not(.homepage) .logo {background-color: rgba(255,255,255,1);}
body.home.main-area-home .logo, body.home.useful-info .logo {background-color: #e3e3e3; border: 1px solid #fff;}


.ess-static {text-align: center;}
.ess-static .imp-note+.h4, .ess-static .h4+p {text-align: left; padding: 0 15px;}
.ess-static .imp-note {border-radius: 1.5em; border-color: #0dcaf0; padding: 1em 1em 1.5em !important;}
.ess-static .imp-note .h2 {color: #0dcaf0;}
.ess-static .imp-note .h5, .ess-static .imp-note+.h4, .ess-static .imp-note+.h3 {font-weight: 400 !important;}

.ess-static span a.dashed {border-bottom: 1px dashed #000; text-decoration:none !important;}
.ess-static span a.dashed:hover {border-bottom: 1px solid;}

.ess-static .logo {background-color: #e3e3e3 !important; top: 1em;}
.ess-static .content-wrapper {padding: .5em;}
.ess-static .container {padding-top: 6em;}
.ess-static .why-list {font-size: 1.25em; padding: .5em; max-width: 420px; margin: 0 auto .5em;}
.ess-static .why-list ul {padding: 0 .5em !important; margin-bottom: .25em;}
.ess-static .why-list ul li {padding-left: 1.15em; margin: .25em 0;}
.ess-static .why-list ul li:before {top: .1em;}
.ess-static .why-list ul s {display: inline-block; min-width: 30px; text-align: right; font-size: .75em;}
.ess-static .why-list ul strong {min-width: 60px; display: inline-block; text-align: right;}
.ess-static .why-list ul span.badge {min-width: 90px; display: inline-block; margin-left: .5em;}
.ess-static ul {text-align: left; display: inline-block;}
ul.tick-style {list-style-type: none; font-size: .9em;}
ul.tick-style h4 {margin: 1.25em 0 .5em -.65em;}
ul.tick-style li {position: relative; padding-left: .45em;}
ul.tick-style li .bi:first-child {position: absolute; top:0; left: -1em;}

ul.tick-style li.optional .bi:first-child {opacity: .25;}

.settingsInfo h3 {font-size: 1.2em; border-bottom: 1px solid #eee; margin-top: 1.5em; padding-bottom: .25em;}
.settingsInfo h3, .settingsInfo h3+p {text-align: left;}
.essVarsON .settingsInfo .card:not(#auth-token) {pointer-events:all; opacity: 1;}
.ess-static.essVarsON .container {padding-top: 5.5em;}
.essVarsON .logo, .logo.ess-static {background-image: url("../../../main/pics/logo.svg"); background-size: 80%;}

.settingsInfo .dataLinks a {margin: .2em 0; min-width: 120px;}
 
.main-shops .logo, .ib-shops .logo {
	background-size: 80%; background-color: rgba(255,255,255,.5) !important;
	background-image: url("../../../main/pics/logo.svg");
}
#festive-special.main-shops .logo {background-image: url("../../../core/img/e/basic/shops-logo.svg");}

.logo:hover {background-color: rgba(255,255,255,.85);}

.slimHeader .logo {width: 3em; height: 3em; margin-left: -1.5em;}

.homepage section {text-align: center;}

body:not(.homepage) .navbar.sticky-top, .sales-offer .offer-details, .show-member-list #aoa-members-list {-webkit-backdrop-filter: blur(.5em); backdrop-filter: blur(.5em);}
body.homepage .navbar.sticky-top {backdrop-filter: none !important;}


.navbar.sticky-top {
	position: fixed; width: 100%; height:4em; padding:0;
	background-color: rgba(255,255,255,.65); 
	border-bottom:1px solid rgba(255,255,255,.25);
	box-shadow: 0px -5px 10px #000000;
}
.navbar>.container {align-items: flex-end;}
.navbar+section>.container {background-color: rgba(255,255,255,.65); border-radius: 0;}

.homepage .navbar.sticky-top {box-shadow: none; background: transparent !important; border-bottom: 0;}

body.detailsPage .navbar+section>.container {border-radius: 0;}

.navbar .top-bar {
	position: absolute; top: 0; left:0; width: 100%; z-index: 9; padding: .2em;

	background: #f857a6;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #ff5858, #f857a6);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #ff5858, #f857a6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	
	box-shadow: 0px 2px 10px rgba(0,0,0,.2);
	
}


.promo-sponsors {position: relative; padding: 0 1em 5em !important; text-align: center; color: #fff;}
.promo-sponsors>div {padding: 2em 0; background-color: rgba(255,255,255,.2); border-radius: 2em !important; max-width: 1280px !important;}
.free-trial {position: relative; padding-bottom: 2em;}
.free-trial:before {
	position: absolute; left: 0; width: 100%; text-align: center;
	top: calc(100% - 1em); font-size: 1em; content: '4 Days Free Trial';
}

.promo-sponsors h2 {margin-bottom: 1em; padding-left: 0;}
.promo-sponsors p.small {color: #000;}
.promo-sponsors h3 em {font-weight: 300; font-size:1.55em; font-style: normal;}
.promo-sponsors h3 b {
	font-size: 1.25em !important; line-height: initial; margin-bottom: 1em; font-weight: 600; display: block; padding-top: .5em;
	-webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
	background: linear-gradient(to right, #79ebff 0%, #ccff7c 100%);
}
.promo-sponsors .ping-wa .btn {font-size: 1em !important; background-size: 23px 24px; margin-top: .5em; min-width: auto;}

.promo-sponsors p.small span a {color: #000 !important;}
.promo-sponsors .small {font-size: .9em;}
.promo-sponsors p.small span a {border-bottom: 1px dashed #000;}
.promo-sponsors p.small span a:hover {border-bottom: 1px solid;}


body.no-ess-found .promo-sponsors .more-box {display: none;}
#uf-Info .ess-toast .more-box, #uf-Info .ess-toast .more-box:after {position: absolute; left:0; width: 100%; text-align: center;}
#uf-Info .ess-toast .more-box:after {top: calc(100% + .75em); content:'Under Processing...'; font-size: .85em; color: #fff;}
#uf-Info .ess-toast .more-box {top: calc(100% + 8em); min-width: auto !important; font-size: 1em !important;}
#uf-Info .ess-toast .more-box .btn-lg {min-width: auto !important; font-weight: 400; font-size: 1.1em !important; background-color: rgba(255,255,255,.5); color: #000;}
#uf-Info .ess-toast .more-box .btn-lg:hover {background-color: rgba(255,255,255,.75);}
#uf-Info .ess-toast .more-box b {font-size: 1.2em; font-weight: 300; padding-bottom: 1em; display: block; color: #fff;}
#uf-Info .ess-toast .mybuddy {position: absolute; top: calc(100% + 2em); font-size: 1.35em; z-index: 2;}
#uf-Info .ess-toast .mybuddy span {opacity: 1;}

.navbar .top-bar>.d-flex {position: relative; margin: 0 auto; padding: 0 1em;
	/*max-width: 1400px;*/
}
.navbar .gcs-icons {vertical-align: middle;}
.top-bar .gcs-icons {width: 18px; height: 16px; margin-right: .2em;}
.top-bar em { display: inline-block; line-height: 1.75; vertical-align: middle; font-style: normal;}

#navbarSupportedContent, #navbarSupportedFull {position: relative; margin-bottom: .4em; font-size: .9em;}
.navbar a i.h3, .btn.see-all, .add-toMobile .btn {font-weight: 600 !important; text-shadow: 0 1px 1px rgba(255,255,255,.75); background-image: linear-gradient(180deg, #f5f7fa 0%, #c3cfe2 100%); color: #222;}

.tune-shopcats, #navbarSupportedFull {transition: right .1s ease-out;}
.catfilterON .tune-shopcats, .navTogglerOn #navbarSupportedFull {transition: right .15s ease;}


#filter-cats, #my-likes {font-size: 1.5em; padding: .25em; margin-right: .5em; color: #fff;}
#my-likes {margin-right: .15em; font-size: 1.65em; transform: translateY(1px); line-height: 1;}
.show-likes-only #my-likes .bi-heart {background-image: linear-gradient(to right, #ed6979 20%, #EB5757 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.show-likes-only #my-likes .bi-heart:before {content: "\f415";}

#filter-cats.cats-tuned .bi-ui-checks-grid:before {content: "\F56B";}

#filter-cats.cats-tuned {transform: translateX(.25em);}
#filter-cats.cats-tuned:before {content: "\F26A"; font-size: 14px; color: #beff69; position: absolute; left: -8px; top:9px;}
.show-likes-only #my-likes {position: relative;}
.show-likes-only #my-likes:before {
	position: absolute; left: -2px; top: 14px; z-index: 2;
	content: "\F622"; font-size: 13px; line-height: 15px; color: #000;
}
.show-likes-only #my-likes:after {
	position: absolute; left: -3px; top: 14px; z-index: 1;
	width: 15px; height: 15px; border-radius: 15px; display: inline-block; content: ""; background-color: #fff;
}

.show-likes-only .grid-view .swiper-wrapper, .main-shops.testMode .grid-view .swiper-wrapper {flex-wrap: wrap !important; transform: none !important;}
.show-likes-only .grid-view .swiper-wrapper .swiper-slide, .main-shops.testMode .grid-view .swiper-wrapper .swiper-slide {margin-bottom: 1em;}
.show-likes-only .grid-view .swiper-pagination, .main-shops.testMode .grid-view .swiper-pagination, .show-likes-only .grid-view.nolike-yet, .show-likes-only .ui-news.nolike-yet {display: none !important;}



.tune-shopcats {
	position: fixed; right: -450px; width: 100vw; height: 100vh; max-width: 450px; top: 0; padding:4em 0 1em; z-index: 999;
	background: #fff;
}
.catfilterON .tune-shopcats {right:0;}

.tune-shopcats>span {display: flex; font-size: .95em; font-style:normal; padding: 1em 1em .5em;}
.tune-shopcats>span>em {flex-grow: 1; align-content: center; font-weight: 600; opacity: .5;}
.tune-shopcats>span>i {font-weight: 400; opacity: .75;}

.tune-shopcats .btn {font-weight: 400; font-size: .95em !important; border-radius: 2em !important;}
span.toggle-icon .bi-toggle-off {color: #777;}
span.toggle-icon:hover .bi-toggle-off {color: #000;}

.hidden-temp .grid-view, .hidden-temp:not(.ui-parent) .ui-news, .hidden-temp .promo-sponsors{display: none !important; opacity: 0 !important;}
.hidden-temp .tune-shopcats+section {height: 100vh;}

.tune-shopcats .btnBox {margin: 1em 1em 0; padding: .25em .1em 0; border-top:1px solid #ddd;}
.tune-shopcats .btnBox b {display: none; font-weight: 600;}
#emart-hub .tune-shopcats .btnBox b.ds, #festive-special .tune-shopcats .btnBox b.ds, #IB-List .tune-shopcats .btnBox b.ib {display: inline-block;}

.tune-shopcats ul {margin-bottom: 0; padding: 0; max-height: calc(100vh - 10em); overflow-y: auto;}
.tune-shopcats li {display: flex; align-items: center; padding-left: .5em;}
.tune-shopcats a+span {font-size: 2.25em; line-height: 1.2; padding: 0 .65em; margin-left: auto; cursor: pointer;}
.tune-shopcats a:not(.btn) {color: #333; padding: .5em .85em; flex-grow: 1;}
.tune-shopcats a:not(.btn):hover {color: #000;}

.tune-shopcats li a:before {content: '\F270'; margin-right: .5em; vertical-align: middle; line-height: 1;}

li:has(.toggle-icon i.bi-toggle-off) a:before {content: '\F622'; opacity: .65;}
li:has(.toggle-icon i.bi-toggle-off) a {
    color: #333; opacity: .5; pointer-events: none;
}



.card {border:0;}
.accordion .card {border:1px solid transparent;}
.accordion .first-cell {width: 15%; font-weight:600; letter-spacing:-.025em; line-height:1; color: transparent !important;}

body.regiSlideIn #reminderBox, .beta .ui-news, .beta .cat-nav {display:none; opacity: 0; pointer-events: none;}

.news-item { flex-grow: 1; min-height: 200px; max-height: 250px; height: 100%; border-radius: 1em; margin: .1em 0; overflow: hidden;}
.news-item * { color: #fff;}
.news-item img {position: absolute; width:100%; filter: brightness(80%); height: 100%; object-fit: cover; object-position: center; z-index: 1;}
.news-item .ui-loc, .news-item .ui-title, .news-item .ui-contact {position: absolute;}
.news-item > div {
	position: absolute; height: 100%; width: 100%; padding: 1em; z-index: 5;
	background-image: linear-gradient(145deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.0) 80%); background-position: right center;
}
.news-item > div:hover {
	background-image: linear-gradient(145deg, rgba(0,0,0,.45) 10%, rgba(0,0,0,.1) 60%); background-position: right center;
}
.ads-zoomed .news-item > div:hover {background-image: none !important;}

.news-item .ui-contact {top: 0; left: 0; width: 100%; height: 100%; align-content: flex-end; text-align: right; padding: 1em 3em 1em 1em;}
.news-item .ui-contact a {display: block; min-height: 100%; align-content: flex-end; transform: translateX(2em); line-height: 1; text-shadow: 0 0 .25em rgba(0,0,0,.5); color: #fff !important; position: relative; z-index: 10;}
.news-item .ui-title {top: 0; left: 0; padding: .75em 1em 1em; text-shadow: 0 0 .25em rgba(0,0,0,.25);}
.news-item .ui-title span.ui-info {text-shadow: 0 0 .25em rgba(0,0,0,.35);}
.useful-info .news-item .ui-title span.ui-info {text-shadow: 0 0 .2em rgba(0,0,0,.65);}
.news-item .ui-info {display: block;}
.news-item .shine-effect h2 {font-weight: 600; }

.news-item .shine-effect .ui-contact {padding: 1em 1em .75em;}
.news-item .shine-effect .ui-contact a {transform:none;}

.news-item .ui-loc {bottom: .5em; left: 1.25em;}
.news-item .ui-loc span {display: block; font-size: 1.2em;}
.news-item .ui-loc em {display: inline-block; padding: .2em .5em; transform: translateX(-5px); background-color: rgba(0,0,0,.2); border-radius: 1em; font-style: normal;}

.see-more a:after {content: '\f133'; vertical-align: middle; margin-left: .5em; font-size: 1.5em; text-shadow:none;}
.news-item .ui-contact.see-more a.bi-whatsapp {font-weight: 600;}
.news-item .ui-contact.see-more a.bi-whatsapp:after {display: none;}
.news-item .ui-contact.see-more a.bi-whatsapp:before {margin-right: .35em; font-size: 1.35em; vertical-align: middle;}

.cat-nav, .tower-nav, .tower-light {margin: 0 auto 1.5em; text-align: center;}
.cat-nav a, .tower-nav a { align-content: center;}
.cat-nav a { margin: 0 .5em; font-weight: 600; border-radius: 50%; min-width: 120px; height: 120px; border:1px solid rgba(255,255,255,.75);}
.cat-nav a:hover, .tower-nav a.current, .tower-nav a:hover {border:1px solid rgba(255,255,255,1);}

.tower-nav:before, .tower-light:before {content: 'Choose Tower'; width: 100%; position: absolute; left: 0; top: -2.5em; text-align: center; color: #555; font-size: .85em; font-weight: 600;}
.tower-nav a:not(.active) {filter: grayscale(.65); opacity: .5; pointer-events: none;}
.tower-nav a, .tower-light a, .tower b {
	display: inline-block; border-radius: .45em; text-transform: uppercase; min-width: 60px; height: 60px; border-width: .25em !important; border-color: rgba(185,80,115,1) !important;
	font-size: 1.75em; font-weight: 700; color: #fff; margin: 0 .25em; background-image: linear-gradient(to top, #c71d6f 0%, #d09693 100%);
}
.tower-nav a.current, .tower-nav a:hover, .tower-light a:hover {background-image: linear-gradient(to top, #c71d6f 15%, #d09693 90%); border-color: rgba(160,55,85,1);}
.tower b {width: 80px; height: 80px; border-radius: .35em; line-height: 1.4;}

.main-area-home nav+section {padding-top: 3.5em; text-align: center;}

.main-area-home .content-wrapper:before {display: none;}
.main-area-home #middle-col {min-height: calc(100vh - 15em); align-content: center;}
.main-area-home .cat-nav {border-bottom: 0;}
.main-area-home .cat-nav a {border-radius: 1.75em; font-weight: 400; color: rgba(70,70,110,.9); background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);}
.main-area-home .cat-nav a:hover {color: #000; background-image: linear-gradient(to top, #e0c3fc 0%, #8ec5fc 100%);}
.main-area-home .cat-nav a b {display: block; font-size: 1.15em; font-weight: 600;}

.ui-city .cat-nav span {display: block; margin: 0 auto 2em; max-width: 1280px;}
.ui-city .cat-nav a.c-soon {opacity: .6;}
.ui-city .cat-nav a {position: relative; overflow: hidden;}
.ui-city .cat-nav a b {position: relative; z-index: 2; max-width: 122px; white-space: initial;}
.ui-city .cat-nav a b em {font-style: normal;}

.ui-city .cat-nav a sup {font-weight: 400 !important;}
.ui-city .cat-nav a:after {position: absolute; right: .5em; font-size: 1.5em; font-weight: 700; color: rgba(255,255,255,.55); z-index: 1}
.ui-city .cat-nav a:before {
	position: absolute; content: ''; width: 100%; right: 0; top:0; bottom:0; background-color: rgba(120,160,80,.1); z-index: 0;
	transition: width 2s ease-in; /* Smooth transition */
}

.loading-societies .cat-nav a:before {background-color: rgba(120,160,80,.3);}
.loading-societies .cat-nav a.data-50:before {width: 50%;}
.loading-societies .cat-nav a.data-60:before {width: 40%;}
.loading-societies .cat-nav a.data-70:before {width: 30%;}
.loading-societies .cat-nav a.data-100:before {width: 0;}


.ui-city .cat-nav .gc-1 a:after {content: 'GC-1';}
.ui-city .cat-nav .gc-2 a:after {content: 'GC-2';}

.main-area-home .open-disclaim, .main-area-home .supplier-disclaim,
.main-shops .open-disclaim, .main-shops .supplier-disclaim {display: none;}

.c-soon {pointer-events: none; position: relative; filter: grayscale(.5); overflow: hidden; color: #fff !important;}


.sub-heading {padding-top: 1.5em; padding-bottom: 1em; font-weight: 300; text-align: center;}
.sub-heading span {font-weight: 400;}
.sub-heading+h1 {margin-bottom: .25em;}
.sub-heading+h1.tower {margin-bottom: .75em;}

.main-area-home .sub-heading span {display: inline-block; padding: .1em 1em .15em; background-color: rgba(255,255,255,.5); border-radius: .25em; border: 1px dashed #ddd;}

.imp-note {margin: 3em auto 0; max-width: 1024px;}
.no-worry, .imp-note {
	font-size: .85em; padding: 1.5em 1.5em 2em; border: 1px dashed; background-color: rgba(255,255,255,.95); border-radius: .5em;
}
.slimHeader.showcase-events.promo-eventsON .imp-note .event_slider {display: block; margin-top: 1.5em !important;}
.showcase-events.promo-eventsON .imp-note .event_slider a.slideIn-opener {display: initial; text-align: center;}

.essSoCase:not(.homepage) .stars-shops .no-worry h3 {font-size: 1.25em;}
.essSoCase:not(.homepage) .stars-shops .no-worry h3:before {content: 'ess Showcase - ';}
.essSoCase:not(.homepage) .stars-shops .no-worry p strong {display: none;}
.essSoCase:not(.homepage) .stars-shops .no-worry p:first-letter {text-transform: uppercase;}

body:not(.promo-eventsON) .event_slider {display: none;}

.btn-info-home {display: inline-block; border-radius:.25em; padding: .25em 1em; color: #fff; background-color: rgba(255,255,255,.25);}
.btn-info-home:hover {background-color: rgba(255,255,255,.75);}

.accordion .card-header .btn {padding-left: .9em !important; text-transform: uppercase;}
.useful-info .accordion .table-striped .small {padding-left: 1.1em !important;}
#scrnShareAccordion>.row .col, #scrnShareAccordion>.row .col-md-6 {padding: 0 !important;}


footer {position: relative; z-index: 99;}
.modal-open .add-socialShareBtn {z-index: 1099;}
.modal-open .add-socialShareBtn .add-toMobile>.btn, .modal-open .add-socialShareBtn .shareUrl, .modal-open .add-socialShareBtn .newFooter {opacity: 0 !important;}
.navTogglerOn footer {position: static; z-index:auto;}

#gcshop-disclaim {padding-top: .75em; padding-bottom: .75em;}
#gcshop-disclaim p, #myshop-disclaim p {padding: 1em; text-align: center; margin-bottom: 0; font-size:.85em;}
#gcshop-disclaim p span, #myshop-disclaim p span {display: block; font-size:1.2em; padding-top: .5em;}
#gcshop-disclaim p span em, #myshop-disclaim p span em {font-style: normal; font-weight: 600;}

#gcshop-disclaim p .bi, .member-badge .bi {font-size: 1em; font-size: 2.25em; color: #aaa; vertical-align: sub;}
#gcshop-disclaim p .bi:after, .member-badge .bi:after {content: "\f195"; font-size: .65em; font-style: normal; vertical-align: text-top; margin-left: -.25em; line-height: 1.65;}

.ess-static .h2 .member-badge {font-size: .75em; vertical-align: middle;}
.member-badge .bi:after {color: #209c34;}

.navbar .btn-link, .navbar .form-control {position: relative;}
.navbar .btn-link {font-size: .9em !important; border-radius:0; margin: 0; padding: .25em .75em .35em; opacity: .85; background-color: rgba(0,0,0,.1); text-decoration: none;}
.navbar .btn-link:hover {text-decoration: none; background-color: rgba(0,0,0,.15); opacity: 1;}
.dropdown .btn-link {width: auto !important;}
.why-list {font-size: 1.5em; margin: 1em 0; background-color: rgba(0,0,0,.18); border-radius: 1em; padding: 1em;}
.why-list ul {padding: 0 1.5em 0 .75em !important; display: inline-block; text-align: left;}
.why-list li {list-style-type: none; padding-left: 1.5em; font-style: oblique; position: relative;}
.why-list li:before {content: '\F270'; position: absolute; left: 0; font-style: normal;}


section.bg-info, section.bg-info .container {position: relative; padding: 2em 0;}
.details-view hr+.row {position: relative; padding: 2em 0;}
section.bg-info .container .row {margin-left: 0 !important; margin-right: 0 !important;}

.modal-body .close:before, section.bg-info:after, section.bg-info:before, .listItem:before, .details-view hr+.row:before {
	content:''; position:absolute; top:0; height: 3em;
}
.modal-body .close:before, section.bg-info:after, section.bg-info:before, .listItem:before, .details-view hr+.row:before, .gcs-icons, .close-me, .navbar em:not(.nope) {
	display: inline-block; background-position: center center; background-size: contain; background-repeat: no-repeat;
}
.gcs-icons {background-position: center top; width:20px; height:16px;}

.home-icon, .homepage .home-icon {display: none;}

.mail-icon {background-image: url("../../../core/img/e/basic/mail-icon.svg"); filter: grayscale(100) brightness(20);}
#navbarSupportedContent .mail-icon, #navbarSupportedFull .mail-icon {filter: none;}


#soc-staff, #soc-festiveMart, #soc-emartHub {position: relative;}

#soc-staff:after, #soc-festiveMart:after, #info-bannerZone:after, #soc-emartHub:after {
	content: ''; font-size: .75em; padding: .2em .65em; margin-left: .5em; border-radius: 1em;
	position: absolute; left: 12em; top: .75em;
}

#soc-emartHub:after, #info-bannerZone:after {left: 14.5em;}


#info-bannerZone:after,
#soc-festiveMart:after,
#soc-emartHub:after {content:'Coming...'; border-width: 0; padding: .2em .65em; background-color:#e6e6e6; color: #000;}

/*#soc-festiveMart:after {content: 'LIVE'; border: 2px solid #fff; padding: 0 .65em;}*/

#info-bannerZone:after, #soc-staff.inactive.heroes-in-action:after {content:'In Progress...';}
#soc-staff.active:after {content: '';}
#soc-staff.active.heroes-in-action:after {content: 'In Action';}


body:not(.avenue-0) #soc-emartHub, body:not(.avenue-0) #soc-festiveMart, body:not(.avenue-0) #info-bannerZone,
.disabled, .settingsInfo .card:not(#auth-token), #navbarSupportedFull .inactive {pointer-events: none; opacity: .5;}

body.avenue-1 .navbar-nav+.cta-box {opacity: 0; pointer-events: none;}

body:not(.avenue-0) #soc-emartHub, body:not(.avenue-0) #soc-festiveMart {display: none !important;}



.useful-info .accordion em i:before, #soc-staff i:before {content: '\f292'; margin-right: .35em;}
.useful-info .accordion em i, #soc-staff i {
	position: absolute; min-width: 6em; border-radius: 1em; z-index: 10; display: none;
	font-size: .9em; background-color: #000; color: #fff; padding: .1em .5em; margin-left: .5em; text-align: center; font-weight: 600; font-style: normal;
}
#soc-staff i {bottom: .5em; right: 1.5em;}


.navbar-toggler.supportedFull {position: relative; z-index: 999;}

.navbar-toggler.supportedFull:focus {box-shadow:none !important;}
.navbar-toggler.supportedFull {border-color: transparent; outline: none; padding: .7em 0 !important; margin-right: -.25em;}
.navTogglerOn .h4.navbar-toggler.supportedFull {padding: .7em 0 .7em 1em !important;}
.navTogglerOn .h4.navbar-toggler.supportedFull:before {content: 'close'; font-size: .75em;}


.slimHeader .navbar-toggler.supportedFull {padding: .25em 0 !important;}
.navbar-toggler.supportedFull .bi-three-dots-vertical {vertical-align: middle;}

.navTogglerOn .h4.navbar-toggler i.h3 {display: none;}


#navbarSupportedFull {
	position: fixed; height: 100vh; width: 450px; right:-455px; top: 0; z-index: 99; 
	padding: 4.5em 0 1em 0; border-radius:0; display: block !important;
}

#navbarSupportedFull .navbar-nav .btn-link {
	position: relative; margin: 0; text-align: left; color:#fff; font-weight: normal; font-size: 1.2em !important;
	padding: .4em 2.1em .7em 2.4em; border-bottom: 1px solid rgba(255,255,255,.12); display: block;
}

#navbarSupportedFull .navbar-nav #uf-tab.btn-link {padding-top: 1.75em;}

#navbarSupportedFull .navbar-nav .btn-link:before {
  position: absolute; left: .5em; content: ''; vertical-align: middle; font-size: 1.25em; margin-top: -.1em;
}
.navbar-nav #soc-staff.btn-link:before {content: '\f5e7';}
.navbar-nav #soc-emartHub.btn-link:before {content: '\f299'; margin-top: -.1em;}
.navbar-nav #soc-festiveMart.btn-link:before {content: '\f71a';}

.navbar-nav #info-bannerZone.btn-link:before {content: '\f292'; font-size: 1.15em; margin-top: 0; left: .6em; }
.navbar-nav #info-bannerZone.btn-link i {font-style: normal; opacity: .65;}
.navbar-nav #info-bannerZone.btn-link i:before {content: '\f160';}
.navbar-nav #uf-tab.btn-link:before {content: '\f270';}
.navbar-nav #cs-tab.btn-link:before {content: '\f87d';}
.navbar-nav #uf-demo.btn {
	position: absolute; right: 1.5em; z-index: 10; padding: .25em .85em .25em 2.15em; border-radius: 2em; margin-top: 1.45em;
	background-image: linear-gradient(180deg, #f5f7fa 0%, #c3cfe2 100%); color: #000;
	
}
.navbar-nav #uf-demo.btn:before {content: '\F490';}

#demo-video {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -1; opacity: 0;}
.demo-video-playing #demo-video {z-index: 9999; opacity: 1}
.demo-video-playing #skip-btn {bottom: inherit; top: .5em; z-index: 10;}

.demo-video-playing	.add-socialShareBtn {position: relative;}
.demo-video-playing	.add-socialShareBtn:after, .demo-video-playing	.add-socialShareBtn:before {
	position: fixed; width: 100vw; height: 100%; z-index: 9999;
	top: 50%; left: 0; font-weight: 300; text-align: center;
}
.demo-video-playing	.add-socialShareBtn:before {content: 'Loading Demo...'; color:#fff; font-weight: 600;}
.demo-video-playing	.add-socialShareBtn:after {content: 'Add a website shortcut on your mobile'; font-size: 1.65em; margin-top: -5em; padding: .5em 1em; line-height: 1.5;}

#navbarSupportedFull .navbar-nav .btn-link em {font-size: .75em; display: block; padding-top: .25em;}

.navTogglerOn #navbarSupportedFull {right:0;}
#dismissToggler, #dismissZoomAd {position: fixed; bottom: 1em; right: 1em; left: inherit; z-index: 999999;}

.demo-video-playing #dismissToggler, .demo-video-playing #shareBtn {display: none !important;}

.avenue-1 #soc-emartHub, .avenue-1 #soc-festiveMart, .avenue-1 #info-bannerZone,
body.uid-off #uf-tab, body.uid-off #uf-tab,
body.uid-off #navbarSupportedFull #uf-demo, body.uid-off #navbarSupportedFull #soc-staff, body.uid-off #navbarSupportedFull #soc-help
{display: none !important;}

body.uid-off.main-shops .cta-box, body.uid-off.main-shops #soc-emartHub, body.uid-off.ui-city #soc-emartHub {display:block !important;}

#navbarSupportedFull .quick-help.navbar-nav {margin-top: -4em; position: absolute; width: 100%;}

#navbarSupportedFull .quick-help.navbar-nav .btn-link {display: flex; align-items: flex-end; padding: .5em 4em 0 .7em; border-bottom: 0 !important; background-color: transparent; opacity:1 !important;}

.quick-help .dropdown-menu .dropdown-divider {margin: 1em 0; display: block !important; border-color: rgba(255,255,255,.35) !important;}
.quick-help .dropdown-toggle span {
	position: relative; flex: 1; max-width: 118px; height: 2.35em; margin: 0 .2em; border-radius: .45em .45em 0 0;  text-align: center;
	padding: .3em .75em .7em; background-image: linear-gradient(180deg, #f5f7fa 0%, #c3cfe2 100%); border: 1px solid rgba(0,0,0,.07); color: #000; border-bottom: 0;
}
.quick-help .dropdown-toggle span:hover {background-image: linear-gradient(180deg, #f5f7fa 50%, #c3cfe2 100%);}

.navTogglerOn .quick-help .dropdown-toggle:not(.show) span:first-child, .navTogglerOn .quick-help .dropdown-toggle.show span:last-child {
	opacity: 1; height: 2.75em; background-image: none; text-shadow: none; color: rgba(255,255,255,1);
	padding: .6em .75em .65em; border-color: rgba(255,255,255,.5);
}
.navTogglerOn .quick-help .dropdown-toggle:not(.show) span:first-child {background-color: rgba(0,0,0,.1);}
.navTogglerOn .quick-help .dropdown-toggle.show span:last-child {background-color: rgba(0,0,0,.2);}

.navTogglerOn .quick-help .dropdown-toggle:not(.show) span:first-child:after, .navTogglerOn .quick-help .dropdown-toggle.show span:last-child:after {
	content:'\F118'; font-size: .75em; font-weight: 300; vertical-align: middle;
	position: absolute; bottom: -1em; left: 50%; margin-left: -.5em; z-index: 9999;
}

.quick-help .dropdown-toggle:after {display: none;}
.quick-help .dropdown-toggle.show:after {content:'\f235';}
.quick-help.navbar-nav ul {
	text-align: center; padding: 1.65em 0 1.25em; min-height: 85vh; margin-top: 1px;
	background-color: rgba(0,0,0,.15); -webkit-backdrop-filter: blur(2em); backdrop-filter: blur(2em);
}

.quick-help li:before {content: ''; display: block; font-size: .75em; font-weight: 600; text-transform: uppercase; color: #fff;}
#soc-so:before {content: 'Security / Parking';}
#soc-mt:before {content: 'Maintenance';}
#soc-fm:before {content: 'Email IDs (Maintenance / AOA)';}
#soc-aoa:before {content: 'AOA Board';}
#soc-web a:empty {display: none;}

#soc-fm+#soc-aoa:before {content:'';}
#soc-fm+#soc-aoa a {margin-top: -.5em;}
#soc-web a {margin-top: -.5em;}


.quick-help ul li:empty {display: none;}
.quick-help li a {
	display: inline-block; max-width: calc(100% - 3em); text-overflow: ellipsis; overflow: hidden; padding: .35em 1.25em .35em .65em !important;
	border: 1px solid #fff !important; background-color: rgba(255,255,255,.7); border-radius: 2em; margin: .5em .175em 1em;
}
.quick-help li a:hover {background-color:rgba(255,255,255,1) !important;}

.quick-help li a:before {margin-right: .5em; vertical-align: middle; display: inline-block;}
#soc-so a:before, #soc-mt a:before {content: '\f5b4'; color: #000; font-size: .85em; transform: translate(3px, -2px);}
#soc-mt a.bi-whatsapp:before {content: '\f618'; font-size: 1.2em; margin-right: .35em;}

.quick-help ul li.extn-no a.dial-off {width: auto;}
.quick-help ul li.extn-no a.dial-off {pointer-events: none; background-color: rgba(255,255,255,.4); border-color: rgba(255,255,255,.25) !important;}
.quick-help ul li.extn-no a.dial-off:before {content: '\260E' !important; transform: translate(3px, -4px) !important;}

#soc-so a, #soc-mt a {max-width: 180px; letter-spacing: .05em;}
#soc-fm a, #soc-aoa a {letter-spacing: -.01em; font-size: .95em;}
#soc-fm a:before, #soc-aoa a:before {content: '\f32c'; color: #000; font-size: .95em;}

#soc-web a {border: 0 !important; background-color: transparent; font-size: .8em; text-align: center; color: #fff;}
#soc-web a:hover {background-color: rgba(0,0,0,.15) !important;}
#soc-web a:before {content: '\f1c3'; color: #fff; font-size: 1.25em;}

#soc-scope a {font-size: .9em; text-transform: uppercase;}
#soc-scope a:before {content: '\f63d'; color: #d00; font-size: 1.25em; margin-right: .22em; margin-top: -3px;}

#soc-board #aoa-members>a {font-size: .9em; text-transform: uppercase; letter-spacing: .065em;}
#soc-board #aoa-members>a:before {content: '\f4cf'; font-size: 1.25em; margin-right: .22em; margin-top: -3px;}
#aoa-members, #soc-board #aoa-members>a {position: relative; z-index: 10;}

#aoa-members-list {
	position: fixed; width: 100%; height:100vh; top: 0; left:0; 
	padding: 4.75em 1em; background-color: rgba(25,110,145,.75);
}
#aoa-members-list>div{ max-height: calc(100vh - 7em); overflow-y: auto; overflow-x: hidden; }
body.show-member-list .aoa-note {position: fixed; top:.2em; right:0; color: #fff;}

.aoa-note .btn {color: #fff; font-size: .9em; border:0; font-weight: 400;}
.aoa-note .btn .bi {font-size: 1.25em !important; font-weight: 600; margin-left: .3em; vertical-align: sub;}
.aoa-note, #aoa-members-list {display: none; z-index: -1;}
body.show-member-list #aoa-members-list, body.show-member-list .aoa-note {display: block; z-index: 9999999;}

.aoa-note .jon-style {
	position: absolute; width: 100vw; max-width: 420px; border-radius: .5em 0 0 .5em; padding: 1em;
	right: -450px; background-color: rgba(6,40,58,.95);
	transition: right .25s ease;
}
.aoa-note .btn {padding: 10px !important;}
.aoa-note .btn:before {content: 'Read Me';}
.show-note+.aoa-note .btn:before {content: 'Noted';}
.show-note+.aoa-note .jon-style {right: 0;}
.aoa-note .btn .bi:before {content: "\F43E" !important;}
.show-note+.aoa-note .btn .bi:before {content: "\F622" !important;}

#aoa-members-list>div span {position: relative; display: flex; max-width: 480px; margin: 0 auto; padding: .75em 0 .75em .25em; margin-bottom: .5em; border-radius: .5em; align-items: center; background-color: #fff; box-shadow: 0 0 .2em .15em rgba(0,0,0,.1);}
#aoa-members-list>div span:before {
	position: absolute; content: ''; width:4em; height: 4em; border-radius: .5em; box-shadow: 0 0 .75em rgba(0,0,0,.2) inset;
	background-size: cover; background-repeat: no-repeat; background-position: center;
}

#aoa-members-list>div span b {display: inline-block; font-weight: 400; text-align: left; width: 100%; padding-left: 4.55em; padding-top: .25em; transform: translateY(-.25em);}
#aoa-members-list>div span b i {position: relative; display: block; font-size: .85em; font-style: normal;}
#aoa-members-list>div span b i em {
	position: absolute; right: -8.2em; top: -3.2em;
	background: #ffee00; color: #000;
	font-size: .9em; font-weight: 600; font-style: normal;
	padding: .05em .5em .2em; min-width: 110px; border-radius: .35em; text-align: center;
}


#aoa-members-list>div span.member-inactive {background-color: #e3e3e3;}
#aoa-members-list>div span.member-inactive:before, #aoa-members-list>div span a.not-active {filter: grayscale(1); pointer-events: none;}
#aoa-members-list>div span a.not-active {opacity: .45}
#aoa-members-list>div span a.not-active:not(.wa-btn) {opacity: .25}

/* Ensure tooltip appears above everything */
.tooltip {
    z-index: 9999999 !important;
}

/* Tooltip arrow also needs high z-index */
.bs-tooltip-bottom .tooltip-arrow::before, 
.bs-tooltip-top .tooltip-arrow::before, 
.bs-tooltip-start .tooltip-arrow::before, 
.bs-tooltip-end .tooltip-arrow::before {
    z-index: 9999999 !important;
}


section.bg-info:after, section.bg-info:before, .listItem:before, .details-view hr+.row:before, 

.listItem:before, .details-view hr+.row:before {z-index:0; filter: invert(1); opacity:.085;}

#middle-col.details-view .card-view>div.row:first-child {padding: 2em 0 2.25em; margin-top: 4px; margin-bottom: 1em;}

.new-label {background-color: #ff0; color: #000; display: inline-block; padding: .2em .35em; font-style: normal;}
footer h4 {text-transform: inherit; margin-bottom: .75em;}

.footer-links {display:flex; margin: 0 auto; font-size:.9em; max-width: 990px; padding: 1.5em 0; align-items: center; justify-content: center;}
.footer-links a {display: inline-block; padding: .25em 1.25em; margin: 0 .5em; text-transform: uppercase;}
.footer-links a:hover {text-decoration: none !important;}
.footer-links div {display:flex; margin-bottom:.15em; padding: 0;}
.footer-links div a:last-child{border-right:0;}
.footer-links div:last-child a {margin: 0; filter: grayscale(1);}

.copy {padding: 1em 1.5em 1em; text-align: center;}
.copy p {margin-bottom: 0;}
#copy-info em {font-style: normal;}

.copy-links {line-height:2em;}
.copy-links a {display:inline-block; margin: 0 .5em; padding: .5em;}

.zoomHolder div img {margin: 0 auto;}
.controlHolder {display: none;}

.full-screen {min-height: 100vh; width: 100%; overflow: hidden;}

.modal-header, .modal-footer {border-radius:0;}
.modal-header h5:first-child {padding-top:0 !important;}
.modal-header h5 {text-align: center; text-transform: uppercase; display: block; width: 100%;}

.info-promo-box>h3 {margin-bottom: .35em;}

.info-promo-box h2, .sid8002 h2 {margin-bottom: 0; padding: .35em 0; margin-top: 0;}
.info-promo-box h2 {line-height: 1.15; font-size: .65em !important; padding: .5em 0; margin-bottom: 0 !important; -webkit-backdrop-filter: blur(.5em); backdrop-filter: blur(.5em); text-transform: inherit; letter-spacing: inherit;}
.info-promo-box h2 span.credits {float: right; transform: translateY(-.25em);}
.info-promo-box h2 span.credits a {font-size: 1.35em; padding: .5em .25em;}
.info-promo-box h2:before {content: '\25b2'; margin-right: .2em;}

.ping-wa a.btn, a.wa-btn, #aoa-members-list a.wa-btn  {
	font-size: .75em !important; font-weight: 600; display: inline-block; padding:.5em 2em .5em 3em !important; border-radius: 3em;
	background-image: url("../../../core/img/e/basic/wa-icon-light.svg"); background-repeat: no-repeat; background-size: 18px 19px; background-position: 1em center;
}
.info-promo-box .ping-wa a.btn, .ping-wa a.btn:hover, a.wa-btn {background-image: url("../../../core/img/e/basic/wa-icon-white.svg");}
.info-promo-box .ping-wa a.btn, a.wa-btn {font-size: 1em !important; background-size: 25px 26px;}

#aoa-members-list span>a {position: relative;}
#aoa-members-list span>a.wa-btn {padding: 2em !important; background-size: 27px 27px;}
#aoa-members-list span>a.bi-telephone-outbound-fill {padding: .25em .75em .25em .5em !important; font-size: 1.35em !important; color: #000;}

a.wa-btn:after {display: none;}
a.btn:not(.btn-link).wa-btn {min-width: auto; padding: 10px 1.2em 10px 2.5em !important; color: #000;}

.info-promo-box .card {margin-bottom: 1em; border: 1px solid;}
.info-promo-box .card-title {margin-bottom: 0;}
.info-promo-box .esmartShare-box+.card-title {position: relative; z-index: 10;}
.smart-share-info .info-promo-box .esmartShare-box+.card-title {z-index: 0;}
.info-promo-box .card .btn {white-space: initial; margin: .5em 0; }
.info-promo-box .card .btn.btn-promo b {font-size: 1.2em; font-weight: 600; display: block;}
.info-promo-box .card .btn.btn-promo i {font-size: .95em; font-weight: 400; font-style: normal;}
.info-promo-box .card .btn .far, .info-promo-box .card .btn .icon {font-size:1.5em; vertical-align: middle;}
.img-btn-in {width:50px; max-height: calc(100% - 1em) !important;; margin-right: .5em; float: left; border: 1px solid #ddd;}

.info-promo-box h5 {margin-bottom: .5em;}
.info-promo-box h5 b {font-weight: 600 !important;}
.info-promo-box h5 span.hide-desktop {display: block; margin-top: .5em; font-size: 1.5em;}

.info-promo-box .card h2 {background-color: rgba(255,255,255,.5);}
.info-promo-box .card:hover h2 {background-color: rgba(255,255,255,.75);}
.info-promo-box .card:hover h2 span.credits {color:#333;}


.full-infoPic {
	padding: 1.25em; margin: -1.25rem !important; box-shadow: -5em 2em 3em 0em rgba(0,0,0,.15) inset;
	background-repeat: no-repeat; background-position: center; background-size: cover;
}
.full-infoPic h3 {font-weight: bold; font-size:1.65em !important;  margin-bottom: .5em; text-align: right; padding-left: 0 !important; color: #fff;}
.full-infoPic .newsletter p {text-shadow: 0 0 .2em rgba(0,0,0,.45); font-weight: 500; font-size: .85em;}
.full-infoPic h3 + p {
	font-weight: 400 !important;
	font-size: 1.1em;
	margin: 0 0 0 3em;
	padding: 1em !important;
	background-color: rgba(255,255,255,.75);
	border-radius: .35em;
	color: #000;
}
.full-infoPic + a.btn {
	position: absolute; left:50%; top: 38%; width: 10em; margin-left: -5em !important; z-index: 20;
	border-radius: 10em; padding: 3.25em 0 !important; border: 2px dotted rgba(255,255,255,.75); opacity: .7;
}
.full-infoPic:hover + a.btn {top: 37%;}
.full-infoPic:hover + a.btn, .full-infoPic + a.btn:hover {font-size: .935em !important; border: 3px dashed rgba(255,255,255,.85); opacity:.9;}

.btnBox, .goBackBox {text-align: center; margin-bottom: 1em;}
.btnBox .btn {margin: 0 .25em; border-radius: .5em; min-width: 120px; padding: .5em 1em !important;}
.btnBox .btn .bi {font-size: 1.5em; line-height: 1; vertical-align: bottom;}
.btn-flex .btn {display: block; flex: 1 1 auto !important; margin: .5em; border-radius:.35em !important; background-color: rgba(255,255,255,.5);}


.info-promo-box h2.withImg {
	background-position: center bottom;
	background-size: 100%;
	color: #fff;
	font-weight: bold;
	padding-top: 4em;
	text-shadow: 2px 0px .35em rgba(0,0,0,.75);
}

.info-promo-box h2:empty {padding: 0;}

.esmartShare-box a.btn-dark {
	opacity: 1;
}

.esmartShare-box, .full-infoPic {position: relative; background-color: #fff; z-index: 10;}

.esmartShare-box h3 {border-bottom: 1px solid rgba(120,120,120,.25); padding-bottom: .5em;}
.esmartShare-box .h2 i {display: block; font-style: normal; font-size:.65em; color: #777;}
.esmartShare-box .h2+p {background-color: rgba(120,120,120,.12); padding: .5em; margin: 1em 0;}

.esmartShare-box:before {
	content: ''; position: absolute; right: .5em; bottom: .5em; font-size: .6em; z-index: 20; -webkit-backdrop-filter: blur(.5em); backdrop-filter: blur(.5em);
	text-transform: uppercase; background-color: rgba(255,255,255,.5); padding: .2em .6em; border: 1px solid rgba(255,255,255,.5);
}
.esmartShare-box::before {content: 'Promoting';}
.shop-fullON .esmartShare-box:before {top: .5em; bottom: inherit;}

body.essSoCase .esmartShare-box:before {display: none;}

.close-me{
		position:absolute; left:50%; bottom:-2em; margin-left: -2em; width:4em; height:4em; border-radius:2em; background-size: 65%; background-color: rgba(0,0,0,.3); background-image: url("../../../core/img/e/basic/ezshare/close-icon.svg");
}
.close-me:hover {background-color: rgba(0,0,0,.5);}

#dismissAOAlist.close-me {bottom: inherit; top:.25em;}

.esmartShare-box .more-info {
	position: absolute; top: 1em; right: 0; width: 100%; z-index: 0;
	padding: 1.5em 1.5em 2.5em; border-radius: 1em 0 0 1em; background: #fff;
}
.smart-share-info .esmartShare-box .more-info {right:100%; box-shadow: 0 0 1em rgba(0,0,0,.12);}

.auto-slides .swiper-slide div a, .listItem .item-box a:not(.rem-from-wlist) {display: inline-block; position: relative;}
img + .linkOnly {position: absolute; width: 100%; height:100%; top:0; left:0; background-color: rgba(0,0,0,.5); overflow: hidden; opacity:0;}


a:hover img + .linkOnly {opacity:1;}
img + .linkOnly > i {
	position: absolute; width: 3em; height: 3em; font-size: .75em; line-height: 3em; top:50%; left:50%; margin-left: -1.5em; margin-top: -1.5em; border-radius:3em; opacity:.5; transform: rotate(-45deg);
	background-image: url("../../../core/img/e/basic/go-icon.svg"); background-size: 28%; background-repeat: no-repeat; background-position: center center;
}

a:hover img + .linkOnly > i {width:4em; height: 4em; font-size: .8em; line-height: 4em; margin-left: -2em; margin-top: -2em; border-radius:1em;  opacity:.8; transform: rotate(45deg);}
.auto-slides img + .linkOnly > i {font-size: 1.45em;}
.auto-slides a:hover img + .linkOnly > i {font-size: 1.5em;}
.linkOnly > i:before {display: inline-block;transform: rotate(0deg);}
.pic_th {display: inline-block;}

a img + .linkOnly p {
	position: absolute; bottom:-50%; padding: .5em 3em .5em .75em; margin-bottom: 0; background-color:rgba(0,0,0,0); 
	width: 100%; text-align: left; font-size: 1.15em; font-weight: 600;
}
a:hover img + .linkOnly p {
  bottom: 0;  /*background-color:rgba(0,0,0,.25);*/
}

.main-shops a img + .linkOnly {opacity: 1; background-color: rgba(0,0,0,0);}
.main-shops a:hover img + .linkOnly {background-color: rgba(0,0,0,.5);}

.main-shops a img + .linkOnly b {
	position: absolute; right: .65em; top: .65em; display: inline-block; background-color:rgba(0,0,0,.75); border-radius: 1em; padding: 0 .75em;
	font-size: .55em; color: #fff; font-weight: 400; opacity: 0;
}


.main-shops img + .linkOnly > i {transform: none !important; background-image: url("../../../main/pics/logo.svg"); background-size:contain; }
.main-shops a:hover img + .linkOnly > i {transform: none !important; background-color: transparent !important;}
.main-shops .sample-only img + .linkOnly p {text-align: center; background-color: #fff; color:#000; padding: 1em .5em;}
.main-shops .sample-only img + .linkOnly p b {font-weight: 600;}
.main-shops .sample-only img + .linkOnly p strong {font-weight: 600; font-size: 1.12em;}
.main-shops .sample-only img + .linkOnly {
	background-image: linear-gradient(135deg, #a6c1ee 10%, #fbc2eb 100%);
}

.main-shops img + .linkOnly > i:after {content: ''; position: fixed; top:1em; font-size: 1.5em !important; font-weight: 300; width: 100%; color: #000; left: 0; font-style: normal; text-align: center;}

.main-shops img + .linkOnly > i.fitness:after {content: 'Fitness Classes';}
.main-shops img + .linkOnly > i.yoga:after {content: 'Yoga Classes';}
.main-shops img + .linkOnly > i.tuition:after {content: 'Tuition Classes';}
.main-shops img + .linkOnly > i.dance:after {content: 'Dance Classes';}
.main-shops img + .linkOnly > i.bakery:after {content: 'Bakery & Snacks';}
.main-shops img + .linkOnly > i.food:after {content: 'Homemade Food';}
.main-shops img + .linkOnly > i.parlor:after {content: 'Parlor & Saloon';}
.main-shops img + .linkOnly > i.fashion:after {content: 'Online Fashion';}

body .wrap_video:before {display: none !important;}

.videoBg {
	position: fixed; width: 100%; height: 100%;
	top: 0; left: 0; overflow: hidden; z-index: -20;
}
.videoBg video {width: 100% !important; height: 100% !important; object-fit: cover;}

.videoBg:before {
	position: absolute; content:''; width: 100%; height: 100%; z-index: 1;
	top: 0; left: 0; right: 0; bottom: 0;
	background: linear-gradient(135deg, rgba(255,0,244,.25) 0%, rgba(0,250,115,.18) 100%);
}

.video-btn img + .linkOnly {opacity: 1; transform: rotate(0deg); background-color: rgba(0,0,0,.35);}
.video-btn:hover img + .linkOnly {background-color: rgba(0,0,0,.5);}
.video-btn img + .linkOnly:after {
	content: 'In Action'; width:100%; position: absolute; font-size: 1.5em; font-weight: 300; bottom: 1em; left: 0; text-align: center; color:#fff;
}
.video-btn img + .linkOnly > i {
	width:4em; height: 4em; font-size: 1em !important; line-height: 4em; margin-left: -2em; margin-top: -2em; border-radius: 0 !important;
	background-image: url("../../../core/img/e/basic/yt-logo.svg"); background-size:100% !important; opacity: 1; transform: none !important;
	filter:invert(1) grayscale(1);
}
.video-btn:hover img + .linkOnly i {background-color:transparent; filter:invert(0) grayscale(0);}

.homepage .video-btn {
  position: absolute; display: inline-block; left: 50%; top: 50%; z-index: 99;
  width: 12em; height: 6em; margin-left: -6em; margin-top: -3em;
}
.homepage img + .linkOnly {background-color: transparent !important;}

.homepage .video-btn>img {opacity: 0; max-height: 120px;}
.homepage .video-btn img + .linkOnly:after{bottom: 0; font-size: .75em; font-weight: 400; opacity: 0;}
.homepage .video-btn:hover img + .linkOnly:after{opacity: 1;}


.detailsPage section.card-view {padding-top: 0;}
.detailsPage section.card-view>.row {position: relative;}
.detailsPage section.card-view .organic_logo {top: -.5em; right: inherit; left: 5em;}

body.detailsPage .navbar + section {padding-top: 0; padding-bottom: 0;}
body.detailsPage .blog-post-type {padding-top: 3.5em;}
body.detailsPage .blog-post-type #detailsAccordion.accordion .card-header .btn {color: #fff;}

.pro-large-pic {padding-right: 0 !important;}
.pro-large-pic h3 {padding: .35em 0 !important;}
.classes-pic-holder {
	width: 100%; display: block;
	object-fit: cover; height: 100%;
	
}

.large-pic-holder {
	width: 100%; display: flex;
	position: sticky; height: fit-content; max-width: 100%;
	
}
.large-pic-holder img, .classes-pic-holder img {object-fit: cover; object-position: 50% 50%; max-height: 100%; width: 100%;}

section.over-pic {position: relative; border-top: 1px solid rgba(255,255,255,.7); z-index: 9;}

.social-icons {text-align: center;}
.social-icons p {padding-top: 1.5em; margin-bottom: 0;}
.social-icons a.icons {display:inline-block; margin: .2em .5em;}
.social-icons a.icons .bi {font-size: 3em;}

.fb-icon {background-image: url("../../../core/img/e/basic/fb-icon.svg"); background-size: 35%;}
.insta-icon {background-image: url("../../../core/img/e/basic/insta-icon.svg"); background-size: 58%;}

.detailsPage .details-view h2, .detailsPage h1 {border-bottom: 2px solid; margin-bottom: .15em;}

.card-view .card .item-box a, .listItem .video-btn {flex-basis: inherit; height: 100%; display: flex; justify-content: center;}
.card-view .card .item-box {display: flex; height: 240px;}
.listItem .img-fluid {width: 100%; max-height: 240px; border:0 solid; object-fit: cover;}

.card .item-box {
	position: relative; padding: 0 !important;
}



.hwrap em {
	position: relative; text-align: left; line-height: 1.75; vertical-align: middle; font-style: normal;
	-webkit-line-clamp: 1; line-clamp: 1;
	overflow: hidden; text-overflow: ellipsis;
	display: -webkit-box; -webkit-box-orient: vertical;
}

/* (A) FIXED WRAPPER */
.hwrap {
  position: relative; border-radius: 0 0 .5em .5em;
  overflow: hidden; max-width: 1440px; margin: 0 auto; /* HIDE SCROLL BAR */
}
.hwrap>span {position: absolute; z-index: 20; left:0; height: 100%; padding: 0 1em; line-height: 1.65; font-weight: 700; border-radius: 0 .5em 0;}
.hwrap .hitem b {display: inline-block; white-space: nowrap; font-weight: 600; padding: 0 .5em; line-height: 1.75;}
 
/* (B) MOVING TICKER WRAPPER */
.hmove { display: flex; }

/* (C) ITEMS - INTO A LONG HORIZONTAL ROW */
.hitem em:before {content:'\25CF'; margin-right: .75em; line-height:1; font-size: .45em; vertical-align: super;}
.hitem {
  flex-shrink: 0;
  width: auto;
  box-sizing: border-box;
  padding: 0; padding-right: 2em;
  text-align: center;
}
 
.hmove { animation: tickerh linear 60s infinite; }
.hmove:hover { animation-play-state: paused; }

@keyframes tickerh {
  0% { transform: translate3d(100%, 0, 0); }
  100% { transform: translate3d(-300%, 0, 0); }
}


.add-toMobile {text-align: center; display: none;}
.add-toMobile .modal-body {text-align: left;}
.add-toMobile .btn {border-radius: 2em; margin-bottom: .5em; border-color: #fff;}
.add-toMobile {color: #777;}
.add-toMobile ol {color: #333;}
.add-toMobile ol li p {margin-bottom: .65em;}
.add-toMobile p.small span {color: #000; border-bottom: 1px dashed #000; cursor: pointer;}
.add-toMobile p.small span:hover {border-bottom: 1px solid;}

.add-toMobile ul.tick-style {padding: .15em 0 .15em 1.5em !important; font-size: 1em; color: #000;}
.add-toMobile ul.tick-style li .bi {font-size: 1.15em; font-weight: 600; color: #006008;}
.add-toMobile .accordion .btn {font-size: 1em !important; font-weight: 400 !important;}
.add-toMobile .accordion .btn .bi {font-size: 1.25em;}



.mobi-scrn .btn {text-align: center !important; text-transform: inherit !important; font-size: 1.1em !important; font-weight: 300 !important;}
.mobi-scrn .img-fluid {background-repeat: no-repeat; background-size: 100%; background-position: center top;}
.android-share {background-image: url("../../../core/img/e/basic/share-android.jpg");}
.ios-share {background-image: url("../../../core/img/e/basic/share-ios.jpg");}
.main-shops .android-share {background-image: url("../../../core/img/e/basic/shop-share-android.jpg");}
.main-shops .ios-share {background-image: url("../../../core/img/e/basic/shop-share-ios.jpg");}

.demo-tv {position: absolute; bottom: 4em; right: 7em; z-index: 999;}
.demo-tv b {display: block; text-align: center; text-shadow: 0 0 .75em rgba(0,0,0,.65);}
.demo-tv .fas {vertical-align: middle;}


.card-view .card.video-display {background-color: #000; padding: 0; border-radius: 1.5em; border: 0 !important;}
.soCase-items .card {vertical-align: middle;}
.card-view .listing-view .soCase-items .card {margin: 1em;}
.card.video-display .listItem .img-fluid {max-height:450px;}

#fullVideoModal {padding: .5em;}
#fullVideoModal .modal-dialog {max-width: 80em; margin-top: 4em;}
#fullVideoModal .modal-body {padding: 0; background-color: #000;}
#fullVideoModal .modal-content {border-radius:0 !important;}
#fullVideoModal .modal-content .close {top:-3em;}

#fullVideoModal.vertical-video .modal-dialog {max-width: 480px; margin-top: 2.5em;}
#fullVideoModal.vertical-video .modal-content .close {z-index: 99; top:-2em;}

.embed-responsive-9by16 {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 177.78%; /* 16:9 is 56.25%, 9:16 is ~177.78% */
}

.embed-responsive-9by16 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



.navbar i.h3 {display: inline-block; padding: .2em .6em .25em; margin-left: .15em; background-color: rgba(0,0,0,.1); border-radius: .25em; font-size: 1em !important;}
a.h4:hover i.h3 {background-color: rgba(0,0,0,.25);}

.gratitude-reminder .navbar i.h3 {position: relative;}
.gratitude-reminder .navbar i.show-online:after {
  content: '\f1d3'; position: absolute;
  top: -.5em; right: -.35em; font-style: normal; font-size: 1.15em;
}

.show-online:after {display: none; transition: color .1 ease-in-out;}
.gratitude-reminder .show-online:after {display:inline;}


/*-[Animated Online]-*/
@keyframes glowingLight {
  0% {color: rgba(125,255,0,1); transform: scale(.95);}
  25% {color: rgba(200,255,0,1); transform: scale(1.15);}
  100% {color: rgba(125,255,0,1); transform: scale(.95);}
}

.gratitude-reminder .show-online:after {
	-webkit-animation: glowingLight .75s infinite; animation: glowingLight .75s infinite;
}
/*-[/Animated Online]-*/

.navbar.spec-pad {padding: 0 1em !important;}
.navbar .h4 em.nope {font-weight: 600; font-size: 1.5em; line-height: 1; vertical-align: bottom; margin-right: .35em;}
.navbar em:not(.nope) {display: inline-block; width: 1em; height: 1em; vertical-align: middle; background-repeat: no-repeat;}
.navbar em.ss-heart {background-image: url("../../../core/img/e/basic/ezshare/heart-icon.svg");}
.navbar em.ss-atlas {background-image: url("../../../core/img/e/basic/ezshare/atlas-icon.svg");}
.navbar em.ss-map {background-image: url("../../../core/img/e/basic/ezshare/map-icon.svg");}
.navbar em.ss-loc {background-image: url("../../../core/img/e/basic/ezshare/location.svg");}
.navbar em.ss-protect {background-image: url("../../../core/img/e/basic/ezshare/protect-icon.svg");}


.navbar em.ss-map {filter: invert(1); vertical-align: top; width: 1.15em; height: 1.15em;}
.slimHeader .navbar .h2 {font-size: 1.35em;}
.navbar .h2 {
	font-weight:600; text-shadow: 1px 2px .2em rgba(0,0,0,.25);
}
.navbar .h2 i {font-weight: 400;}

.bio-box {border: .3em solid #e6e6e6; padding: 1em;}
.bio-box .badge {font-weight: 400; margin-bottom: .5em;}
.profile-link {font-size: .75em;}
.profile-link a {font-size: 1.35em;}
.profile-link a .badge {font-weight: 400; padding: .35em 1em .22em; border:1px solid #fff;}
.profile-link a:hover .badge {background-color: #c3cfe2;}
.profile-link a .badge b {padding: .15em .25em; margin-left: .25em; display: inline-block; vertical-align: middle; border-radius: .2em; background-color: #0a66c2; color: #fff; min-width: 1.35em; transform: translateY(-.1em);}

.my-audio {text-align: center; position: relative; padding-bottom: 2em;}
.my-audio audio {width: 7em; text-align: center; border-radius: 2em; filter: invert(1); opacity: .75; transform: scale(.85);}
.my-audio audio:hover, .my-audio audio:focus {width: 15em; opacity: 1;}

.hide-this {display: none !important;}
.ui-news .hide-this.show-this {display: inline-grid !important;}

.tip-style {position: fixed; bottom: 1em; left:0; width: 100%; text-align: center;}
.tip-style>a {display: inline-block; padding: 0 1em .25em; background-color: rgba(0,0,0,.12); border-radius: .25em; color: #fff;}
.tip-style>a:hover {background-color: rgba(0,0,0,.25);}
.jon-style {padding: 1em .25em .5em;}

.jon-style ol {text-align: left !important; padding: 0; margin: .5em .5em .25em 1.5em;}
.jon-style ol li {margin: 0 0 .4em; padding: 0;}

.navbar span.h2 small {display: block; padding-left: 2.75em; font-size: .5em; font-weight: 600;}

body.main-shops:not(.slimHeader) #soc-name.h2 small {-webkit-text-fill-color: #243949 !important;}
body:not(.slimHeader) #soc-name.h2 small {
  position: fixed; font-size: 1em; left: .75em; top: calc(100% + 1px); font-weight: 400; text-shadow: none;
  -webkit-text-fill-color: #96c93d !important; padding: 0 1.1em .25em !important; -webkit-backdrop-filter: blur(.5em); backdrop-filter: blur(.5em);
  background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.85) 30%, rgba(255,255,255,.85) 70%, rgba(255,255,255,0) 100%);
}

.swiper.reels-gallery {min-height: 500px;}
.reels-gallery .swiper-wrapper {height: calc(100% - 108px) !important;}
.reels-gallery #facebook-reels {height: calc(100% - 95px) !important;}
.reels-gallery .swiper-slide.insta-reel iframe { min-width: 100% !important; max-width: auto !important;}
.reels-gallery .swiper-slide.insta-reel:before {
  content: ''; position: absolute; z-index: 9;
  bottom: -40px; left: 1px; right: 1px;
  height: 112px; background-color: #fff; border-radius: .35em;
}
.reels-gallery .swiper-slide.fb-reel iframe {border:none; overflow:hidden; width: 100% !important; height: calc(100% + 115px) !important; transform: translateY(-58px);}
.reels-gallery .swiper-slide.fb-reel:before {
  content: ''; position: absolute; z-index: 9;
  bottom: 0; left: 0; right: 0; -webkit-backdrop-filter: blur(.25em); backdrop-filter: blur(.25em);
  height: 58px; background-color: rgba(0,0,0,.25);
}
#insta-gallery .over-reels {margin-top: -11.75em; padding-bottom: 3em !important; position: relative; z-index: 99;}

/*--[Slide In]--*/
body.regiSlideIn, body.essPopOverON, body.demo-video-playing, body.show-member-list {overflow: hidden;}
.resiSliderBox .slideIn-info {text-align: left;}
.resiSliderBox .slideIn-info p:empty {display: none;}
.resiSliderBox .slideIn-info ul {padding-left: 1.25em; line-height: 1.4em; margin-bottom: .5em;}
.resiSliderBox .slideIn-info ul li {padding-bottom: .35em;}

.city-events .swiper-button-prev, .city-events .swiper-button-next {top:2em; background-color: rgba(0,0,0,.15); width: 2.35em; height: 2.35em; border-radius: .35em;}
.city-events .swiper-button-prev:hover, .city-events .swiper-button-next:hover {background-color: rgba(0,0,0,.35);}
.city-events .swiper-button-prev:after, .city-events .swiper-button-next:after {background-size: 33%; background-position: center center;}

.city-events {width: auto; display: block; text-align: left; overflow: hidden;}

body.demo-video-playing>div:not(#demo-video),
body.essPopOverON .content-wrapper .navbar + section, body.essPopOverON footer,
body.regiSlideIn .content-wrapper .navbar + section, body.regiSlideIn footer {
	pointer-events: none; filter: blur(1.5em); opacity: .75;
}

.resiSliderBox .close, .toast .close, .buzz_news .close, .bon-modal .close {position: absolute; font-size: 1.65em; right:-.25em; top:-.25em; z-index: 12; opacity: 1;}
.resiSliderBox .close, .toast .close {background-color: #fff; border-radius: 1em; font-size: 2em;}
.toast .close { right:-.75em; top:-.75em;}
.resiSliderBox .close:hover {opacity: .75;}
.resiSliderBox .slideIn-pic {
	display: flex; padding-left: 0 !important; max-height: 100%;
	/*background-repeat: no-repeat; background-position: center center; background-size: contain;*/
}

.resiSliderBox .flex-row-reverse a.open-arrow:before {
	content: '\F1C5'; position: absolute; top: 50%; z-index: 10; border:.5em solid rgba(255,255,255,.85);
	display: inline-block; width: 4em; height: 4em; border-radius: 2em; margin-left: -2em; margin-top: -2em; line-height: 3em; color: #fff; background-color: rgba(0,0,0,.55);

}
  

.resiSliderBox .slideIn-pic img {object-fit: cover; object-position: center center; max-width: 440px; width: 100%; margin: 0 auto;}
.resiSliderBox a.open-arrow:hover img {filter: brightness(.85);}
.resiSliderBox .base-pin .slideIn-info .venue span .bi {margin-right: .35em;}
.resiSliderBox .base-pin {height: auto;}
.resiSliderBox .base-pin .slideIn-info * {color: #fff !important;}
.resiSliderBox .base-pin .event-info .message {margin: .5em 0 1em;}
.resiSliderBox .base-pin #event-message+p, .resiSliderBox .base-pin #event-attractions {display: none;}

.resiSliderBox .base-pin .source a {border-bottom: 1px dashed; padding: .25em 0; font-weight: 400;}
.resiSliderBox .base-pin .source a:hover {border-bottom: 1px solid;}

.resiSliderBox .base-pin .slideIn-info > div {min-height: calc(100vh - 440px); display: flex; align-items: center; text-align: center; justify-content: center; font-size: 1.15em;}
.resiSliderBox .base-pin .slideIn-info .call-us a {background-color: transparent; border: 2px solid #fff; margin: .5em 0 .65em; border-radius: 2em; font-size: 1.2em; padding: .25em 1.25em !important; font-weight: 300; letter-spacing: .05em;}
.resiSliderBox .base-pin .slideIn-info .call-us a:hover {background-color: rgba(255,255,255,1); color: #000 !important;}

.resiSliderBox .base-pin {border-radius: .5em;}

.resiSliderBox #cityevents-ess_92.base-pin {background-image: linear-gradient(135deg, #cc208e 0%, #6713d2 100%);}
.resiSliderBox #cityevents-ess_91.base-pin {background-image: linear-gradient(135deg, #028273 0%, #5640ac 31%, #56317a 100%);}

.resiSliderBox .base-pin .slideIn-info .row {background-image: linear-gradient(to right, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 100%); border-color: #cabcf1;}
.resiSliderBox .base-pin div.ping-wa, .resiSliderBox .base-pin hr, .resiSliderBox .base-pin hr+p.small {display: none;}
.resiSliderBox .base-pin .slideIn-info .event-info {max-height: 26em;}

.slideIn-opener {position: fixed; bottom: -.35em; left: 50%; width: 135px; margin-left: -65px; z-index: 12;}
.showcase-events .slideIn-opener {width: 180px; margin-left: -90px; padding: 10px 20px 10px 12px !important;}

.btn.special-btn {display: block;}
.slideIn-opener span+i, .special-btn span+i {
	display: inline-block; font-style: normal; text-align: center; width: 1.2em; height: 1.2em; line-height: 1.2em; border-radius: 1em;
	transform: translateY(-.2em); color: #000; font-size: .75em; vertical-align: super; background-color: #fff;
}
/*#main-Society .special-btn span+i {display: none;}*/

.slideIn-opener span {display: none;}
.slideIn-opener span em, .special-btn span em {font-weight: 400; font-size: .9em;}
.slimHeader .slideIn-opener span {display: inherit;}
body:not(.slimHeader) .slideIn-opener {box-shadow: 0 0 .5em .15em rgba(0,0,0,.12);}
.slideIn-opener.btn, .special-btn {line-height: 1;}
.slideIn-opener .bi, .special-btn .bi {font-size: 1.25em;}
.slideIn-info {font-size: .9em; display: flex; align-content: center;}
.slideIn-info>div {padding: 1em; width: 100%; min-height: 15em;}
.slideIn-info p.message {padding-bottom: 0; margin-bottom: .5em;}

.event_slider, .festive-special-box {margin: .12em 0 !important;}
.slimHeader .slideIn-opener, .btn.special-btn {position: relative; width: 100%; text-align: left; padding: .5em .85em !important; border-radius: .5em !important; left:0; bottom: 0; margin-left: 0;}
.slideIn-opener .bi, .btn.special-btn .bi {margin-right: .35em;}
.btn.slideIn-opener {border-radius: .5em .5em 0 0;}
.btn.slideIn-opener, .btn.special-btn {
	color: #fff;
	background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);
}

.showcase-events .btn.slideIn-opener {
	background-image: linear-gradient(to right, #ff758c 0%, #ff7eb3 100%);
}
.btn.slideIn-opener:hover, .btn.special-btn:hover {background-image: linear-gradient(to right, #f77062 0%, #fe5196 100%) !important;}

.resiSliderBox .row.flex-row-reverse {margin-left: 0 !important; margin-right: 0 !important;}
.resiSliderBox .row .col-md-6 {padding-right: 0 !important; padding-left: 0 !important;}
.resiSliderBox hr {border-color: rgba(255,155,150,.5) !important; opacity: 1;}
.resiSliderBox .slideIn-info .call-us {text-align: center;}
.resiSliderBox .slideIn-info .call-us a {font-size:1.1em; letter-spacing: -.02em; white-space: nowrap;}
.resiSliderBox .slideIn-info .call-us span {display: block; padding-top: .25em;}
.resiSliderBox .slideIn-info .row {background-image: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); margin-bottom: .25em;}
.resiSliderBox .slideIn-info .row .col {padding: 0 .5em .5em !important;}
.resiSliderBox .slideIn-info .event-info {padding: 0 .4em !important;  max-height: 22em; overflow: hidden; overflow-y: auto;}
.resiSliderBox .slideIn-info .event-info>.row>a {padding: 0;}
.resiSliderBox .slideIn-info .event-info .table {margin-bottom: 1em;}

.resiSliderBox .slideIn-info .event-info .table tr.table-info {border-top: 2px solid #00c9ff; border-bottom: 2px solid #00c9ff;}
.resiSliderBox .slideIn-info .event-info .table tr.table-warning {border-top: 2px solid #ffbb00; border-bottom: 2px solid #ffbb00;}
.resiSliderBox .slideIn-info .event-info .table tr.table-danger {border-top: 2px solid #EB5757; border-bottom: 2px solid #EB5757;}
.resiSliderBox .slideIn-info .event-info .table tr.table-success {border-top: 5px solid #96c93d; border-bottom: 5px solid #96c93d;}
.resiSliderBox .slideIn-info .event-info .table tr.table-success>td {background-color: #daffae; --bs-table-bg-type: #daffae;}

.resiSliderBox .slideIn-info .event-info p:not(.small) {color: #333;}
.resiSliderBox .slideIn-info .event-info p:not(.small) i {margin-right: .2em;}
.resiSliderBox .slideIn-info .event-info strong {color: #000;}
.resiSliderBox .slideIn-info .row .col span {color: #333;}
.resiSliderBox .slideIn-info .row .col em {
	display: block; font-size: 1.35em; font-style: normal; font-weight: 600;
	-webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
	background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);
}
.resiSliderBox .base-pin .slideIn-info .row .col em {background-image: linear-gradient(to right, #cabcf1 0%, #eb6eeb 100%);}

.resiSliderBox .venue, .resiSliderBox .source {font-size: .85em;}
.resiSliderBox .venue, .resiSliderBox .source span {font-size: 1em;}
.resiSliderBox .venue {text-align: right; padding-right: .15em; font-style: italic;}
.resiSliderBox {
	position: fixed; bottom: 1em; left: 1em; width: 100%; max-width: 844px; z-index: 9999999999;
	border-radius: .5em; box-shadow: 0 0 .5em rgba(0,0,0,.12); border: 1px solid #fff;
	background-color: rgba(255,255,255,1); -webkit-backdrop-filter: blur(.5em); backdrop-filter: blur(.5em);
	transform: translateX(-110%); transition: all .5s ease-in-out; 
}

.regiSlideIn .resiSliderBox {
	transform: translateX(0); transition: all 1.5s ease-in-out;
}

.regiSlideInInitial .resiSliderBox {transform: translateX(-110%);}


.resiSliderBox .city-events.table-expander, .resiSliderBox .city-events.table-expander .swiper-slide {min-height: calc(100vh - 5em);}
.resiSliderBox .city-events.table-expander .event-info {
	position: fixed; top: 0; left: 0; width: 100%; height: 100%; max-height: initial !important; border-radius: .5em; background-color: #fff; z-index: 99;
}
.resiSliderBox .event-info p.expand-table {position: fixed; right: 50%; margin-top: -2em; z-index: 999;}
.resiSliderBox .city-events.table-expander .event-info p.expand-table {right: 0;}
.resiSliderBox .event-info p.expand-table a {
	position: relative; display: flex; height: 3em; align-items: center; 
	font-size: 1em; padding: .25em; color: #000; border:1px solid #c0c9cd; border-right-width: 0; border-radius: .5em 0 0 .5em;
	background-image: linear-gradient(to right, #e1e8eb 0%, #c4ced3 100%); box-shadow: 0 0 .35em .15em rgba(0,0,0,.12);
}
.resiSliderBox .event-info p.expand-table a:hover {box-shadow: 0 0 .45em .2em rgba(0,0,0,.15); background-image: linear-gradient(to right, #ecf3f6 25%, #d6dde1 100%);}

.city-events .event-info table a {border-bottom: 1px dashed;}
.city-events p.expand-table a .bi {margin-left: .2em !important;}

.event-info p.expand-table a:after {
  display: inline-block; content: 'zoom'; font-size: .65em; 
  position: absolute; top: calc(100% + .35em); right: .1em;
}
.table-expander .event-info p.expand-table a:after {content: 'back';  right: .35em;}

.table-expander p.expand-table a .bi:before {content: '\F149';}
.table-expander .event-info .source {font-size: 1em; margin-bottom: 1em;}



/*-[Animated]-*/
@keyframes rsiPageLoad {
  0% {-ms-transform: translateX(-110%); transform: translateX(-110%);}
  100% {-ms-transform: translateX(0); transform: translateX(0);}
}
.regiSlideInInitial .resiSliderBox {
	-webkit-animation: rsiPageLoad 1.5s normal forwards ease-in; animation: rsiPageLoad 1.5s normal forwards ease-in; animation-iteration-count: 1; animation-delay: 5s;
}
/*-[/Animated]-*/


/*--[/Slide In]--*/
.ess-toast {position: fixed; top: 10em; left: 50%; margin-left: -175px;}
.ess-toast .toast-header {font-weight: 600; font-size: 1.1em; padding: 0 .85em;}
.ess-toast .toast-header strong {font-weight: 600; font-size: 1.1em;}
.ess-toast .toast-header .badge {font-weight: 400; font-size: 1em; margin-left: .5em;}
.ess-toast .toast-header em {font-weight: 400; font-size: 2em;}
.ess-toast .toast-header strong .bi {font-size: 1.25em; color: #000; margin-right: .25em;}
.ess-toast button.btn {font-weight: 400; font-size: .75em;}


body.card-view.show-likes-only .tune-shopcats+section div.shopSwiper .active:not(.memberLiked),
body.card-view.show-likes-only .tune-shopcats+section .ui-news.cat-parent .active:not(.memberLiked),
body#IB-List.show-likes-only .tune-shopcats+section .ui-news.cat-parent .ctn-expired.slimCTA.show-this
{display: none !important;}


@media all and (min-width:621px) {
	.navbar .h4.supportedFull.society-inactive {margin-left: 4.5em;}
	.navbar .h4.supportedFull.society-inactive:after {left:inherit; right: 100%; top: 50%; margin-top: -.5em; font-size: .75em;}
}
@media all and (min-width:768px) {
	.btn-flex {display: flex;}
	.btn-flex .btn {margin: 0 .5em;}
	.btnBox {text-align: left; margin-bottom: 0;}
}
@media all and (min-width:769px) {
	#main-Society .festive-special-box {margin-top: 2em !important;}
	#load-societies+p, #main-Society .festive-special-box+p {max-width: 550px; margin: 0  auto .25em !important;}
	.base-pin .venue a.inactive:after {top: -2.5em; bottom: inherit; margin-left: 0;}
	body:not(.festiveModeON) .venue a.inactive:after {text-align: right;}
	.ui-city .cat-nav a {min-width: 170px; height: 170px; margin: .5em;}
	.city-events .swiper-button-prev {right:3.65em; left: inherit;}
	body:not(.slimHeader) .slideIn-opener:hover {bottom: -.1em;}
	.slideIn-opener span+i, .special-btn span+i {height: 1.35em; width: 1.35em; line-height: 1.25;}
	.resiSliderBox .slideIn-pic	img {border-radius:0 .5em .5em 0;}
	#fb-gallery .over-reels {margin-top: -5em;}
	.resiSliderBox .slideIn-info .row {border-left: .35em solid #f9748f; padding-left: .35em; text-align: left;}
	.resiSliderBox .close, .buzz_news .close, .bon-modal .close {right:-.75em; top:-.75em;}
	
	.resiSliderBox .row.flex-row-reverse {height: 100%;}
	.resiSliderBox .slideIn-pic {height: auto; display: unset;}
	
}

@media all and (min-width:990px) {
	.full-screen {position: absolute;}
	
	#staff-details .upi-qr-code span {
		position: absolute; left: 100%; top: 50%; text-align: left; z-index: 9;
	}
	
	.navbar .btn-link {border-radius: .25em; margin-right: .5em;}
	.navbar .ml-auto .btn-link {margin-right: 0; margin-left: .5em;}
	.navbar i.h3 {padding: .2em .55em .35em;}
	.gratitude-reminder .navbar i.h3 {padding: .2em .6em .35em;}
	
	.slimHeader .navbar.sticky-top {height: 3em;}
	.slimHeader .navbar .top-bar {top: -1.35em; color: transparent !important;}

	.menu-icon {
		background-color: rgba(13,158,171,.15) !important; border: transparent; text-indent: -999em; width: 60px;
		background-image: url("../../../core/img/e/basic/ezshare/menu-icon.svg");background-repeat: no-repeat; background-position: center center; background-size: contain;
	}
	.slimHeader .menu-icon {background-color: rgba(13,158,171,1) !important; width: 50px;}
	.menu-icon:hover, .menu-icon:focus {background-color: rgba(0,0,0,1) !important;}
	.menu-icon:focus, .menu-icon.focus {box-shadow:none !important;}

	/*--[SlimHeader]--*/

	body.detailsPage .blog-post-type {padding-top: 5em;}
	.soCase-items:not(#dynamic-cards) {display: flex; max-width: 1024px; margin: 0 auto; justify-content: center;}
	.soCase-items .video-display {flex-grow: 1;}
	
}

@media all and (min-width:1024px) {
	.modal-header h5 {text-align: left;}
	.modal-header .close{
		left: inherit; right:.75em; top:.75em; margin-left:0;
	}
	.modal-header .close:before{
		width:3em; height:3em; left: 0;
		background-image: url("../../../core/img/e/basic/ezshare/close-icon.svg");
	}
	.info-promo-box {margin: 0 auto !important;}
	.main-shops .navbar .h2, .ib-shops .navbar .h2, .useful-info .navbar span.h2 {
		background: linear-gradient(to right, #ffffff 20%, #edface 100%);
		-webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
	}
	.main-shops .navbar .h2 .bi, .ib-shops .navbar .h2 .bi, .useful-info .navbar span.h2 .bi {
		-webkit-text-fill-color: #fff !important;
	}

}
@media all and (min-width:1280px) {
	body.detailsPage .blog-post-type {padding-top: 6em;}
	.smart-share-info .blog-post-type {pointer-events: none; filter: blur(1em);}
	.ui-parent .news-item {/*min-height: auto;*/}
	.ui-parent .news-item .ui-contact a {align-content: center;}

}
@media all and (min-width:1400px) {
	.info-promo-box>h3 {margin-top: -1em;}
}
@media all and (min-width:1600px) {
	.info-promo-box>h3 {margin: -2em .5em .35em 0;}
	.modal-header .close{right:1.75em; top:1.25em;}
	body.detailsPage .blog-post-type {padding-top: 7em;}
	.full-infoPic h3 + p {margin: 0 0 0 5em;}
	.home:not(.slimHeader) .navbar span.h1 .badge, .main-shops:not(.slimHeader) .navbar span.h1 .badge {font-size: 1em;}
	.info-promo-box {margin-top: 1em !important;}
}

@media all and (max-width:1600px) {
	.navbar {height:6.5em;}
	.esmartShare-box .more-info {font-size:.75em;}
	.esmartShare-box .more-info .h2, .esmartShare-box .more-info h2,.esmartShare-box .more-info .h3, .esmartShare-box .more-info h3 {font-size: 1.25em;}
	#doc-list .table .first-cell {display: none;}
}
@media all and (max-width:1280px) {
	.smart-share-info .esmartShare-box .more-info {z-index:30; right:0; border-radius: 1em; opacity:1;}
	.news-item { flex-grow: 1; min-height: 250px; max-height: 350px;}
	.ui-news .news-item:not(.ctn-expired) {min-height: 220px;}
	.news-item .tags {display: none;}
	.news-item .ui-info {display: -webkit-box; -webkit-line-clamp: 2; min-height: 3em; margin-bottom: 0; -webkit-box-orient: vertical; overflow: hidden;}
}
@media all and (max-width:1024px) {
	.hmove { animation: tickerh linear 45s infinite; }
	.social-icons a {line-height: 2em;}
	footer .hide-desktop {margin-bottom: -.2em; width:100%;}
	.navbar+section>.container {border-radius: 0;}
	.ui-parent .news-item .ui-info {padding-right: 3em;}
	#uf-Info.ui-parent .news-item {min-height: 120px;}	
	.esmartShare-box .more-info {opacity:0;}
}
@media all and (max-width:990px) {
	.hmove { animation: tickerh linear 35s infinite; }
	.ess-static .h2 .member-badge {display: block;}
	.ess-static .imp-note {text-align: center;}
	.soCase-items {min-height: 65vh;}


	#staff-details .upi-qr-code b {margin-left: 1.5em;}
	#staff-details .upi-qr-code {display: initial;}
	
	.navbar .btn-link {font-size: 1.25em !important;}
	.navbar .btn-link.home-icon {font-size: 1.5em !important; margin-top: .5em; background-color: transparent;}
	.navbar .navbar-toggler {margin-top: .2em;}
	.home .navbar .navbar-toggler, .main-shops .navbar .navbar-toggler, .ib-shops .navbar .navbar-toggler {margin-top: 0;}
	.navbar .navbar-toggler .bi {font-size: 1.35em !important;}
	.homepage .navbar .navbar-toggler .bi {filter: invert(1);}
	.home .navbar-toggler.supportedFull, .main-shops .navbar-toggler.supportedFull, .ib-shops .navbar-toggler.supportedFull {padding: .2em 0 !important;}
	.home.slimHeader .navbar-toggler.supportedFull, .main-shops.slimHeader .navbar-toggler.supportedFull {padding: 0 !important;}

	#navbarSupportedContent {
		position: fixed; height: 100vh; width: 450px; right:-455px; top: 0; z-index: 99; 
		padding: 4.5em 0 1em 0; border-radius:0; display: block;
	}
	#dismissToggler, #dismissZoomAd {font-size: .675em;  bottom: 1.25em; right: 1.25em;}
	
	.navTogglerOn .navbar .navbar-toggler .bi.bi-list {font-size: 1.1em !important;}
	.navTogglerOn .navbar .navbar-toggler .bi:not(.bi-three-dots-vertical):before {content: "\F659";}
	.info-promo-box h5 {font-size: 1.1em !important; text-align: center; margin-bottom: 1.5em;}
	.info-promo-box h5 b {font-size: 1.5em !important; display: block;}
	
	.navbar .btn-link.home-icon:active {color: #000 !important;}
	.main-shops .slider-box h2 {padding-left: 1em; font-size: 1em !important; margin-bottom: -1.65em; position: relative;}
	.main-shops .slider-box.banner h2 {margin-bottom: 0.25em;}
	.main-shops a img + .linkOnly {background-color: rgba(0,0,0,.25);}
	.main-shops a img + .linkOnly p {bottom: 0 !important; /*background-color: rgba(0,0,0,.35);*/}
	.main-shops .grid-view .swiper-slide:hover {transform: scale(1) !important;}
	
	#navbarSupportedContent #shipping-info {flex-direction: row-reverse; flex-wrap: wrap; padding: 2em;}
	#shipping-info div {padding: .5em 0;}
	#shipping-info div a {color: #fff; background-color: rgba(0,0,0,.1); padding: .5em 1.5em; border-radius:2em; display: inline-block;}
	#shipping-info div .gcs-icons {vertical-align: middle; margin-right: .5em;}
	.scroll-arrow {display: block !important; font-size: .75em;}
	.scroll-arrow:hover {opacity:1;}
	.esmartShare-box .more-info {font-size:.9em; top:.5em;}
	.homepage .video-btn {position: relative; top:1em;}
	.homepage .video-btn img + .linkOnly:after{color: #666; opacity: 1;}
	.navbar.sticky-top {background-size: cover;}
	.slimHeader .navbar {margin-top: 0; }
	.info-promo-box .card h2 {background-color: rgba(255,255,255,.35);}

	.top-bar>.d-flex {display: none !important;}
	.sub-heading span {display: block; padding-bottom: .25em;}
	.cat-nav, .tower-nav {margin: 0 auto 5em; padding-bottom: 1.5em; border-bottom: 1px solid #fff;}
	.ui-city .cat-nav {margin-bottom: 1em;}
	.cat-nav a, .tower-nav a {margin: .5em;}

	.quotes p:before {content:'\201C'; left:-.65em; top:-.15em;}
	.quotes p:after {content:'\201D'; right:-.35em; bottom:-.75em;}

	.home-icon {display: inline-block;}
	
	.homepage logo:not(.withInfo) span:before {
		position: absolute; content: ''; width: 100%; height: .1em; margin-top: -.05em; top:50%; border-radius: 2em; z-index: -1;
		box-shadow: 0 0 1em rgba(0,0,0,.5); background-color: rgba(0,0,0,.05);
	}
	.homepage .logo:not(.withInfo) {top: 15%; width: 6em; height: 6em; margin-left: -3em;}
	.logo:not(.withInfo) span {text-align: center; font-size: 1.25em; margin-top: .5em;}
	.homepage .logo span {
		position: relative; width: 100vw; left: 50%; margin-left: -50vw;
	}
	
	.homepage .full-screen+.container {border-top:.25em solid rgba(255,255,255,.75);}
	#IB-Ads.homepage:before {position: fixed;}
	.homepage:before {
		content: ''; position: absolute; top: 100vh; width: 100%; min-height: 70vh; z-index: -1;
		background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
	}
	
	.logo {width: 4em;height: 4em;margin-left: -2em;}
	.slimHeader .logo {width: 3em;height: 3em;margin-left: -1.5em; background-position: center center !important;}
	.top-bar { bottom: 0 !important; height: 1em;}
	
	#navbarSupportedContent .navbar-nav .btn-link {
		margin: 0; text-align: left; color:#fff; font-weight: normal; font-size: 1.15em !important;
		padding: .5em 2.25em; border-bottom: 1px solid rgba(255,255,255,.12); display: block;
	}

	.navbar-light .navbar-toggler:focus {box-shadow:none !important;}
	.navbar-light .navbar-toggler {
		position: absolute; width: 3em; height: 2.2em; top: .45em; right: 0; z-index: 9999;
		border-color: transparent; outline: none; 
	}
	
	.navTogglerOn .navbar:after {
		content:''; position: fixed; left:0; top:0; z-index: 1;
		width:100%; height:100%; background-color: rgba(255,255,255,.25);
	}
	.navTogglerOn #navbarSupportedContent {right:0; transition: right .15s ease;}

	.blog-post-type br.clr+.btn {max-width: 200px; margin: 0 auto; display: inherit;}
	.quick-help .dropdown-toggle span {max-width: 110px;}

}

@media all and (max-width:810px) {
	footer {text-align: center;}
	footer .small {font-size: .9em;}
	footer .social-icons, footer .copy-links {display: block;}
	footer h4 {margin-top: 1.5em;}
	footer .container {padding-right: .5em; padding-left: .5em;}
	.footer-links div, .footer-links{display:block; text-align: center;}
	.footer-links div:last-child {padding-top: 1em;}
	.full-infoPic + a.btn {top: 35%;}
	.no-worry {background-color: rgba(255,255,255,1); margin: 0 .75em;}
	a img + .linkOnly:not(.custom) {opacity:1; background-color: rgba(0,0,0,.1);}
	a img + .linkOnly:not(.custom) > i {font-size:.95em; width: 3.5em; height: 3.5em; margin-left: -1.75em; margin-top: -1.75em; border-radius: 3em !important; opacity:.8; transform: rotate(45deg); background-color: #fff;}
	
	.navbar+section {overflow: hidden;}
	#middle-col>.row {margin-right: -.5em !important;margin-left: -.5em !important;}
	
	body:not(.navTogglerOn) .shareUrl:after {position: absolute; bottom: -1.75em; left:0; width: 100%; content: 'Share'; font-size: .7em; color: #3a424f;}
	.shareUrl {
		position: relative; width: 3em; height: 3em; margin: 1.5em 0 0; display: inline-block !important; border-radius: 50%; border:2px solid #b2c0d7; background-color:#f3f3f3;
		background-position: center center; background-repeat: no-repeat; background-size: 50%;
	}
	.shareUrl:hover {background-color:#e6e6e6;}
	
	.memberLiked .web-link a.resiShare {display: none !important;}
	.memberLiked .web-link a.resiShare.nativeShare {display: inline-block !important;}
	.memberLiked em.web-link a.resiShare.nativeShare:after {content: '\F6B3';}
	/*.memberLiked em.web-link a.resiShare.nativeShare:before {content: 'send';}*/
	
	body.navTogglerOn {overflow-y: hidden;}
	.navTogglerOn footer {z-index: 9999;}
	body:not(.navTogglerOn) footer>.shareUrl {margin: -3em 0 2em;}
	.navTogglerOn .shareUrl {
		position: fixed; bottom: 1em; right: 380px; z-index: 9999; border:0;
	}
	.navTogglerOn .shareUrl:after {color: #fff;}
	.navTogglerOn #soc-web {position: relative; width: 100%; text-align: left; left: 1.15em;}
	
	.add-toMobile {display: block; padding-bottom: 1em;}
	.add-toMobile .btn {font-size: .9em !important;}
	#gcshop-disclaim p .bi:after {line-height: 1.35;}

	.my-audio:has(+footer) {padding-bottom: 4em; margin-top: -1em;}
	
	
}

@media all and (max-width:768px) {
	#aoa-members-list {padding: 3.5em .35em 2.5em .5em;}
	#aoa-members-list.show-note #dismissAOAlist.close-me {display: none;}
	#aoa-members-list.show-note>div {overflow: hidden; filter: blur(.5em); pointer-events: none;}

	.aoa-note .btn .bi {vertical-align: middle;}
	#dismissAOAlist.close-me {font-size: .7em; top: .5em; left: 2.5em;}
	.catfilterON {overflow-y: hidden;}
	.promo-sponsors {margin-top: -3em !important;}
	.ui-city .cat-nav a b em {font-weight: 400 !important;}
	.reels-gallery #facebook-reels {height: 100% !important;}
	.navbar i.h3 {margin-left: .1em;}
	.resiSliderBox hr.mb-1 {margin: .35em 0 .5em; position: relative;}
	.resiSliderBox hr.mb-1:before {
		content: ''; position: absolute; bottom: calc(100% + .1em); width: 100%; height: 2em; z-index: 20;
		background-image: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,.7) 60%, rgba(255,255,255,.2) 100%);
	}
	.resiSliderBox .city-events.table-expander .event-info {padding: 0 .4em !important; margin-right: 0;}
	.resiSliderBox .event-info p.expand-table {right: 0;}
	.resiSliderBox .city-events.table-expander .event-info p.expand-table {margin-top: -8.125em;}
	.resiSliderBox .city-events.table-expander .venue {text-align: left;}
	
	.event-info p.expand-table a:after {font-size: .75em; transform: rotate(90deg); top:calc(100% + 1.25em); right: -.5em;}
	.table-expander .event-info p.expand-table a:after {right: -.2em;}
	
	.resiSliderBox .city-events.table-expander .slideIn-info .event-info > div.row {position: static;}
	.resiSliderBox .city-events.table-expander .slideIn-info .event-info > div.row .col em {font-size: 1.5em; text-shadow: none; padding: .5em 0 .15em; -webkit-text-fill-color: #f9748f !important;}
	.resiSliderBox .city-events.table-expander .slideIn-info .event-info > div.row .col span {padding: .25em .45em .65em; background-color: transparent; color: #666;}
	
	.demo-video-playing #skip-btn {background-color: rgba(0,0,0,.65); }
	.mega-sale-special a[id^="copy-code-"] .bi-copy:before {text-align: center; box-shadow: .12em .12em .22em rgba(0,0,0,.22);}
	
	.useful-info #middle-col.details-view {padding-top: .5em;}
	.useful-info.navTogglerOn #navbarSupportedFull p + .gcbtn {width: calc(100% - 5em);}
	
	.ui-city .cat-nav a:after {font-size: 1.15em; color: rgba(255,255,255,.65);}
	.ui-city .cat-nav a {color: #000; display: block; height: auto; border-radius: .5em; padding: .5em .85em;}
	.ui-city .cat-nav a b {display: inline-block; font-size: 1.1em; max-width: inherit;}
	body.regiSlideIn .content-wrapper .navbar {pointer-events: none; filter: blur(1.5em); opacity: .75;}
	.video-btn img + .linkOnly > i {filter:none;}

	.main-area-home .sub-heading span {display: block; margin: 0 .25em; padding: .15em 1em;}
	.tip-style>a {background-color: rgba(0,0,0,.25);}
	#gcshop-disclaim p span, #myshop-disclaim p span {padding-top: 1em;}	
	#gcshop-disclaim p span em, #myshop-disclaim p span em {display: block; padding-top: .5em;}	

	.regiSlideIn .slideIn-opener span {opacity: 1;}
	.resiSliderBox .slideIn-info .row .col em {font-size: 1.2em;}
	.resiSliderBox .slideIn-info .event-info {max-height: 18em; padding: 0 .75em 1em 0 !important; margin-right: -.75em;}
	.resiSliderBox .slideIn-info .event-info .table {margin-bottom: 1em; font-size: .9em !important;}
	.resiSliderBox .city-events.table-expander .slideIn-info .event-info .table {font-size: .95em !important;}
	.resiSliderBox .slideIn-info .event-info .table th, .resiSliderBox .slideIn-info .event-info .table td {padding: .5em;}

	.resiSliderBox .slideIn-info .row {background-image: none; border-bottom: 1px solid #fe9a8b;}
	.resiSliderBox {width: calc(100% - 2em); overflow: initial;}
	.resiSliderBox .slideIn-pic {padding-top: .75em; border-radius: .5em .5em 0 0; overflow: hidden;}
	.resiSliderBox .close {bottom:-.25em; font-size: 2em; top:inherit;}
	.slideIn-info p {line-height: 1.35; margin-bottom: .5em;}
	.slideIn-info p.venue {margin-bottom: .85em;}
	.slideIn-info p strong {font-size: .95em;}
	.slideIn-info p.small {line-height: 1.3; padding-top: .5em;}
	.slideIn-info > div {padding: .65em .9em; max-height: calc(100vh - 400px); overflow-y: auto;}
	.resiSliderBox .slideIn-pic a {display: block; width: 100%;}
	.resiSliderBox .slideIn-pic img {max-height: 300px; }
	.resiSliderBox a.open-arrow img {filter: brightness(.85);}
	.resiSliderBox a.open-arrow:hover img {filter: none;}
	
	.resiSliderBox .base-pin .slideIn-pic img {max-height: inherit !important;}
	.resiSliderBox .base-pin .slideIn-info .event-info .row {display: none;}
	.resiSliderBox .base-pin .slideIn-info > div {min-height: calc(100vh - 410px);}
	.resiSliderBox .base-pin .slideIn-info .venue span .bi {margin-right: -.25em;}
	.resiSliderBox .base-pin .slideIn-info .event-info {max-height: 19em !important; padding-top: 1.5em !important; }
	.resiSliderBox .base-pin .slideIn-info .venue span {background-color: #fff; border-radius: 2em; padding: .35em .5em; }
	.festiveModeON .resiSliderBox .base-pin .slideIn-info .venue a>span {border: 2px solid #55c800;}
	.resiSliderBox .base-pin .slideIn-info .venue span * {color: #000 !important;}
	.resiSliderBox .base-pin .slideIn-info .venue {
		font-size: 1em; text-align: center; 
    	position: absolute; z-index: 10; top: -.65em; width: 100%; left: 0;
	}
	
}
@media all and (max-width:620px) {
	.catfilterON:not(.slimHeader) #soc-name.h2 small {display: none;}
	.quick-help li {margin-bottom: .75em;}
	.quick-help li a {margin: .5em .175em 0;}
	#my-likes {transform: translateY(2px);}
	.show-likes-only #my-likes:before, .show-likes-only #my-likes:after {top: 12px;}
	
	.hmove { animation: tickerh linear 25s infinite; }
	.homepage .logo {top:1em;}
	.copy-links a {padding:.15em;}
	.listing-view .card .listItem div {text-align: center;}
	body:not(.slimHeader):not(.gratitude-reminder) #soc-name.h2 small {z-index: 12; left: 0; top: calc(100% + .25em); width: 100%; font-weight: 600; text-align: center; padding: .25em 1.1em .3em !important;}
	body.monthly-reminder #soc-name.h2 small {transition: left .15s ease-in;}
	body:not(.slimHeader).gratitude-reminder #soc-name.h2 small {top: calc(100% + .25em); font-weight: 600; transition: left .1s ease-in-out;}
	.main-shops .promo-sponsors h2 {display: none;}
	
	.toast .close {right: 50%; margin-right: -.5em; font-size:2.5em; top: -1.5em;}
	
	.navbar .h4 em.nope {font-size: 1.35em; margin-right: .25em;}
	.navbar i.h3 {font-size: .85em !important;}
	.navbar.spec-pad {padding: 0 .6em 0 1em !important;}
	.news-item .ui-title {padding: 1em;}
	.navbar span.h2 small {font-size: .7em; padding-left: 1.85em; font-weight: 400;}
	.navbar span.h2 {font-size: 1.25em !important;}
	.settingsInfo h3, .settingsInfo .dataLinks {text-align: center;}
	
	.news-item .ui-loc {bottom: 3em;}
	body:not(.ui-parent) .ui-list {padding: 1em 0em !important;}
	body:not(.ui-parent) .navbar + section > .container {padding: 0 .5em;}
	
	.blog-post-type .col.title-box, .blog-post-type .col.item-box {padding: 0 !important;}
	.reels-gallery .swiper-button-next, .reels-gallery .swiper-button-prev {width: 25%; bottom: 40%; top: inherit; height: 22em; margin-top: -10em;}
	.reels-gallery .swiper-button-prev {justify-content: flex-start;}
	.reels-gallery .swiper-button-next {justify-content: flex-end;}
	#fb-gallery .reels-gallery .swiper-button-next, #fb-gallery .reels-gallery .swiper-button-prev {bottom: inherit; top: 5em; height: 22em; margin-top: 0;}
	
	.showcase-events.promo-eventsON .imp-note .event_slider {display: block; margin: 1em -1.5em -1em -1.5em !important; font-size: 1.25em;}
	.showcase-events.promo-eventsON .imp-note .event_slider span {margin-top: .5em;}
	.slimHeader.showcase-events.promo-eventsON .imp-note .event_slider a.slideIn-opener {display: inline-block; white-space: inherit;}
	.slimHeader.showcase-events.promo-eventsON .imp-note .slideIn-opener span + i {position: absolute; right: .75em; top: 1em; font-size: 1em;}
	
}

@media all and (max-width:575px) {
	.mega-sale-special {top: calc(100% - 9.5em);}
	.mega-sale-special a+i {margin-top: -2em;}
	
	.festive-offer .mega-sale-special {top: calc(100% - 6em);}
	.festive-offer .mega-sale-special a+i {margin-top: -1.5em;}
	.offer-details.mega-sale-special a[id^="copy-code-"]:after {top: calc(100% - 7em);}

}
@media all and (max-width:480px) {
	#navbarSupportedFull, #navbarSupportedContent {width: 100vw; right: -100vw;}
	
	.navTogglerOn .shareUrl {right: calc(100% - 4.5em);}
	
	
	.main-shops .navbar, .ib-shops .navbar, #IB-List .navbar {background: linear-gradient(to right, #028273, #026c60) !important;}

	.navTogglerOn .navbar-toggler.supportedFull {padding-left: 5em;}
	.promo-sponsors {margin-top: -4em !important; padding: 0 0 5em !important;}
	.promo-sponsors > div {border-radius: 0 !important;}
	.main-shops .logo, #IB-List .logo {opacity: 0; left: 2em;}
	h1 {font-size:1.5em;}
	h2, h3 {font-size:1.35em;}
	.btn:not(.btn-lg) {font-size:1em;}
	.btn.btn-lg {font-size:1.1em;}
	.tip-style {bottom: .5em;}
	.ess-toast {left: 0; top:6em; margin-left: 0; width: 100%;}
	.ess-toast .toast {width: calc(100% - 2em); margin: 1em;}
	#uf-Info .ess-toast .more-box {top: calc(100% + 5em);}
	#uf-Info .ess-toast .mybuddy {top: calc(100% + 1em);}
	.toast .close {right: .1em; top: -.35em; margin-right: 0;}
	
	.city-events .swiper-button-prev, .city-events .swiper-button-next {width: 3em; height: 3em; border-radius: 1.5em;}	
	.resiSliderBox .slideIn-pic {padding-top: 0; position: relative;}
	.resiSliderBox div:not(.base-pin) .slideIn-pic:before {content: ''; width: 100%; height: 65%; position: absolute; left: 0; bottom: 0; background-image: linear-gradient(to top, rgba(0,0,0,.35) 10%, rgba(0,0,0,0) 80%); }
	.resiSliderBox .slideIn-pic img {max-height: 320px;}
	
	.resiSliderBox .slideIn-info {position: relative;}
	.resiSliderBox .swiper-slide {width: 100% !important;}
	
	.resiSliderBox .slideIn-info .event-info>div.row {position: absolute; bottom: 100%; width: 100%; left: .5em; border-bottom: 0; margin-bottom: 0;}
	.resiSliderBox .slideIn-info > div {padding: .25em .8em .65em .9em;}
	.resiSliderBox .slideIn-info .event-info .row .col {padding: 0 .5em 0 !important;}
	.resiSliderBox .slideIn-info .event-info .row .col em {
		font-weight: 700; font-size: 2.25em; line-height: 1; text-shadow: 0 0 .2em rgba(0,0,0,.35); padding: .5em .15em .15em;
		-webkit-text-fill-color: #fff !important; -webkit-background-clip: revert !important; background-image: none;
	}

	.resiSliderBox div:not(.base-pin) .slideIn-info .event-info .row .col span {
		font-size: 1.15em; font-weight: 600;
		display: block; margin: 0 -.4em; padding: .25em .85em .65em; background-color: rgba(0,0,0,.1); -webkit-backdrop-filter: blur(.25em); backdrop-filter: blur(.25em); color: #fff;
	}
	
	.resiSliderBox .slideIn-info .event-info {max-height: 15em !important;}
	
	#middle-col.details-view .card-view>div.row div.item-box, #middle-col.details-view .card-view>div.row div.title-box, #middle-col.details-view .card-view>div.row div.bestel,
	#middle-col.details-view .card-view>div.row div.col-md-8, #middle-col.details-view .card-view>div.row div.col-md-4 {padding-left: .75em !important; padding-right: .75em !important;}
	.esmartShare-box, .full-infoPic {min-height: 400px;}

	.footer-links a {background-color: rgba(70,70,110,.1); margin-bottom: 1px !important; display: block; padding: .85em 1.5em;}
	.footer-links a:hover {background-color: rgba(70,70,110,.1);}
	.news-item > div {background-image: linear-gradient(145deg, rgba(0,0,0,.4) 10%, rgba(0,0,0,0) 70%);}
	.copy p span {display: block;}
	#staff-details .upi-qr-code b {margin-left: .25em;}
	
}

@supports (-webkit-touch-callout: none) {
	/* CSS specific to iOS devices */ 
	.shareUrl {background-image: url("../../../core/img/e/basic/share-ico.svg"); background-size: 65%;}
	.not-ios-users {display: none;}
}

@supports not (-webkit-touch-callout: none) {
	/* CSS for other than iOS devices */
	.shareUrl {background-image: url("../../../core/img/e/basic/share.svg");}
	.ios-users {display: none;}
}