.container-fluid, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {padding-left:1em !important; padding-right:1em !important;}
.row {margin-right: -.5em !important; margin-left: -.5em !important;}

h6, .h6, footer, .copy, .blog-post-type ul, .details-view ul {font-size: .9em !important;}
.navbar .top-bar {font-size:.8em;}

.main-shops .navbar + section > .container, .main-shops .tune-shopcats + section > .container {background-color: transparent; padding-left: 0 !important; padding-right: 0 !important;}

.disclaimOn .navbar + section > .container, .disclaimOn .ctdn-wrapper .full-screen, .disclaimOn .ctdn-wrapper .container, .disclaimOn #myshop-disclaim, .disclaimOn .footer-links, .disclaimOn .shareUrl, #IB-Ads.disclaimOn .content-wrapper {filter: blur(1em); pointer-events: none;}

#myshop-disclaim:not(.mega-shop) {display: none;}

body.main-shops {
	background-image: linear-gradient(to top, #4fb576 0%, #44c489 30%, #28a9ae 46%, #28a2b7 59%, #4c7788 71%, #517fa4 86%, #243949 100%);
}
#IB-List .promo-sponsors > div {background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%) !important; filter: grayscale(.5) !important;}

p+h4, p+h3, p+h2 {margin-top: 1em; margin-bottom: .5em;}

.strike {text-decoration: line-through;}

.navbar .btn {font-size: 1em;}
.navbar .form-control {border-radius: .35em;}
.navbar .form-group {margin-bottom: 0;}
.navbar form .btn-primary {margin-top: .5em;}

.navbar .navbar-collapse .active>.nav-link {border-radius:.2em;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 1em !important; padding-left: 1em !important;}
.navbar-nav .dropdown-menu {min-width:100%; border-radius:0; padding: 1em; box-sizing: border-box; border: 0 solid rgba(0,0,0,.15); box-shadow: 0 5px .35em .15em rgba(0,0,0,.12);}
.navbar-nav .dropdown-menu .dropdown-item {padding:.35em 1em; border-bottom:1px solid rgba(255,255,255,.08);}
.navbar-nav .dropdown-menu li:last-child a.dropdown-item {border-bottom:0}

.drop-cards-effect {
	opacity: 0;
	transition: opacity .2s ease, transform .2s ease; transition-delay: 0s;
} 

.drop-cards-effect:nth-child(1) {transform:translateX(1.5em); transition: opacity 1s ease, transform 1s ease; transition-delay: .1s;} 
.drop-cards-effect:nth-child(2) {transform:translateX(2em); transition: opacity .9s ease, transform .9s ease; transition-delay: .2s;} 
.drop-cards-effect:nth-child(3) {transform:translateX(2.5em); transition: opacity .8s ease, transform .8s ease; transition-delay: .3s;} 
.drop-cards-effect:nth-child(4) {transform:translateX(3em); transition: opacity .7s ease, transform .7s ease; transition-delay: .4s;} 
.drop-cards-effect:nth-child(5) {transform:translateX(3.5em); transition: opacity .6s ease, transform .6s ease; transition-delay: .5s;} 
.drop-cards-effect:nth-child(6) {transform:translateX(4em); transition: opacity .5s ease, transform .5s ease; transition-delay: .6s;} 
.drop-cards-effect:nth-child(7) {transform:translateX(3.5em); transition: opacity .4s ease, transform .4s ease; transition-delay: .7s;} 
.drop-cards-effect:nth-child(8) {transform:translateX(3em); transition: opacity .3s ease, transform .3s ease; transition-delay: .8s;} 
.drop-cards-effect:nth-child(9) {transform:translateX(2.5em); transition: opacity .2s ease, transform .2s ease; transition-delay: .9s;} 
.drop-cards-effect:nth-child(10) {transform:translateX(2em); transition: opacity .1s ease, transform .1s ease; transition-delay: 1s;} 
.drop-cards-effect:nth-child(11) {transform:translateX(1.5em); transition: opacity 0s ease, transform 0s ease; transition-delay: 1.1s;} 

.member-list-activated .drop-cards-effect {opacity: 1; transform: translateY(0);}


a:hover {text-decoration: none !important;}

section {padding: 3em 0; border-bottom: 0 solid;}
.main-shops section {padding-bottom: .5em;}
body:not(.home) .tune-shopcats + section, body:not(.home) .navbar + section, body:not(.home) .videoBg + section {padding-top: 6em;}
body:not(.home) .tune-shopcats + section:empty, body:not(.home) .navbar + section:empty {padding-top: 4em;}

.back-to-shop {display: none !important;}

.detailsPage .ping-wa {margin-top: 1.5em;}
.detailsPage .ping-wa a.btn {font-size: .95em !important;}

.full-screen {z-index: 0;}
.content-wrapper {position: relative;}
.content-wrapper:before {
	content: ''; position: absolute; left: 0; width: 100%; height: 100%;
	background-repeat: no-repeat; background-size: cover; background-position: center center; background-attachment: fixed;
}


.accordion .card-body ul {
	padding-left: 1em !important;
}
.blog-post-type ul, .details-view ul {
	padding-left: 1.5em !important;
}

.accordion .card-body ul li, .blog-post-type ul li {
	margin-bottom: .5em;
}
.accordion .card-header {padding:0;}
.accordion .card-header .btn {width:100%; text-align: left; position: relative;}
.accordion .card-header .btn:after {
	content:'\002d'; position: absolute; right:.75em; top:inherit; width:1em; height:1em; display: inline-block; border-radius:.1em;
	background-repeat: no-repeat; background-position: center center; background-size: 55%;
}
.accordion .card-header .btn.collapsed:after, .zoomIn {
	content:'\002b';
}
.accordion .card-header .btn {white-space: initial; line-height: 1.3; border-radius: 0;}

.box .btn-link .fa-plus-square:before {content: "\f146";}
.box .collapsed .fa-plus-square:before {content: "\f0fe";}

.zoomOut {background-image: url("../../../core/img/e/basic/ezshare/minus.svg");}
.zoomOut, .zoomIn {background-size: 60%; background-position: center center;}

#imageModal .zoomHolder{border-radius: .35em;}

.btn .text {display: inline-block; text-align: left;}
.btn .text b {display: block;}

.modal-dialog .modal-content {box-shadow: 0 0 .35em rgba(0,0,0,.10);}
.modal-content {border-radius:.5em !important; border: 2px solid;}
.modal-content, .modal-header, .modal-footer {border-color:rgba(255,255,255,.2) !important;}
.modal-content .close{
	position: absolute; left: 50%; top: -2.5em; margin-left: -1.5em;
	width: 3em; height: 3em; padding: 0; text-indent:-999em;
	
}
.modal-content .close:before{
	width:3em; height:3em; border-radius: 50%; left: 0;
	background-repeat: no-repeat; background-position: center center; background-color: rgba(0,0,0,.35);
	background-image: url("../../../core/img/e/basic/ezshare/close-icon.svg"); background-size: 50% !important;
}

.modal-footer {justify-content: center !important; padding: 1em !important; border-radius: 0 0 .2em .2em;}
.modal-footer .btn {font-size:1em; min-width:8em; text-align: center; border-radius: 2em; border: 2px solid rgba(255,255,255,.7) !important; background-color: rgba(255,255,255,.12);}

.content-wrapper {min-height: calc(100vh - 6.75em);}

.content-wrapper, .navbar + section > .container {
	background-repeat: repeat; background-size:180px 180px; background-position: center center;
}

.footer {min-height: 2.5em;}

.supplier-disclaim .close-me {bottom: calc(100% + 15em); font-size:1.25em; opacity: 0; pointer-events: none;}
.disclaimOn .supplier-disclaim .close-me {bottom: calc(100% + 1em); opacity: inherit; pointer-events:inherit;}

.supplier-disclaim p {margin-bottom: 0; padding: 1em;}
.supplier-disclaim {
	position: fixed; z-index: 999; bottom: -50vh; left: 0; width: 100%; background-color: #e3e3e3; border-top: 1px solid rgba(255,255,255,.95);
	padding: .5em 0 1em; font-size: .85em; font-weight: 400; color: #333; overflow: hidden; box-shadow: 0 0 .75em .25em rgba(0,0,0,.08);
}

.open-disclaim {position: relative; display: block; font-size: .85em; text-align: center; text-transform: uppercase; width: 100%; background-color: #e3e3e3; margin-bottom: 0;}
.open-disclaim a {display: inline-block; padding: .5em 1em 1em; filter: grayscale(1);}

 
.disclaimOn .supplier-disclaim {top: inherit; bottom: 0; background-color: #fefefe; overflow: visible;}


.detailsPage .our-focus .swiper-slide img, .pic-only .swiper-slide img {border-radius:50%; border:.25em solid rgba(255,255,255,.7); box-sizing: border-box;}

.festive-offer .swiper-slide {position: relative; align-items: flex-start;}
.festive-offer .swiper-slide div b, .festive-offer .swiper-slide div i {position: absolute; left: 0; width: 100%; color: #fff;}
.festive-offer .swiper-slide div b {top: 35%; font-size: 2.15em; padding: 0 2.25em; line-height: 1; text-shadow: 0 0 .5em rgba(0,0,0,.35);}
.festive-offer .swiper-slide div i {top: 60%; font-size: 1.25em; background-color: rgba(0,0,0,.5); padding: .5em;}
.festive-offer .swiper-slide .badge {font-size: 1em; transform: translateY(-1.25em); line-height: 1.25; padding: .2em .75em .3em;}
.festive-offer .swiper-button-prev, .festive-offer .swiper-button-next {top:45%;}
.any-store em {display: block; font-size:.9em; font-style: normal;}

.any-store .swiper-slide em, .any-store .swiper-slide i {display: block; font-size:.9em; font-style: normal;}

.offer-details {display: block; min-height: 5em; font-size:.9em; padding: .5em; background-color: rgba(255,255,255,.5);}

p + .gcbtn:after { content: '4 Days Free Trial'; position: absolute; bottom: -2.15em; left:0; width: 100%; font-size: .85em; font-weight: 400; color: #000;}
p + .gcbtn i {
	font-style: normal; background-image: linear-gradient(-225deg, #1d83b5 0%, #0f70a2 56%, #1e4470 100%);
	-webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
}
p + .gcbtn {
	position: absolute; font-size: 1.2em; line-height: 2.75em; text-align: center; bottom: 2.5em; left: 1.8em; width: calc(100% - 3.6em); z-index: 10;
	background-image: linear-gradient(-225deg, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%); color: #fff; font-weight: 600; border-radius: 2em; border: 2px solid rgba(255,255,255,.75) !important;
	
}
p + .gcbtn:hover {background-image: linear-gradient(-265deg, #2CD8D5 10%, #C5C1FF 55%, #FFBAC3 90%); box-shadow: 0 0 .5em rgba(0,0,0,.15);}
p + .gcbtn:hover i {background-image: linear-gradient(-225deg, #0f70a2 10%, #1e4470 55%, #121212 90%);}


#imageModal .modal-body {padding: 0 !important;}
.imagePreview {max-width: 100%;}

.btn:not(.btn-link), .form-control {
	/*font-size: .85em !important;*/
    padding: 10px 20px !important; border-width: 1px;
}

#middle-col.blog-pages {width:100%; max-width: 1200px; padding: .5em 1.5em 2em; background-color: rgba(255,255,255,.75); float: none; margin: 0 auto; position: relative;}
.our-blog, .blog-text {height: 100%;  display: flex; justify-content: center; align-items: center;}
.our-blog.pic-bg>div img {border: 1px solid rgba(255,255,255,1); position: relative; z-index:10;}
.our-blog>div, .blog-text>div {align-self: center;}
.our-blog img.roundPic {border-radius: 50%;}
.our-blog img {
  max-width: 100%;
  border: .25em solid rgba(255,255,255,.7);
  box-sizing: border-box;
}

.scroll-arrow {
	position: absolute; left: 50%; margin-left: -2em; bottom: 0; z-index: 999;
	width: 4em; height: 7em; background-image: url("../../../core/img/e/basic/ezshare/arrow-icon.svg");  background-size: 50%; background-position: center center; background-repeat: no-repeat;
	cursor: pointer; transform: rotate(-90deg); opacity: .75; display: none;
}
.shop-offline .scroll-arrow {display: none;}
.slimHeader .scroll-arrow {opacity: 0; pointer-events: none;}


/*-[Animated Arrow]-*/
@keyframes bounceArrowDown {
  0%, 20%, 50%, 80%, 100% {transform: rotate(-90deg) translateX(0);}
  40% {transform: rotate(-90deg) translateX(-25px);}
  60% {transform: rotate(-90deg) translateX(-15px);}
}

.shop-online .scroll-arrow {
	-webkit-animation: bounceArrowDown 2s infinite; animation: bounceArrowDown 2s infinite;
}
/*-[/Animated Arrow]-*/

.slimHeader:not(.intrestON) .not-interested h3:before {
	content: ''; position: absolute; top:-1.5em; width: 30px; height: 35px; left: 50%; margin-left: -15px;
	background-image: url("../../../core/img/e/basic/cursor.png"); background-size: contain; background-position: center center; background-repeat: no-repeat;	
}

.intrestON #reminderBox {display: none;}

.animated-left-arrow {margin-left: .5em; font-size: 1.25em;}
.animated-left-arrow .fa-arrow-left {
	font-size: .65em; line-height: 2;
	width: 2em; height: 2em; border-radius: 1em;
	background-color: #f29bb6; text-align: center; color: #fff;
}

/*-[Animated Arrow]-*/
@keyframes bounceArrowLeft {
  0%, 20%, 50%, 80%, 100% {-ms-transform: translateX(0); transform: translateX(0);}
  40% {-ms-transform: translateX(25px); transform: translateX(25px);}
  60% {-ms-transform: translateX(15px); transform: translateX(15px);}
}

.animated-left-arrow .fa-arrow-left {
	-webkit-animation: bounceArrowLeft 2s infinite; animation: bounceArrowLeft 2s infinite;
}
/*-[/Animated Arrow]-*/



.btn:focus, .btn.focus {box-shadow: 0 0 0 0 rgba(0,0,0,.0) !important;}

.navbar {z-index: 9999;}
.modal-open .navbar {z-index: 999;}

/*--[modal direction]--*/
.modal.fade:not(.show).left .modal-dialog {
	-webkit-transform: translate3d(-25%, 0, 0);
	transform: translate3d(-25%, 0, 0);
}
.modal.fade:not(.show).right .modal-dialog {
	-webkit-transform: translate3d(25%, 0, 0) !important;
	transform: translate3d(25%, 0, 0) !important;
}
.modal.fade:not(.show).bottom .modal-dialog {
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
}
/*--[/modal direction]--*/


/*--[itemListing]--*/
.listing-view .card-body {padding: 0;}
.listing-view .card {width:100%; margin-bottom:1em;}
.listing-view .card {background-color: rgba(250,250,250,.65); border: 1px solid #fff;}
.listing-view .card:hover {background-color: rgba(250,250,250,.85);}

.listing-view .card .btn {margin-bottom: 1.5em;}

.listing-view .card.display-full {border:0; background-color:transparent; border-radius:0;}
.listing-view>h2 {margin-bottom: .35em;}
.listing-view>h2+p {margin-bottom: 1.25em;}

.listItem {text-align: center;}
.listItem h4, .details-view h4 {margin-bottom: .5em; font-size: .85em !important; text-transform: uppercase;}
.listItem p, .details-view p {margin-bottom: .5em;}
.listItem h4+h2, .details-view h4+h2 {margin-top: .05em; margin-bottom: .5em;}
.listItem p+p {margin-top: .75em; font-size: .85em;}
.listItem>a {padding-left: 0; padding-right: 0;}
.listItem .ping-wa {width: auto;}

.listItem .title-box p {
	display: -webkit-box; -webkit-line-clamp: 2; min-height: 3em; margin-bottom: 0;
	-webkit-box-orient: vertical;  overflow: hidden;
}

.default-view .listItem .img-fluid {max-height: 220px;}

.detailsPage .btn.btn-info {max-width: 100%; padding-left: 1em !important;}

.detailsPage h1 {font-size: 2em !important; padding-bottom: .25em;}
.detailsPage h4 {margin-bottom: 0 !important;}
.detailsPage footer h4 {margin-bottom: .5em !important;}
.detailsPage .title-box h2 {border-bottom:0 !important; font-size: 1.65em !important; margin-bottom: 0; padding-bottom: .25em !important;}
.detailsPage .title-box h2 em {display: block; font-size: .75em; padding-top: .5em; font-weight: 400;}


.detailsPage .title-box h3 {text-transform: uppercase;font-size: 1em !important;}
.detailsPage div.col-lg-6.title-box {display: flex; flex-wrap: wrap;}

.card-view #middle-col.details-view {padding-top: 2em; padding-bottom: 2em;}

.stalls-ends {opacity: 0;}
.stalls-ends span {font-size: 1.2em;}
.stalls-ends span b {font-weight: 700;}
.stalls-ends span em {font-weight: 300; font-style: normal;}

.bestel > div {width: 100%; display: block; position: relative;}

.details-btn {position:absolute; right: 1em; bottom:1em;}
.details-btn .btn {height: inherit !important; min-width:120px; margin-left:0;}

.card-view .listing-view, .card-view .listItem .bestel {justify-content: center; text-align: center;}
.card-view .listing-view .card {width: 17em; margin: .5em 1em; font-size:1em; display: inline-flex; padding: 0 .5em; border-radius: .5em; overflow: hidden;}
.card-view .listing-view .listItem .item-box, .card-view .listItem .title-box, .card-view .listItem .legal-box, .card-view .listItem .bestel {flex: 0 0 100%; max-width: 100%;}
.card-view .listItem h2 {
	margin: .5em 0 .15em; font-size:1.12em !important; text-transform: initial;
	
	display: -webkit-box; -webkit-line-clamp: 1; min-height: 1.35em;
	-webkit-box-orient: vertical; overflow: hidden;
}

.card-view .listing-view .hide-this {display: none;}
.card-view .listing-view .details-btn {bottom: inherit; top:.25em; right:-.25em;}
.card-view .listing-view .details-btn .btn {min-width:50px;}

.quotes {display: block;}
.quotes div {display: inline-block; vertical-align: middle; padding: 0 1.5em; padding: .5em 3em;}
.quotes p {font-size: 1.25em; font-style: italic; margin-bottom: 0;}
.quotes i {font-style: normal; font-size:.7em; padding-top: 1.25em; display: block;}

.bon-overlay {
	position: fixed; left:0; top:0; z-index: 9999;
	display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,.8);
}

.clr {clear: both;}

/*--[transition]--*/
.hr-info.show-more-info, .gratitude-reminder #reminderBox, .swiper-pagination, .dropdown-menu, .linkOnly > i, .navbar .h1 .badge, .my-audio audio:hover, .ss-motive .swiper-pagination-bullet, .disclaimOn .supplier-disclaim, .disclaimOn .close-me, .top-bar, .slideIn-opener {transition: all .5s ease-in-out;}
.hr-info, #reminderBox, .navbar-toggler, .navbar.sticky-top, .bon-overlay, .linkOnly, a:hover img + .linkOnly > i, .navbar.sticky-top:before, .navbar.sticky-top .navbar-nav, .navbar.sticky-top:after, .slimHeader .logo, .full-infoPic + p .btn, .grid-view .swiper-slide a, .listing-view .card, a img + .linkOnly p, .intro-box, .shop-online .intro-box .btn, .slimHeader .navbar .h1 .badge, .video-btn:hover img + .linkOnly:after, .ss-motive .swiper-pagination-bullet:hover, .ss-types .swiper-slide, .ss-types .swiper-slide p, .full-infoPic + .gcbtn, .supplier-disclaim, .close-me, .top-bar, .navbar .h2, .navbar a i.h3, .useful-info .accordion em {transition: all .25s ease-in-out;}
.auto-slides .swiper-slide b, .swiper-button-prev, .swiper-button-next, .full-infoPic + a.btn, .grid-view .swiper-slide:hover a, .listing-view .card:hover, a:hover img + .linkOnly p, .details-view .swiper-slide img, #close-reminder, .testMode .mybuddy span, .video-btn img + .linkOnly:after {transition: all .1s ease-in;}
.card-view .listing-view .card p, .logo, .mybuddy span, .my-audio audio {transition: all .2s ease-out;}
.esmartShare-box .more-info {transition: right .5s ease-out;}
.smart-share-info .esmartShare-box .more-info {transition: right 1s cubic-bezier(.15, .2, .5, -.5);}
.content-wrapper:before {transition: opacity .5s ease-out;}

.current_price {font-size: 1.5em; font-weight: bold;}
.normal_price {text-decoration: line-through;}
.normal_price+.current_price {margin-top: .25em;}
.highlight_price {font-size:1.25em; font-weight: 400; border: 1px dashed; padding: 0 1em .2em;}

.current_price:empty, .base_quantity:empty {display: none;}


.base_price, .base_quantity {display: block; font-size: .85em; line-height: 1; padding:.5em 0 1em; color: #555;}

.product_summary {
	margin-bottom: 1.5em !important;
}
.product_summary:first-letter, .accordion .first-cell:first-letter {
  font-size: 2.5em;
  line-height: 1;
}

.fa-list.mobi-only {opacity:0;}
.img-right {margin: .375em 0 .5em 1em !important; float: right;}
.img-left {margin: .375em 1em .5em 0 !important; float: left;}

.coming-soon:not(.testMode) {overflow: hidden;}
.coming-soon:not(.testMode) .container, .coming-soon:not(.testMode) .banner, .coming-soon:not(.testMode) .promo-sponsors, .coming-soon:not(.testMode) #filter-cats {filter: blur(1em); pointer-events: none;}

.coming-soon:not(.testMode) .navbar + section:after, .coming-soon:not(.testMode) .tune-shopcats + section:after {
	position: fixed; left:50%; top:8em; border-radius:50%; padding: 1em 0; z-index: 20;
	content:'Coming Soon'; display: flex; align-items: center; justify-content: center;
	font-size: 2em; font-weight: 300; width: 10em; height:10em; margin-left: -5em; color: #000;
	background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); box-shadow: 0 0 .35em rgba(0,0,0,.12);
}

.useful-info.coming-soon:not(.ui-parent) .navbar + section:after {
	content:'System Update';
}
.coming-soon:not(.testMode) .logo {pointer-events: inherit;}

/*-[Timer]-*/

.shop-online .timer {
	height: auto; font-size:1.5em; left: 50%; top:-50vh; align-items: flex-start !important; justify-content: center !important;
	padding-bottom: 1.25em; max-width: 350px; margin-left: -175px; border-radius: .5em; 
	background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
}

.shop-online .timer span {display: inline-block; margin:0 .5em; color: rgba(255,255,255,.65);}
.shop-online .timer div {position: relative; display: inline-block;}
.shop-online .timer div em {
	position: absolute; left: calc(100% - 1.75em); bottom:.65em; margin-left: 2em;
	font-size: 1.65em; font-style: normal; font-weight: 600; opacity: .45;
}

.shop-online .timer span b {font-size: 1.75em;}
.shop-online .timer span i {font-size: .85em; min-width: 4em; font-style: normal; background-color: rgba(0,0,0,.5);}
.shop-online .timer span b, .shop-online .timer span i {display: block; padding: .15em .25em;}

.shop-online .timer>div:after {
	content: ''; font-weight: 400; font-size: .65em;
}

.timer .cnlog {position: absolute; left:50%; margin-left: -.75em; bottom:-.75em; font-size:.65em; font-weight: 400; padding: .15em .35em; background-color: #fff; border-radius: 2em; display: none;}
.shop-fullON .timer>div:after {
	position: absolute; top: .1em !important; right: -.35em !important;  font-size: 1.5em !important;
}

.shop-fullON .timer>div:after {content: '\2654' !important;}
.shop-fullON .timer {font-size:1.2em !important; border-radius: 1.5em; background-image: linear-gradient(180deg, #0fd850 0%, #009efd 100%);}
/*-[/Timer]-*/


/*-[Animated Buddy]-*/
#shopDev.mybuddy {position: fixed; z-index: -1;}
#shopDev.mybuddy span {opacity: 0;}
.mybuddy {
	position: relative; width: 3em; height: 4em;
	top:1.25em; left: 50%; margin-left:-1.5em; 

}
.mybuddy span {
	position: absolute; bottom:1em; left:0; display: inline-block; width: 3em; height: 4em; z-index: 999; 
	background-image: url("../../../core/img/e/basic/mybuddy.png"); background-size: contain; background-position: center center; background-repeat: no-repeat;
}
.reload-page .mybuddy {position: relative; font-size: 1.75em;}
.reload-page .mybuddy span {opacity: 1;}


@keyframes bouncingBoll {
  0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0); transform: translateY(0);}
  40% {-ms-transform: translateY(25px); transform: translateY(25px);}
  60% {-ms-transform: translateY(10px); transform: translateY(10px);}
}
.mybuddy span, .not-interested h3:before {
	-webkit-animation: bouncingBoll 2s infinite; animation: bouncingBoll 2s infinite;
}
/*-[/Animated Buddy]-*/


.ess-display .show-timer span:last-child {display: block; font-size:1.25em; font-weight: 600;}
.ess-display .show-timer span:last-child b {font-weight: 400;}
.ess-display .show-timer span:last-child small {font-size:.5em !important; display: block;}
.ess-display .show-timer span, .ess-display .show-timer span.expired * {color: #000 !important;}
 
.ess-display.shop-ctn-expired {display: none;}
.testMode .ess-display .show-timer .ess-id {display: block; margin-right: .25em; padding: .25em; cursor: pointer;}
.testMode .ess-display .show-timer .ess-id:before {margin-right: .25em; opacity: 0;}
.testMode .ess-display .show-timer .ess-id.copied-success:before {opacity: 1;}
.testMode .ess-display .show-timer .ess-id.copied-success {color: #fff !important;}
.testMode .ess-display .show-timer a:before {margin-right: .25em;}
.testMode .ess-display .show-timer .ess-id.bi-copy {border-radius: .25em;}
.testMode .ess-display .show-timer .ess-id.bi-copy:not(.copied-success):hover {background-color: rgba(255,255,255,.25);}

.swiper-wrapper .ess-display {/*min-height: 175px;*/}
.ess-display.ctn-expired {background-color: #fff; filter: grayscale(.5) !important;}
.ess-display.ctn-expired:hover {transform: scale(1);}

.ctn-expired.slimCTA {max-height: 100px; min-height: auto;}
.ctn-expired.slimCTA .cta-ads h3+p {display: none;}
.ctn-expired.slimCTA .cta-ads h3, .ctn-expired.slimCTA .cta-ads .btnBox {display: inline-flex;}
.ctn-expired.slimCTA .cta-ads h3 {padding-right: 2.25em; font-size: 1.2em;}
.ctn-expired .cta-ads h3 span em {font-size: 1.35em; margin-right: .2em;}
.ctn-expired.slimCTA>div {padding-top: .5em;}
.ctn-expired.slimCTA>div .btnBox .btn {padding:.2em 1.5em .3em 2.5em !important; font-size: 1em;}


.ess-display .show-timer {
  position: absolute !important; z-index: 99; align-self: center;
  background-color: rgba(255,255,255,.75); -webkit-backdrop-filter: blur(.5em); backdrop-filter: blur(.5em); background-image: none !important;
  padding: 1em; border-radius: .5em; width: 80% !important; height: auto !important; margin: 0 10%;
}
.ess-display:not(.ctn-expired) .show-timer {display: none;}

.heroes-zone .ess-display .show-timer {width: 100%!important; height: 100%!important; margin: 0!important;}
.heroes-zone .ess-display.ctn-expired .shine-effect {display: flex;}

a:has(> div.ctn-expired) {pointer-events: none;}

.show-timer .ess-id {opacity: 0;}
.show-timer:before {content:'\f542'; display: block; color: #000 !important;}

.ui-news .ess-display .show-timer {top: 50%; min-height: 7em; margin-top: -3.5em;}

.cta-box {position: relative; display: block; padding-bottom: 100px; bottom: 0; margin-top: 2.25em; text-align: center;}

.cta-box p {padding: .5em 25px; margin-bottom: 0;}
.cta-box p span {padding: .2em .75em; display: inline-block;}
.cta-box p i {display: block; padding-top: .5em;}
.cta-box .h3 {color: #fff !important; margin-bottom: .5em;}
.cta-box .h3 b {font-weight: 600; font-size: 1.35em !important;}
.navTogglerOn p + .gcbtn:after {color: #fff;}

p + .gcbtn {font-size: 1.1em; bottom: 2.25em;}
.esmartShare-box p + .gcbtn {bottom: 4em;}
.esmartShare-box p + .gcbtn:after {bottom: -3.5em;}
.cta-box p + .gcbtn:after { bottom: -3.5em;}


.testMode .show-timer:hover .ess-id {opacity: 1;}
.testMode .ess-display .show-timer {display: block;}
.testMode .ess-display.ctn-expired {display: flex;}


.essSoCase .soCase-items .title-box {backdrop-filter: blur(.5em); margin-bottom: .35em;}
.essSoCase .soCase-items [id^="p_"] .item-box, [id^="items_"] .ping-wa a.btn, .ess-socase a {position: relative; background-image: none;}
.essSoCase .soCase-items [id^="p_"] .item-box:before, .ess-socase a:before {
	position: absolute; left: 1em; top: .5em; z-index: 10; 
	content: ''; width: 3em; height: 3em; border:1px solid rgba(255,255,255,1); 
	background-size: 100%; background-position: center; border-radius: 3.5em;
}
.essSoCase .ess-socase p {color: #000 !important;}


.ess-socase {padding-top: 1em;}
.ess-socase b {font-style: italic; font-weight: 600;}
.ess-socase a.btn { font-weight: 400; padding: .5em 2em .5em 3em !important; border-radius: 3em !important;}
.ess-socase a.btn:hover {background-color: #fff !important;}
.ess-socase a.btn:before {background-image: url('../../../main/pics/logo.svg');}


section:not(.no-margin) {padding: 2em 0 3em;}


[id^="items_"] .ping-wa a.btn:before, .ess-socase a:before {
	position: absolute; left: 0; top: 0; z-index: 10; 
	content: ''; width: 2.5em; height: 2.5em; border-radius: 3em;
	background-size: 2.5em 2.5em; background-position: left center;
}

.useful-info-embed {max-width: 440px; margin: 0 auto;}
.useful-info-embed a {display: flex; position: relative; justify-content: center; text-align: center; font-weight: 400;}
.useful-info-embed a:after {
	position: absolute; top: 50%; width: 150px; height: 150px; margin-top: -75px; padding: 1em; content: 'Useful Info'; border-radius: 10em; transition: all 0.2s ease;
	background-color: rgba(0,0,0,.65); color: #fff; border: 2px dotted rgba(255,255,255,.75); display: flex; align-items: center; justify-content: center;
}
.useful-info-embed a:hover:after {background-color: rgba(0,0,0,.95); border: 4px dotted rgba(255,255,255,1);}
.useful-info-embed a img {width: 100%;}

.festive-offer .offer-details:not(.mega-sale-special) {
	position: absolute; bottom: .5em; left: .5em;
	width: calc(100% - 1em); min-height: 6em; background-color: rgba(255,255,255,.65); -webkit-backdrop-filter: blur(.35em); backdrop-filter: blur(.35em);
}
.festive-offer .offer-details:not(.mega-sale-special) b {position: static !important; color: inherit; font-size: 1.5em; text-shadow: none !important;}
.festive-offer .offer-details:not(.mega-sale-special) a i {background-color: transparent; top: inherit; margin-top: .85em;}

	
@keyframes heartbeat {
    0%, 100% {
       width: 150px; height: 150px; margin-top: -75px;
    }
    40% {
       width: 160px; height: 160px; margin-top: -80px;
    }
}

/* Style for the link */
.hb-animate:after {
    display: inline-block; /* Ensures scaling works correctly */
    color: #e63946; /* Color for the link */
    text-decoration: none; /* Remove underline */
    animation: heartbeat .5s ease-in-out 0s 2; /* Apply the heartbeat animation */
}
.hb-animate:hover:after {animation: none;}

/*- [custom scrollbar] -*/
/* Custom scrollbar for Webkit-based browsers (Chrome, Safari, Edge) */
body div::-webkit-scrollbar {width: 12px;}
body div::-webkit-scrollbar-track {background: #c3c3c3; border-radius: 10px;}
body div::-webkit-scrollbar-thumb {background-color: #ffcdda; border-radius: 10px; border: 6px solid #f3f3f3;}
body div::-webkit-scrollbar-thumb:hover {background-color: #cccccc;}
/* Custom scrollbar for Firefox */
body div {scrollbar-width: 6px; scrollbar-color: #ffcdda #fefefe;}
/* Custom scrollbar for Internet Explorer/Edge */
body div {-ms-overflow-style: none;}
/*- [/custom scrollbar] -*/


#back-link {position: absolute; left: 0; top: calc(100vh - 12em); width: 100%; text-align: center; z-index: 99; }
#back-link p { color: #fff; text-shadow: 0 0 .35em rgba(0,0,0,.35); margin-bottom: 1em;}
#back-link a {font-weight: 600;}


/*--[WebLink]--*/

em.web-link {
	position: absolute !important; right:.15em; top:-.15em; z-index: 55; 
	display: none !important; padding: 0 !important; text-align: center; font-style: normal;
}
em.verified+.web-link, em.web-link.share-IBAd {display: flex !important; opacity: 1; border:none !important; font-weight: 400 !important; font-size: 20px !important;}

em.verified+.web-link {opacity: 0;}

em.verified+.web-link {flex-flow: row-reverse; justify-content: flex-end; border-radius: 0 0 .5em .5em !important; box-shadow: 0 0 .25em .15em rgba(0,0,0,.12);}
em.web-link.share-IBAd {flex-flow: row; justify-content: flex-end; right: inherit; left:.35em; top:.1em;}

.swiper-slide em.web-link.share-IBAd {flex-flow: column; left:inherit; right: .5em; top:.85em;}
.swiper-slide em.web-link.share-IBAd a {color: #fff;}



.hero-image em.web-link.share-IBAd {top:.35em;}
#IB-Ads .card:not(.memberLiked) .hero-image em.web-link.share-IBAd a.resiShare {display: none !important;}

.testMode em.verified+.web-link, em.web-link.share-IBAd {opacity: 1;}
em.web-link a {position: relative; display: inline-block; margin-bottom: .75em; padding: .225em .35em; line-height: 1;}
em.web-link span {display: inline-block; margin-right:.25em; font-size: .75em;}
em.web-link a:before {
	position: absolute; bottom: -.6em; left: 0;
	font-size: 14px !important; font-weight: 400; width: 100%; text-align: center;
 }
em.web-link a:after {
	 display: inline-block; font-size: 1.15em; width: 1.25em; height: 1.25em; margin-top: .25em;
}
em.web-link a.resiShare:before {content:'ess';}
em.web-link a.resiShare:after {content: '\F10A';}

em.web-link.share-IBAd a.resiShare {color: #fff !important;}
.memberLiked em.web-link a.resiShare:after {content: '\F6C0'; transform: rotate(10deg) translateX(-2px);}

em.web-link a.resiLiked sub {
  position: absolute; left: 0; bottom: -.55em; width: 100%; text-align: center;
  font-size: .65em !important; font-weight: 600; line-height: 1; 
}
em.web-link a.resiLiked:after {content: '\F417';}
.memberLiked em.web-link a.resiLiked:after {content: '\F415';}
em.web-link a.resiLiked:hover:after {color: #fff !important;}

em.web-link a.resiLiked sub {color: transparent;}
em.web-link a.resiLiked sub:before {color: #fff; position: absolute; font-size: 14px !important; font-weight: 400; left:0; width: 100%;}
div:not(.memberLiked) em.web-link a.resiLiked sub:before {content: 'Like';}
div.memberLiked em.web-link a.resiLiked sub:before {content: 'Like';}


em.web-link:hover:after {filter: grayscale(1);}
/*--[/WebLink]--*/


@media all and (min-width:575px) {
	.container {max-width: 100% !important;}
	footer>.container {max-width: 100% !important;}
}
@media all and (min-width:660px) {
	.modal:not(.modalUserLogin) .modal-dialog {max-width: 50em;}
}
@media all and (min-width:769px) {
	body:not(.home).no-ess-found .navbar + section {padding-top: 3em;}
}

@media all and (min-width:990px) {
	.pic-holder {position: relative;}
	.mobi-only {display: none;}
	.details .img-fluid {max-width: 520px;}
	.navbar-nav .dropdown {margin-left:1px;}
	.btn-lg {min-width:300px;}
	.bestel {margin-top: .5em; padding: 0 !important;}
	.slideIn-info>div {padding: 2em 1em 1em 2em;}
	em.web-link span {transform: translateY(-3px);}
	
}
@media all and (min-width:991px) {
	.hide-desktop {display: none !important;}
	.essSoCase .full-screen .swiper-slide {align-items: self-start;}
	.essSoCase .full-screen .swiper-slide div {text-align: right; margin-top: 1.45em; }
	.essSoCase .full-screen .swiper-slide div p {padding: .5em 2em;}

}
@media all and (min-width:1024px) {
	#left-col {position: static; width: 25%; float: left; box-sizing: border-box; padding-right: .5em;}
	#middle-col {width: 72%; float: right; box-sizing: border-box; padding-left: .5em;}
	#middle-col.details-view {width:100%; padding-left: 0;}
	.slimHeader .mybuddy span {width: 2.5em; height: 3.5em;}
	.detailsPage h4.brand-name {display: none;}

	.detailsPage #middle-col.details-view {padding-top: 0;}
	.main-home #middle-col.details-view {padding: 0 !important;}
	.main-home #middle-col .card h2 {padding-top: 1em;}
	.modal.fade:not(.show).left .modal-dialog {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
}
@media all and (min-width:1280px) {
	#back-link {top: calc(100vh - 8em);}
	/*--[Zoom css]--*/
	.img-zoom-container {position: relative; display: inline-block; height: 100%;}
	.img-zoom-container a {cursor: crosshair; display: block; height: 100%; width: 100%;}
	.img-zoom-lens {
		position: absolute; border: 1px solid rgba(255,255,255,.5); background-color: rgba(0,0,0,.15); opacity:0;
		/*lens size*/
		width: 4em; height: 4em;
	}
	.img-zoom-result {
		border: 1px solid #d4d4d4; opacity:0;
		position: absolute; left: 100%; top:0; z-index:0;
		/*zoom box size*/
		width: 30em; height: 30em; background-repeat: no-repeat; background-color:rgba(255,255,255,.95);
	}
	.show-zoom-box .img-zoom-result {z-index: 999;}
	.show-zoom-box .img-zoom-result, .show-zoom-box .img-zoom-lens {opacity:1;}
	/*--[/Zoom css]--*/
	.blog-post-type .card-view div.title-box {padding-right: 15px !important;}
}
@media all and (min-width:1320px) {
	.videoBox {width:1250px; height:auto;}
}
@media all and (min-width:1400px) {
	header .navbar {max-width: calc(100vw - 10em);}
	#left-col {width: 20%;}
	#middle-col {width: 78%;}	
	.card-view .details-view div.blog-post-type {display: flex; justify-content: center; align-items: center;}
	.card-view .details-view div.blog-post-type #middle-col-full {width: 100%;}
}
@media all and (min-width:1600px) {
	#back-link {top: calc(100vh - 10em);}
}

@media all and (min-width:1920px) {
	footer>.container {max-width: 1800px !important;}
	header .navbar {max-width: calc(100vw - 25em);}
	.navbar-brand {font-size: 1.3em !important;}
}
@media all and (min-width:2000px) {
	.container {max-width: calc(90%) !important;}
	footer>.container {max-width: 90% !important;}
}

@media all and (max-width:1600px) {
	.big-header h1 {font-size: 1.75em !important;}
	.card-view .listItem h2 {font-size:1.15em !important;}
	body:not(.home) .navbar+section {padding-top: 6.5em;}
}

@media all and (max-width:1400px) {
	.big-header h1 {font-size: 2em;}
	.big-header h2 {font-size: 1.5em;}
	h1, .h1, .big-header h2 {font-size: 1.75em !important;}
	h2, .h2 {font-size: 1.5em !important;}
	h3, .h3 {font-size: 1.35em !important;}
	h4, .h4 {font-size: 1.25em !important;}
	.essSoCase #middle-col.details-view {padding-top: 1em;}

	
	div.blog-post-type, div.pro-large-pic {flex: 0 0 70% !important; max-width: 70% !important;}
	.details-view div.blog-post-type, .details-view div.pro-large-pic {flex: 0 0 100% !important; max-width: 100% !important;}
	.details-view div.pro-large-pic {max-width: 768px !important; margin: 0 auto;}
	div.info-promo-box {flex: 0 0 30% !important; max-width: 30% !important;}
}
@media all and (max-width:1200px) {
	div.blog-post-type {flex: 0 0 65% !important; max-width: 65% !important;}
	.blog-pages div.blog-post-type {flex: 0 0 100% !important; max-width: 100% !important;}
	div.pro-large-pic, div.info-promo-box {flex: 0 0 100% !important; max-width: 420px !important; margin: 0 auto;}
}

@media all and (max-width:1024px) {
	.navbar {font-size:.9em !important;}
	body:not(.homepage) .mybuddy {
		width: 3em; height: 3em; 
	}
	.mybuddy span {
		left:.5em; width: 2em; height: 3em;
	}
}
@media all and (max-width:1023px) {
	div.blog-post-type {flex: 0 0 100% !important; max-width: 100% !important;}
	div.pro-large-pic {padding-left: 0 !important;}
}

@media all and (max-width:990px) {

	body:not(.home) .tune-shopcats + section, body:not(.home) .navbar + section, body:not(.home) .videoBg + section {padding-top: 5.5em;}
	.coming-soon:not(.testMode) .navbar + section:after, .coming-soon:not(.testMode) .tune-shopcats + section:after {font-size: 1.5em;}
	em.verified+.web-link {flex-flow: column;}
	.essSoCase .full-screen .swiper-slide div p {font-weight: 600; font-size: 1.25em;}
	.essSoCase #shipping-info div {color: #fff; width: 100%;}
	.essSoCase #shipping-info div b {display: block; font-weight: 600; font-size:1.2em;}
	
	.detailsPage .back-to-shop {position: relative; display: inline-block !important; right: 4.5em; top: .35em; text-transform: initial; border-width:1px; font-size:.9em;}
	.hide-mobi {display:none !important;}
	.hide-mobi+.dropdown-menu {display:block;}
	.navbar .dropdown-menu {padding: 1em;}
	.navbar-collapse .dropdown-menu {padding: .5em 0;}
	.listing-view .card {margin-left:.5em; width: calc(100% - 1em);}
	.card-view .listing-view .card {margin: .5em 1em 2em;}

	.home .navbar + h1 {padding-top: 4.5em;}
	.home h1 {font-size: 1.35em !important;}
	
	.navbar .dropdown {margin-top: 1px;}
	.navbar .dropdown-divider {display: none;}
	.navbar .navbar-collapse {margin-left: -.5em; margin-right: -.5em;}
	.navbar .navbar-collapse .nav-link {border-bottom:1px solid;}
	.navbar .navbar-collapse .nav-item:last-child .nav-link {border-bottom:0;}
	.navbar .dropdown-menu {margin: 0; border: 0;}
	.big-header h1 {font-size: 1.5em;}
	.big-header h2 {font-size: 1.2em;}
	.btn-lg {min-width:250px;}
	.details-btn {position:static; right:inherit; bottom:inherit; display: block; width: 100%; text-align: center; padding-top: .25em; margin-top: .5em;}
	.details-btn .btn {min-width:250px !important;}
	.detailsPage h1 {font-size: 1.35em !important;}

	.slimHeader:not(.intrestON) .not-interested h3:before {top:-2em;}	
	.listing-view .card.display_full .listItem .col-lg-4, .listing-view .card.display_full .listItem .col-lg-8 {flex: 0 0 100%; max-width: 100%; text-align: center;}
	
	.ping-wa a.btn {font-size: .85em !important;}

}
@media all and (max-width:810px) {

	body > .container {padding-bottom: 4em;}
	.navbar .navbar-collapse {position: relative;}

	h1, .h1, .big-header h2 {font-size: 1.45em !important;}
	h2, .h2 {font-size: 1.35em !important;}
	h3, .h3 {font-size: 1.25em !important;}
	h4, .h4 {font-size: 1.15em !important;}
	.big-header h1 {font-size: 1.5em !important;}

	.modal .modal-body {padding-bottom: 4.5em;}
	.btnBox .btn {margin:.25em 0;}
	footer {position: static;}
	.copy-links a {max-width:initial;}

	section:not(.no-margin) {padding: 3em 0;}
	.ctn-expired.slimCTA .cta-ads h3 {font-size: 1.05em !important;}
	.ctn-expired.slimCTA>div .btnBox .btn {font-size: .9em; padding-right: 1.25em !important;}
	
	.supplier-disclaim {bottom: -100vh;}
	.stalls-ends span {display: block;}
}

@media all and (max-width:620px) {
	em.web-link span {transform: translateY(-2px);}
	em.web-link:after {width: 1.65em; height: 1.65em; top:.2em; right: .2em !important;}
	.homepage.essSoCase #navbarSupportedContent #shipping-info {font-size: 1.25em;}
}
@media all and (max-width:480px) {

	.homepage.essSoCase .ctdn-wrapper, .homepage.essSoCase .full-screen + .container, .homepage.essSoCase #section-1 .intro-box {padding: 0 !important;}
	.homepage.essSoCase .full-screen + .container {border-top-width:1px;}
	.homepage.essSoCase .full-screen + .container>.row {margin: 0 !important;}
	.homepage.essSoCase #section-1 .intro-box {
		margin: 0 !important; flex: 100% !important; max-width: 100%;
	}
	.homepage.essSoCase #section-1 .intro-box>div {border-radius: 0; margin-bottom: 0;}
	
	.useful-info-embed {max-width: 320px;}
	.navbar .h2 {font-size: 1.2em !important;}
	.navbar .logo {width: 3em; height: 3em; margin-left: -1.5em;}
	.home .navbar + h1 {background-color: #302930; margin-bottom: 0; text-transform: initial; font-weight: 600;}
	#middle-col.blog-pages {padding: .5em .25em 2em;}
}