body, html {height: 100%; margin: 0;padding: 0;}

.ctdn-wrapper {min-height: 100%;}

.intro-box {
	display: flex; align-items: center; justify-content: center; margin: 3em 0;
	text-align: center; background-color: rgba(0,0,0,.15); 
}

.intro-box h1, .intro-box h2, .intro-box h3 {color: #fff; text-shadow: 0 0 .5em rgba(0,0,0,.22); margin-bottom: 0;}
.intro-box h2 {font-size: 1.65em !important;}
.intro-box h2 em {font-size:1.35em; font-style: normal; font-weight: 300; letter-spacing:.1em;}
.intro-box b {display: block; font-size:1.25em; font-weight: 700; padding-top: .25em;}
.intro-box .btn {border-radius: 2em; padding: .5em 1em !important;}

.intro-box>div {position: relative; border-radius: 2em; padding: 2em;}
.intro-box > div .badge {font-size: .75em; font-weight:300;}

.pic-holder {display: block; width: 100%; text-align: center; padding-top: 1em;}
.author-pic {
	width: 10em; height: 10em; border-radius: 50%; box-shadow: 0 0 .5em rgba(0,0,0,.25);
	position: relative; display: inline-block; z-index: 10;
	border: .25em solid rgba(255,255,255,1); background-position: center center; background-repeat: no-repeat; background-size: contain;
}

.name-flag b {
	margin: 0 auto; font-size:1.5em; font-weight: 600;
	transform: translateY(-.2em) rotate(-4deg);
}
.name-flag b em {font-size:.65em; font-weight: 400;}
.name-flag {
	position: absolute; bottom: -3em; left: -1.5em; width:12em; height: 6em; display: flex; align-items: center;
	background-image: url("../../core/img/e/basic/author-name.png"); background-repeat: no-repeat; background-size: contain;
}
.name-flag.dsp {background-image: url("../../core/img/e/basic/author-name-dsp.png");}


.slideshow+.container>.row{min-height:100vh;}
.slideshow {
  position: absolute; overflow: hidden; z-index: 0;
  width: 100vw; height: 100vh;
}
.slideshow:after, .slideshow:before {
	content:''; position: absolute; width:100%; height: 100%;}
.slideshow:after {
	z-index: 10; background: rgba(224,141,183,.3);
	background: linear-gradient(180deg, rgba(255,140,180,0.3) 1%, rgba(255,140,180,0) 25%);
}
.slideshow:before {
	z-index: 12; background: rgba(201,123,157,.25);
	background: linear-gradient(360deg, rgba(0,0,0,0.35) 2%, rgba(0,0,0,0) 40%);
}

.slideshow-image {
	position: absolute;  width: 100%; height: 100%; opacity: 1;
	background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;

	animation-name: kenburns; animation-timing-function: linear; animation-iteration-count: infinite;
}


.shop-online .intro-box .btn {pointer-events:inherit; opacity:1;}

.stars-shops {
	font-size: .75em; pointer-events: initial;
	width: 80%; max-width: 360px; opacity: 0; transition: opacity 0.5s ease-in 1s;
}
.no-worry .btn {border-radius: 2em;}
.shop-offline .stars-shops {opacity: 1;}


.shop-online .prod-display.outOfStock .card-body{pointer-events: none; opacity: .75;}
.shop-online .prod-display.outOfStock:after {
	content:'Out of Stock'; position: absolute; width: 100%; top:25%; left:0; padding: .5em 0; background-color: rgba(255,255,255,.75);
}

.shop-online .card.inactive {display: none;}
.shop-online .video-display.inactive {display: block; pointer-events: none;}
.shop-online .video-display.inactive .video-btn img + .linkOnly::after {
  content: 'Coming Soon...';
}
.shop-online.inactive .blog-post-type, .shop-online.inactive .pro-large-pic {filter: blur(1em); pointer-events: none;}

.shop-online.inactive .navbar + section:after, .shop-online.inactive .navbar + section:before {
	font-size: 2em; position: absolute; left:50%; border-radius:50%; padding: 1em 0; z-index: 10;
}
.shop-online.inactive .navbar + section:before {
	top:6em; width: 12em; height:12em; margin-left: -6em; background-color: rgba(255,255,255,.35);
}
.shop-online.inactive .navbar + section:after {
	top:5em; content:'Out of Service'; display: flex; align-items: center; justify-content: center; z-index: 20;
	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);
}

