html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html {
    box-sizing: border-box;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
html,
body {
    cursor: default;
}
code {
    cursor: text;
}
a,
label,
button,
input[type="radio"],
input[type="submit"],
input[type="checkbox"] {
    cursor: pointer;
}
button[disabled],
input[disabled] {
    cursor: default;
}
svg * {
    fill: currentColor;
}
a {
    display: block;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
figure img,
.image-w img {
    display: block;
    width: 100%;
    height: auto;
}
figure svg,
.image-w svg {
    display: block;
    width: 100%;
    height: 100%;
}
* {
    -webkit-tap-highlight-color: transparent;
}
*:not(input) {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
body > .ember-view .page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.page-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
}
.container .inner-w {
    position: relative;
    width: 100%;
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
    padding: 30px 10px;
    z-index: 10;
}
@media screen and (min-width: 450px) {
    .container .inner-w {
        padding-right: 20px;
        padding-left: 20px;
    }
}
.page-content > .page-header {
    padding-top: 100px;
    background: #929292;
}
.logo .mark .hex {
    color: #25acc2;
}
.logo .mark .tn {
    color: transparent;
}
.logo .type {
    color: #25acc2;
}
.logo .type .tru {
    color: #fff;
}
.logo .type .niagen {
    color: rgba(255,255,255,0.5);
}
font-size: 16px {
                 letter-spacing: 0.08em;
                 text-transform: uppercase;
                 font-weight: 300;
             }
body {
    font-family: 'Roboto', sans-serif;
    color: #262727;
}
p a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    display: inline;
    text-decoration: underline;
}
sup {
    font-size: 0.5em;
    vertical-align: top;
    font-family: 'helvetica';
    opacity: 0.8;
    position: relative;
    top: 0.25em;
    font-weight: inherit;
}
.article {
    padding: 10px 0;
}
.article * {
    transition: 0.5s;
}
.article h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.3;
    letter-spacing: 0.05em;
    transition: 0.3s;
    color: #25acc2;
    font-weight: 300;
}
@media screen and (min-width: 450px) {
    .article h1 {
        font-size: 32px;
    }
}
@media screen and (min-width: 450px) {
    .article h1 {
        font-size: 36px;
    }
}
.article h1 + h2 {
    margin-top: 40px;
}
.article h1.special {
    border-bottom: 2px solid #25acc2;
    max-width: 900px;
    margin-bottom: 30px;
    margin-top: 20px;
}
.article h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    font-weight: 300;
    color: #262727;
}
@media screen and (min-width: 450px) {
    .article h2 {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    .article h2 {
        line-height: 1.2;
    }
}
.article h2 + p {
    margin-top: 20px;
}
.article h2 + h3 {
    margin-top: 20px;
}
.article h2 + ul,
.article h2 + ol {
    margin-top: 40px;
}
.article h3 + p {
    margin-top: 20px;
}
.article h3 + ul,
.article h3 + ol {
    margin-top: 20px;
}
.article p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
}
.article p strong {
    font-weight: 500;
}
.article p em {
    font-style: italic;
}
.article p strong {
    font-weight: 500;
}
.article p:not(:first-of-type) {
    margin-top: 15px;
}
.article p a {
    color: #219baf;
}
.article p a:hover {
    color: #25acc2;
}
.article p + h1 {
    margin-top: 80px;
}
.article p + h2 {
    margin-top: 60px;
}
.article p + h3 {
    margin-top: 40px;
}
.article p + ul,
.article p + ol {
    margin-top: 20px;
}
.article ul,
.article ol {
    padding-top: 0;
}
.article ul + h1,
.article ol + h1 {
    margin-top: 80px;
}
.article ul + h2,
.article ol + h2 {
    margin-top: 60px;
}
.article ul + h3,
.article ol + h3 {
    margin-top: 40px;
}
.article ul li,
.article ol li {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    max-width: 780px;
}
.article ul li strong,
.article ol li strong {
    font-weight: 500;
}
.article ul li em,
.article ol li em {
    font-style: italic;
}
.article ul {
    list-style: disc;
    padding: 0 0 0 1.2rem;
}
.article ul li:not(:first-of-type) {
    margin-top: 7.5px;
}
.article ol {
    list-style-type: decimal;
    padding: 0 0 0 1.2rem;
}
.article ol li:not(:first-of-type) {
    margin-top: 7.5px;
}
.article figure {
    margin-top: 20px;
    max-width: 600px;
}
.article.mini * {
    font-size: 0.8em;
}
button:focus {
    outline: 0;
}
.faq-toggle .q {
    padding: 20px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 450px) {
    .faq-toggle .q {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    .faq-toggle .q {
        line-height: 1.2;
    }
}
.faq-toggle article {
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.faq-toggle article.open {
    height: auto;
}
body.style-guide .page-header {
    background: #6b7cff;
}
body.style-guide .section-header .section-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
@media screen and (min-width: 450px) {
    body.style-guide .section-header .section-title {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    body.style-guide .section-header .section-title {
        line-height: 1.2;
    }
}
section.type-patterns .voice {
    padding-bottom: 20px;
}
section.type-patterns .standard-voice {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
}
section.type-patterns .standard-voice strong {
    font-weight: 500;
}
section.type-patterns .standard-voice em {
    font-style: italic;
}
section.type-patterns .quiet-voice {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0.05em;
}
section.type-patterns .quiet-voice strong {
    font-weight: 500;
}
section.type-patterns .quiet-voice em {
    font-style: italic;
}
section.type-patterns .delivery-voice {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.3;
    letter-spacing: 0.05em;
}
@media screen and (min-width: 450px) {
    section.type-patterns .delivery-voice {
        font-weight: 400;
    }
}
section.type-patterns .heading-voice {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.05em;
    transition: 0.3s;
}
@media screen and (min-width: 450px) {
    section.type-patterns .heading-voice {
        font-size: 26px;
    }
}
@media screen and (min-width: 450px) {
    section.type-patterns .heading-voice {
        font-size: 28px;
    }
}
section.type-patterns .attention-voice {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 450px) {
    section.type-patterns .attention-voice {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    section.type-patterns .attention-voice {
        line-height: 1.2;
    }
}
section.type-patterns .medium-voice {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 450px) {
    section.type-patterns .medium-voice {
        font-size: 18px;
    }
}
@media screen and (min-width: 800px) {
    section.type-patterns .medium-voice {
        line-height: 1.4;
    }
}
section.type-patterns .commanding-voice {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.3;
    letter-spacing: 0.05em;
    transition: 0.3s;
}
@media screen and (min-width: 450px) {
    section.type-patterns .commanding-voice {
        font-size: 32px;
    }
}
@media screen and (min-width: 450px) {
    section.type-patterns .commanding-voice {
        font-size: 36px;
    }
}
section.type-patterns .curious-voice {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 45px;
    line-height: 1.08;
    letter-spacing: 0.03em;
    transition: 0.3s;
}
@media screen and (min-width: 450px) {
    section.type-patterns .curious-voice {
        font-size: 60px;
    }
}
@media screen and (min-width: 800px) {
    section.type-patterns .curious-voice {
        font-size: 70px;
    }
}
section.type-patterns .less-curious-voice {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 38px;
    line-height: 1.08;
    letter-spacing: 0.03em;
    transition: 0.3s;
}
@media screen and (min-width: 450px) {
    section.type-patterns .less-curious-voice {
        font-size: 50px;
    }
}
section.type-patterns .heading-voice {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.05em;
    transition: 0.3s;
}
@media screen and (min-width: 450px) {
    section.type-patterns .heading-voice {
        font-size: 26px;
    }
}
@media screen and (min-width: 450px) {
    section.type-patterns .heading-voice {
        font-size: 28px;
    }
}
section.type-patterns .call-out {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0.05em;
    transition: 0.3s;
}
@media screen and (min-width: 450px) {
    section.type-patterns .call-out {
        font-size: 29px;
        line-height: 1.3;
    }
}
@media screen and (min-width: 800px) {
    section.type-patterns .call-out {
        font-size: 35px;
    }
}
section.type-patterns .name {
    display: inline-block;
    background: #000;
    padding: 5px 10px;
    border-radius: 2.5px;
    font-family: monospace;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.05em;
    color: #fff;
}
section.button-slab.light {
    background: #fff;
}
section.button-slab.color {
    background: #25acc2;
}
section.button-slab.gray {
    background: #929292;
}
section.button-slab.black {
    background: #000;
}
section.button-examples .button-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
section.button-examples .button {
    margin-right: 20px;
}
section.button-examples .button.color {
    background: #25acc2;
    color: #fff;
    box-shadow: 0 5px 0 0 #219baf, 0 5px 5px 2px rgba(0,0,0,0.05);
    transition: 0.3s;
}
section.button-examples .button.color:hover {
    transition: 0.1s;
}
section.button-examples .button.color:hover {
    background: #219baf;
    color: #fff;
    box-shadow: 0 5px 0 0 #1c8495, 0 5px 5px 2px rgba(0,0,0,0.08);
}
section.button-examples .button.light {
    background: #fff;
    color: #25acc2;
    box-shadow: 0 5px 0 0 #e6e6e6, 0 5px 5px 2px rgba(0,0,0,0.05);
    transition: 0.3s;
}
section.button-examples .button.light:hover {
    transition: 0.1s;
}
section.button-examples .button.light:hover {
    background: #e6e6e6;
    color: #44c6db;
    box-shadow: 0 5px 0 0 #c4c4c4, 0 5px 5px 2px rgba(0,0,0,0.08);
}
section.button-examples .button.light:hover {
    background: #fcfcfc;
    box-shadow: 0 5px 0 0 #d6d6d6, 0 5px 5px 2px rgba(0,0,0,0.08);
}
section.button-examples .button.hollow-light {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
    box-shadow: 0 5px 0 0 rgba(0,0,0,0);
}
section.button-examples .button.hollow-light:hover {
    background: rgba(255,255,255,0.2);
}
section.button-examples .button.highlight {
    background: #6b7cff;
    color: #fff;
    box-shadow: 0 5px 0 0 #475cff, 0 5px 5px 2px rgba(0,0,0,0.05);
    transition: 0.3s;
}
section.button-examples .button.highlight:hover {
    transition: 0.1s;
}
section.button-examples .button.highlight:hover {
    background: #475cff;
    color: #fff;
    box-shadow: 0 5px 0 0 #1631ff, 0 5px 5px 2px rgba(0,0,0,0.08);
}
.social-links {
    margin-top: 20px;
}
.social-links .network-list {
    display: flex;
    flex-direction: row;
}
.social-links .network-list .link {
    padding: 10px;
    border: 1px solid #25acc2;
}
.link-links li {
    display: block;
    padding: 10px 0;
}
.site-map {
    padding: 30px 0;
}
.site-map a {
    padding: 10px 0;
}
code {
    display: inline-block;
    font-family: monospace;
    background: #262727;
    color: #eaeaea;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 11px;
}
.input-w {
    display: block;
}
.input-w .label {
    display: block;
}
.input-w.text input {
    display: block;
    width: 100%;
}
.input-w.number input {
    display: block;
    width: 100%;
}
.input-w.email input {
    display: block;
    width: 100%;
}
.above {
    background: #25acc2;
}
.checkout {
    background: #fff;
}
.below {
    background: #262727;
    color: #fff;
}
.subscription-plan .choice-list .choice {
    margin-top: 60px;
    max-width: 300px;
}
.y-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}
.y-list .y {
    flex-basis: 30%;
}
.hidden {
    height: 0;
    overflow: hidden;
}
select {
    display: block;
    width: 100%;
    padding: 10px;
    height: 40px;
    border: 0;
    border-radius: 0;
    font-size: inherit;
    font-family: inherit;
    max-width: 300px;
}
.xxx {
    background: #fff;
}
.xxx section h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    padding: 40px 0 20px;
}
@media screen and (min-width: 450px) {
    .xxx section h1 {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    .xxx section h1 {
        line-height: 1.2;
    }
}
.checkout-form select {
    padding: 10px;
}
.checkout-form .input-w {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 10px;
}
.checkout-form .input-w.text input,
.checkout-form .input-w.email input,
.checkout-form .input-w.number input {
    padding: 10px;
    font-family: inherit;
    font-size: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid black;
}
.checkout-form .input-w.text input::placeholder,
.checkout-form .input-w.email input::placeholder,
.checkout-form .input-w.number input::placeholder {
    opacity: 0.4;
}
.checkout-form .input-w.text input:focus,
.checkout-form .input-w.email input:focus,
.checkout-form .input-w.number input:focus {
    border-color: #25acc2;
    outline: 0;
}
.checkout-form .input-w.text input {
    display: block;
    max-width: 300px;
}
.checkout-form .input-w.email input {
    display: block;
    width: 100%;
    max-width: 300px;
}
.checkout-form .input-w.number input {
    display: block;
    width: 100%;
    max-width: 140px;
}
.checkout-form .input-w.checkbox {
    display: flex;
    align-items: center;
}
.checkout-form .input-w.checkbox input {
    margin-right: 10px;
}
section.fonts {
    background: #fff;
}
section.fonts .font {
    margin-bottom: 60px;
}
section.fonts .font .credit {
    padding: 20px 0;
}
.w-roboto {
    font-family: 'Roboto', sans-serif;
}
.swatch-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.swatch-list .swatch {
    padding: 40px 20px;
    flex-basis: 30%;
    margin-top: 10px;
    box-shadow: 0 2px 10px 2px rgba(0,0,0,0.3);
    border-radius: 5px;
}
.swatch-list .swatch.black {
    background: #000;
    color: #eaeaea;
}
.swatch-list .swatch.black span:after {
    position: relative;
    content: '#000';
}
.swatch-list .swatch.white {
    background: #fff;
}
.swatch-list .swatch.white span:after {
    position: relative;
    content: '#fff';
}
.swatch-list .swatch.light {
    background: #f4f4f4;
}
.swatch-list .swatch.light span:after {
    position: relative;
    content: '#f4f4f4';
}
.swatch-list .swatch.gray-light {
    background: #eaeaea;
}
.swatch-list .swatch.gray-light span:after {
    position: relative;
    content: '#eaeaea';
}
.swatch-list .swatch.gray {
    background: #929292;
}
.swatch-list .swatch.gray span:after {
    position: relative;
    content: '#929292';
}
.swatch-list .swatch.gray-dark {
    background: #262727;
    color: #eaeaea;
}
.swatch-list .swatch.gray-dark span:after {
    position: relative;
    content: '#262727';
}
.swatch-list .swatch.color {
    background: #25acc2;
}
.swatch-list .swatch.color span:after {
    position: relative;
    content: '#25acc2';
}
.swatch-list .swatch.color-light {
    background: #72d4e4;
}
.swatch-list .swatch.color-light span:after {
    position: relative;
    content: '#72d4e4';
}
.swatch-list .swatch.highlight {
    background: #6b7cff;
    color: #fff;
}
.swatch-list .swatch.highlight span:after {
    position: relative;
    content: '#6b7cff';
}
.swatch-list .swatch.standard-gradient {
    background-image: linear-gradient(to left, #6b7cff, #25acc2);
    color: #fff;
}
.swatch-list .swatch.light-gradient {
    background-image: linear-gradient(to right, #25acc2, #72d4e4);
}
.swatch-list .swatch.texture-light {
    background-image: url("/images/texture/light.jpg");
    background-size: 100px;
}
.logos .inner-w {
    display: flex;
    flex-direction: row;
}
.logos.light-background {
    background-image: url("/images/texture/light.jpg");
    background-size: 100px;
}
.logos.color-background {
    background: #25acc2;
}
.logos.gradient-background {
    background-image: linear-gradient(to left, #6b7cff, #25acc2);
}
.logos.dark-background {
    background: #262727;
}
.logos .logo {
    max-width: 200px;
    padding: 10px 0;
    margin-right: 60px;
}
[data-ember-action]:not(:disabled) {
    cursor: pointer;
}
.form {
    background: #eaeaea;
}
.form .x {
    margin-bottom: 20px;
}
.form .x.verified .check-mark {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: #0f0;
    z-index: 5;
}
.form .field {
    position: relative;
    display: block;
}
.form .field input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset;
}
.form .field input[type='text'],
.form .field input[type='email'],
.form .field input[type='password'] {
    position: relative;
    display: block;
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    border: 0;
    transition: border 0.1s, background 0.3s;
    border-left: 0 solid #929292;
}
.form .field input[type='text']:focus,
.form .field input[type='email']:focus,
.form .field input[type='password']:focus {
    outline: 0;
    border-left: 5px solid #25acc2;
    background: #fff;
}
.form .field .label {
    margin-bottom: 2.5px;
}
.form .field .label .optional {
    opacity: 0.5;
}
.form .field .error {
    color: #ffa500;
    margin-bottom: 2.5px;
    display: none;
}
.form .field .error.in-use {
    display: block;
}
.form .field .required-notation {
    color: #f00;
}
.form .field.verified {
    color: #0f0;
}
.form .field.verified span:after {
    content: ' ✔';
}
.form input[type='submit'] {
    border: 0;
    margin: 0;
    padding: 0;
    display: inline-block;
    padding: 15px 30px;
    font-size: 18px;
    min-width: 240px;
    text-align: center;
    border-radius: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.3;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.15em;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-bottom: 10px;
    background: #eaeaea;
    color: #262727;
    border-radius: 5px;
    box-shadow: 0 5px 0 0 #d3d3d3, 0 5px 5px 2px rgba(0,0,0,0.05);
    transition: 0.3s;
    background: #25acc2;
    color: #fff;
    box-shadow: 0 5px 0 0 #219baf, 0 5px 5px 2px rgba(0,0,0,0.05);
    transition: 0.3s;
}
@media screen and (min-width: 450px) {
    .form input[type='submit'] {
        font-weight: 400;
    }
}
.form input[type='submit']:hover {
    transition: 0.1s;
}
.form input[type='submit']:hover {
    background: #d3d3d3;
    color: #515353;
    box-shadow: 0 5px 0 0 #b3b3b3, 0 5px 5px 2px rgba(0,0,0,0.08);
}
.form input[type='submit'] span {
    position: relative;
    top: 2px;
}
.form input[type='submit'].small {
    padding: 5px 5px;
    min-width: 150px;
}
.form input[type='submit']:hover {
    transition: 0.1s;
}
.form input[type='submit']:hover {
    background: #219baf;
    color: #fff;
    box-shadow: 0 5px 0 0 #1c8495, 0 5px 5px 2px rgba(0,0,0,0.08);
}
.email-signup-form .hubspot-email-signup-form .hs-error-msgs {
    color: #ffa500;
}
.email-signup-form .hubspot-email-signup-form .hs-button {
    margin-top: 20px;
}
.email-signup-form .hubspot-email-signup-form .hs-form-required {
    color: #ffa500;
    display: inline-block;
    margin-left: 2.5px;
}
.email-signup-form .hubspot-email-signup-form .hs-error-msgs {
    font-size: 14px;
    margin-top: 5px;
}
.email-signup-form .hubspot-email-signup-form .form-columns-2 .field {
    float: none;
    margin-top: 20px;
    max-width: 300px;
}
.email-signup-form .hubspot-email-signup-form .form-columns-2 .field label {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    margin-bottom: 2.5px;
}
.email-signup-form .hubspot-email-signup-form .form-columns-2 .field label strong {
    font-weight: 500;
}
.email-signup-form .hubspot-email-signup-form .form-columns-2 .field label em {
    font-style: italic;
}
.email-signup-form .hubspot-email-signup-form .form-columns-2 .input {
    max-width: 300px;
}
.email-signup-form .hubspot-email-signup-form .input input {
    display: block;
    width: 100%;
    border: 0;
    background: #eaeaea;
    transition: 0.2s;
    margin-right: 0;
    width: 100%;
}
.email-signup-form .hubspot-email-signup-form .input input:focus {
    border-left: 2px solid #25acc2;
    outline: 0;
}
.email-signup-form .submitted-message {
    color: #25acc2;
    margin-top: 10px;
    margin-bottom: 10px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: inherit;
    -webkit-box-shadow: 0 0 0px 1000px #fbfbfb inset;
    transition: background-color 5000s ease-in-out 0s;
}
.__cta__purchase-introduction__4acc3 {
    border: 1px solid #f00;
}
.__forms__contact-email-fields__8e174 footer {
    font-size: 15px;
    letter-spacing: 0.04em;
    font-weight: 800;
}
@media screen and (min-width: 450px) {
    .__forms__contact-email-fields__8e174 footer {
        font-size: 17px;
        font-weight: 700;
    }
}
@media screen and (min-width: 800px) {
    .__forms__contact-email-fields__8e174 footer {
        letter-spacing: 0.1em;
    }
}
.__forms__contact-email-fields__8e174 .email-note {
    margin-top: 2.5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    color: #929292;
}
.__forms__contact-email-fields__8e174 .email-note strong {
    font-weight: 500;
}
.__forms__contact-email-fields__8e174 .email-note em {
    font-style: italic;
}
.__forms__contact-email-fields__8e174 .center-me-please {
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.04em;
    font-weight: 300;
    font-style: italic;
    transition: 0.3s;
}
.__forms__contact-email-fields__8e174 .center-me-please:hover {
    transition: 0.1s;
}
.__forms__contact-email-fields__8e174 .center-me-please span {
    border-bottom: 1px solid #253c6e;
}
@media screen and (min-width: 450px) {
    .__forms__contact-email-fields__8e174 .center-me-please {
        font-size: 17px;
    }
}
@media screen and (min-width: 800px) {
    .__forms__contact-email-fields__8e174 .center-me-please {
        letter-spacing: 0.1em;
    }
}
.__forms__contact-email-fields__8e174 .actions {
    text-align: center;
}
.__forms__contact-email-fields__8e174 .talk-back {
    font-size: 15px;
    letter-spacing: 0.04em;
    font-weight: 300;
    font-style: italic;
    transition: 0.3s;
    margin-top: 20px;
}
.__forms__contact-email-fields__8e174 .talk-back:hover {
    transition: 0.1s;
}
.__forms__contact-email-fields__8e174 .talk-back span {
    border-bottom: 1px solid #253c6e;
}
@media screen and (min-width: 450px) {
    .__forms__contact-email-fields__8e174 .talk-back {
        font-size: 17px;
    }
}
@media screen and (min-width: 800px) {
    .__forms__contact-email-fields__8e174 .talk-back {
        letter-spacing: 0.1em;
    }
}
@media screen and (min-width: 450px) {
    .__forms__contact-email-fields__8e174 .item-list {
        display: flex;
        flex-wrap: wrap;
    }
    .__forms__contact-email-fields__8e174 .item {
        flex-basis: 100%;
    }
    .__forms__contact-email-fields__8e174 .item:nth-of-type(1),
    .__forms__contact-email-fields__8e174 .item:nth-of-type(2) {
        flex-basis: 48%;
    }
}
.__forms__increment-decrement-toggle__e76fa {
    position: relative;
    z-index: 100;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 30px;
    border: 1px solid #253c6e;
    width: 130px;
    justify-content: space-between;
    overflow: hidden;
    height: 36px;
    line-height: 36px;
}
.__forms__increment-decrement-toggle__e76fa .value,
.__forms__increment-decrement-toggle__e76fa button {
    display: inline-block;
}
.__forms__increment-decrement-toggle__e76fa .value {
    display: block;
    position: absolute;
    font-size: 20px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 300;
    min-width: 70px;
    text-align: center;
    z-index: 3;
    float: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 22px;
}
@media (min-width: 380px) {
    .__forms__increment-decrement-toggle__e76fa .value {
        font-size: 23px;
    }
}
@media screen and (min-width: 450px) {
    .__forms__increment-decrement-toggle__e76fa .value {
        font-size: 30px;
    }
}
@media screen and (min-width: 800px) {
    .__forms__increment-decrement-toggle__e76fa .value {
        font-size: 32px;
    }
}
@media screen and (min-width: 450px) {
    .__forms__increment-decrement-toggle__e76fa .value {
        font-size: 22px;
    }
}
@media screen and (min-width: 800px) {
    .__forms__increment-decrement-toggle__e76fa .value {
        font-size: 22px;
    }
}
.__forms__increment-decrement-toggle__e76fa button {
    display: block;
    padding: 10px 10px 15px;
    border: 0;
    background: transparent;
    font-size: 30px;
    flex-basis: 50%;
    z-index: 5;
    transition: 0.3s;
    color: #253c6e;
}
.__forms__increment-decrement-toggle__e76fa button span {
    display: block;
}
.__forms__increment-decrement-toggle__e76fa button.down span {
    padding-right: 15px;
}
.__forms__increment-decrement-toggle__e76fa button.up span {
    padding-left: 15px;
}
.__forms__order-options-fields__a64a7 section.type .type-heading {
    text-align: center;
    margin-bottom: 10px;
}
.__forms__order-options-fields__a64a7 section.type .type-heading h3 {
    font-size: 16px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 300;
    color: #253c6e;
}
.__forms__order-options-fields__a64a7 section.type .type-heading p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    font-style: italic;
    color: #eaeaea;
    margin-top: 5px;
}
.__forms__order-options-fields__a64a7 section.type .type-heading p strong {
    font-weight: 500;
}
.__forms__order-options-fields__a64a7 section.type .type-heading p em {
    font-style: italic;
}
.__forms__order-options-fields__a64a7 .single {
    margin-top: 25px;
}
.__forms__order-options-fields__a64a7 .option-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.__forms__order-options-fields__a64a7 .option {
    flex-basis: 100%;
}
.__forms__order-options-fields__a64a7 .option .tile {
    border: 1px solid #253c6e;
    color: #253c6e;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
}
.__forms__order-options-fields__a64a7 .option .tile:hover {
    background: #fbfbfb;
    transition: 0.3s;
}
.__forms__order-options-fields__a64a7 .option .tile:hover:hover {
    transition: 0.1s;
}
.__forms__order-options-fields__a64a7 .option .tile.one-month .image {
    max-width: 120px;
}
.__forms__order-options-fields__a64a7 .option .tile.one-month .discount {
    display: none;
}
.__forms__order-options-fields__a64a7 .option .tile.three-month .image {
    max-width: 90px;
}
.__forms__order-options-fields__a64a7 .option .tile.twelve-month .image {
    max-width: 110px;
}
.__forms__order-options-fields__a64a7 .option .tile.by-the-bottle .image {
    max-width: 100px;
}
.__forms__order-options-fields__a64a7 .option .image-w {
    width: 20%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 70px;
}
.__forms__order-options-fields__a64a7 .option .image-w .image {
    max-width: 100px;
}
.__forms__order-options-fields__a64a7 .option .description {
    flex-basis: 40%;
}
.__forms__order-options-fields__a64a7 .option .description .title {
    display: inline-block;
    font-size: 15px;
    letter-spacing: 0.04em;
    font-weight: 800;
    padding-bottom: 1.2px;
    border-bottom: 1px solid;
    margin-bottom: 2.5px;
}
@media screen and (min-width: 450px) {
    .__forms__order-options-fields__a64a7 .option .description .title {
        font-size: 17px;
        font-weight: 700;
    }
}
@media screen and (min-width: 800px) {
    .__forms__order-options-fields__a64a7 .option .description .title {
        letter-spacing: 0.1em;
    }
}
.__forms__order-options-fields__a64a7 .option .description .monthly-price,
.__forms__order-options-fields__a64a7 .option .description .discount {
    font-size: 13px;
    line-height: 1.3;
}
.__forms__order-options-fields__a64a7 .option .description .monthly-price strong,
.__forms__order-options-fields__a64a7 .option .description .discount strong {
    font-weight: 500;
}
@media screen and (min-width: 450px) {
    .__forms__order-options-fields__a64a7 .option .description .monthly-price,
    .__forms__order-options-fields__a64a7 .option .description .discount {
        font-size: 15px;
        line-height: 1.5;
    }
}
.__forms__order-options-fields__a64a7 .option .description .discount {
    color: #25acc2;
}
.__forms__order-options-fields__a64a7 .option .subscription-price {
    flex-basis: 30%;
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 300;
}
@media (min-width: 380px) {
    .__forms__order-options-fields__a64a7 .option .subscription-price {
        font-size: 23px;
    }
}
@media screen and (min-width: 450px) {
    .__forms__order-options-fields__a64a7 .option .subscription-price {
        font-size: 30px;
    }
}
@media screen and (min-width: 800px) {
    .__forms__order-options-fields__a64a7 .option .subscription-price {
        font-size: 32px;
    }
}
.__forms__order-options-fields__a64a7 .option .subscription-price .denomination {
    display: inline-block;
    font-size: 0.7em;
    -ms-transform: translate(-10%, -13%);
    transform: translate(-10%, -13%);
}
.__forms__order-options-fields__a64a7 .option.selected .tile {
    background: #253c6e;
    color: #fff;
}
.__forms__order-options-fields__a64a7 .option .tile {
    border-radius: 5px;
}
.__forms__order-options-fields__a64a7 .option .tile:focus {
    background: #fff;
}
.__forms__order-options-fields__a64a7 .option .tile {
    position: relative;
    overflow: hidden;
}
.__forms__order-options-fields__a64a7 .option .tile .banner {
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    background: #25acc2;
    padding: 20px 20px 5px;
    color: #fff;
    text-align: center;
    font-size: 6px;
    letter-spacing: 0.05em;
}
.__forms__order-options-fields__a64a7 .option .tile .banner .icon {
    width: 18px;
    height: 18px;
}
.__forms__order-options-fields__a64a7 .option .tile .banner .icon {
    display: inline-block;
}
.__forms__order-options-fields__a64a7 .number-of {
    display: flex;
}
.__forms__order-options-fields__a64a7 .lead-in {
    font-size: 15px;
    letter-spacing: 0.04em;
    font-weight: 800;
    line-height: 1.2;
}
@media screen and (min-width: 450px) {
    .__forms__order-options-fields__a64a7 .lead-in {
        font-size: 17px;
        font-weight: 700;
    }
}
@media screen and (min-width: 800px) {
    .__forms__order-options-fields__a64a7 .lead-in {
        letter-spacing: 0.1em;
    }
}
.__forms__order-options-fields__a64a7 .mini-sub {
    color: #253c6e;
    text-align: center;
    max-width: 600px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    font-size: 15px;
    letter-spacing: 0.04em;
    font-weight: 800;
    font-weight: 300;
    font-style: italic;
    line-height: 1.4;
    margin-top: 20px;
}
@media screen and (min-width: 450px) {
    .__forms__order-options-fields__a64a7 .mini-sub {
        font-size: 17px;
        font-weight: 700;
    }
}
@media screen and (min-width: 800px) {
    .__forms__order-options-fields__a64a7 .mini-sub {
        letter-spacing: 0.1em;
    }
}
.__forms__order-options-fields__a64a7 .mini-sub strong {
    font-weight: 500;
}
@media screen and (min-width: 450px) {
    .__forms__order-options-fields__a64a7 .mini-sub {
        font-weight: 300;
    }
}
@media screen and (min-width: 800px) {
    .__forms__order-options-fields__a64a7 .mini-sub {
        font-weight: 300;
    }
}
.__forms__order-options-fields__a64a7 .final-notes {
    text-align: center;
    margin-top: 20px;
    font-size: 13px;
    line-height: 1.3;
    text-transform: uppercase;
    color: rgba(146,146,146,0.6);
    letter-spacing: 0.05em;
    font-weight: 300;
    color: #253c6e;
}
.__forms__order-options-fields__a64a7 .final-notes strong {
    font-weight: 500;
}
@media screen and (min-width: 450px) {
    .__forms__order-options-fields__a64a7 .final-notes {
        font-size: 15px;
        line-height: 1.5;
    }
}
.__forms__order-options-fields__a64a7 .actions {
    text-align: center;
}
.__forms__order-options-fields__a64a7 .actions .next-button {
    display: inline-block;
    min-width: 280px;
}
@media screen and (max-width: 799px) {
    .__forms__order-options-fields__a64a7 .option:not(:first-of-type) {
        margin-top: 10px;
    }
    .__forms__order-options-fields__a64a7 .tile .banner {
        left: 0;
        -ms-transform: rotate(-45deg) translate(-15%, -60%);
        transform: rotate(-45deg) translate(-15%, -60%);
    }
}
@media screen and (max-width: 450px) {
    .__forms__order-options-fields__a64a7 .number-of {
        border-top: 1px dashed #eaeaea;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-top: 15px;
        padding-bottom: 20px;
    }
    .__forms__order-options-fields__a64a7 .number-of .lead-in,
    .__forms__order-options-fields__a64a7 .number-of .increment-w {
        flex-basis: 50%;
    }
    .__forms__order-options-fields__a64a7 .number-of .lead-in {
        text-align: left;
        max-width: 200px;
    }
    .__forms__order-options-fields__a64a7 .number-of .increment-w {
        display: flex;
        justify-content: flex-end;
    }
}
@media screen and (min-width: 450px) {
    .__forms__order-options-fields__a64a7 .number-of {
        margin-top: 60px;
        margin-bottom: 20px;
        flex-direction: column;
        align-items: center;
    }
    .__forms__order-options-fields__a64a7 .number-of .increment-w {
        margin-top: 20px;
    }
    .__forms__order-options-fields__a64a7 .mini-sub {
        margin-top: 40px;
    }
    .__forms__order-options-fields__a64a7 .option .tile {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .__forms__order-options-fields__a64a7 .option .tile .title {
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
}
@media screen and (min-width: 800px) {
    .__forms__order-options-fields__a64a7 main {
        display: flex;
        align-items: flex-start;
    }
    .__forms__order-options-fields__a64a7 .type-heading {
        min-height: 50px;
    }
    .__forms__order-options-fields__a64a7 .option {
        margin-top: 0;
    }
    .__forms__order-options-fields__a64a7 .type.monthly {
        padding-right: 20px;
        border-right: 1px solid #eaeaea;
        flex-basis: 75%;
    }
    .__forms__order-options-fields__a64a7 .type.monthly .option-list {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .__forms__order-options-fields__a64a7 .type.monthly .option-list .option {
        flex-basis: 32%;
    }
    .__forms__order-options-fields__a64a7 .number-of {
        margin-top: 20px;
    }
    .__forms__order-options-fields__a64a7 .mini-sub {
        margin-top: 20px;
        min-height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .__forms__order-options-fields__a64a7 .type.single {
        padding-left: 20px;
        margin-top: 0;
        flex-basis: 25%;
    }
    .__forms__order-options-fields__a64a7 .type.single .option {
        flex-basis: 100%;
    }
    .__forms__order-options-fields__a64a7 .option {
        flex-basis: 33%;
        margin-top: 0;
    }
    .__forms__order-options-fields__a64a7 .option .tile {
        flex-direction: column;
        height: 280px;
        text-align: center;
        padding: 30px 10px 10px;
        width: 100%;
    }
    .__forms__order-options-fields__a64a7 .option .tile .banner {
        right: 0;
        padding-left: 60px;
        -ms-transform: rotate(30deg) translate(8%, -68%);
        transform: rotate(30deg) translate(8%, -68%);
    }
    .__forms__order-options-fields__a64a7 .option .tile .banner .tag {
        -ms-transform: translate(0px, 0);
        transform: translate(0px, 0);
        margin-top: 1.6px;
    }
    .__forms__order-options-fields__a64a7 .option .image-w {
        width: 100%;
        align-items: flex-end;
    }
    .__forms__order-options-fields__a64a7 .option .tile.one-month .image {
        max-width: 120px;
        -ms-transform: translate(0, 4px);
        transform: translate(0, 4px);
    }
    .__forms__order-options-fields__a64a7 .option .tile.three-month .image {
        max-width: 96px;
    }
    .__forms__order-options-fields__a64a7 .option .tile.twelve-month .image {
        max-width: 110px;
    }
    .__forms__order-options-fields__a64a7 .option .tile.by-the-bottle .image {
        max-width: 100px;
    }
    .__forms__order-options-fields__a64a7 .option .description {
        margin-top: 10px;
    }
}
.__forms__order-overview__27775 {
    max-width: 600px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    color: #253c6e;
    background: #fbfbfb;
}
.__forms__order-overview__27775 .image-w {
    display: none;
}
.__forms__order-overview__27775 .text-w .title-bar {
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.__forms__order-overview__27775 .text-w .title-bar .icon {
    width: 18px;
    height: 18px;
}
.__forms__order-overview__27775 .text-w .title {
    font-size: 15px;
    letter-spacing: 0.04em;
    font-weight: 800;
}
@media screen and (min-width: 450px) {
    .__forms__order-overview__27775 .text-w .title {
        font-size: 17px;
        font-weight: 700;
    }
}
@media screen and (min-width: 800px) {
    .__forms__order-overview__27775 .text-w .title {
        letter-spacing: 0.1em;
    }
}
.__forms__order-overview__27775 .text-w .detail-list {
    border-bottom: 1px solid #253c6e;
    padding: 10px 0;
    display: none;
}
.__forms__order-overview__27775 .text-w .detail {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 300;
}
.__forms__order-overview__27775 .text-w .detail strong {
    font-weight: 500;
}
@media screen and (min-width: 450px) {
    .__forms__order-overview__27775 .text-w .detail {
        font-size: 15px;
        line-height: 1.5;
    }
}
.__forms__order-overview__27775 .text-w .detail:not(:first-of-type) {
    margin-top: 5px;
}
.__forms__order-overview__27775 .text-w .total {
    margin-top: 5px;
    padding-top: 10px;
    font-weight: 700;
    display: none;
}
.__forms__order-overview__27775 .right {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.__forms__order-overview__27775 .right .small-total {
    margin-right: 10px;
}
.__forms__order-overview__27775.open .image-w {
    display: none;
    flex-basis: 26%;
}
.__forms__order-overview__27775.open .text-w .title-bar {
    border-bottom: 2px solid #253c6e;
}
.__forms__order-overview__27775.open .text-w .detail-list {
    display: block;
}
.__forms__order-overview__27775.open .text-w .total {
    display: flex;
}
.__forms__order-overview__27775.open .small-total {
    display: none;
}
@media screen and (min-width: 800px) {
    .__forms__order-overview__27775 {
        border: 1px solid #253c6e;
        padding: 10px;
        border-radius: 5px;
    }
    .__forms__order-overview__27775 .order-summary {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .__forms__order-overview__27775 .image-w {
        display: flex;
        flex-basis: 15%;
        padding: 10px;
    }
    .__forms__order-overview__27775 .text-w {
        flex-basis: 70%;
    }
    .__forms__order-overview__27775 .text-w .icon-w {
        display: none;
    }
    .__forms__order-overview__27775 .detail-list {
        display: block;
    }
    .__forms__order-overview__27775 .total {
        display: flex;
    }
    .__forms__order-overview__27775.open .image-w {
        display: flex;
    }
    .__forms__order-overview__27775.open .small-total {
        display: none;
    }
}
.__forms__payment-types__83784 .type-list {
    display: flex;
    justify-content: flex-start;
}
.__forms__payment-types__83784 .type:not(:first-of-type) {
    margin-left: 10px;
}
.__forms__payment-types__83784 .type.chosen .switch {
    background: #25acc2;
    color: #fff;
}
.__forms__payment-types__83784 .switch {
    padding: 10px 20px;
}
.__forms__payment-types__83784 .switch .icon {
    width: 35px;
    height: 35px;
}
.__forms__step-feedback-meter__97e51 {
    background: #eaeaea;
}
.__forms__step-feedback-meter__97e51 .bar {
    height: 10px;
    width: 0%;
    background: #25acc2;
    transition: 0.3s;
}
.__forms__step-feedback-meter__97e51.step {
    border: 2px solid #f00;
}
.__forms__step-feedback-meter__97e51.step-one .bar {
    width: 25%;
}
.__forms__step-feedback-meter__97e51.step-two .bar {
    width: 50%;
}
.__forms__step-feedback-meter__97e51.step-three .bar {
    width: 75%;
}
.__forms__step-feedback-meter__97e51.step-four .bar {
    width: 100%;
}
.__purchase-introduction__a610a {
    background: #eaeaea;
    background: #fff;
}
.__purchase-introduction__a610a .inner-w {
    padding-top: 80px;
    padding-bottom: 60px;
}
.__purchase-introduction__a610a .heading {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0.05em;
    transition: 0.3s;
    text-align: center;
    padding-bottom: 60px;
}
@media screen and (min-width: 450px) {
    .__purchase-introduction__a610a .heading {
        font-size: 29px;
        line-height: 1.3;
    }
}
@media screen and (min-width: 800px) {
    .__purchase-introduction__a610a .heading {
        font-size: 35px;
    }
}
.__purchase-introduction__a610a .choice-list {
    display: flex;
    flex-direction: column;
}
.__purchase-introduction__a610a .choice-list .choice {
    text-align: center;
}
.__purchase-introduction__a610a .choice-list .choice .title {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 450px) {
    .__purchase-introduction__a610a .choice-list .choice .title {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    .__purchase-introduction__a610a .choice-list .choice .title {
        line-height: 1.2;
    }
}
.__purchase-introduction__a610a .choice-list .choice .description {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    margin-top: 10px;
}
.__purchase-introduction__a610a .choice-list .choice .description strong {
    font-weight: 500;
}
.__purchase-introduction__a610a .choice-list .choice .description em {
    font-style: italic;
}
.__purchase-introduction__a610a .choice-list .choice .price {
    margin-top: 10px;
    color: #25acc2;
    font-weight: 500;
}
.__purchase-introduction__a610a .choice-list .choice .currency {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    color: #25acc2;
}
@media screen and (min-width: 450px) {
    .__purchase-introduction__a610a .choice-list .choice .currency {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    .__purchase-introduction__a610a .choice-list .choice .currency {
        line-height: 1.2;
    }
}
.__purchase-introduction__a610a .choice-list .choice .currency .increment {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    color: #25acc2;
}
.__purchase-introduction__a610a .choice-list .choice .currency .increment strong {
    font-weight: 500;
}
.__purchase-introduction__a610a .choice-list .choice .currency .increment em {
    font-style: italic;
}
.__purchase-introduction__a610a footer {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}
.__purchase-introduction__a610a .button {
    background: #25acc2;
    color: #fff;
    box-shadow: 0 5px 0 0 #219baf, 0 5px 5px 2px rgba(0,0,0,0.05);
    transition: 0.3s;
}
.__purchase-introduction__a610a .button:hover {
    transition: 0.1s;
}
.__purchase-introduction__a610a .button:hover {
    background: #219baf;
    color: #fff;
    box-shadow: 0 5px 0 0 #1c8495, 0 5px 5px 2px rgba(0,0,0,0.08);
}
@media screen and (max-width: 450px) {
    .__purchase-introduction__a610a .choice:not(:first-of-type) {
        margin-top: 40px;
    }
}
@media screen and (min-width: 450px) {
    .__purchase-introduction__a610a .choice-list {
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .__purchase-introduction__a610a .choice {
        flex-basis: 48%;
    }
}
@media screen and (min-width: 450px) and (max-width: 799px) {
    .__purchase-introduction__a610a .choice:nth-of-type(3),
    .__purchase-introduction__a610a .choice:nth-of-type(4) {
        margin-top: 50px;
    }
}
@media screen and (min-width: 800px) {
    .__purchase-introduction__a610a .choice {
        flex-basis: 23%;
    }
}
.__svg-icon__6d031 {
    display: block;
}
.__svg-icon__6d031 .svg {
    height: 100%;
    width: 100%;
    display: block;
    fill: currentColor;
}
.social-share-options .item-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.social-share-options .item {
    color: #929292;
    transition: 0.3s;
}
.social-share-options .item .icon {
    width: 35px;
    height: 35px;
}
.social-share-options .item:hover {
    transition: 0.1s;
}
.social-share-options .item:hover {
    color: #25acc2;
}
body.order-confirmation .site-header nav {
    display: none;
}
@media screen and (min-width: 800px) {
    body.order-confirmation .site-header nav {
        display: flex;
    }
}
body.order-confirmation .step-feedback-meter {
    display: none;
}
body.order-confirmation .the-goods {
    text-align: center;
    max-width: 600px;
    float: none;
    margin-right: auto;
    margin-left: auto;
}
body.order-confirmation .the-goods h1 {
    font-size: 20px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 300;
    color: #253c6e;
}
@media (min-width: 380px) {
    body.order-confirmation .the-goods h1 {
        font-size: 23px;
    }
}
@media screen and (min-width: 450px) {
    body.order-confirmation .the-goods h1 {
        font-size: 30px;
    }
}
@media screen and (min-width: 800px) {
    body.order-confirmation .the-goods h1 {
        font-size: 32px;
    }
}
.ember-load-indicator {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #25acc2;
    z-index: 1000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ember-load-indicator .loading-animation {
    display: block;
    width: 60px;
    height: 60px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    display: none;
}
output {
    display: block;
    margin: 0;
    background: #8996ff;
    padding: 10px;
    border-radius: 5px;
}
output .thing-list .thing {
    padding: 5px 0;
}
output .thing-list span {
    opacity: 0.5;
}
.fixed-things {
    position: fixed;
    top: 0;
    z-index: 1;
    opacity: 0.6;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 60%;
    max-width: 400px;
}
.fixed-things.top-left {
    left: 0;
    display: none;
}
.fixed-things.top-right {
    right: 0;
    top: -6px;
}
@media screen and (min-width: 450px) {
    .fixed-things {
        width: 30%;
    }
    .fixed-things.top-left {
        display: block;
        -ms-transform: translate(0, -40%);
        transform: translate(0, -40%);
    }
}
.inline-link {
    color: #25acc2;
    text-decoration: underline;
}
.button {
    display: inline-block;
    padding: 15px 30px;
    font-size: 18px;
    min-width: 240px;
    text-align: center;
    border-radius: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.3;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.15em;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-bottom: 10px;
    background: #eaeaea;
    color: #262727;
    border-radius: 5px;
    box-shadow: 0 5px 0 0 #d3d3d3, 0 5px 5px 2px rgba(0,0,0,0.05);
    transition: 0.3s;
}
@media screen and (min-width: 450px) {
    .button {
        font-weight: 400;
    }
}
.button:hover {
    transition: 0.1s;
}
.button:hover {
    background: #d3d3d3;
    color: #515353;
    box-shadow: 0 5px 0 0 #b3b3b3, 0 5px 5px 2px rgba(0,0,0,0.08);
}
.button span {
    position: relative;
    top: 2px;
}
.button.small {
    padding: 5px 5px;
    min-width: 150px;
}
.stand-alone-link {
    color: #6b7cff;
    text-decoration: underline;
    margin-bottom: 10px;
}
li.divider {
    opacity: 0.5;
}
.color-examples {
    background: #fff;
}
.tru-full-logo {
    max-width: 200px;
}
.landing h1,
.landing h2,
.landing h3,
.landing h4,
.landing p {
    max-width: 780px;
}
.landing h2 {
    margin-bottom: 10px;
}
.landing h4 {
    opacity: 0.5;
    font-size: 12px;
    font-family: monospace;
    margin-top: 20px;
    font-style: italic;
}
.why {
    background: #fff;
    color: #262727;
}
.why .button {
    color: #fff;
}
.why .inner-w {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.why h1,
.why h2,
.why h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 450px) {
    .why h1,
    .why h2,
    .why h3 {
        font-size: 18px;
    }
}
@media screen and (min-width: 800px) {
    .why h1,
    .why h2,
    .why h3 {
        line-height: 1.4;
    }
}
.why h1 {
    font-style: italic;
}
.why h1,
.why h2,
.why h3 {
    margin-top: 20px;
}
.why .graphic-1 {
    max-width: 200px;
    display: none;
}
@media (min-width: 800px) {
    .why .graphic-1 {
        display: block;
    }
}
.what-is-this {
    background-image: linear-gradient(to left, #6b7cff, #25acc2);
    color: #eaeaea;
}
.what-is-this .inner-w {
    padding-top: 100px;
    padding-bottom: 100px;
}
.what-is-this h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    font-size: 22px;
    margin-bottom: 40px;
}
@media screen and (min-width: 450px) {
    .what-is-this h1 {
        font-size: 18px;
    }
}
@media screen and (min-width: 800px) {
    .what-is-this h1 {
        line-height: 1.4;
    }
}
.what {
    background: #25acc2;
    color: #fff;
}
.what .button {
    background: #fff;
    color: #6b7cff;
}
.what .inner-w {
    padding-top: 100px;
    padding-bottom: 100px;
}
.what h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    font-size: 22px;
    margin-bottom: 40px;
}
@media screen and (min-width: 450px) {
    .what h2 {
        font-size: 18px;
    }
}
@media screen and (min-width: 800px) {
    .what h2 {
        line-height: 1.4;
    }
}
.what h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 450px) {
    .what h3 {
        font-size: 18px;
    }
}
@media screen and (min-width: 800px) {
    .what h3 {
        line-height: 1.4;
    }
}
.what h2,
.what h3 {
    margin-top: 20px;
}
.who {
    background: #fff;
    color: #262727;
}
.who .button {
    color: #fff;
}
.who h2,
.who h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 450px) {
    .who h2,
    .who h3 {
        font-size: 18px;
    }
}
@media screen and (min-width: 800px) {
    .who h2,
    .who h3 {
        line-height: 1.4;
    }
}
.who h2,
.who h3 {
    margin-top: 20px;
}
.buy-NOW {
    background: #fff;
    color: #262727;
}
.buy-NOW .button {
    color: #fff;
}
.product-detail {
    background: #fff;
    color: #262727;
    color: #000;
}
.product-detail .button {
    color: #fff;
}
.science .science-header {
    background-image: linear-gradient(to left, #6b7cff, #25acc2);
    color: #eaeaea;
}
.science .nad {
    background: #fff;
    color: #262727;
}
.science .nad .button {
    color: #fff;
}
.science .nr {
    background: #25acc2;
    color: #fff;
}
.science .nr .button {
    background: #fff;
    color: #6b7cff;
}
.site-footer {
    background: #262727;
    color: #fff;
}
.site-footer .svg .mark {
    color: #fff;
}
.site-footer .svg .tn {
    color: transparent;
}
.site-footer .svg .tru {
    color: #fff;
}
.site-footer .svg .niagen,
.site-footer .svg .tm {
    color: #fff;
    opacity: 0.5;
}
.site-footer .inner-w {
    padding-top: 40px;
    padding-bottom: 100px;
}
.site-footer .logo {
    margin-bottom: 20px;
}
.tr {
    color: transparent;
    color: #f00;
}
.loud {
    margin-bottom: 20px;
}
.page-header.generic {
    position: relative;
    overflow: hidden;
    background: #25acc2;
    z-index: 5;
}
.page-header.generic.legal {
    background: #929292;
}
.page-header.generic.fun {
    background: #6b7cff;
}
.page-header.generic .inner-w {
    padding-top: 50px;
    padding-bottom: 30px;
}
.page-header.generic .hexagon {
    display: block;
    position: absolute;
    top: 0;
    right: -80px;
    width: 700px;
    height: 700px;
    background: #25acc2;
    background: url("/images/graphics/hexagon.png");
    background-size: cover;
    opacity: 0.04;
    -ms-transform: rotate(-20deg) scale(0.8);
    transform: rotate(-20deg) scale(0.8);
    z-index: 10;
    transition: 10s;
}
.page-header.generic .page-heading {
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 38px;
    line-height: 1.08;
    letter-spacing: 0.03em;
    transition: 0.3s;
    font-weight: 200;
    z-index: 21;
    color: #fff;
}
@media screen and (min-width: 450px) {
    .page-header.generic .page-heading {
        font-size: 50px;
    }
}
@media screen and (max-width: 799px) {
    .page-header.generic .page-heading {
        text-align: center;
    }
}
.page-header.generic .lead-in {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    font-weight: 300;
    font-weight: 200;
    max-width: 900px;
    margin-top: 10px;
    line-height: 1.4;
    color: #fff;
}
@media screen and (min-width: 450px) {
    .page-header.generic .lead-in {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    .page-header.generic .lead-in {
        line-height: 1.2;
    }
}
@media screen and (max-width: 450px) {
    .page-header.generic .lead-in {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 1.4;
        letter-spacing: 0.05em;
        font-weight: 400;
    }
    .page-header.generic .lead-in strong {
        font-weight: 500;
    }
    .page-header.generic .lead-in em {
        font-style: italic;
    }
}
@media screen and (min-width: 450px) {
    .page-header.generic .hexagon {
        -ms-transform: rotate(-18deg) scale(1.5);
        transform: rotate(-18deg) scale(1.5);
        transition: 1s;
    }
}
@media screen and (min-width: 800px) {
    .page-header.generic .hexagon {
        -ms-transform: rotate(-18deg) scale(1.5);
        transform: rotate(-18deg) scale(1.5);
        transition: 1s;
    }
}
.generic-copy {
    padding-bottom: 120px;
}
.generic-copy .article {
    max-width: 920px;
}
.end-cap .item-list {
    display: flex;
    justify-content: flex-start;
}
.end-cap .square {
    display: block;
    padding: 10px;
    background: #fff;
    margin-top: 20px;
    border-radius: 5px;
    margin-right: 20px;
}
.cta-line {
    background: #fff;
    color: #262727;
}
.cta-line .button {
    color: #fff;
}
.product-photo {
    max-width: 200px;
}
.edit-link {
    color: #25acc2;
    text-decoration: underline;
}
.account-landing header {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}
.account-landing header p {
    margin-top: 20px;
}
.account-landing .information {
    margin-top: 30px;
}
.account-landing .information .block {
    margin-top: 30px;
}
.landing-options {
    color: rgba(0,0,0,0.5);
}
.landing-options h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 450px) {
    .landing-options h2 {
        font-size: 18px;
    }
}
@media screen and (min-width: 800px) {
    .landing-options h2 {
        line-height: 1.4;
    }
}
.landing-options .landing-list .link {
    text-decoration: underline;
}
.splash-w {
    background-size: cover;
    background-position: center center;
    transition: 0.3s;
    background-image: url("/images/backgrounds/landing-a.jpg");
    background-position: center top;
    padding-top: 120px;
}
.splash-w h1 {
    color: #25acc2;
    margin-bottom: 20px;
}
.site-header {
    position: fixed;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent;
    z-index: 20;
}
.site-header .inner-w {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.site-header .logo {
    max-width: 200px;
}
.site-header .logo .svg .mark {
    color: #fff;
}
.site-header .logo .svg .tn {
    color: transparent;
}
.site-header .logo .svg .tru {
    color: #fff;
}
.site-header .logo .svg .niagen,
.site-header .logo .svg .tm {
    color: #fff;
    opacity: 0.5;
}
@media (min-width: 700px) {
    .site-header .inner-w {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}
.page-header.generic.tight {
    padding-top: 0;
    padding-bottom: 20px;
}
.site-navigation {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.3;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-top: 10px;
}
@media screen and (min-width: 450px) {
    .site-navigation {
        font-weight: 400;
    }
}
@media screen and (min-width: 800px) {
    .site-navigation {
        -ms-transform: translate(10px, 0);
        transform: translate(10px, 0);
        margin: initial;
    }
}
.site-navigation .item-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.site-navigation .divider {
    color: rgba(255,255,255,0.3);
}
.site-navigation .link {
    padding: 10px 5px;
    transition: 0.3s;
    color: rgba(255,255,255,0.7);
}
.site-navigation .link:hover {
    transition: 0.1s;
}
.site-navigation .link:hover {
    color: #fff;
}
.site-navigation .link.active {
    color: rgba(255,255,255,0.5);
}
.site-navigation .link.active:hover {
    color: rgba(255,255,255,0.5);
}
@media (max-width: 400px) {
    .site-navigation .conditional {
        display: none;
    }
}
@media screen and (min-width: 450px) {
    .site-navigation .link {
        padding: 10px 10px;
    }
}
body.home .site-header .logo .svg .mark {
    color: #262727;
}
body.home .site-header .logo .svg .tn {
    color: transparent;
}
body.home .site-header .logo .svg .tru {
    color: #262727;
}
body.home .site-header .logo .svg .niagen,
body.home .site-header .logo .svg .tm {
    color: #262727;
    opacity: 0.5;
}
@media screen and (min-width: 450px) {
    body.home .site-header .logo .svg .mark {
        color: #fff;
    }
    body.home .site-header .logo .svg .tn {
        color: transparent;
    }
    body.home .site-header .logo .svg .tru {
        color: #fff;
    }
    body.home .site-header .logo .svg .niagen,
    body.home .site-header .logo .svg .tm {
        color: #fff;
        opacity: 0.5;
    }
}
body.home .site-navigation .link {
    color: #000;
}
body.home .site-navigation .link:hover {
    color: rgba(0,0,0,0.8);
}
@media screen and (min-width: 450px) {
    body.home .site-navigation .link {
        color: rgba(255,255,255,0.7);
    }
    body.home .site-navigation .link:hover {
        color: #fff;
    }
}
body.home .random .splash {
    background-image: url("https://picsum.photos/2200/1600/?random");
}
body.home .dawn .splash {
    background-image: url("https://images.unsplash.com/photo-1504271391199-9dea45b86e27?auto=format&fit=crop&w=2100&q=80&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D");
}
body.home .dawn .site-header .logo .svg .mark {
    color: #25acc2;
}
body.home .dawn .site-header .logo .svg .tn {
    color: #fff;
}
body.home .dawn .site-header .logo .svg .tru {
    color: #262727;
}
body.home .dawn .site-header .logo .svg .niagen,
body.home .dawn .site-header .logo .svg .tm {
    color: #262727;
    opacity: 0.5;
}
body.home .dawn .site-navigation .link {
    color: #fff;
}
body.home .dawn .site-navigation .link:hover {
    color: rgba(0,0,0,0.8);
}
@media screen and (min-width: 450px) {
    body.home .dawn .site-navigation .link {
        color: rgba(0,0,0,0.5);
    }
    body.home .dawn .site-navigation .link:hover {
        color: #000;
    }
}
body.home .trees .site-header .svg .mark {
    color: #262727;
}
body.home .trees .site-header .svg .tn {
    color: transparent;
}
body.home .trees .site-header .svg .tru {
    color: #262727;
}
body.home .trees .site-header .svg .niagen,
body.home .trees .site-header .svg .tm {
    color: #262727;
    opacity: 0.5;
}
body.home .trees .splash {
    background-image: url("https://images.unsplash.com/photo-1476589143317-647df3b59c32");
    background-image: url("https://images.unsplash.com/photo-1445187118261-1593a5af9bdf");
}
body.home .trees .splash .message {
    margin-bottom: 80px;
}
body.home .trees .splash .button {
    display: none;
}
body.home .trees .site-navigation .link {
    color: rgba(0,0,0,0.5);
}
body.home .trees .site-navigation .link:hover {
    color: #000;
}
@media screen and (min-width: 450px) {
    body.home .trees .site-navigation .link {
        color: rgba(0,0,0,0.5);
    }
    body.home .trees .site-navigation .link:hover {
        color: #000;
    }
}
body.home .trees .break {
    background-image: url("https://images.unsplash.com/photo-1476589143317-647df3b59c32");
}
.site-footer {
    position: relative;
    z-index: 2;
    background: linear-gradient(10deg, #000, #313232);
}
.site-footer .logo {
    max-width: 200px;
}
.site-footer .link {
    color: rgba(255,255,255,0.8);
    transition: 0.3s;
}
.site-footer .link:hover {
    transition: 0.1s;
}
.site-footer .link:hover {
    color: #25acc2;
}
.site-footer .footer-navigation {
    padding: 20px 0;
    -ms-transform: translate(-5px, 0);
    transform: translate(-5px, 0);
}
.site-footer .footer-navigation .item {
    display: inline-block;
    padding: 5px;
}
.site-footer .address {
    color: #929292;
    line-height: 1.2;
    font-weight: 300;
}
.site-footer .address p a {
    transition: 0.3s;
}
.site-footer .address p a:hover {
    transition: 0.1s;
}
.site-footer .address p a:hover {
    color: #25acc2;
}
.site-footer .legal-disclaimer {
    color: rgba(255,255,255,0.8);
    border: 1px solid rgba(255,255,255,0.8);
    padding: 10px;
    margin-top: 20px;
    line-height: 1.2;
    font-size: 14px;
    max-width: 800px;
    font-weight: 300;
}
.site-footer .other-navigation {
    -ms-transform: translate(-5px, 0);
    transform: translate(-5px, 0);
    margin-top: 20px;
    margin-bottom: 10px;
}
.site-footer .other-navigation .item {
    display: inline-block;
    padding: 5px;
}
.home .splash {
    position: relative;
    background-image: url("https://unsplash.it/1600/1600?random");
    background-image: url("/images/backgrounds/splash-dark.jpg");
    background-size: cover;
    background-position: center 50%;
}
.home .splash .inner-w {
    position: relative;
    min-height: 500px;
    max-height: 900px;
    order: 2;
}
@media screen and (min-width: 450px) {
    .home .splash .inner-w {
        height: 89vh;
    }
}
.home .splash .text-w {
    float: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    color: #fff;
    color: #262727;
}
.home .splash .message {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 56px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    transition: 0.3s;
}
@media screen and (min-width: 450px) {
    .home .splash .message {
        font-size: 86px;
        font-weight: 300;
    }
}
@media screen and (min-width: 800px) {
    .home .splash .message {
        font-size: 120px;
        letter-spacing: 0.02em;
    }
}
@media screen and (min-width: 450px) {
    .home .splash .message {
        color: #fff;
    }
}
.home .splash .button {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
    box-shadow: 0 5px 0 0 rgba(0,0,0,0);
    margin-top: 30px;
}
.home .splash .button:hover {
    background: rgba(255,255,255,0.2);
}
.home .break {
    background-size: cover;
    background-position: center center;
    transition: 0.3s;
    background-image: url("/images/backgrounds/break-dark.jpg");
    order: 6;
    z-index: 20;
}
.home .break .inner-w {
    padding-top: 60px;
    padding-bottom: 60px;
}
.home .break .text-w {
    text-align: center;
}
.home .break .message {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 45px;
    line-height: 1.08;
    letter-spacing: 0.03em;
    transition: 0.3s;
    color: #fff;
}
@media screen and (min-width: 450px) {
    .home .break .message {
        font-size: 60px;
    }
}
@media screen and (min-width: 800px) {
    .home .break .message {
        font-size: 70px;
    }
}
@media screen and (min-width: 450px) {
    .home .break {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}
@media screen and (min-width: 800px) {
    .home .break {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
.product-introduction {
    position: relative;
    background: linear-gradient(to bottom, #eaeaea, #929292);
    background: #fff;
    order: 3;
}
.product-introduction .inner-w {
    text-align: center;
    position: static;
}
.product-introduction .gradient-thing {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(-8deg, #f4f4f4 0%, #f4f4f4 40%, rgba(0,0,0,0.01) 40%, rgba(0,0,0,0.01) 100%);
    z-index: 0;
    display: none;
}
@media screen and (min-width: 450px) {
    .product-introduction .gradient-thing {
        display: block;
        background: linear-gradient(-8deg, #f4f4f4 0%, #f4f4f4 53%, rgba(0,0,0,0.01) 53%, rgba(0,0,0,0.01) 100%);
    }
}
@media screen and (min-width: 800px) {
    .product-introduction .gradient-thing {
        display: block;
        background: linear-gradient(-8deg, #f4f4f4 0%, #f4f4f4 40%, rgba(0,0,0,0.01) 40%, rgba(0,0,0,0.01) 100%);
    }
}
.product-introduction .product-image,
.product-introduction .text-w {
    position: relative;
    z-index: 5;
}
.product-introduction .product-image {
    width: 80%;
    max-width: 300px;
    display: inline-block;
    transition: 0.2s;
}
.product-introduction .text-w {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
}
.product-introduction .text-w strong {
    font-weight: 500;
}
.product-introduction .text-w em {
    font-style: italic;
}
@media screen and (max-width: 450px) {
    .product-introduction .text-w {
        margin-top: 20px;
    }
}
.product-introduction .button {
    background: #25acc2;
    color: #fff;
    box-shadow: 0 5px 0 0 #219baf, 0 5px 5px 2px rgba(0,0,0,0.05);
    transition: 0.3s;
    margin-top: 20px;
}
.product-introduction .button:hover {
    transition: 0.1s;
}
.product-introduction .button:hover {
    background: #219baf;
    color: #fff;
    box-shadow: 0 5px 0 0 #1c8495, 0 5px 5px 2px rgba(0,0,0,0.08);
}
@media screen and (max-width: 799px) {
    .product-introduction .button {
        background: #fff;
        color: #25acc2;
        box-shadow: 0 5px 0 0 #e6e6e6, 0 5px 5px 2px rgba(0,0,0,0.05);
        transition: 0.3s;
    }
    .product-introduction .button:hover {
        transition: 0.1s;
    }
    .product-introduction .button:hover {
        background: #e6e6e6;
        color: #44c6db;
        box-shadow: 0 5px 0 0 #c4c4c4, 0 5px 5px 2px rgba(0,0,0,0.08);
    }
    .product-introduction .button:hover {
        background: #fcfcfc;
        box-shadow: 0 5px 0 0 #d6d6d6, 0 5px 5px 2px rgba(0,0,0,0.08);
    }
}
@media screen and (min-width: 450px) and (max-width: 799px) {
    .product-introduction .text-w {
        margin-top: 20px;
    }
}
@media screen and (min-width: 450px) {
    .product-introduction .text-w {
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 22px;
        line-height: 1.3;
        letter-spacing: 0.02em;
    }
    .product-introduction .product-image {
        min-width: 280px;
    }
}
@media screen and (min-width: 800px) {
    .product-introduction {
        background: transparent;
    }
    .product-introduction .inner-w {
        display: flex;
        flex-direction: row;
        margin-bottom: -100px;
        height: 440px;
    }
    .product-introduction .product-image {
        order: 2;
        -ms-transform: translateY(-130px);
        transform: translateY(-130px);
        max-width: 350px;
    }
    .product-introduction .text-w {
        text-align: left;
        padding-right: 40px;
    }
}
@media screen and (min-width: 450px) and (min-width: 450px) {
    .product-introduction .text-w {
        font-size: 23px;
    }
}
@media screen and (min-width: 450px) and (min-width: 800px) {
    .product-introduction .text-w {
        line-height: 1.2;
    }
}
.how-it-works {
    background: #f4f4f4;
    color: #262727;
    order: 4;
}
.how-it-works .inner-w {
    padding-top: 80px;
    padding-bottom: 80px;
}
@media screen and (max-width: 450px) {
    .how-it-works .thing {
        text-align: center;
    }
}
@media screen and (max-width: 799px) {
    .how-it-works .thing:not(:first-of-type) {
        margin-top: 60px;
        max-width: 700px;
    }
}
@media screen and (min-width: 800px) {
    .how-it-works .thing {
        flex-basis: 32%;
    }
}
.how-it-works .heading {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 450px) {
    .how-it-works .heading {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    .how-it-works .heading {
        line-height: 1.2;
    }
}
.how-it-works .story {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    margin-top: 20px;
}
.how-it-works .story strong {
    font-weight: 500;
}
.how-it-works .story em {
    font-style: italic;
}
.how-it-works.one {
    order: 5;
}
.how-it-works.two {
    order: 7;
}
@media screen and (min-width: 800px) {
    .how-it-works .inner-w {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .how-it-works .thing-list {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .how-it-works .thing {
        flex-basis: 30%;
    }
    .how-it-works.one .inner-w {
        padding-top: 40px;
    }
}
.main-wrapper {
    display: flex;
    flex-direction: column;
}
.large-only {
    display: none;
    opacity: 0;
    transition: 1s;
}
@media screen and (min-width: 800px) {
    .large-only {
        display: block;
        opacity: 1;
    }
}
body.who-we-are .brand-story .article h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.3;
    letter-spacing: 0.05em;
    transition: 0.3s;
    font-weight: 300;
    color: #25acc2;
    border-bottom: 2px solid #25acc2;
    max-width: 900px;
    margin-bottom: 30px;
    margin-top: 20px;
}
@media screen and (min-width: 450px) {
    body.who-we-are .brand-story .article h2 {
        font-size: 32px;
    }
}
@media screen and (min-width: 450px) {
    body.who-we-are .brand-story .article h2 {
        font-size: 36px;
    }
}
body.who-we-are .personnel {
    position: relative;
    background: #eaeaea;
    background: #fff;
}
body.who-we-are .personnel .section-header {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.3;
    letter-spacing: 0.05em;
    transition: 0.3s;
    font-weight: 300;
    color: #6b7cff;
    padding: 40px 0 60px;
    text-align: center;
    color: #262727;
}
@media screen and (min-width: 450px) {
    body.who-we-are .personnel .section-header {
        font-size: 32px;
    }
}
@media screen and (min-width: 450px) {
    body.who-we-are .personnel .section-header {
        font-size: 36px;
    }
}
body.who-we-are .personnel .section-header .tagline {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.3;
    letter-spacing: 0.05em;
    margin-top: 20px;
}
@media screen and (min-width: 450px) {
    body.who-we-are .personnel .section-header .tagline {
        font-weight: 400;
    }
}
body.who-we-are .personnel.scientists {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
body.who-we-are .personnel.scientists .inner-w {
    padding-bottom: 0;
}
body.who-we-are .personnel.leadership .inner-w {
    padding-top: 0;
    padding-bottom: 80px;
}
.person-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.person-list .person {
    flex-basis: 200px;
    margin-bottom: 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    flex-basis: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
}
.person-list .person strong {
    font-weight: 500;
}
.person-list .person em {
    font-style: italic;
}
.person-list .portrait {
    max-width: 230px;
    border: 4px double rgba(255,255,255,0.3);
}
.person-list .name {
    margin-top: 10px;
    color: #6b7cff;
    color: #000;
    font-weight: 500;
}
.person-list .role,
.person-list .note {
    margin-top: 10px;
    max-width: 280px;
}
.person-list .role {
    font-size: 15px;
}
.person-list .note {
    font-weight: 200;
    font-size: 15px;
}
@media screen and (min-width: 450px) and (max-width: 799px) {
    .person-list .person {
        flex-basis: 49%;
    }
    .person-list .person:nth-of-type(2n + 2) {
        margin-left: 2%;
    }
    .person-list .person h2,
    .person-list .person h3,
    .person-list .person h4 {
        padding: 0 20px;
    }
}
@media screen and (min-width: 800px) {
    .person-list .person {
        flex-basis: 32%;
        margin-right: 2%;
    }
    .person-list .person:nth-of-type(3n + 3) {
        margin-right: 0;
    }
}
@media (max-width: 730px) {
    body.science .page-header.generic .lead-in br {
        display: none;
    }
}
@media screen and (max-width: 799px) {
    body.science .article.top {
        padding-top: 0;
        margin-top: -30px;
    }
}
body.science .video-area .inner-w {
    padding-top: 0;
    padding-bottom: 0;
}
body.science .video-area .video-w {
    max-width: 600px;
    position: relative;
}
@media screen and (max-width: 799px) {
    body.science .video-area .video-w {
        display: none;
    }
}
body.science .video-area .video-w .play-button {
    float: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    width: 100%;
    height: auto;
    max-width: 70px;
    color: #262727;
    transition: 0.3s;
}
body.science .video-area .video-w .play-button:hover {
    transition: 0.1s;
}
body.science .video-area .video-w:hover .play-button {
    color: #fff;
}
.science-copy .article:not(:first-of-type) {
    margin-top: 80px;
}
.science-copy .article h1 {
    border-bottom: 2px solid #25acc2;
    padding-bottom: 10px;
}
body.faq .the-questions .question-list {
    max-width: 870px;
}
aside.faq-toggle {
    width: 100%;
}
aside.faq-toggle .faq-header-toggle {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #fff;
    color: #25acc2;
    box-shadow: 0 5px 0 0 #e6e6e6, 0 5px 5px 2px rgba(0,0,0,0.05);
    transition: 0.3s;
    margin-bottom: 30px;
}
aside.faq-toggle .faq-header-toggle:hover {
    transition: 0.1s;
}
aside.faq-toggle .faq-header-toggle:hover {
    background: #e6e6e6;
    color: #44c6db;
    box-shadow: 0 5px 0 0 #c4c4c4, 0 5px 5px 2px rgba(0,0,0,0.08);
}
aside.faq-toggle .faq-header-toggle:hover {
    background: #fcfcfc;
    box-shadow: 0 5px 0 0 #d6d6d6, 0 5px 5px 2px rgba(0,0,0,0.08);
}
@media screen and (max-width: 450px) {
    aside.faq-toggle .faq-header-toggle {
        padding: 10px;
    }
    aside.faq-toggle .faq-header-toggle .q {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 1.4;
        letter-spacing: 0.05em;
        font-weight: 500;
        padding: 0 5px;
    }
    aside.faq-toggle .faq-header-toggle .q strong {
        font-weight: 500;
    }
    aside.faq-toggle .faq-header-toggle .q em {
        font-style: italic;
    }
    aside.faq-toggle .faq-header-toggle .icon-w {
        display: none;
    }
}
aside.faq-toggle .faq-header-toggle.open {
    color: #fff;
    background: #25acc2;
    color: #fff;
    box-shadow: 0 5px 0 0 #219baf, 0 5px 5px 2px rgba(0,0,0,0.05);
    transition: 0.3s;
}
aside.faq-toggle .faq-header-toggle.open:hover {
    transition: 0.1s;
}
aside.faq-toggle .faq-header-toggle.open:hover {
    background: #219baf;
    color: #fff;
    box-shadow: 0 5px 0 0 #1c8495, 0 5px 5px 2px rgba(0,0,0,0.08);
}
aside.faq-toggle .faq-header-toggle.open .icon-w {
    color: #fff;
    opacity: 0.5;
}
aside.faq-toggle .faq-header-toggle.open .q {
    color: #fff;
}
aside.faq-toggle .icon-w {
    -ms-transform: translate(-3px, 0);
    transform: translate(-3px, 0);
    flex-shrink: 0;
    color: #25acc2;
    margin-left: 20px;
}
@media $break-point0-2 {
    aside.faq-toggle .icon-w {
        display: none;
    }
}
aside.faq-toggle .q {
    padding-left: 10px;
}
aside.faq-toggle .hack-space {
    padding-bottom: 60px;
}
aside.faq-toggle.open .icon-w {
    color: #f00;
}
body.faq .box-image {
    max-width: 360px;
}
.cta-simple .inner-w {
    display: flex;
    justify-content: center;
    align-items: center;
}
.cta-simple .text-w {
    padding: 80px 0;
    text-align: center;
}
.cta-simple .text-w .message {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 45px;
    line-height: 1.08;
    letter-spacing: 0.03em;
    transition: 0.3s;
    font-weight: 300;
}
@media screen and (min-width: 450px) {
    .cta-simple .text-w .message {
        font-size: 60px;
    }
}
@media screen and (min-width: 800px) {
    .cta-simple .text-w .message {
        font-size: 70px;
    }
}
.cta-simple .text-w .button {
    display: inline-block;
    padding: 15px 30px;
    font-size: 18px;
    min-width: 240px;
    text-align: center;
    border-radius: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.3;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.15em;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-bottom: 10px;
    background: #eaeaea;
    color: #262727;
    border-radius: 5px;
    box-shadow: 0 5px 0 0 #d3d3d3, 0 5px 5px 2px rgba(0,0,0,0.05);
    transition: 0.3s;
    background: #25acc2;
    color: #fff;
    box-shadow: 0 5px 0 0 #219baf, 0 5px 5px 2px rgba(0,0,0,0.05);
    transition: 0.3s;
    margin-top: 20px;
}
@media screen and (min-width: 450px) {
    .cta-simple .text-w .button {
        font-weight: 400;
    }
}
.cta-simple .text-w .button:hover {
    transition: 0.1s;
}
.cta-simple .text-w .button:hover {
    background: #d3d3d3;
    color: #515353;
    box-shadow: 0 5px 0 0 #b3b3b3, 0 5px 5px 2px rgba(0,0,0,0.08);
}
.cta-simple .text-w .button span {
    position: relative;
    top: 2px;
}
.cta-simple .text-w .button.small {
    padding: 5px 5px;
    min-width: 150px;
}
.cta-simple .text-w .button:hover {
    transition: 0.1s;
}
.cta-simple .text-w .button:hover {
    background: #219baf;
    color: #fff;
    box-shadow: 0 5px 0 0 #1c8495, 0 5px 5px 2px rgba(0,0,0,0.08);
}
.cta-simple.colored {
    background: #25acc2;
    background-image: url("https://images.unsplash.com/photo-1504271391199-9dea45b86e27?auto=format&fit=crop&w=2100&q=80&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D");
    background-size: cover;
    background-position: center 50%;
    color: #fff;
    z-index: 10;
}
.cta-simple.colored .button {
    margin-top: 30px;
}
.cta-simple.colored.water {
    background-image: url("https://images.unsplash.com/photo-1440227469242-dcd2dd9ff679?auto=format&fit=crop&w=2102&q=80&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D");
    background-image: url("https://images.unsplash.com/photo-1458981924569-078d1b7cde24?auto=format&fit=crop&w=2048&q=80&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D");
}
.whats-in-the-bottle {
    position: relative;
    background: #25acc2;
    color: #fff;
    overflow: hidden;
    order: 8;
    z-index: 18;
}
.whats-in-the-bottle .inner-w {
    padding-top: 70px;
    padding-bottom: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.whats-in-the-bottle .gradient-thing {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, transparent 0%, transparent 32%, rgba(0,0,0,0.08) 32%, rgba(0,0,0,0) 100%);
    z-index: 0;
    opacity: 0;
}
.whats-in-the-bottle .logo,
.whats-in-the-bottle .text-w,
.whats-in-the-bottle footer,
.whats-in-the-bottle .bottles-image {
    position: relative;
    z-index: 5;
}
.whats-in-the-bottle .logo {
    max-width: 200px;
    margin-bottom: 20px;
}
.whats-in-the-bottle .bottles-image {
    display: inline-block;
    width: 80%;
    max-width: 220px;
    -ms-transform: scale(1);
    transform: scale(1);
    transition: 1s;
}
@media screen and (min-width: 800px) {
    .whats-in-the-bottle .text-w .bottles-image {
        display: none;
    }
}
.whats-in-the-bottle .heading {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 38px;
    line-height: 1.08;
    letter-spacing: 0.03em;
    transition: 0.3s;
    font-weight: 400;
    font-weight: 200;
    margin-top: 25px;
    color: #fff;
}
@media screen and (min-width: 450px) {
    .whats-in-the-bottle .heading {
        font-size: 50px;
    }
}
.whats-in-the-bottle .detail-list {
    list-style: disc;
    padding: 0 0 0 1.2rem;
    line-height: 1.3;
    margin-top: 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    font-weight: 200;
    text-align: left;
}
.whats-in-the-bottle .detail-list li:not(:first-of-type) {
    margin-top: 7.5px;
}
.whats-in-the-bottle .detail-list strong {
    font-weight: 500;
}
.whats-in-the-bottle .detail-list em {
    font-style: italic;
}
.whats-in-the-bottle .actions {
    margin-top: 40px;
    margin-bottom: 20px;
}
.whats-in-the-bottle .actions .price {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    color: #fff;
}
.whats-in-the-bottle .actions .price strong {
    font-weight: 500;
}
.whats-in-the-bottle .actions .price em {
    font-style: italic;
}
.whats-in-the-bottle .actions .amount {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    color: #fff;
}
@media screen and (min-width: 450px) {
    .whats-in-the-bottle .actions .amount {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    .whats-in-the-bottle .actions .amount {
        line-height: 1.2;
    }
}
.whats-in-the-bottle .actions .amount .type {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
}
.whats-in-the-bottle .actions .amount .type strong {
    font-weight: 500;
}
.whats-in-the-bottle .actions .amount .type em {
    font-style: italic;
}
.whats-in-the-bottle .actions .note {
    opacity: 0.6;
    line-height: 1.1;
}
@media (min-width: 650px) {
    .whats-in-the-bottle .actions {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        min-width: 500px;
    }
    .whats-in-the-bottle .actions .button {
        -ms-transform: translate(0, -5px);
        transform: translate(0, -5px);
    }
    .whats-in-the-bottle .actions .price {
        margin-left: 30px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}
.whats-in-the-bottle footer .bottles-image {
    display: none;
}
.whats-in-the-bottle .button {
    background: #fff;
    color: #25acc2;
    box-shadow: 0 5px 0 0 #e6e6e6, 0 5px 5px 2px rgba(0,0,0,0.05);
    transition: 0.3s;
}
.whats-in-the-bottle .button:hover {
    transition: 0.1s;
}
.whats-in-the-bottle .button:hover {
    background: #e6e6e6;
    color: #44c6db;
    box-shadow: 0 5px 0 0 #c4c4c4, 0 5px 5px 2px rgba(0,0,0,0.08);
}
.whats-in-the-bottle .button:hover {
    background: #fcfcfc;
    box-shadow: 0 5px 0 0 #d6d6d6, 0 5px 5px 2px rgba(0,0,0,0.08);
}
.whats-in-the-bottle .hexagon {
    display: block;
    position: absolute;
    top: 0;
    right: -80px;
    width: 700px;
    height: 700px;
    background: url("/images/graphics/hexagon.png");
    background-size: cover;
    opacity: 0.08;
    -ms-transform: rotate(-15deg) scale(1.3);
    transform: rotate(-15deg) scale(1.3);
    transition: 1.8s;
}
.whats-in-the-bottle .box-image-2 {
    max-width: 280px;
    margin-top: 20px;
}
@media screen and (max-width: 799px) {
    .whats-in-the-bottle .inner-w {
        text-align: center;
    }
}
@media screen and (min-width: 450px) {
    .whats-in-the-bottle .bottles-image {
        max-width: 280px;
    }
}
@media screen and (min-width: 800px) {
    .whats-in-the-bottle .inner-w {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .whats-in-the-bottle footer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .whats-in-the-bottle footer .bottles-image {
        display: block;
    }
    .whats-in-the-bottle footer .button {
        margin-top: 20px;
    }
    .whats-in-the-bottle .text-w {
        padding-right: 40px;
    }
    .whats-in-the-bottle .gradient-thing {
        background: linear-gradient(180deg, transparent 0%, transparent 37%, rgba(0,0,0,0.08) 37%, rgba(0,0,0,0) 100%);
    }
    .whats-in-the-bottle .hexagon {
        display: block;
        position: absolute;
        top: 0;
        right: -230px;
        width: 700px;
        height: 700px;
        background: url("/images/graphics/hexagon.png");
        background-size: cover;
        opacity: 0.05;
        -ms-transform: rotate(-18deg) scale(1);
        transform: rotate(-18deg) scale(1);
        transition: 1.8s;
    }
    .whats-in-the-bottle .bottles-image {
        max-width: 360px;
        position: relative;
        right: 30px;
    }
}
.what-you-get {
    position: relative;
    background: #eaeaea;
    color: #000;
    overflow: hidden;
    order: 8;
    z-index: 2;
}
.what-you-get .inner-w {
    padding-top: 70px;
    padding-bottom: 60px;
}
.what-you-get .gradient-thing {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, transparent 0%, transparent 32%, rgba(0,0,0,0.08) 32%, rgba(0,0,0,0) 100%);
    z-index: 0;
}
.what-you-get .logo,
.what-you-get .text-w,
.what-you-get footer,
.what-you-get .bottles-image {
    position: relative;
    z-index: 5;
}
.what-you-get .logo {
    max-width: 200px;
    margin-bottom: 20px;
}
.what-you-get .bottles-image {
    width: 80%;
    max-width: 240px;
    -ms-transform: scale(1);
    transform: scale(1);
    transition: 1s;
}
@media screen and (min-width: 800px) {
    .what-you-get .text-w .bottles-image {
        display: none;
    }
}
.what-you-get .heading {
    font-weight: 700;
    margin-top: 25px;
}
.what-you-get .detail-list {
    line-height: 1.3;
    margin-top: 15px;
}
.what-you-get footer .bottles-image {
    display: none;
}
.what-you-get .button {
    margin-top: 40px;
}
.what-you-get .hexagon {
    display: block;
    position: absolute;
    top: 0;
    right: -80px;
    width: 700px;
    height: 700px;
    background: url("/images/graphics/hexagon.png");
    background-size: cover;
    opacity: 0.05;
    -ms-transform: rotate(-20deg) scale(1);
    transform: rotate(-20deg) scale(1);
    transition: 1.8s;
}
@media screen and (min-width: 450px) {
    .what-you-get .gradient-thing {
        background: linear-gradient(180deg, transparent 0%, transparent 35%, rgba(0,0,0,0.08) 35%, rgba(0,0,0,0) 100%);
    }
}
@media screen and (min-width: 800px) {
    .what-you-get .inner-w {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .what-you-get footer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .what-you-get footer .bottles-image {
        display: block;
        max-width: 400px;
    }
    .what-you-get footer .button {
        margin-top: 20px;
    }
    .what-you-get .detail-list {
        font-size: 20px;
    }
    .what-you-get .text-w {
        padding-right: 40px;
    }
    .what-you-get .gradient-thing {
        background: linear-gradient(180deg, transparent 0%, transparent 37%, rgba(0,0,0,0.08) 37%, rgba(0,0,0,0) 100%);
    }
    .what-you-get .hexagon {
        display: block;
        position: absolute;
        top: 0;
        right: -230px;
        width: 700px;
        height: 700px;
        background: url("/images/graphics/hexagon.png");
        background-size: cover;
        opacity: 0.05;
        -ms-transform: rotate(-20deg) scale(1);
        transform: rotate(-20deg) scale(1);
        transition: 1.8s;
    }
}
body.product-detail .site-header {
    position: relative;
    background: #25acc2;
}
body.product-detail .site-header .inner-w {
    padding-top: 25px;
    padding-bottom: 25px;
}
body.product-detail article.article .heading {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    color: inherit;
}
@media screen and (min-width: 450px) {
    body.product-detail article.article .heading {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    body.product-detail article.article .heading {
        line-height: 1.2;
    }
}
body.product-detail .intro-break {
    background-size: cover;
    background-position: center center;
    transition: 0.3s;
    background-image: url("https://unsplash.it/1600/1600?random");
    background-image: url("https://static01.nyt.com/images/2017/12/06/autossell/06xp-fire2/merlin_130902207_39937426-bc69-4508-ace2-dad28f52f876-master675.jpg");
    background-image: url("../images/product-detail/break-one.jpg");
    color: #fff;
}
body.product-detail .intro-break .inner-w {
    padding-top: 60px;
    padding-bottom: 80px;
}
body.product-detail .intro-break .product-welcome {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    color: #fff;
    font-weight: 400;
}
@media screen and (min-width: 450px) {
    body.product-detail .intro-break .product-welcome {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    body.product-detail .intro-break .product-welcome {
        line-height: 1.2;
    }
}
@media screen and (min-width: 800px) {
    body.product-detail .intro-break .product-welcome {
        display: none;
    }
    body.product-detail .intro-break .inner-w {
        padding: 0;
    }
}
body.product-detail .overview {
    background: #fbfbfb;
}
body.product-detail .overview .inner-w {
    display: flex;
    flex-direction: column;
    align-items: center;
    -ms-transform: translate(0, -70px);
    transform: translate(0, -70px);
}
body.product-detail .overview .image-area .image {
    width: 100%;
}
body.product-detail .overview .image-area .actions {
    display: none;
}
body.product-detail .overview .product-welcome {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    display: none;
}
@media screen and (min-width: 450px) {
    body.product-detail .overview .product-welcome {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    body.product-detail .overview .product-welcome {
        line-height: 1.2;
    }
}
body.product-detail .overview .actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}
body.product-detail .overview .button {
    display: inline-block;
    padding: 15px 30px;
    font-size: 18px;
    min-width: 240px;
    text-align: center;
    border-radius: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.3;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.15em;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-bottom: 10px;
    background: #eaeaea;
    color: #262727;
    border-radius: 5px;
    box-shadow: 0 5px 0 0 #d3d3d3, 0 5px 5px 2px rgba(0,0,0,0.05);
    transition: 0.3s;
    background: #25acc2;
    color: #fff;
    box-shadow: 0 5px 0 0 #219baf, 0 5px 5px 2px rgba(0,0,0,0.05);
    transition: 0.3s;
}
@media screen and (min-width: 450px) {
    body.product-detail .overview .button {
        font-weight: 400;
    }
}
body.product-detail .overview .button:hover {
    transition: 0.1s;
}
body.product-detail .overview .button:hover {
    background: #d3d3d3;
    color: #515353;
    box-shadow: 0 5px 0 0 #b3b3b3, 0 5px 5px 2px rgba(0,0,0,0.08);
}
body.product-detail .overview .button span {
    position: relative;
    top: 2px;
}
body.product-detail .overview .button.small {
    padding: 5px 5px;
    min-width: 150px;
}
body.product-detail .overview .button:hover {
    transition: 0.1s;
}
body.product-detail .overview .button:hover {
    background: #219baf;
    color: #fff;
    box-shadow: 0 5px 0 0 #1c8495, 0 5px 5px 2px rgba(0,0,0,0.08);
}
body.product-detail .overview .price {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 450px) {
    body.product-detail .overview .price {
        font-size: 18px;
    }
}
@media screen and (min-width: 800px) {
    body.product-detail .overview .price {
        line-height: 1.4;
    }
}
body.product-detail .overview .price {
    display: flex;
    flex-direction: row;
    align-items: center;
}
body.product-detail .overview .price .denomination {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
}
body.product-detail .overview .price .denomination strong {
    font-weight: 500;
}
body.product-detail .overview .price .denomination em {
    font-style: italic;
}
body.product-detail .overview .price .currency {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 450px) {
    body.product-detail .overview .price .currency {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    body.product-detail .overview .price .currency {
        line-height: 1.2;
    }
}
body.product-detail .overview .price .currency:before {
    display: inline-block;
    font-weight: 400;
    margin-right: 2.5px;
    opacity: 0.8;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
}
body.product-detail .overview .price .currency:before strong {
    font-weight: 500;
}
body.product-detail .overview .price .currency:before em {
    font-style: italic;
}
body.product-detail .overview .price .interval {
    opacity: 0.8;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    margin-left: 2.5px;
}
body.product-detail .overview .price .interval strong {
    font-weight: 500;
}
body.product-detail .overview .price .interval em {
    font-style: italic;
}
@media screen and (max-width: 450px) {
    body.product-detail .overview .inner-w {
        margin-bottom: -70px;
    }
    body.product-detail .overview .image {
        max-width: 260px;
    }
}
@media screen and (min-width: 450px) {
    body.product-detail .overview .inner-w {
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    body.product-detail .overview .image-area {
        max-width: 400px;
    }
    body.product-detail .overview .actions {
        flex-direction: row;
    }
    body.product-detail .overview .actions .price {
        margin-left: 30px;
    }
}
@media screen and (min-width: 450px) and (max-width: 799px) {
    body.product-detail .overview .description {
        max-width: 600px;
    }
    body.product-detail .overview .actions {
        justify-content: center;
    }
    body.product-detail .overview .image-area {
        align-items: center;
    }
    body.product-detail .overview .image {
        max-width: 360px;
    }
    body.product-detail .overview .actions {
        flex-direction: column;
        margin-right: 20px;
        margin-bottom: 40px;
    }
}
@media screen and (min-width: 800px) {
    body.product-detail .overview .inner-w {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    body.product-detail .overview .image-area {
        flex-basis: 340px;
        flex-shrink: 0;
    }
    body.product-detail .overview .text-w {
        padding-left: 40px;
    }
    body.product-detail .overview .product-welcome {
        display: block;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 24px;
        line-height: 1.2;
        letter-spacing: 0.05em;
        transition: 0.3s;
        margin-bottom: 10px;
    }
    body.product-detail .overview .actions {
        margin-top: 20px;
    }
}
@media screen and (min-width: 800px) and (min-width: 450px) {
    body.product-detail .overview .product-welcome {
        font-size: 29px;
        line-height: 1.3;
    }
}
@media screen and (min-width: 800px) and (min-width: 800px) {
    body.product-detail .overview .product-welcome {
        font-size: 35px;
    }
}
body.product-detail .break {
    background-size: cover;
    background-position: center center;
    transition: 0.3s;
    background-image: linear-gradient(to left, #6b7cff, #25acc2);
    z-index: 20;
}
body.product-detail .break .inner-w {
    padding-top: 60px;
    padding-bottom: 60px;
}
body.product-detail .break .inner-w .quote {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0.05em;
    transition: 0.3s;
    font-weight: 300;
}
@media screen and (min-width: 450px) {
    body.product-detail .break .inner-w .quote {
        font-size: 29px;
        line-height: 1.3;
    }
}
@media screen and (min-width: 800px) {
    body.product-detail .break .inner-w .quote {
        font-size: 35px;
    }
}
body.product-detail .break .inner-w .source {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    font-weight: 500;
    margin-top: 20px;
}
body.product-detail .break .inner-w .source strong {
    font-weight: 500;
}
body.product-detail .break .inner-w .source em {
    font-style: italic;
}
body.product-detail .break .inner-w .note {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
}
body.product-detail .break .inner-w .note strong {
    font-weight: 500;
}
body.product-detail .break .inner-w .note em {
    font-style: italic;
}
@media screen and (min-width: 450px) {
    body.product-detail .break {
        text-align: left;
    }
    body.product-detail .break .inner-w {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
@media screen and (min-width: 800px) {
    body.product-detail .break .inner-w {
        padding-top: 140px;
        padding-bottom: 140px;
    }
}
body.product-detail .break-one {
    background-image: url("../images/product-detail/testimonial-background2.jpg");
    color: #fff;
}
@media screen and (min-width: 800px) {
    body.product-detail .break-one {
        background-position: 30% 60%;
    }
}
body.product-detail .break-two {
    background-image: url("../images/product-detail/landscape-one.jpg");
    background-position: 20% 35%;
}
@media screen and (min-width: 800px) {
    body.product-detail .break-two {
        background-position: 30% 35%;
    }
    body.product-detail .break-two .inner-w {
        padding-top: 30px;
    }
}
body.product-detail .benefit-highlights {
    z-index: 20;
    background: #fbfbfb;
}
body.product-detail .benefit-highlights .inner-w {
    padding-top: 80px;
    padding-bottom: 80px;
}
body.product-detail .benefit-highlights .heading {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0.05em;
    transition: 0.3s;
    text-align: center;
    padding-bottom: 60px;
}
@media screen and (min-width: 450px) {
    body.product-detail .benefit-highlights .heading {
        font-size: 29px;
        line-height: 1.3;
    }
}
@media screen and (min-width: 800px) {
    body.product-detail .benefit-highlights .heading {
        font-size: 35px;
    }
}
body.product-detail .benefit-highlights .highlight-list {
    display: flex;
    flex-direction: column;
}
body.product-detail .benefit-highlights .highlight {
    text-align: center;
}
@media screen and (max-width: 450px) {
    body.product-detail .benefit-highlights .highlight:not(:first-of-type) {
        margin-top: 60px;
    }
}
body.product-detail .benefit-highlights .highlight .image {
    display: inline-block;
    max-width: 80px;
    color: #25acc2;
}
body.product-detail .benefit-highlights .highlight .message {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    margin-top: 10px;
    line-height: 1.4;
}
body.product-detail .benefit-highlights .highlight .message strong {
    font-weight: 500;
}
body.product-detail .benefit-highlights .highlight .message em {
    font-style: italic;
}
body.product-detail .benefit-highlights .highlight .message strong {
    font-weight: 500;
}
@media screen and (min-width: 450px) {
    body.product-detail .benefit-highlights .highlight-list {
        flex-direction: row;
        justify-content: space-between;
    }
    body.product-detail .benefit-highlights .highlight {
        flex-basis: 31%;
    }
}
body.product-detail .history .heading {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 450px) {
    body.product-detail .history .heading {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    body.product-detail .history .heading {
        line-height: 1.2;
    }
}
body.product-detail .history .image {
    max-width: 340px;
}
body.product-detail .history figcaption {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    margin-top: 5px;
}
body.product-detail .history figcaption strong {
    font-weight: 500;
}
body.product-detail .history figcaption em {
    font-style: italic;
}
@media screen and (max-width: 799px) {
    body.product-detail .history .text-w {
        margin-top: 10px;
    }
}
@media screen and (min-width: 800px) {
    body.product-detail .history .inner-w {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        margin-top: 60px;
        margin-bottom: 60px;
    }
    body.product-detail .history .article {
        padding-top: 0;
    }
    body.product-detail .history .image {
        flex-basis: 320px;
        flex-shrink: 0;
    }
    body.product-detail .history .text-w {
        padding-left: 40px;
    }
}
body.product-detail .what-is-it {
    background: #25acc2;
    color: #fff;
    overflow: hidden;
    z-index: 20;
}
body.product-detail .what-is-it .inner-w {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 2;
}
body.product-detail .what-is-it .hexagon {
    display: block;
    position: absolute;
    bottom: -270px;
    right: -80px;
    width: 700px;
    height: 700px;
    background: #25acc2;
    background: url("/images/graphics/hexagon.png");
    background-size: cover;
    opacity: 0.04;
    -ms-transform: rotate(-20deg) scale(0.8);
    transform: rotate(-20deg) scale(0.8);
    z-index: 10;
    transition: 10s;
    z-index: -1;
}
@media screen and (min-width: 450px) {
    body.product-detail .what-is-it .hexagon {
        top: 0;
        bottom: auto;
    }
}
body.product-detail .what-is-it article.article {
    color: #fff;
}
body.product-detail .what-is-it article.article h2 + ul {
    margin-top: 20px;
}
@media screen and (max-width: 450px) {
    body.product-detail .what-is-it article.article ul {
        margin: 0;
        padding: 0;
        list-style: 0;
    }
}
body.product-detail .what-is-it article.article ul li:not(:first-of-type) {
    margin-top: 15px;
}
body.product-detail .what-is-it .image {
    max-width: 200px;
}
@media screen and (min-width: 450px) {
    body.product-detail .what-is-it .inner-w {
        flex-direction: row;
        align-items: center;
    }
    body.product-detail .what-is-it .image {
        flex-basis: 180px;
        flex-shrink: 0;
    }
}
@media screen and (min-width: 800px) {
    body.product-detail .what-is-it .article {
        flex-basis: 700px;
        margin-right: 40px;
    }
}
body.product-detail .is-it-safe {
    background: #fff;
}
body.product-detail .is-it-safe .inner-w {
    padding-top: 60px;
}
body.product-detail .is-it-safe .article {
    max-width: 800px;
}
body.product-detail .is-it-safe .seal-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 10px;
}
body.product-detail .is-it-safe .seal-list .seal {
    display: flex;
    flex-direction: column;
    align-items: center;
}
body.product-detail .is-it-safe .seal-list .seal:not(:first-of-type) {
    margin-left: 30px;
}
body.product-detail .is-it-safe .seal-list .seal:nth-of-type(3) .image {
    max-width: 70px;
}
body.product-detail .is-it-safe .seal-list .image {
    max-width: 80px;
}
body.product-detail .is-it-safe .seal-list .name {
    margin-top: 10px;
}
@media screen and (min-width: 450px) {
    body.product-detail .is-it-safe .inner-w {
        padding-bottom: 80px;
    }
}
body.product-detail .product-choices {
    background: #eaeaea;
    background: #fff;
}
body.product-detail .product-choices .inner-w {
    padding-top: 80px;
    padding-bottom: 60px;
}
body.product-detail .product-choices .heading {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0.05em;
    transition: 0.3s;
    text-align: center;
    padding-bottom: 60px;
}
@media screen and (min-width: 450px) {
    body.product-detail .product-choices .heading {
        font-size: 29px;
        line-height: 1.3;
    }
}
@media screen and (min-width: 800px) {
    body.product-detail .product-choices .heading {
        font-size: 35px;
    }
}
body.product-detail .product-choices .choice-list {
    display: flex;
    flex-direction: column;
}
body.product-detail .product-choices .choice-list .choice {
    text-align: center;
}
body.product-detail .product-choices .choice-list .choice .title {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 450px) {
    body.product-detail .product-choices .choice-list .choice .title {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    body.product-detail .product-choices .choice-list .choice .title {
        line-height: 1.2;
    }
}
body.product-detail .product-choices .choice-list .choice .description {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    margin-top: 10px;
}
body.product-detail .product-choices .choice-list .choice .description strong {
    font-weight: 500;
}
body.product-detail .product-choices .choice-list .choice .description em {
    font-style: italic;
}
body.product-detail .product-choices .choice-list .choice .price {
    margin-top: 10px;
    color: #25acc2;
    font-weight: 500;
}
body.product-detail .product-choices .choice-list .choice .currency {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    color: #25acc2;
}
@media screen and (min-width: 450px) {
    body.product-detail .product-choices .choice-list .choice .currency {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    body.product-detail .product-choices .choice-list .choice .currency {
        line-height: 1.2;
    }
}
body.product-detail .product-choices .choice-list .choice .currency .increment {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    color: #25acc2;
}
body.product-detail .product-choices .choice-list .choice .currency .increment strong {
    font-weight: 500;
}
body.product-detail .product-choices .choice-list .choice .currency .increment em {
    font-style: italic;
}
body.product-detail .product-choices footer {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}
body.product-detail .product-choices .button {
    background: #25acc2;
    color: #fff;
    box-shadow: 0 5px 0 0 #219baf, 0 5px 5px 2px rgba(0,0,0,0.05);
    transition: 0.3s;
}
body.product-detail .product-choices .button:hover {
    transition: 0.1s;
}
body.product-detail .product-choices .button:hover {
    background: #219baf;
    color: #fff;
    box-shadow: 0 5px 0 0 #1c8495, 0 5px 5px 2px rgba(0,0,0,0.08);
}
@media screen and (max-width: 450px) {
    body.product-detail .product-choices .choice:not(:first-of-type) {
        margin-top: 40px;
    }
}
@media screen and (min-width: 450px) {
    body.product-detail .product-choices .choice-list {
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    body.product-detail .product-choices .choice {
        flex-basis: 48%;
    }
}
@media screen and (min-width: 450px) and (max-width: 799px) {
    body.product-detail .product-choices .choice:nth-of-type(3),
    body.product-detail .product-choices .choice:nth-of-type(4) {
        margin-top: 50px;
    }
}
@media screen and (min-width: 800px) {
    body.product-detail .product-choices .choice {
        flex-basis: 23%;
    }
}
body.product-detail .mailing-list {
    background: #fff;
    z-index: 20;
}
body.product-detail .options {
    background: #eaeaea;
}
body.product-detail .options .inner-w {
    padding-top: 40px;
    padding-bottom: 80px;
}
body.product-detail .options .option-list {
    display: flex;
    flex-direction: column;
}
body.product-detail .options .option .link {
    color: #25acc2;
}
@media screen and (max-width: 450px) {
    body.product-detail .options .option:not(:first-of-type) {
        margin-top: 60px;
    }
}
@media screen and (min-width: 450px) {
    body.product-detail .options .option-list {
        flex-direction: row;
        justify-content: space-between;
    }
    body.product-detail .options .option {
        flex-basis: 31%;
    }
}
.read-more .inner-w {
    padding-top: 60px;
    padding-bottom: 120px;
}
.read-more .button {
    background: #6b7cff;
    color: #fff;
    box-shadow: 0 5px 0 0 #475cff, 0 5px 5px 2px rgba(0,0,0,0.05);
    transition: 0.3s;
}
.read-more .button:hover {
    transition: 0.1s;
}
.read-more .button:hover {
    background: #475cff;
    color: #fff;
    box-shadow: 0 5px 0 0 #1631ff, 0 5px 5px 2px rgba(0,0,0,0.08);
}
@media screen and (min-width: 450px) {
    .read-more .inner-w {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .read-more header {
        flex-basis: 100%;
        margin-bottom: 40px;
    }
    .read-more .heading {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 22px;
        line-height: 1.3;
        letter-spacing: 0.02em;
    }
    .read-more .image {
        flex-basis: 320px;
        flex-shrink: 0;
    }
    .read-more .text-w {
        padding-left: 30px;
    }
}
@media screen and (min-width: 450px) and (min-width: 450px) {
    .read-more .heading {
        font-size: 23px;
    }
}
@media screen and (min-width: 450px) and (min-width: 800px) {
    .read-more .heading {
        line-height: 1.2;
    }
}
select {
    max-width: 100%;
    height: 37px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    line-height: 1.1;
}
select:focus {
    outline: 0;
}
select.has-success {
    border: 1px solid #008000;
}
.thank-you-message {
    text-align: center;
    color: #253c6e;
    max-width: 600px;
    float: none;
    margin-right: auto;
    margin-left: auto;
}
.thank-you-message h1 {
    font-size: 20px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.3;
}
@media (min-width: 380px) {
    .thank-you-message h1 {
        font-size: 23px;
    }
}
@media screen and (min-width: 450px) {
    .thank-you-message h1 {
        font-size: 30px;
    }
}
@media screen and (min-width: 800px) {
    .thank-you-message h1 {
        font-size: 32px;
    }
}
.thank-you-message p {
    font-size: 15px;
    letter-spacing: 0.04em;
    font-weight: 300;
    font-style: italic;
    transition: 0.3s;
    margin-top: 30px;
    line-height: 1.4;
}
.thank-you-message p:hover {
    transition: 0.1s;
}
.thank-you-message p span {
    border-bottom: 1px solid #253c6e;
}
@media screen and (min-width: 450px) {
    .thank-you-message p {
        font-size: 17px;
    }
}
@media screen and (min-width: 800px) {
    .thank-you-message p {
        letter-spacing: 0.1em;
    }
}
.thank-you-message .share-message {
    font-size: 15px;
    letter-spacing: 0.04em;
    font-weight: 800;
}
@media screen and (min-width: 450px) {
    .thank-you-message .share-message {
        font-size: 17px;
        font-weight: 700;
    }
}
@media screen and (min-width: 800px) {
    .thank-you-message .share-message {
        letter-spacing: 0.1em;
    }
}
.thank-you-message footer {
    margin-top: 40px;
}
.thank-you-message .boxy {
    margin-top: 10px;
}
.thank-you-message .boxy .item {
    padding: 0 5px;
}
.thank-you-message .boxy .link {
    border: 1px solid #253c6e;
    border-radius: 5px;
    padding: 10px;
    color: #253c6e;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}
.thank-you-message .boxy .link .icon {
    width: 35px;
    height: 35px;
}
.thank-you-message .boxy .link:hover {
    transition: 0.1s;
}
.thank-you-message .boxy .link:hover {
    background: #253c6e;
    color: #fff;
}
.thank-you-message .contact {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
}
.thank-you-message .contact strong {
    font-weight: 500;
}
.thank-you-message .contact em {
    font-style: italic;
}
.thank-you-message .contact a {
    color: #25acc2;
}
.checkout-multi-step-order-options .multi-header {
    display: none;
}
.checkout-outlet {
    z-index: 20;
}
.pp-zip {
    height: 0;
    overflow: hidden;
}
.pp-zip.visible {
    height: auto;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
a:focus {
    outline: 0;
}
.small-close-header .icon {
    width: 35px;
    height: 35px;
}
.small-close-header .svg .mark {
    color: #25acc2;
}
.small-close-header .svg .tn {
    color: #fff;
}
.small-close-header .svg .tru {
    color: #262727;
}
.small-close-header .svg .niagen,
.small-close-header .svg .tm {
    color: #262727;
    opacity: 0.5;
}
.small-close-header .inner-w {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    padding-bottom: 15px;
}
.small-close-header .link {
    padding: 10px;
    -ms-transform: translate(17.5px, 0);
    transform: translate(17.5px, 0);
}
.small-close-header .icon {
    color: #eaeaea;
    transition: 0.3s;
}
.small-close-header .icon:hover {
    transition: 0.1s;
}
.small-close-header .icon:hover {
    color: #929292;
}
body.multi-step .site-header,
body.multi-step .page-header {
    display: none;
}
body.multi-step .fixed-things {
    display: none;
}
body.multi-step .site-footer {
    display: none;
}
body.multi-step .field-w .inner-w {
    padding: 10px;
}
body.multi-step .multi-header .inner-w {
    max-width: 600px;
    background: #fbfbfb;
    padding: 10px;
    border-radius: 5px;
}
@media screen and (min-width: 800px) {
    body.multi-step .multi-header .inner-w {
        padding: 0;
        background: transparent;
    }
}
.order-details .detail {
    color: #008000;
}
.order-details .detail span {
    color: #808080;
}
.next-button {
    position: relative;
    transition: 0.3s;
}
.next-button button {
    border: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: 0 0 0 0 #f00;
    width: 100%;
    background: #253c6e;
    color: #fff;
    padding: 20px 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 500;
    width: 100%;
    letter-spacing: 0.08em;
    background: #eaeaea;
    color: #929292;
    transition: 0.3s;
    background: #253c6e;
    color: #fff;
}
.next-button button strong {
    font-weight: 500;
}
.next-button button em {
    font-style: italic;
}
@media screen and (max-width: 450px) {
    .next-button button {
        border-radius: 5px;
        box-shadow: 0 5px 0 0 #219baf;
        background: #25acc2;
        transition: 0.2s;
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    .next-button button:disabled {
        background: #eaeaea;
        color: #929292;
        box-shadow: 0 5px 0 0 #929292;
    }
    .next-button button:active {
        -ms-transform: scale(0.95);
        transform: scale(0.95);
    }
}
.next-button button .ui-w {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.next-button button .icon-w {
    -ms-transform: scale(0);
    transform: scale(0);
    transition: 0.2s, opacity 1s;
    -ms-transform: translate(-100%, 0) scale(0);
    transform: translate(-100%, 0) scale(0);
    width: 0;
    opacity: 0;
}
.next-button button .icon-w .icon {
    width: 18px;
    height: 18px;
}
.next-button button .cta {
    -ms-transform: translate(-6px, 0);
    transform: translate(-6px, 0);
}
.next-button button:focus,
.next-button button:hover:not(:disabled) {
    outline: 0;
}
.next-button button:focus .icon-w,
.next-button button:hover:not(:disabled) .icon-w {
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    width: 30px;
    opacity: 1;
}
.next-button button:active .icon-w {
    -ms-transform: scale(0);
    transform: scale(0);
    transition: 0.2s, opacity 1s;
    -ms-transform: translate(-100%, 0) scale(0);
    transform: translate(-100%, 0) scale(0);
    width: 0;
    opacity: 0;
}
.next-button button:disabled {
    background: #eaeaea;
    color: #929292;
}
.next-button button:disabled:focus {
    outline: 0;
    background: #000;
    color: #fff;
}
.next-button .paypal-cover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.next-button .paypal-touch-surface {
    display: block;
    border: 2px solid #f00;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.next-button form#paypal_subscribe_form {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #008000;
    opacity: 0;
}
.checkout-outlet {
    padding: 5px;
}
.standard-form .fieldset {
    margin-bottom: 20px;
}
.multi-step-outlet {
    margin-right: auto;
    margin-left: auto;
}
.multi-step-outlet .actions {
    margin-top: 20px;
}
body.checkout {
    background: #fff;
}
body.checkout .form-section .inner-w {
    padding: 10px;
}
body.checkout .multi-step-outlet .fieldset {
    height: auto;
}
body.checkout .fieldset {
    max-width: 600px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    transition: 0.5s;
    color: #253c6e;
    padding-bottom: 60px;
}
body.checkout .fieldset .fieldset-header {
    margin-bottom: 20px;
}
body.checkout .fieldset .fieldset-header .nevermind {
    margin-top: 10px;
}
body.checkout .fieldset.order-options-fields .actions {
    max-width: 600px;
    float: none;
    margin-right: auto;
    margin-left: auto;
}
body.checkout .fieldset.order-options-fields .actions .next-button {
    width: 100%;
}
@media screen and (min-width: 800px) {
    body.checkout .fieldset.order-options-fields {
        max-width: 900px;
    }
}
body.checkout .fieldset .main-header {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
}
@media screen and (min-width: 450px) {
    body.checkout .fieldset .main-header {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    body.checkout .fieldset .main-header {
        line-height: 1.2;
    }
}
body.checkout .fieldset.visible {
    height: auto;
    opacity: 1;
}
body.checkout .fieldset .title {
    font-size: 15px;
    letter-spacing: 0.04em;
    font-weight: 800;
}
@media screen and (min-width: 450px) {
    body.checkout .fieldset .title {
        font-size: 17px;
        font-weight: 700;
    }
}
@media screen and (min-width: 800px) {
    body.checkout .fieldset .title {
        letter-spacing: 0.1em;
    }
}
body.checkout .fieldset .label {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 2.5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    font-weight: 500;
}
body.checkout .fieldset .label strong {
    font-weight: 500;
}
body.checkout .fieldset .label em {
    font-style: italic;
}
body.checkout .fieldset .label .note {
    opacity: 0.5;
}
body.checkout .fieldset .label .note:before {
    content: '(';
}
body.checkout .fieldset .label .note:after {
    content: ')';
}
body.checkout .fieldset .label .x {
    color: #f00;
}
body.checkout .fieldset .input[type="text"],
body.checkout .fieldset .input[type="number"] {
    border: 0;
    border-radius: 0;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    position: relative;
    display: block;
    width: 100%;
    padding: 7.5px 10px;
    -webkit-appearance: text;
    -moz-appearance: text;
    appearance: text;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    font-size: 17px;
    border: 1px solid rgba(146,146,146,0.5);
    border-radius: 0;
    box-shadow: 0;
}
body.checkout .fieldset .input[type="text"] strong,
body.checkout .fieldset .input[type="number"] strong {
    font-weight: 500;
}
body.checkout .fieldset .input[type="text"] em,
body.checkout .fieldset .input[type="number"] em {
    font-style: italic;
}
body.checkout .fieldset .input[type="text"]::-moz-selection,
body.checkout .fieldset .input[type="number"]::-moz-selection {
    background: #eaeaea; /* WebKit/Blink Browsers */
}
body.checkout .fieldset .input[type="text"]::selection,
body.checkout .fieldset .input[type="number"]::selection {
    background: #eaeaea; /* WebKit/Blink Browsers */
}
body.checkout .fieldset .input[type="text"]::-moz-selection,
body.checkout .fieldset .input[type="number"]::-moz-selection {
    background: #eaeaea; /* Gecko Browsers */
}
body.checkout .fieldset .input[type="text"]:focus,
body.checkout .fieldset .input[type="number"]:focus {
    border-color: #25acc2;
}
@media screen and (min-width: 450px) {
    body.checkout .fieldset .input[type="text"],
    body.checkout .fieldset .input[type="number"] {
        font-size: 18px;
        padding: 5px 10px;
    }
}
body.checkout .fieldset .item-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
body.checkout .fieldset .option-list,
body.checkout .fieldset .item {
    margin-bottom: 20px;
}
body.checkout .fieldset .field {
    position: relative;
    display: block;
}
body.checkout .fieldset .field.has-error .label {
    color: #f00;
}
body.checkout .fieldset .field.has-error .input {
    border: 1px solid #f00;
}
body.checkout .fieldset .field.has-success .label {
    color: #008000;
}
body.checkout .fieldset .field.has-success .input {
    border: 1px solid #008000;
}
body.checkout .fieldset .field ::placeholder {
    color: rgba(0,0,0,0.2);
}
body.checkout .fieldset .field.has-success .checkmark {
    -ms-transform: translate(0, -50%) scale(1);
    transform: translate(0, -50%) scale(1);
    opacity: 1;
}
body.checkout .fieldset .input-w {
    position: relative;
    background: rgba(255,255,255,0.4);
}
body.checkout .fieldset .input-w .checkmark {
    position: absolute;
    top: 50%;
    right: 10px;
    -ms-transform: translate(0, -50%) scale(0);
    transform: translate(0, -50%) scale(0);
    color: #008000;
    transition: 0.15s;
    opacity: 0;
    z-index: 0;
}
body.checkout .fieldset .input-w .checkmark .icon {
    width: 18px;
    height: 18px;
}
body.checkout .fieldset .input {
    background: transparent;
    border: 0;
    transition: 0.3s;
}
body.checkout .fieldset .input:focus {
    outline: 0;
    background: rgba(255,255,255,0.55);
}
body.checkout .fieldset .error {
    position: absolute;
    top: 100%;
    left: 0;
    color: #f00;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0.05em;
}
body.checkout .fieldset .error strong {
    font-weight: 500;
}
body.checkout .fieldset .error em {
    font-style: italic;
}
body.checkout .fieldset .thing-list {
    display: none;
}
body.checkout .fieldset .item {
    flex-basis: 100%;
}
body.checkout .payment-options-fields .option-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
body.checkout .payment-options-fields .option-list .option:not(:first-of-type) {
    margin-left: 20px;
}
body.checkout .payment-options-fields .option-list .option .switch {
    background: #eaeaea;
}
body.checkout .payment-options-fields .option-list .option .switch:focus {
    background: #fff;
}
body.checkout .payment-options-fields .option-list .option.selected .switch {
    background: #6b7cff;
    color: #fff;
}
body.checkout .payment-options-fields .option-list .switch {
    border: 0;
    margin: 0;
    padding: 0;
    padding: 10px;
    background: #fff;
    color: #929292;
    border-radius: 5px;
}
body.checkout .payment-options-fields .option-list .switch .icon {
    width: 35px;
    height: 35px;
}
body.checkout .payment-options-fields .option-list .switch.active {
    background: #25acc2;
    color: #fff;
}
@media screen and (min-width: 450px) {
    body.checkout .contact-email-fields .item:nth-of-type(1),
    body.checkout .contact-email-fields .item:nth-of-type(2) {
        flex-basis: 48%;
    }
}
body.checkout .shipping-address-fields footer,
body.checkout .billing-address-fields footer {
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.04em;
    font-weight: 800;
}
@media screen and (min-width: 450px) {
    body.checkout .shipping-address-fields footer,
    body.checkout .billing-address-fields footer {
        font-size: 17px;
        font-weight: 700;
    }
}
@media screen and (min-width: 800px) {
    body.checkout .shipping-address-fields footer,
    body.checkout .billing-address-fields footer {
        letter-spacing: 0.1em;
    }
}
body.checkout .shipping-address-fields footer a,
body.checkout .billing-address-fields footer a {
    padding-top: 20px;
}
body.checkout .shipping-address-fields footer a,
body.checkout .billing-address-fields footer a {
    font-size: 15px;
    letter-spacing: 0.04em;
    font-weight: 300;
    font-style: italic;
    transition: 0.3s;
}
body.checkout .shipping-address-fields footer a:hover,
body.checkout .billing-address-fields footer a:hover {
    transition: 0.1s;
}
body.checkout .shipping-address-fields footer a span,
body.checkout .billing-address-fields footer a span {
    border-bottom: 1px solid #253c6e;
}
@media screen and (min-width: 450px) {
    body.checkout .shipping-address-fields footer a,
    body.checkout .billing-address-fields footer a {
        font-size: 17px;
    }
}
@media screen and (min-width: 800px) {
    body.checkout .shipping-address-fields footer a,
    body.checkout .billing-address-fields footer a {
        letter-spacing: 0.1em;
    }
}
body.checkout .shipping-address-fields footer a span,
body.checkout .billing-address-fields footer a span {
    border-bottom: 1px solid;
}
@media screen and (min-width: 450px) {
    body.checkout .shipping-address-fields .item:nth-of-type(1),
    body.checkout .billing-address-fields .item:nth-of-type(1) {
        flex-basis: 48%;
    }
    body.checkout .shipping-address-fields .item:nth-of-type(2),
    body.checkout .billing-address-fields .item:nth-of-type(2) {
        flex-basis: 48%;
    }
    body.checkout .shipping-address-fields .item:nth-of-type(6),
    body.checkout .billing-address-fields .item:nth-of-type(6) {
        flex-basis: 48%;
    }
    body.checkout .shipping-address-fields .item:nth-of-type(7),
    body.checkout .billing-address-fields .item:nth-of-type(7) {
        flex-basis: 48%;
    }
}
@media screen and (min-width: 800px) {
    body.checkout .shipping-address-fields .item:nth-of-type(5),
    body.checkout .billing-address-fields .item:nth-of-type(5) {
        flex-basis: 40%;
    }
    body.checkout .shipping-address-fields .item:nth-of-type(6),
    body.checkout .billing-address-fields .item:nth-of-type(6) {
        flex-basis: 28%;
    }
    body.checkout .shipping-address-fields .item:nth-of-type(7),
    body.checkout .billing-address-fields .item:nth-of-type(7) {
        flex-basis: 24%;
    }
}
body.checkout .payment-info-fields .item:nth-of-type(3) {
    flex-basis: 60%;
}
body.checkout .payment-info-fields .item:nth-of-type(4) {
    flex-basis: 35%;
}
body.checkout .payment-info-fields .shipping-overview {
    border: 1px solid #253c6e;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}
body.checkout .payment-info-fields .shipping-overview .street {
    margin-top: 5px;
}
body.checkout .payment-info-fields .shipping-overview .city {
    margin-top: 5px;
}
.server-error-list {
    margin-bottom: 10px;
    padding: 10px 0;
    color: #f00;
}
.server-error-list .server-error {
    margin-top: 10px;
    color: #f00;
}
.error-note {
    margin-bottom: 40px;
}
.error-note a {
    color: #25acc2;
}
.example-landing-page header.landing-splash,
.holiday-gifting header.landing-splash,
.new-year header.landing-splash,
.valentines-day header.landing-splash {
    background-size: cover;
    background-position: center center;
    transition: 0.3s;
}
.example-landing-page header.landing-splash .inner-w,
.holiday-gifting header.landing-splash .inner-w,
.new-year header.landing-splash .inner-w,
.valentines-day header.landing-splash .inner-w {
    height: 90vh;
    display: flex;
    flex-align: column;
    justify-content: center;
    align-items: center;
}
.example-landing-page header.landing-splash .text-w,
.holiday-gifting header.landing-splash .text-w,
.new-year header.landing-splash .text-w,
.valentines-day header.landing-splash .text-w {
    width: 96%;
    max-width: 700px;
    text-align: center;
}
.example-landing-page header.landing-splash .headline,
.holiday-gifting header.landing-splash .headline,
.new-year header.landing-splash .headline,
.valentines-day header.landing-splash .headline {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.08;
    letter-spacing: 0.03em;
    transition: 0.3s;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
@media screen and (min-width: 450px) {
    .example-landing-page header.landing-splash .headline,
    .holiday-gifting header.landing-splash .headline,
    .new-year header.landing-splash .headline,
    .valentines-day header.landing-splash .headline {
        font-size: 26px;
    }
}
@media screen and (min-width: 800px) {
    .example-landing-page header.landing-splash .headline,
    .holiday-gifting header.landing-splash .headline,
    .new-year header.landing-splash .headline,
    .valentines-day header.landing-splash .headline {
        font-size: 32px;
        margin-bottom: 10px;
    }
}
.example-landing-page header.landing-splash .tagline,
.holiday-gifting header.landing-splash .tagline,
.new-year header.landing-splash .tagline,
.valentines-day header.landing-splash .tagline {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    margin-top: 20px;
}
.example-landing-page header.landing-splash .tagline strong,
.holiday-gifting header.landing-splash .tagline strong,
.new-year header.landing-splash .tagline strong,
.valentines-day header.landing-splash .tagline strong {
    font-weight: 500;
}
.example-landing-page header.landing-splash .tagline em,
.holiday-gifting header.landing-splash .tagline em,
.new-year header.landing-splash .tagline em,
.valentines-day header.landing-splash .tagline em {
    font-style: italic;
}
.example-landing-page header.landing-splash .button,
.holiday-gifting header.landing-splash .button,
.new-year header.landing-splash .button,
.valentines-day header.landing-splash .button {
    margin-top: 20px;
    background: #25acc2;
    color: #fff;
    box-shadow: 0 5px 0 0 #219baf, 0 5px 5px 2px rgba(0,0,0,0.05);
    transition: 0.3s;
}
.example-landing-page header.landing-splash .button:hover,
.holiday-gifting header.landing-splash .button:hover,
.new-year header.landing-splash .button:hover,
.valentines-day header.landing-splash .button:hover {
    transition: 0.1s;
}
.example-landing-page header.landing-splash .button:hover,
.holiday-gifting header.landing-splash .button:hover,
.new-year header.landing-splash .button:hover,
.valentines-day header.landing-splash .button:hover {
    background: #219baf;
    color: #fff;
    box-shadow: 0 5px 0 0 #1c8495, 0 5px 5px 2px rgba(0,0,0,0.08);
}
.example-landing-page section.intro .inner-w,
.holiday-gifting section.intro .inner-w,
.new-year section.intro .inner-w,
.valentines-day section.intro .inner-w {
    padding-top: 60px;
    padding-bottom: 60px;
}
.example-landing-page section.intro article,
.holiday-gifting section.intro article,
.new-year section.intro article,
.valentines-day section.intro article {
    max-width: 800px;
    float: none;
    margin-right: auto;
    margin-left: auto;
}
.example-landing-page section.intro p,
.holiday-gifting section.intro p,
.new-year section.intro p,
.valentines-day section.intro p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    max-width: 100%;
}
.example-landing-page section.intro p strong,
.holiday-gifting section.intro p strong,
.new-year section.intro p strong,
.valentines-day section.intro p strong {
    font-weight: 500;
}
.example-landing-page section.intro p em,
.holiday-gifting section.intro p em,
.new-year section.intro p em,
.valentines-day section.intro p em {
    font-style: italic;
}
@media screen and (min-width: 450px) {
    .example-landing-page section.intro p,
    .holiday-gifting section.intro p,
    .new-year section.intro p,
    .valentines-day section.intro p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 18px;
        line-height: 1.3;
        letter-spacing: 0.02em;
    }
}
@media screen and (min-width: 450px) and (min-width: 450px) {
    .example-landing-page section.intro p,
    .holiday-gifting section.intro p,
    .new-year section.intro p,
    .valentines-day section.intro p {
        font-size: 18px;
    }
}
@media screen and (min-width: 450px) and (min-width: 800px) {
    .example-landing-page section.intro p,
    .holiday-gifting section.intro p,
    .new-year section.intro p,
    .valentines-day section.intro p {
        line-height: 1.4;
    }
}
.example-landing-page section.wrapup,
.holiday-gifting section.wrapup,
.new-year section.wrapup,
.valentines-day section.wrapup {
    position: relative;
    background: #25acc2;
    z-index: 10;
}
.example-landing-page section.wrapup .inner-w,
.holiday-gifting section.wrapup .inner-w,
.new-year section.wrapup .inner-w,
.valentines-day section.wrapup .inner-w {
    display: flex;
    flex-align: column;
    justify-content: center;
    align-items: center;
}
.example-landing-page section.wrapup .text-w,
.holiday-gifting section.wrapup .text-w,
.new-year section.wrapup .text-w,
.valentines-day section.wrapup .text-w {
    width: 96%;
    max-width: 700px;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
}
.example-landing-page section.wrapup .message,
.holiday-gifting section.wrapup .message,
.new-year section.wrapup .message,
.valentines-day section.wrapup .message {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    font-weight: 300;
    color: #fff;
}
@media screen and (min-width: 450px) {
    .example-landing-page section.wrapup .message,
    .holiday-gifting section.wrapup .message,
    .new-year section.wrapup .message,
    .valentines-day section.wrapup .message {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    .example-landing-page section.wrapup .message,
    .holiday-gifting section.wrapup .message,
    .new-year section.wrapup .message,
    .valentines-day section.wrapup .message {
        line-height: 1.2;
    }
}
.example-landing-page section.wrapup .button,
.holiday-gifting section.wrapup .button,
.new-year section.wrapup .button,
.valentines-day section.wrapup .button {
    background: #25acc2;
    color: #fff;
    box-shadow: 0 5px 0 0 #219baf, 0 5px 5px 2px rgba(0,0,0,0.05);
    transition: 0.3s;
    margin-top: 30px;
}
.example-landing-page section.wrapup .button:hover,
.holiday-gifting section.wrapup .button:hover,
.new-year section.wrapup .button:hover,
.valentines-day section.wrapup .button:hover {
    transition: 0.1s;
}
.example-landing-page section.wrapup .button:hover,
.holiday-gifting section.wrapup .button:hover,
.new-year section.wrapup .button:hover,
.valentines-day section.wrapup .button:hover {
    background: #219baf;
    color: #fff;
    box-shadow: 0 5px 0 0 #1c8495, 0 5px 5px 2px rgba(0,0,0,0.08);
}
.example-landing-page .benefit-list,
.holiday-gifting .benefit-list,
.new-year .benefit-list,
.valentines-day .benefit-list {
    display: flex;
    flex-direction: column;
}
.example-landing-page .benefit-list .benefit,
.holiday-gifting .benefit-list .benefit,
.new-year .benefit-list .benefit,
.valentines-day .benefit-list .benefit {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    margin-bottom: 50px;
}
.example-landing-page .benefit-list .title,
.holiday-gifting .benefit-list .title,
.new-year .benefit-list .title,
.valentines-day .benefit-list .title {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    font-weight: 300;
    margin-top: 15px;
}
@media screen and (min-width: 450px) {
    .example-landing-page .benefit-list .title,
    .holiday-gifting .benefit-list .title,
    .new-year .benefit-list .title,
    .valentines-day .benefit-list .title {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    .example-landing-page .benefit-list .title,
    .holiday-gifting .benefit-list .title,
    .new-year .benefit-list .title,
    .valentines-day .benefit-list .title {
        line-height: 1.2;
    }
}
.example-landing-page .benefit-list p,
.holiday-gifting .benefit-list p,
.new-year .benefit-list p,
.valentines-day .benefit-list p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    margin-top: 10px;
}
.example-landing-page .benefit-list p strong,
.holiday-gifting .benefit-list p strong,
.new-year .benefit-list p strong,
.valentines-day .benefit-list p strong {
    font-weight: 500;
}
.example-landing-page .benefit-list p em,
.holiday-gifting .benefit-list p em,
.new-year .benefit-list p em,
.valentines-day .benefit-list p em {
    font-style: italic;
}
@media screen and (min-width: 450px) {
    .example-landing-page .benefit-list .benefit,
    .holiday-gifting .benefit-list .benefit,
    .new-year .benefit-list .benefit,
    .valentines-day .benefit-list .benefit {
        flex-direction: row;
    }
    .example-landing-page .benefit-list .benefit figure,
    .holiday-gifting .benefit-list .benefit figure,
    .new-year .benefit-list .benefit figure,
    .valentines-day .benefit-list .benefit figure {
        flex-basis: 33%;
        flex-shrink: 0;
    }
}
@media screen and (min-width: 450px) and (max-width: 799px) {
    .example-landing-page .benefit-list figure,
    .holiday-gifting .benefit-list figure,
    .new-year .benefit-list figure,
    .valentines-day .benefit-list figure {
        margin-right: 20px;
    }
    .example-landing-page .benefit-list .title,
    .holiday-gifting .benefit-list .title,
    .new-year .benefit-list .title,
    .valentines-day .benefit-list .title {
        margin-top: 0;
    }
}
@media screen and (min-width: 800px) {
    .example-landing-page .benefit-list,
    .holiday-gifting .benefit-list,
    .new-year .benefit-list,
    .valentines-day .benefit-list {
        flex-direction: row;
        justify-content: space-between;
    }
    .example-landing-page .benefit-list .benefit,
    .holiday-gifting .benefit-list .benefit,
    .new-year .benefit-list .benefit,
    .valentines-day .benefit-list .benefit {
        flex-direction: column;
        flex-basis: 30%;
    }
}
.example-landing-page section.diptych .inner-w,
.holiday-gifting section.diptych .inner-w,
.new-year section.diptych .inner-w,
.valentines-day section.diptych .inner-w {
    padding-bottom: 80px;
}
.example-landing-page section.diptych header,
.holiday-gifting section.diptych header,
.new-year section.diptych header,
.valentines-day section.diptych header {
    display: flex;
    flex-direction: column;
}
.example-landing-page section.diptych main,
.holiday-gifting section.diptych main,
.new-year section.diptych main,
.valentines-day section.diptych main {
    margin-top: 50px;
    max-width: 900px;
}
@media screen and (max-width: 450px) {
    .example-landing-page section.diptych .text-w,
    .holiday-gifting section.diptych .text-w,
    .new-year section.diptych .text-w,
    .valentines-day section.diptych .text-w {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .example-landing-page section.diptych figure,
    .holiday-gifting section.diptych figure,
    .new-year section.diptych figure,
    .valentines-day section.diptych figure {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 799px) {
    .example-landing-page section.diptych figure,
    .holiday-gifting section.diptych figure,
    .new-year section.diptych figure,
    .valentines-day section.diptych figure {
        margin-top: 40px;
    }
}
@media screen and (min-width: 450px) {
    .example-landing-page section.diptych figure,
    .holiday-gifting section.diptych figure,
    .new-year section.diptych figure,
    .valentines-day section.diptych figure {
        max-width: 400px;
    }
}
@media screen and (min-width: 800px) {
    .example-landing-page section.diptych header,
    .holiday-gifting section.diptych header,
    .new-year section.diptych header,
    .valentines-day section.diptych header {
        width: 100%;
        flex-direction: row;
        align-items: center;
    }
    .example-landing-page section.diptych header figure,
    .holiday-gifting section.diptych header figure,
    .new-year section.diptych header figure,
    .valentines-day section.diptych header figure {
        min-width: 54%;
        margin-right: 40px;
        order: -1;
    }
}
.example-landing-page section.quote,
.holiday-gifting section.quote,
.new-year section.quote,
.valentines-day section.quote {
    background: #000;
    color: #fff;
    background: linear-gradient(10deg, #000, #313232);
}
.example-landing-page section.quote .text-w,
.holiday-gifting section.quote .text-w,
.new-year section.quote .text-w,
.valentines-day section.quote .text-w {
    padding-top: 90px;
    padding-bottom: 90px;
}
.example-landing-page section.quote .message p,
.holiday-gifting section.quote .message p,
.new-year section.quote .message p,
.valentines-day section.quote .message p {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    font-weight: 100;
    color: rgba(255,255,255,0.7);
}
@media screen and (min-width: 450px) {
    .example-landing-page section.quote .message p,
    .holiday-gifting section.quote .message p,
    .new-year section.quote .message p,
    .valentines-day section.quote .message p {
        font-size: 23px;
    }
}
@media screen and (min-width: 800px) {
    .example-landing-page section.quote .message p,
    .holiday-gifting section.quote .message p,
    .new-year section.quote .message p,
    .valentines-day section.quote .message p {
        line-height: 1.2;
    }
}
.example-landing-page section.quote .message p:before,
.holiday-gifting section.quote .message p:before,
.new-year section.quote .message p:before,
.valentines-day section.quote .message p:before,
.example-landing-page section.quote .message p:after,
.holiday-gifting section.quote .message p:after,
.new-year section.quote .message p:after,
.valentines-day section.quote .message p:after {
    display: inline-block;
    font-size: 3em;
    line-height: 0;
    -ms-transform: translate(0, 28px);
    transform: translate(0, 28px);
    opacity: 0.6;
}
.example-landing-page section.quote .message p:before,
.holiday-gifting section.quote .message p:before,
.new-year section.quote .message p:before,
.valentines-day section.quote .message p:before {
    content: '“';
}
.example-landing-page section.quote .message p:after,
.holiday-gifting section.quote .message p:after,
.new-year section.quote .message p:after,
.valentines-day section.quote .message p:after {
    content: '”';
}
.example-landing-page section.quote .source,
.holiday-gifting section.quote .source,
.new-year section.quote .source,
.valentines-day section.quote .source {
    margin-top: 40px;
    padding-left: 30px;
    font-style: italic;
    letter-spacing: 0.05em;
}
.example-landing-page section.about,
.holiday-gifting section.about,
.new-year section.about,
.valentines-day section.about {
    background: #25acc2;
    color: #fff;
}
.example-landing-page section.about .text-w,
.holiday-gifting section.about .text-w,
.new-year section.about .text-w,
.valentines-day section.about .text-w {
    text-align: center;
    max-width: 700px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding-top: 60px;
    padding-bottom: 60px;
}
.example-landing-page section.about .message,
.holiday-gifting section.about .message,
.new-year section.about .message,
.valentines-day section.about .message {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 45px;
    line-height: 1.08;
    letter-spacing: 0.03em;
    transition: 0.3s;
    color: #fff;
    margin-bottom: 20px;
}
@media screen and (min-width: 450px) {
    .example-landing-page section.about .message,
    .holiday-gifting section.about .message,
    .new-year section.about .message,
    .valentines-day section.about .message {
        font-size: 60px;
    }
}
@media screen and (min-width: 800px) {
    .example-landing-page section.about .message,
    .holiday-gifting section.about .message,
    .new-year section.about .message,
    .valentines-day section.about .message {
        font-size: 70px;
    }
}
.example-landing-page section.about .article,
.holiday-gifting section.about .article,
.new-year section.about .article,
.valentines-day section.about .article {
    max-width: 900px;
    text-align: left;
}
.example-landing-page section.about .button,
.holiday-gifting section.about .button,
.new-year section.about .button,
.valentines-day section.about .button {
    background: #25acc2;
    color: #fff;
    box-shadow: 0 5px 0 0 #219baf, 0 5px 5px 2px rgba(0,0,0,0.05);
    transition: 0.3s;
    margin-top: 20px;
}
.example-landing-page section.about .button:hover,
.holiday-gifting section.about .button:hover,
.new-year section.about .button:hover,
.valentines-day section.about .button:hover {
    transition: 0.1s;
}
.example-landing-page section.about .button:hover,
.holiday-gifting section.about .button:hover,
.new-year section.about .button:hover,
.valentines-day section.about .button:hover {
    background: #219baf;
    color: #fff;
    box-shadow: 0 5px 0 0 #1c8495, 0 5px 5px 2px rgba(0,0,0,0.08);
}
.holiday-gifting .site-header .logo .svg .mark {
    color: #25acc2;
}
.holiday-gifting .site-header .logo .svg .tn {
    color: #fff;
}
.holiday-gifting .site-header .logo .svg .tru {
    color: #fff;
}
.holiday-gifting .site-header .logo .svg .niagen,
.holiday-gifting .site-header .logo .svg .tm {
    color: #fff;
    opacity: 0.5;
}
@media (max-width: 760px) {
    .holiday-gifting header.landing-splash {
        background-size: 100 100%;
        background-position: 30% center;
    }
}
body.goop .goop-button {
    display: inline-block;
    padding: 7.5px 10px 10px;
    font-size: 18px;
    min-width: 180px;
    text-align: center;
    border-radius: 0;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-bottom: 10px;
    background: transparent;
    color: #262727;
    border-radius: 0;
    border: 2px solid #000;
}
body.goop .goop-button span {
    position: relative;
    top: 2px;
}
body.goop .site-header {
    background: #25acc2;
}
body.goop .hero-shot {
    background-size: cover;
    background-position: center center;
    transition: 0.3s;
    background-image: url("../images/goop/lifestyle.jpg");
    background-position: center top;
    min-height: 400px;
    margin-top: 80px;
}
@media screen and (min-width: 800px) {
    body.goop .hero-shot {
        background-position: center 30%;
    }
    body.goop .hero-shot .inner-w {
        height: 67vh;
    }
}
body.goop .headline {
    background: #fff;
    text-align: center;
}
body.goop .headline h1 {
    font-size: 20px;
    line-height: 1.3;
}
@media screen and (min-width: 450px) {
    body.goop .headline h1 {
        font-size: 40px;
    }
}
@media screen and (min-width: 800px) {
    body.goop .headline h1 {
        font-size: 50px;
    }
}
body.goop .headline .goop-button {
    margin-top: 30px;
    margin-bottom: 0;
}
@media screen and (min-width: 450px) {
    body.goop .headline .inner-w {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    body.goop .headline .goop-button {
        margin-top: 50px;
    }
}
@media screen and (min-width: 800px) {
    body.goop .headline .inner-w {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    body.goop .headline .goop-button {
        margin-top: 30px;
    }
}
body.goop .quote {
    background: #25acc2;
    color: #fff;
}
body.goop .quote .excerpt {
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 17px;
    line-height: 1.2;
    letter-spacing: 0.05em;
    transition: 0.3s;
    color: #fff;
}
@media screen and (min-width: 450px) {
    body.goop .quote .excerpt {
        font-size: 29px;
        line-height: 1.3;
    }
}
@media screen and (min-width: 800px) {
    body.goop .quote .excerpt {
        font-size: 35px;
    }
}
body.goop .quote .source {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0.05em;
    transition: 0.3s;
    margin-top: 20px;
}
body.goop .quote .source .name {
    font-weight: 500;
}
body.goop .quote .source .title {
    margin-top: 0;
}
@media screen and (min-width: 800px) {
    body.goop .quote .inner-w {
        padding-left: 100px;
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
body.goop .story .text-w h2 {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    color: #262727;
    text-align: center;
}
@media screen and (min-width: 450px) {
    body.goop .story .text-w h2 {
        font-size: 23px;
    }
}
body.goop .story .text-w p {
    margin-top: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
}
body.goop .story .text-w p strong {
    font-weight: 500;
}
body.goop .story .text-w p em {
    font-style: italic;
}
@media screen and (max-width: 450px) {
    body.goop .story .text-w {
        margin-top: 25px;
    }
}
@media screen and (min-width: 450px) and (max-width: 799px) {
    body.goop .story .inner-w {
        max-width: 560px;
    }
    body.goop .story .text-w {
        margin-top: 25px;
    }
}
@media screen and (min-width: 800px) {
    body.goop .story .inner-w {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 100px 20px;
    }
    body.goop .story .image-w {
        order: 2;
        flex-basis: 40%;
    }
    body.goop .story .text-w {
        order: 1;
        padding-right: 30px;
        padding-left: 40px;
        flex-basis: 60%;
    }
}
body.goop .benefits {
    background: #fbfbfb;
    z-index: 5;
}
body.goop .benefits header {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    color: #262727;
}
@media screen and (min-width: 450px) {
    body.goop .benefits header {
        font-size: 23px;
    }
}
body.goop .benefits main {
    margin-top: 30px;
}
body.goop .benefits .benefit h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    font-weight: 500;
    text-transform: uppercase;
}
body.goop .benefits .benefit h3 strong {
    font-weight: 500;
}
body.goop .benefits .benefit h3 em {
    font-style: italic;
}
body.goop .benefits .benefit p {
    margin-top: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.05em;
}
body.goop .benefits .benefit p strong {
    font-weight: 500;
}
body.goop .benefits .benefit p em {
    font-style: italic;
}
body.goop .benefits footer {
    text-align: center;
}
@media screen and (max-width: 450px) {
    body.goop .benefits .benefit {
        margin-bottom: 30px;
    }
    body.goop .benefits .benefit .text-w {
        margin-top: 15px;
    }
}
@media screen and (min-width: 450px) and (max-width: 799px) {
    body.goop .benefits .benefit {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    body.goop .benefits footer {
        padding: 50px 0 0;
    }
    body.goop .benefits .image-w {
        width: 30%;
        flex-shrink: 0;
        margin-right: 20px;
    }
}
@media screen and (min-width: 800px) {
    body.goop .benefits .benefit-list {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    body.goop .benefits .benefit {
        flex-basis: 33.33333333333333%;
    }
    body.goop .benefits .benefit h3 {
        margin-top: 10px;
        color: #25acc2;
    }
    body.goop .benefits .benefit .text-w {
        padding: 10px 20px;
    }
    body.goop .benefits footer {
        padding: 70px 0 50px;
    }
}