.mobilehide { display: none; height: 0px; }
	.mobileshow { display: inline; height: auto; }
	.desktopshow { display: none; height: 0px; }
	.desktophide { display: inline; height: auto; max-width: 100%; clear:both; }
	.refcols { column-count: 1; }
	.testimonial { width: 18cm; max-width: 100%; margin: auto; }
	.testdrop { margin-top: 0px; }
	.testdrop2 { margin-top: 0px; }
	.testdrop3 { margin-top: 0px; }
	.deskpush { margin-left: 4px; margin-right: 1px; }
	.clock-sets { width: auto; max-width: 60%; position: relative; top: 46px; left: -11%; }

	.animg { float: none; text-align: center; margin: auto; }
	.mobsmlrr { font-size: 0.88em; }
	.keepwatch { margin: 4px auto 28px auto; }
	.pani { margin-top: 12px; text-align: center; }
	.dutchp { line-height: 1.35em; }
	.inner { margin: 30px auto 30px auto !important; }

	.clock-sets { width: auto; max-width: 60%; position: relative; top: 46px; left: -11%; }

	@media only screen and (min-width: 479px) {
		.mobilehide { display: inline; height: auto; }
		.mobileshow { display: none; height: 0px; }
		.zachbio { max-width: 800px; width: 100%; height: auto; }
		.refcols { column-count: 2; }
		.testimonial { width: 5.0cm; top: -1rem; left: -3.5rem; }
		.testdrop { margin-top: 14px; }
		.testdrop2 { margin-top: 6px; }
		.testdrop3 { margin-top: 24px; }
		.deskpush { margin-left: 110px; margin-right: 10px; }
		.clock-sets { position: relative; top: 42px; left: 34.5%; width: 300px !important; }

		.animg { float: left; padding-right: 20px; margin: 0px; }
		.mobsmlrr { font-size: 1.0em; }
		.keepwatch { margin: 34px auto 28px auto; }
		.pani { margin-top: 0px; text-align: left; }
		.dutchp { line-height: 1.65em; }
		.inner { margin: 100px auto !important; }
	}

	@media only screen and (min-width: 1025px) {
		.desktopshow { display: inline; height: auto; }
		.desktophide { display: none; height: 0px; }
		.zachbio { max-width: 1000px; width: 100%; height: auto; }
	}

	@media only screen and (min-width: 1400px) {
		.desktopshow { display: inline; height: auto; }
		.desktophide { display: none; height: 0px; }
		.zachbio { max-width: 1180px; width: 100%; height: auto; }
		.clock-sets { position: relative; top: 42px; left: 36.5%; width: 300px !important; }
	}

	@media only screen and (min-width: 1600px) {
		.clock-sets { position: relative; top: 42px; left: 38.2%; width: 300px !important; }
	}
	
	.btn:hover, .btn:active { background-color: #290951 !important; }

	.tick {
	  padding-bottom: 0.5em;
	  font-size: 3rem;
	  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans,
		  Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
	}

	.tick-label {
	  margin-top: -22px;
	  font-size: 1.65em;
	  text-align: center;
	}

	.tick-group {
	  margin: 0 0.25em;
	  text-align: center;
	}

	:nth-child(1 of .tick-group) {
	  display: none;
	}
	:nth-child(2 of .tick-group) {
	  display: none;
	}

	.tick-onended-message {	display: none; }

	#video-hero #cta-overlay {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: url(/assets/images/unmute-mobile.gif) 50% 45%/98% no-repeat rgba(0, 0, 0, 0.9);
	  cursor: pointer;
	  opacity: 0.85;
	}
	@media (min-width: 768px) {
	  #video-hero #cta-overlay {
		background: url(/assets/images/unmute-desktop.gif) 50% 60%/59% no-repeat rgba(0, 0, 0, 0.9);
	  }
	}
	#video-hero #cta-overlay.hide {
	  display: none;
	}
	.scale-110 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-scale-x: 1.1; --tw-scale-y: 1.1; }

