@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	font-display: fallback;
	src: url(/assets/fonts/open-sans-v17-latin-regular.woff2) format("woff2"), url(/assets/fonts/open-sans-v17-latin-regular.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: "Open Sans";
	font-style: italic;
	font-weight: 400;
	font-display: fallback;
	src: url(/assets/fonts/open-sans-v17-latin-italic.woff2) format("woff2"), url(/assets/fonts/open-sans-v17-latin-italic.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 700;
	font-display: fallback;
	src: url(/assets/fonts/open-sans-v17-latin-700.woff2) format("woff2"), url(/assets/fonts/open-sans-v17-latin-700.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: "Open Sans";
	font-style: italic;
	font-weight: 700;
	font-display: fallback;
	src: url(/assets/fonts/open-sans-v17-latin-700italic.woff2) format("woff2"), url(/assets/fonts/open-sans-v17-latin-700italic.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 800;
	font-display: fallback;
	src: url(/assets/fonts/open-sans-v17-latin-800.woff2) format("woff2"), url(/assets/fonts/open-sans-v17-latin-800.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: "Gilroy";
	font-style: normal;
	font-weight: 700;
	font-display: fallback;
	src: url(/assets/fonts/Gilroy-Bold.woff2) format("woff2"), url(/assets/fonts/Gilroy-Bold.woff) format("woff");
}
@font-face {
	font-family: "Gilroy";
	font-style: normal;
	font-weight: 300;
	font-display: fallback;
	src: url(/assets/fonts/Gilroy-Light.woff) format("woff");
}
@font-face {
	font-family: "Gilroy";
	font-style: italic;
	font-weight: 700;
	font-display: fallback;
	src: url(/assets/fonts/Gilroy-BoldItalic.woff2) format("woff2"), url(/assets/fonts/Gilroy-BoldItalic.woff) format("woff");
}
@font-face {
	font-family: "Gilroy";
	font-style: italic;
	font-weight: 900;
	font-display: fallback;
	src: url(/assets/fonts/Gilroy-BlackItalic.woff2) format("woff2");
	src: url(/assets/fonts/Gilroy-BlackItalic.woff2) format("woff");
}

body { overflow-wrap: break-word; }
.agelessknees { max-width: 100%; margin: auto; }
.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; }
.desktopsmlr { font-size: 1.10em; }
.desktoplhsmlr { line-height: 1.26em; }
.desktoplhsmlr2 { line-height: 1.38em; }
.desktoplhsmlr3 { line-height: 1.28em; }
.desktopshift { padding-left: auto; }
.deskpush { margin-left: 4px; margin-right: 1px; }
.ptext { font-size: 1.26em; line-height: 1.4em; }
//	.ptextsml { font-size: 1.12em; line-height: 1.3em; }
.ptextsml { font-size: 1.26em; line-height: 1.4em; }
.gilroy-font { font-family: Gilroy, Roboto, sans-serif; }
.open-sans { font-family: "Open Sans", sans-serif; }
.img-right { float: none; margin: 22px 0 22px 0; }
.img-left { float: none; margin: 22px 0 22px 0; }
.testimonial { width: 18cm; max-width: 100%; margin: auto; }

@media only screen and (min-device-width: 479px) {
	.mobilehide { display: inline; height: auto; }
	.mobileshow { display: none; height: 0px; }
	.desktopsmlr { font-size: 0.9em; }
	.desktoplhsmlr { line-height: 1.28em; }
	.desktoplhsmlr2 { line-height: 1.15em; }
	.desktoplhsmlr3 { line-height: 1.1em; }
	.desktopshift { padding-left: 30%; }
	.deskpush { margin-left: 110px; margin-right: 10px; }
	.ptext { font-size: 1.26em; line-height: 1.44em; margin-bottom: 6px; }
	.ptextsml { font-size: 1.26em; line-height: 1.44em; margin-bottom: 6px; }
	.img-right { float: right; margin: 12px 0 auto 20px; }
	.img-left { float: left; margin: 12px 20px auto 0; }
	.testimonial { width: 5.2cm; top: -1rem; left: -3.5rem; }
}

@media only screen and (min-device-width: 1025px) {
	.desktopshow { display: inline; height: auto; }
	.desktophide { display: none; height: 0px; }
	.agelessknees { max-width: 1080px; margin: auto; }
}

.order-btn {
	background: #fdfc00;
	background: linear-gradient(180deg,#fdfd00,#ffe201 50%,#ffd301 75%,#ffcb02);
	border: 1px solid #f5a000;
	margin: 0 auto 15px;
	max-width: 94%;
	width: 290px;
}

@media (min-width: 768px) {
	.order-btn { width:390px; }
}

@media (min-width: 992px) {
	.order-btn { width:520px; }
}

.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: 4.2rem;
	font-weight: 700;
	padding: 0 24px 0 12px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase
}

@media (max-width: 1200px) {
	.order-btn .text { font-size:calc(1.565rem + 3.78vw) }
}

.text-order-link { margin-bottom: 10px; }

.text-order-link a { color: #0068b1; text-decoration: underline; }

.open-sans {
  font-family: "Open Sans", sans-serif;
}

.glory-font {
  font-family: "Glory", sans-serif;
}

.arrow-down-black {
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;

  border-top: 30px solid black;
}

.arrow-down-green {
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;

  border-top: 30px solid #0e4c35;
}

.w__180{
  width: 180px;
}
img.background-replacement {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
@media (min-width: 768px) {
    img.background-replacement {
        display: none;
    }

    img.background-replacement.md {
        display: block;
    }
}

@media (min-width: 960px) {
    img.background-replacement.md {
        display: none;
    }
}

.d-sm-none {
    display: none;
}

img.d-sm-show {
    display: block;
    margin: 0 auto;
}

@media (min-width: 479px) {
    .d-sm-none {
        display: revert;
    }

    img.d-sm-show {
        display: none;
    }
}

.text-\[28px\] {
    font-size: 28px;
}

.hero-subheadline {
    margin: 0 30px;
}

@media (min-width: 479px) and (max-width: 960px){
    .hero-subheadline > p.text-\[28px\] {
        font-size: 25px;
    }
}

@media (min-width: 479px) {
    .hero-subheadline {
        margin: 0;
    }
}

.arrow-down-green {
    border-top-color: #10563e;
}

.img-float-right, .img-float-left {
    display: block;
    margin: 12px auto !important;
}

@media (min-width: 960px) {
    .img-float-right {
        float: right;
        margin: 12px 0 auto 20px !important;
    }
}

@media (min-width: 960px) {
    .img-float-left {
        float: left;
        margin: 12px 20px auto 0 !important;
    }
}

.text-\[60px\] { font-size: 30px; line-height: 1.3em; }
.text-\[50px\] { font-size: 32px; line-height: 1.25em; }
.text-\[40px\] { font-size: 30px; line-height: 1.2em; }
.text-\[35px\] { font-size: 28px; line-height: 1.24em; }
.text-\[30px\] { font-size: 27px; line-height: 1.24em; }
.text-\[25px\] { font-size: 24px; line-height: 1.2em; }
.text-\[20px\] { font-size: 22px; line-height: 1.2em; }
.ptextlh { line-height: 1.54; }
.mobsmlrhead { font-size: 0.94em; }
.mobsmlr { font-size: 0.82em; }
.mobsmlrlh { line-height: 1.0em; }
.pushdown { position: relative; top: 111px; }
.whitebox { width: 90%; max-width: 90%; }
.purplebox { margin: .1rem .5rem; }
.redbox { margin: .1rem .5rem; }
.greenchecks { width: 90%; max-width: 90%; margin: auto; }
.sleep-hero-back { min-height: 266px; max-height: 266px; background: #000000; background-image: url(/assets/images/sleep-bg-r1.jpg); background-color: #000000; background-repeat: no-repeat; background-position: 0px 0px; background-size: 140% auto; color: #ffffff; } @supports (background-image:url(/assets/images/sleep-bg-r1.webp));
.sleeping1-back { background: #452a56; background-image: none; background-repeat: no-repeat; background-position: 0px 0px; background-size: auto; }
.section2bg { background-image: url(/assets/images/section2-bg-gradient.jpg); background-repeat: repeat-x; background-position: 0px 0px; background-size: auto; }
.section3bg { background: #000000; }
.sleeplessnights { opacity: 0.4; position: absolute; top: -5; right: 0; }
ul.list.green-check-img li { padding-left: 70px; }
ul.list.green-check-img li:before { content:url(/assets/images/green-check-circle.png);transform:translate(-70px,-12px) scale(.8); }
.discounted { line-height: 2.4em; }
.ctasmlr { font-size: 0.96em; }

@media only screen and (min-width: 479px) {
	.text-\[60px\] { font-size: 50px; line-height: 1.2em; }
	.text-\[50px\] { font-size: 40px; line-height: 1.2em; }
	.text-\[40px\] { font-size: 34px; line-height: 1.2em; }
	.text-\[35px\] { font-size: 33px; line-height: 1.2em; }
	.text-\[30px\] { font-size: 26px; line-height: 1.3em; }
	.text-\[25px\] { font-size: 24px; line-height: 1.3em; }
	.text-\[20px\] { font-size: 22px; line-height: 1.2em; }

	.ptextlh { line-height: 1.6; }
	.mobsmlrhead { font-size: 1.0em; }
	.mobsmlr { font-size: 1.0em; }
	.mobsmlrlh { line-height: 1.3em; }
	.pushdown { position: relative; top: 194px; }
	.testimonial { top: -1.35rem; }
	.whitebox { width: 650px; max-width: 90%; }
	.redbox { margin: 1.5rem 5rem; }
	.greenchecks { width: 450px; max-width: 100%; margin: auto; }
	.sleep-hero-back { min-height: 360px; background: #000000; background-image: url(/assets/images/sleep-bg-r1.jpg); background-color: #000000; background-repeat: no-repeat; background-position: 0px 0px; background-size: 100%; color: #ffffff; } @supports (background-image:url(/assets/images/sleep-bg-r1.webp));
	.sleeping1-back { background: #452a56; background-image: url(/assets/images/man-sleeping-bg.jpg); background-repeat: no-repeat; background-position: -50px -100px; background-size: 90%; } @supports (background-image:url(/assets/images/man-sleeping-bg.webp));
	.section2bg { background-image: url(/assets/images/section2-bg-gradient.jpg); background-repeat: repeat-x; background-position: auto; background-size: auto; } @supports (background-image:url(/assets/images/section2-bg.webp));
	.section3bg { background: #000000; background-image: url(/assets/images/section3-tongue-bg.jpg); background-repeat: no-repeat; background-position: 0px 0px; background-size: 40%; } @supports (background-image:url(/assets/images/section3-tongue-bg.webp));
	.discounted { line-height: 2.5em; }
	.ctasmlr { font-size: 1.0em; }
}

@media only screen and (min-width: 1080px) {
	.text-\[60px\] { font-size: 56px; line-height: 1.3em; }
	.text-\[50px\] { font-size: 46px; line-height: 1.1em; }
	.text-\[40px\] { font-size: 40px; line-height: 1.22em; }
	.text-\[35px\] { font-size: 35px; line-height: 1.35em; }
	.text-\[30px\] { font-size: 30px; line-height: 1.35em; }
	.text-\[25px\] { font-size: 24px; line-height: 1.2em; }
	.text-\[20px\] { font-size: 22px; line-height: 1.2em; }
	.pushdown { position: relative; top: 212px; }
	.sleep-hero-back { min-height: 360px; background: #000000; background-image: url(/assets/images/sleep-bg-r1.jpg); background-color: #000000; background-repeat: no-repeat; background-position: 100px 0px; background-size: 80%; color: #ffffff; } @supports (background-image:url(/assets/images/sleep-bg-r1.webp));
	.sleeping1-back { background: #452a56; background-image: url(/assets/images/man-sleeping-bg.jpg); background-repeat: no-repeat; background-position: -100px -100px; background-size: 80%; } @supports (background-image:url(/assets/images/man-sleeping-bg.webp));
	.section3bg { background: #000000; background-image: url(/assets/images/section3-tongue-bg.jpg); background-repeat: no-repeat; background-position: 0px 0px; background-size: 28%; } @supports (background-image:url(/assets/images/section3-tongue-bg.webp));
	.sleeplessnights { opacity: 0.8; position: absolute; top: 15; right: 15; }
}