.shop-offline .intro-box .btn, .shop-offline .navbar-toggler, .shop-offline .scroll-arrow, .shop-offline .home-icon {pointer-events: none; opacity:.25;}


.homepage.shop-online .logo {cursor: default;}
.homepage.shop-offline .logo {cursor: pointer; z-index: 99;}

.shop-offline .info-promo-box {z-index: 9999;}


.timer {
	position: fixed; top:0; left: 0; z-index:1; display: flex; align-items: center; justify-content: center;
	width: 100%; height: 100%; font-size:.5em; text-align: center; opacity: 0;
}

.shop-offline.homepage .timer .author-pic {display: none;}
.shop-offline:not(.homepage) .timer .text-center p {font-size:.65em;}

.shop-offline .timer {
	font-size: 1.5em; z-index: 10; opacity: 1;
}
.shop-offline, .shop-online.inactive {overflow: hidden;}
.shop-offline .logo span {display: none;}

.shop-offline .top-bar>div, .shop-offline #myshop-disclaim p, .shop-offline .navbar + section #middle-col-full, .shop-offline .content-wrapper>section .blog-post-type, .shop-offline .content-wrapper>.videoBg, .shop-offline .navbar + section .pro-large-pic,
.testMode .navbar + section .blog-post-type, .testMode footer
{filter: blur(1em); pointer-events: none;}

.shop-offline .intro-box, .testMode .intro-box {opacity: .1; pointer-events: none !important;}
.shop-offline .slideshow, .shop-offline .full-screen, .testMode .slideshow, .testMode .full-screen {filter: blur(2em); pointer-events: none;}

.shop-offline:not(.homepage) .author-pic {width: 7em !important; height: 7em !important; position: relative !important;}
.shop-offline:not(.homepage) .name-flag {bottom: -1.5em; width: 9em !important; height: 4em !important;}
.shop-offline:not(.homepage) .timer span b {font-size: .75em; transform: translateY(1.5em) rotate(-4deg); color: initial;}


@media all and (max-width:1600px) {
	.timer {font-size: .25em;}
}
@media all and (max-width:1024px) {
	.intro-box {margin:3em auto 0 !important; flex: 0 0 66.3333333333%; max-width: 66.3333333333%;}
}
	
@media all and (max-width:990px) {
	.intro-box {padding: .25em 0 2em;}
	.pic-holder {padding-bottom: 3em;}
	.intro-box>div {margin-bottom: 1em; width: 100%; max-width: 100%;}
	.shop-online.inactive .navbar + section:after, .shop-online.inactive .navbar + section:before {font-size: 1.5em;}
	.shop-online.inactive .navbar + section:after {top:7em;}
}
@media all and (max-width:680px) {
	.ctdn-wrapper {height:auto; padding-bottom: 1.5em; background-attachment: fixed;}
	.intro-box {flex: 0 0 92.3333333333%; max-width: 92.3333333333%;}
	.homepage.shop-offline .logo {top: 8%; width: 5em; height: 5em; margin-left: -2.5em;}

	.stars-shops {
		width: 100%; max-width: auto;
		left:inherit; margin-left:0; 
		top: -1em; position: relative !important;
	}
	
	
	.intro-box h2 {font-size:1.35em;}
	.intro-box b {font-size:1.35em;}
	
}

@media all and (min-width:620px) {
	.countdown .logo {top:2em;}
}
@media all and (min-width:990px) {
	.container {min-height: calc(100%);}
	.intro-box {min-height:calc(100vh - 6em); border-radius:1em;}
	

	.pic-holder {position: absolute; display: inherit; right: 4em; bottom: 8em; width: 12em; height: 12em;}
	.author-pic {width: 12em; height: 12em;}
	.name-flag {bottom: -2.5em; left: -2em; width:15em; height: 7em;}
	.countdown .logo {left:5em;}
}
@media all and (min-width:1600px) {
	.shop-online.inactive .navbar + section:after {top:7em;}
}