.scale-150 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-scale-x: 1.4; --tw-scale-y: 1.4; }

.flip-clock-wrapper {
  position: relative;
  top: -38px; left: 184px;
  width: 200px !important;
  max-width: 220px;
  margin: 1em;
}

.atc-headlh { line-height: 0.52em; }
.atc-head1 { font-size: 0.75em; margin-top: 0px; }
.atc-head1a { font-size: 0.7em; margin-top: 0px; }
.atc-head2 { font-size: 0.4em; }
.regtext { font-size: 0.77em; }
.pricetext { font-size: 0.9em; }
.bottletext { font-size: 0.3em; }
.shiptext { font-size: 0.3em; }
.ptext { font-size: 0.96em; line-height: 1.26em; margin-bottom: 4px; }
.ptextsml { font-size: 1.26em; line-height: 1.4em; }

@media only screen and (min-device-width: 479px) {
	.atc-headlh { line-height: 0.44em; }
	.atc-head1 { font-size: 0.66em; margin-top: 0px; }
	.atc-head1a { font-size: 0.62em; margin-top: 0px; }
	.atc-head2 { font-size: 0.37em; }
	.regtext { font-size: 0.6em; }
	.pricetext { font-size: 0.86em; }
	.bottletext { font-size: 0.28em; }
	.shiptext { font-size: 0.3em; }
	.ptext { font-size: 0.96em; line-height: 1.26em; margin-bottom: 6px; margin-bottom: 8px; }
	.ptextsml { font-size: 1.26em; line-height: 1.44em; margin-bottom: 6px; }
}

.order-areas{padding-left:0;padding-right:0}.order-areas .order-area-title{color:#0456a7;font-family:Open Sans,Arial,Helvetica,sans-serif;font-size:2.1rem;font-weight:700;line-height:1.3;margin:30px 0 0;text-align:center}

@media (min-width:768px) {
	.order-areas .order-area-title{font-size:3.5rem}
}

.order-areas .order-area{font-family:Open Sans,Arial,Helvetica,sans-serif;line-height:30px;margin-top:30px;max-width:964px;position:relative;text-align:center}

@media (min-width:768px) {
	.order-areas .order-area{align-items:center;display:flex;justify-content:space-between;margin:60px auto 30px}
}

.order-areas .order-area .column { font-size:2.2rem;margin:0 auto 40px;padding-bottom:20px;width:95%}

@media (min-width:768px) {
	.order-areas .order-area .column { padding-bottom:20px; width:33.33%; margin-left: 8px; margin-right: 8px; }
}


@media (min-width:768px){
	.order-areas .order-area .column.side-column{background:linear-gradient(180deg,#d8d8d8 0,#dedede 25%,#eaeaea 50%,#fdfdfd 75%,#fdfdfd);border:none}
}

.order-areas .order-area .column.center-column{background:#fff;}
@media (min-width:768px) {
	.order-areas .order-area .column.center-column.white-background{background:#fff}
	.order-areas .order-area .column.center-column{background:linear-gradient(180deg,#f2f2f2 0,#f5f5f5 25%,#f8f8f8 50%,#fff 75%,#fff);border:none}
}

.order-areas .order-area .column .special-title,.order-areas .order-area .column .title{color:#4b4b4b;font-size:3.5rem;font-weight:700;text-align:center}
.order-areas .order-area .column .special-title{color:#c9202d;padding-top:15px}
.order-areas .order-area .column .price-box{border-bottom:1px solid #b7b7b7;border-top:1px solid #b7b7b7;margin:30px auto;width:96%}
.order-areas .order-area .column .price-box del{color:#c9202d}
.order-areas .order-area .column .price-box del .amount{color:#000;text-decoration-color:#c9202d;text-decoration-line:line-through;text-decoration-thickness:3px;transform:translateY(-10px)}
.order-areas .order-area .column .price-box .today-price{margin:20px 0;text-align:center}
.order-areas .order-area .column .price-box .today-price .price{font-size:3.5rem}
.order-areas .order-area .column .price-box .today-price .notice{font-size:80%;font-weight:700}
.order-areas .order-area .column .price-box .today-price.emphasised .notice,.order-areas .order-area .column .price-box .today-price.emphasised .price{color:#2d58b6}
.order-areas .order-area .column .order-btn{background:#fdfc00;background:linear-gradient(180deg,#fdfd00,#ffe201 50%,#ffd301 75%,#ffcb02);border:1px solid #f5a000;box-shadow:2px 2px 3px 0 rgba(0,0,0,.5);line-height:1.2;margin:0 auto 15px;max-width:94%;width:260px}

@media (min-width:768px) and (max-width:991.98px) {
	.order-areas .order-area .column .order-btn{width:210px}
}

.order-areas .order-area .column .order-btn .order-link{text-decoration:none}
.order-areas .order-area .column .order-btn .text{-webkit-text-fill-color:transparent;background:#002a50;background:linear-gradient(180deg,#004c7b,#004c7b 26%,#003c67 50%,#002a50 74%,#002a50);-webkit-background-clip:text;background-clip:text;color:#002a50;font-family:Oswald,Arial,Helvetica,sans-serif;font-size:3.8rem;font-style:italic;font-weight:700;padding:10px;text-align:center;text-decoration:none;text-transform:uppercase}

@media (min-width:768px) and (max-width:991.98px) {
	.order-areas .order-area .column .order-btn .text{font-size:3.1rem;padding:6px}
}

.order-areas .order-area .column .savings{color:#ff001a;font-size:3rem;font-style:italic;font-weight:700}
.option{background:#2d58b6;border-radius:12px;color:#fbff78;font-size:calc(1.495rem + 2.94vw);font-weight:700;margin:3rem;padding:1rem 0;text-align:center}

.sleeping-testimonials { background: #000000; background-image: url(/assets/srimages/man-sleeping.jpg); background-color: #452a55; background-repeat: no-repeat; background-position: -40px 0px; background-size: cover; color: #ffffff; } @supports (background-image:url(/assets/srimages/man-sleeping.webp));

@media only screen and (min-width: 479px) {
	.sleeping-testimonials { min-height: 360px; background: #000000; background-image: url(/assets/srimages/man-sleeping.jpg); background-color: #452a55; background-repeat: no-repeat; background-position: 0px 0px; background-size: auto; color: #ffffff; } @supports (background-image:url(/assets/srimages/man-sleeping.webp));
}

@media only screen and (min-width: 1080px) {
	.sleeping-testimonials { min-height: 360px; background: #000000; background-image: url(/assets/srimages/man-sleeping.jpg); background-color: #452a55; background-repeat: no-repeat; background-position: 0px 0px; background-size: auto; color: #ffffff; } @supports (background-image:url(/assets/srimages/man-sleeping.webp));
}

@media only screen and (min-width: 1200px) {
	.sleeping-testimonials { min-height: 360px; background: #000000; background-image: url(/assets/srimages/man-sleeping.jpg); background-color: #452a55; background-repeat: no-repeat; background-position: 0px 0px; background-size: auto; color: #ffffff; } @supports (background-image:url(/assets/srimages/man-sleeping.webp));
}

@media only screen and (min-width: 1400px) {
	.sleeping-testimonials { min-height: 360px; background: #000000; background-image: url(/assets/srimages/man-sleeping.jpg); background-color: #452a55; background-repeat: no-repeat; background-position: 400px -60px; background-size: auto; color: #ffffff; } @supports (background-image:url(/assets/srimages/man-sleeping.webp));
}

@media only screen and (min-width: 1800px) {
	.sleeping-testimonials { min-height: 360px; background: #000000; background-image: url(/assets/srimages/man-sleeping.jpg); background-color: #452a55; background-repeat: no-repeat; background-position: 600px -60px; background-size: auto; color: #ffffff; } @supports (background-image:url(/assets/srimages/man-sleeping.webp));
}