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; }

/*!
 * Copyright (c) 2018. Piotr Mocek (piotr.mocek@opusb.pl)
 */
@font-face {
  font-family: NotoSans;
  src: url("fonts/NotoSans-Regular.ttf") format("opentype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: NotoSans;
  src: url("fonts/NotoSans-Medium.ttf") format("opentype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: NotoSans;
  src: url("fonts/NotoSans-SemiBold.ttf") format("opentype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: NotoSans;
  src: url("fonts/NotoSans-Bold.ttf") format("opentype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: NotoSans;
  src: url("fonts/NotoSans-ExtraBold.ttf") format("opentype");
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: NotoSansSemiCondensed;
  src: url("fonts/NotoSansSemiCondensed-Regular.ttf") format("opentype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: NotoSansSemiCondensed;
  src: url("fonts/NotoSansSemiCondensed-Bold.ttf") format("opentype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: NotoSansCondensed;
  src: url("fonts/NotoSansCondensed-Regular.ttf") format("opentype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: NotoSansCondensed;
  src: url("fonts/NotoSansCondensed-Medium.ttf") format("opentype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: NotoSansCondensed;
  src: url("fonts/NotoSansCondensed-SemiBold.ttf") format("opentype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: NotoSansCondensed;
  src: url("fonts/NotoSansCondensed-Bold.ttf") format("opentype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: NotoSerif;
  src: url("fonts/NotoSerif-Light.ttf") format("opentype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: NotoSerif;
  src: url("fonts/NotoSerif-Bold.ttf") format("opentype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: CaveatBrush;
  src: url("fonts/CaveatBrush-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'amway_symbols';
  src: url("custom-fonts/amway_symbols-webfont.woff2") format("woff2"), url("custom-fonts/amway_symbols-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
.primary-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  transition: all .5s ease;
  position: relative;
  top: 0; }
  .primary-navigation .submenu.expanded > li, .primary-navigation .quick-nav.expanded li {
    min-height: 48px;
    height: auto; }
  .primary-navigation > li, .primary-navigation .submenu > li, .primary-navigation .quick-nav li {
    height: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    transition: max-height .5s ease, margin-top .5s ease, height .5s ease, opacity .2s ease; }
    .primary-navigation > li > .label, .primary-navigation .submenu > li > .label, .primary-navigation .quick-nav li > .label {
      min-height: 48px;
      padding-top: .5em;
      padding-bottom: .5em;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      box-sizing: border-box;
      padding-right: 30px;
      padding-left: 20px; }
      .primary-navigation > li > .label.invisible, .primary-navigation .submenu > li > .label.invisible, .primary-navigation .quick-nav li > .label.invisible {
        height: 0;
        min-height: 0;
        overflow: hidden;
        padding: 0; }
      .primary-navigation > li > .label img.icon, .primary-navigation .submenu > li > .label img.icon, .primary-navigation .quick-nav li > .label img.icon {
        width: 25px;
        height: 25px;
        margin-right: 10px;
        display: none; }
    .primary-navigation > li.expanded, .primary-navigation .submenu > li.expanded, .primary-navigation .quick-nav li.expanded {
      height: auto; }
      .primary-navigation > li.expanded .submenu-container, .primary-navigation .submenu > li.expanded .submenu-container, .primary-navigation .quick-nav li.expanded .submenu-container {
        overflow-y: auto; }
    .primary-navigation > li.selected, .primary-navigation .submenu > li.selected, .primary-navigation .quick-nav li.selected {
      position: relative; }
      .primary-navigation > li.selected > .label ~ .items-select, .primary-navigation .submenu > li.selected > .label ~ .items-select, .primary-navigation .quick-nav li.selected > .label ~ .items-select {
        display: block; }
      .primary-navigation > li.selected > .label, .primary-navigation .submenu > li.selected > .label, .primary-navigation .quick-nav li.selected > .label {
        padding-left: 20px !important; }
        .primary-navigation > li.selected > .label .icon, .primary-navigation .submenu > li.selected > .label .icon, .primary-navigation .quick-nav li.selected > .label .icon {
          display: block; }
      .primary-navigation > li.selected > .label:after, .primary-navigation .submenu > li.selected > .label:after, .primary-navigation .quick-nav li.selected > .label:after {
        top: 21px; }
    .primary-navigation > li .items-select, .primary-navigation .submenu > li .items-select, .primary-navigation .quick-nav li .items-select {
      display: none;
      position: absolute;
      top: 0;
      right: -12px;
      width: 48px;
      height: 48px;
      background: url(../img/items-icon.svg) 50% 50% no-repeat;
      background-size: 20px; }
      .primary-navigation > li .items-select.active, .primary-navigation .submenu > li .items-select.active, .primary-navigation .quick-nav li .items-select.active {
        background-image: url(../img/close-icon-gray.svg);
        background-size: 12px;
        right: -14px; }
  .primary-navigation .quick-nav li > .label {
    padding-left: 30px; }
  .primary-navigation .submenu > li .submenu > li {
    margin-right: 0; }
  .primary-navigation .submenu > li .submenu > li > .label {
    padding-left: 40px; }
  .primary-navigation > li {
    max-height: 48px;
    font-family: NotoSansCondensed, sans-serif;
    font-weight: 600;
    font-size: 19px;
    color: white;
    position: relative; }
    .primary-navigation > li > a {
      min-height: 48px;
      box-shadow: rgba(0, 0, 0, 0.25) 0 2px 3px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      height: 48px;
      width: 100%;
      padding: 0 40px 0 20px;
      box-sizing: border-box;
      color: inherit;
      text-decoration: none;
      transition: all .5s ease;
      position: relative; }
      .primary-navigation > li > a:after {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        content: ' ';
        width: 20px;
        height: 20px;
        background: url(../img/arrow-more-white.svg) 50% 50% no-repeat;
        transition: all .5s ease; }
      .primary-navigation > li > a.red {
        background: #f48582; }
        .primary-navigation > li > a.red + .submenu-container li.expanded:not(.selected) > .label {
          color: #f48582; }
      .primary-navigation > li > a.green {
        background: #81bc47; }
        .primary-navigation > li > a.green + .submenu-container li.expanded:not(.selected) > .label {
          color: #81bc47; }
      .primary-navigation > li > a.blue {
        background: #004b85; }
        .primary-navigation > li > a.blue + .submenu-container li.expanded:not(.selected) > .label {
          color: #004b85; }
      .primary-navigation > li > a.yellow {
        background: #f7c849; }
        .primary-navigation > li > a.yellow + .submenu-container li.expanded:not(.selected) > .label {
          color: #f7c849; }
      .primary-navigation > li > a.black {
        background: black; }
        .primary-navigation > li > a.black + .submenu-container li.expanded:not(.selected) > .label {
          color: black; }
      .primary-navigation > li > a.gray {
        background: #606060; }
        .primary-navigation > li > a.gray + .submenu-container li.expanded:not(.selected) > .label {
          color: #606060; }
    .primary-navigation > li.expanded {
      max-height: 200vh; }
      .primary-navigation > li.expanded a {
        box-shadow: rgba(0, 0, 0, 0.25) 0 0 0; }
        .primary-navigation > li.expanded a:after {
          transform: translateY(-50%) rotate(90deg); }
    .primary-navigation > li:nth-child(1) {
      z-index: 5; }
    .primary-navigation > li:nth-child(2) {
      z-index: 4; }
    .primary-navigation > li:nth-child(3) {
      z-index: 3; }
    .primary-navigation > li:nth-child(4) {
      z-index: 2; }
    .primary-navigation > li:nth-child(5) {
      z-index: 1; }
  .primary-navigation .submenu-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }
  .primary-navigation .submenu, .primary-navigation .quick-nav {
    background: white; }
    .primary-navigation .submenu li, .primary-navigation .quick-nav li {
      background: white;
      font-family: NotoSans, sans-serif;
      font-weight: 400;
      font-size: 13px;
      padding: 0;
      margin-right: 20px;
      width: auto;
      color: #575757;
      border-bottom: solid 1px #aaaaaa;
      position: relative; }
      .primary-navigation .submenu li .label:after, .primary-navigation .quick-nav li .label:after {
        position: absolute;
        right: 4px;
        top: 50%;
        transform: translateY(-50%);
        transition: all .5s ease;
        content: ' ';
        width: 12px;
        height: 12px;
        background: url(../img/arrow-more.svg) 50% 50% no-repeat; }
      .primary-navigation .submenu li.selected, .primary-navigation .quick-nav li.selected {
        border-bottom-width: 0;
        height: 48px; }
        .primary-navigation .submenu li.selected > .label:after, .primary-navigation .quick-nav li.selected > .label:after {
          opacity: 0; }
      .primary-navigation .submenu li > .submenu-container, .primary-navigation .quick-nav li > .submenu-container {
        max-height: 0;
        overflow: hidden;
        box-shadow: none;
        transition: all .5s ease; }
      .primary-navigation .submenu li.expanded, .primary-navigation .quick-nav li.expanded {
        height: auto;
        border-bottom: none; }
        .primary-navigation .submenu li.expanded:not(.selected) > .label, .primary-navigation .quick-nav li.expanded:not(.selected) > .label {
          font-weight: 700; }
        .primary-navigation .submenu li.expanded > .submenu-container, .primary-navigation .quick-nav li.expanded > .submenu-container {
          max-height: 5000px;
          border-top: solid 1px #aaaaaa; }
        .primary-navigation .submenu li.expanded > .label:after, .primary-navigation .quick-nav li.expanded > .label:after {
          transform: translateY(-50%) rotate(90deg); }
  .primary-navigation .content-container {
    height: 0;
    overflow: hidden;
    opacity: 0;
    color: black;
    font-size: 10px; }
    .primary-navigation .content-container.content-scrolled .slick-arrow {
      opacity: 0;
      pointer-events: none; }
    .primary-navigation .content-container.content-scrolled .slick-dotted + .dots {
      opacity: 0;
      pointer-events: none; }
  .primary-navigation.opened {
    height: 100%; }
    .primary-navigation.opened > li.expanded, .primary-navigation.opened .submenu > li.expanded, .primary-navigation.opened .quick-nav li.expanded {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .primary-navigation.opened > li.expanded:not(.selected), .primary-navigation.opened .submenu > li.expanded:not(.selected), .primary-navigation.opened .quick-nav li.expanded:not(.selected) {
        height: 320px; }
      .primary-navigation.opened > li.expanded .submenu-container, .primary-navigation.opened .submenu > li.expanded .submenu-container, .primary-navigation.opened .quick-nav li.expanded .submenu-container {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1; }
    .primary-navigation.opened > li > a:after {
      transform: translateY(-50%) rotate(0deg); }
    .primary-navigation.opened > li:not(.selected), .primary-navigation.opened .submenu > li:not(.selected) {
      height: 0;
      overflow: hidden;
      border-bottom-width: 0;
      opacity: 0; }
    .primary-navigation.opened li.expanded .submenu-container {
      height: 48px;
      flex: none; }
    .primary-navigation.opened .content-container {
      height: 320px;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      opacity: 1; }
    .primary-navigation.opened .submenu-container {
      box-shadow: rgba(0, 0, 0, 0.25) 0 2px 3px;
      z-index: 1; }
    .primary-navigation.opened .submenu li.selected > .submenu-container {
      border: none; }
    .primary-navigation.opened .panels {
      height: 100%; }
      .primary-navigation.opened .panels .content {
        margin: 0 20px; }
      .primary-navigation.opened .panels > .slick-list {
        height: 100%; }
        .primary-navigation.opened .panels > .slick-list > .slick-track {
          height: 100%; }
          .primary-navigation.opened .panels > .slick-list > .slick-track > div {
            height: 100%;
            overflow-y: scroll;
            -webkit-overflow-scrolling: touch; }
      .primary-navigation.opened .panels .slick-arrow {
        transition: opacity .5s ease; }
        .primary-navigation.opened .panels .slick-arrow.slick-disabled {
          opacity: 0; }
        .primary-navigation.opened .panels .slick-arrow.slick-prev, .primary-navigation.opened .panels .slick-arrow.slick-next {
          z-index: 10;
          height: 60px;
          width: 60px; }
          .primary-navigation.opened .panels .slick-arrow.slick-prev:before, .primary-navigation.opened .panels .slick-arrow.slick-next:before {
            opacity: .35;
            content: ' ';
            width: 18px;
            height: 35px;
            margin-left: 21px;
            margin-right: 21px;
            display: block; }
        .primary-navigation.opened .panels .slick-arrow.slick-prev {
          left: 0; }
          .primary-navigation.opened .panels .slick-arrow.slick-prev:before {
            background: url(../img/arrow-prev-panel.svg) center center no-repeat; }
        .primary-navigation.opened .panels .slick-arrow.slick-next {
          right: 0; }
          .primary-navigation.opened .panels .slick-arrow.slick-next:before {
            background: url(../img/arrow-next-panel.svg) center center no-repeat; }

.brand-page {
  display: flex;
  flex: 1;
  height: 100%;
  overflow: hidden;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative; }
  .brand-page.overflowed:after {
    content: '';
    background: url("../img/scroll-down-for-more.svg") 50% 50% no-repeat;
    background-size: contain;
    width: 34px;
    height: 18px;
    position: absolute;
    pointer-events: none;
    top: 100%;
    margin-top: -54px;
    left: 50%;
    transform: translateX(-50%);
    opacity: .23;
    transition: opacity .5s ease; }
  .brand-page.overflowed.scrolled:after {
    opacity: 0; }
  .brand-page .article-cover {
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .brand-page .article-cover img {
      width: 100%; }
  .brand-page article {
    padding: 35px 20px;
    font-family: 'NotoSansSemiCondensed', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.65; }
    .brand-page article strong,
    .brand-page article b {
      font-weight: 700; }
    .brand-page article ul {
      margin: 2em 0;
      list-style: disc;
      padding-left: 1.5em; }
      .brand-page article ul li {
        margin: .3em 0; }
        .brand-page article ul li:first-child {
          margin-top: 0; }
        .brand-page article ul li:last-child {
          margin-bottom: 0; }
    .brand-page article p {
      margin: 1em 0; }
    .brand-page article img {
      display: inline-block;
      width: 30%;
      height: 30%; }
    .brand-page article .subtext {
      font-size: 12px;
      margin: 4px 0 20px 0; }
      .brand-page article .subtext.last-item {
        margin: 4px 0 0 0; }
    .brand-page article .home-logos {
      margin: 20px 0px;
      display: flex;
      justify-content: center; }
    .brand-page article .nutrition-header {
      font-family: NotoSerif, serif;
      font-weight: 300;
      color: #186637;
      font-size: 24px;
      line-height: 1.25;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      margin-bottom: 30px; }
      .brand-page article .nutrition-header .energize-color {
        color: #00423b !important; }
      .brand-page article .nutrition-header .refresh-color {
        color: #92c141 !important; }
      .brand-page article .nutrition-header .recharge-color {
        color: #e72774 !important; }
      .brand-page article .nutrition-header.heavy {
        font-weight: 700; }
      .brand-page article .nutrition-header:last-child {
        margin-bottom: 0; }
      .brand-page article .nutrition-header.truvivity {
        color: #6c8d8a; }
      .brand-page article .nutrition-header p {
        margin: 0;
        flex: 1;
        padding-right: 20px; }
        .brand-page article .nutrition-header p strong,
        .brand-page article .nutrition-header p b {
          font-weight: 700; }
        .brand-page article .nutrition-header p.header-second-line {
          font-size: 14px;
          margin-top: .3em; }
        .brand-page article .nutrition-header p.header-small-text {
          line-height: 0.8; }
      .brand-page article .nutrition-header > img {
        display: block;
        width: 52px;
        height: 52px; }
        .brand-page article .nutrition-header > img.img-active-lifestile {
          width: 70px;
          height: 70px; }
    .brand-page article .paragraph-header {
      font-family: NotoSerif, serif;
      font-weight: 300;
      font-size: 24px;
      line-height: 1.25;
      margin-bottom: 8px; }
      .brand-page article .paragraph-header.bodykey {
        color: #81bc47; }
      .brand-page article .paragraph-header.fragrances {
        color: #4c6586; }
      .brand-page article .paragraph-header.g-and-h {
        color: #b48315; }
      .brand-page article .paragraph-header.nourish {
        color: #f49a58; }
      .brand-page article .paragraph-header.refresh {
        color: #afa919; }
      .brand-page article .paragraph-header.protect {
        color: #9abce2; }
      .brand-page article .paragraph-header.satinique {
        color: #8a5ea4; }
      .brand-page article .paragraph-header b {
        font-weight: 700; }
    .brand-page article .container-flex {
      display: flex;
      flex-direction: column; }
    .brand-page article .subheader {
      font-family: NotoSerif, serif;
      font-weight: 300;
      font-size: 24px;
      line-height: 1.25;
      margin-bottom: 30px; }
      .brand-page article .subheader.nutrition {
        color: #186637;
        font-weight: 700; }
      .brand-page article .subheader.satinique {
        color: #8a5ea4;
        margin-bottom: 8px; }
      .brand-page article .subheader.no-margin-bottom {
        margin-bottom: 0px; }
      .brand-page article .subheader b {
        font-weight: 700; }
    .brand-page article .margin-bottom {
      margin-bottom: 30px; }
    .brand-page article .personal-care-header {
      color: #186637;
      font-family: NotoSerif, serif;
      font-weight: 300;
      font-size: 24px;
      line-height: 1.25;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      margin-bottom: 30px; }
      .brand-page article .personal-care-header:last-child {
        margin-bottom: 0; }
      .brand-page article .personal-care-header.fragrances {
        color: #bf5178; }
      .brand-page article .personal-care-header.g-and-h {
        color: #b48315; }
      .brand-page article .personal-care-header.glister {
        color: #6bb42c; }
      .brand-page article .personal-care-header.hymm {
        color: #005e6e; }
      .brand-page article .personal-care-header.satinique {
        color: #8a5ea4; }
      .brand-page article .personal-care-header p {
        margin: 0;
        flex: 1;
        padding-right: 20px; }
        .brand-page article .personal-care-header p strong,
        .brand-page article .personal-care-header p b {
          font-weight: 700; }
        .brand-page article .personal-care-header p .bottom-8px {
          margin-bottom: 8px; }
      .brand-page article .personal-care-header > img {
        display: block;
        width: 52px;
        height: 52px; }
    .brand-page article .subtext {
      font-size: 12px;
      margin: 4px 0 20px 0; }
    .brand-page article .g-and-h-line-logo-container {
      margin: 10px 0 10px 0;
      width: 100%; }
      .brand-page article .g-and-h-line-logo-container img {
        width: 90%; }
    .brand-page article .important {
      color: #81bc47;
      font-family: NotoSerif, serif;
      font-weight: 300;
      font-size: 24px;
      margin-bottom: 30px;
      line-height: 1.25; }
      .brand-page article .important + .important {
        margin-top: -23px; }
      .brand-page article .important.no-margin-bottom {
        margin-bottom: 0px; }
      .brand-page article .important.glister {
        color: #6bb42c;
        margin-bottom: 0px; }
      .brand-page article .important.hymm {
        color: #005e6e; }
      .brand-page article .important.satinique {
        color: #8a5ea4; }
      .brand-page article .important.icook {
        color: #81bd48 !important; }
      .brand-page article .important.atmosphere {
        color: #3f7490 !important; }
      .brand-page article .important.espring {
        color: #60a1d7 !important;
        margin-bottom: 8px; }
      .brand-page article .important.hydra {
        color: #00739c !important;
        margin-bottom: 8px; }
      .brand-page article .important.artistry {
        color: #caa95b !important; }
      .brand-page article .important.colour {
        color: #caa95b;
        margin-bottom: 0px; }
      .brand-page article .important.nyc {
        color: #000; }
      .brand-page article .important.intensive {
        color: #575757 !important; }
      .brand-page article .important b {
        font-weight: 700; }
      a.blue ~ .content-container .brand-page article .important {
        color: #004b85; }
    .brand-page article .beauty-header {
      color: #caa95b;
      font-family: NotoSerif, serif;
      font-weight: 300;
      font-size: 24px;
      line-height: 1.25;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      margin-bottom: 30px; }
      .brand-page article .beauty-header:last-child {
        margin-bottom: 0; }
      .brand-page article .beauty-header.essential {
        color: #698732 !important; }
      .brand-page article .beauty-header.hydra {
        color: #00739c !important; }
      .brand-page article .beauty-header.colour {
        color: #caa95b; }
      .brand-page article .beauty-header.dermasonic {
        color: #000000; }
      .brand-page article .beauty-header.intensive {
        color: #575757; }
      .brand-page article .beauty-header.nyc {
        color: #000; }
      .brand-page article .beauty-header p {
        margin: 0;
        flex: 1;
        padding-right: 20px; }
        .brand-page article .beauty-header p strong,
        .brand-page article .beauty-header p b {
          font-weight: 700; }
      .brand-page article .beauty-header > img {
        display: block;
        width: 52px;
        height: 52px; }
    .brand-page article .img-container {
      width: 100%;
      margin: 20px 0px; }
      .brand-page article .img-container > img {
        width: 100%;
        height: auto; }
    .brand-page article .home-header {
      color: #004b85;
      font-family: NotoSerif, serif;
      font-weight: 300;
      font-size: 24px;
      line-height: 1.25;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      margin-bottom: 30px; }
      .brand-page article .home-header:last-child {
        margin-bottom: 0; }
      .brand-page article .home-header.care {
        color: #004b85; }
      .brand-page article .home-header.icook {
        color: #81bd48; }
      .brand-page article .home-header.atmosphere {
        color: #3f7490; }
      .brand-page article .home-header.no-margin-bottom {
        margin-bottom: 0px; }
      .brand-page article .home-header p {
        max-width: 100%;
        margin: 0;
        flex: 1;
        padding-right: 20px; }
        .brand-page article .home-header p strong,
        .brand-page article .home-header p b {
          font-weight: 700; }
      .brand-page article .home-header > img {
        display: block;
        width: 52px;
        height: 52px; }
  @media screen and (min-width: 640px) {
    .brand-page article {
      font-size: 16px; }
      .brand-page article .nutrition-header > img.img-active-lifestile {
        width: 110px;
        height: 110px; }
      .brand-page article .container-flex {
        display: flex;
        flex-direction: row; }
        .brand-page article .container-flex .flex-text {
          align-self: center;
          flex: 1; }
      .brand-page article .img-container {
        width: 33%;
        margin: 20px 0px;
        padding-right: 20px; }
        .brand-page article .img-container > img {
          width: 100%;
          height: auto; }
      .brand-page article .g-and-h-line-logo-container {
        margin: 10px 0 10px 0;
        width: 60%; }
        .brand-page article .g-and-h-line-logo-container img {
          width: 90%; } }

.quick-nav {
  overflow: hidden;
  max-height: 0;
  transition: all .5s ease; }
  .quick-nav.expanded {
    overflow-y: scroll;
    max-height: 100%; }
  .quick-nav li {
    min-height: 48px;
    margin: 0 !important;
    padding-right: 20px !important; }
    .quick-nav li .label {
      position: relative; }

.product-panel > .details > .description p, .product-panel > .details > .sections > li > .description p,
.product-panel > .details > .description table,
.product-panel > .details > .sections > li > .description table {
  margin: 2em 0; }
.product-panel > .details > .description a[navto^="/"] {
  text-decoration: underline;
  color: blue; }
.product-panel > .details > .description ul, .product-panel > .details > .sections > li > .description ul {
  margin: 2em 0;
  list-style: disc;
  padding-left: 1.5em; }
  .product-panel > .details > .description ul li, .product-panel > .details > .sections > li > .description ul li {
    margin: .3em 0; }
    .product-panel > .details > .description ul li:first-child {
      margin-top: 0; }
    .product-panel > .details > .description ul li:last-child {
      margin-bottom: 0; }
    .product-panel > .details > .description ul li:before, .product-panel > .details > .sections > li > .description ul li:before, .product-panel > .details > .description ul li:after, .product-panel > .details > .sections > li > .description ul li:after {
      content: '';
      display: block;
      position: absolute;
      top: 0; }
    .product-panel > .details > .description ul li:before, .product-panel > .details > .sections > li > .description ul li:before {
      left: -10px; }
.product-panel > .details > .description ol, .product-panel > .details > .sections > li > .description ol {
  margin: 2em 0;
  list-style: decimal;
  padding-left: 1.5em; }
  .product-panel > .details > .description ol li, .product-panel > .details > .sections > li > .description ol li {
    margin: .3em 0; }
    .product-panel > .details > .description ol li:first-child {
      margin-top: 0; }
    .product-panel > .details > .description ol li:last-child {
      margin-bottom: 0; }
.product-panel > .details > .description strong, .product-panel > .details > .sections > li > .description strong,
.product-panel > .details > .description b,
.product-panel > .details > .sections > li > .description b {
  font-weight: 700; }
.product-panel > .details > .description table, .product-panel > .details > .sections > li > .description table {
  border-collapse: collapse; }
  .product-panel > .details > .description table td, .product-panel > .details > .sections > li > .description table td, .product-panel > .details > .description table th, .product-panel > .details > .sections > li > .description table th {
    border: solid 1px #3a3a3a;
    padding: 0 .3em; }
.product-panel > .details > .description sup, .product-panel > .details > .sections > li > .description sup {
  font-size: 8px;
  vertical-align: super; }
.product-panel > .details > .description .subtext, .product-panel > .details > .sections > li > .description .subtext {
  font-size: 12px; }

.product-panel {
  color: #3a3a3a;
  box-sizing: border-box;
  height: 100%;
  padding-bottom: 35px;
  transition: all .5s ease;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .product-panel > .packshot {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    transition: all .5s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    position: relative; }
    .product-panel > .packshot img {
      display: block;
      max-height: 100%;
      margin: 0 auto;
      height: auto; }
    .product-panel > .packshot .close {
      display: none;
      background-image: url("../img/close-icon-gray.svg"); }
  .product-panel > .title {
    height: 85px;
    transition: all .5s ease;
    padding: 0 20px;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .product-panel > .title h1, .product-panel > .title h2 {
      width: 100%; }
      .product-panel > .title h1:first-child, .product-panel > .title h2:first-child {
        margin-top: 0; }
      .product-panel > .title h1:last-child, .product-panel > .title h2:last-child {
        margin-bottom: 0; }
  .product-panel > .actions {
    height: 50px;
    transition: all .5s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -moz-justify-content: space-evenly;
    justify-content: space-evenly; }
    .product-panel > .actions > div {
      width: 35px; }
    .product-panel > .actions .expand, .product-panel > .actions .add-to-basket, .product-panel > .actions .go-to-swatches {
      width: 35px;
      height: 35px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      transition: all .5s ease; }
  .product-panel .vertical-scroll-wrapper {
    overflow-x: auto; }
  .product-panel > .details {
    padding: 0 20px;
    max-height: 0;
    max-width: 100%;
    overflow: hidden;
    transition: all .5s ease;
    font-family: NotoSansSemiCondensed, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.65;
    position: relative; }
    .product-panel > .details table {
      width: auto !important;
      height: auto !important; }
      .product-panel > .details table tr, .product-panel > .details table td {
        width: auto !important;
        height: auto !important; }
    .product-panel > .details em, .product-panel > .details i {
      font-style: italic; }
    .product-panel > .details > .name {
      font-size: 17px;
      margin: 1.5em 0 1em 0;
      font-weight: 700; }
    .product-panel > .details > .videos video {
      display: block;
      width: 100%;
      height: auto;
      margin: 3em 0; }
    .product-panel > .details > .size, .product-panel > .details > .sku, .product-panel > .details > price {
      font-weight: 700; }
    .product-panel > .details > .size + .price, .product-panel > .details > .sku + .price {
      margin-top: .3em; }
    .product-panel > .details > .sections {
      list-style: none;
      margin-top: 48px; }
      .product-panel > .details > .sections > li {
        margin: 0 -20px; }
        .product-panel > .details > .sections > li > .header {
          padding: 0.5em 68px 0.5em 20px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          align-items: center;
          min-height: 48px;
          box-sizing: border-box;
          border-top: solid 1px #aaaaaa;
          position: relative; }
          .product-panel > .details > .sections > li > .header::after {
            content: '';
            background: url("../img/arrow-expand-more-gray.svg");
            width: 6px;
            height: 11px;
            display: block;
            position: absolute;
            top: 50%;
            right: 20px;
            margin-top: -5px;
            margin-right: -3px; }
        .product-panel > .details > .sections > li > .description {
          padding: 0 20px;
          display: none; }
          .product-panel > .details > .sections > li > .description img {
            max-width: 100%;
            height: auto; }
          .product-panel > .details > .sections > li > .description a[navto] {
            text-decoration: underline;
            color: blue; }
        .product-panel > .details > .sections > li.expanded > .header {
          border-bottom: solid 1px #aaaaaa;
          font-weight: 600; }
          .product-panel > .details > .sections > li.expanded > .header::after {
            transform: rotate(90deg); }
          a.green ~ .content-container .product-panel > .details > .sections > li.expanded > .header {
            color: #81bc47; }
            a.green ~ .content-container .product-panel > .details > .sections > li.expanded > .header::after {
              background: url("../img/arrow-expand-more-green.svg"); }
          a.blue ~ .content-container .product-panel > .details > .sections > li.expanded > .header {
            color: #004b85; }
            a.blue ~ .content-container .product-panel > .details > .sections > li.expanded > .header::after {
              background: url("../img/arrow-expand-more-blue.svg"); }
          a.red ~ .content-container .product-panel > .details > .sections > li.expanded > .header {
            color: #f48582; }
            a.red ~ .content-container .product-panel > .details > .sections > li.expanded > .header::after {
              background: url("../img/arrow-expand-more-red.svg"); }
          a.yellow ~ .content-container .product-panel > .details > .sections > li.expanded > .header {
            color: #f7c849; }
            a.yellow ~ .content-container .product-panel > .details > .sections > li.expanded > .header::after {
              background: url("../img/arrow-expand-more-yellow.svg"); }
    .product-panel > .details ul.swatches {
      padding: 0 !important;
      list-style: none !important;
      margin: 10px -20px !important;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: flex-start;
      justify-items: start; }
      .product-panel > .details ul.swatches > li {
        margin: 0 !important;
        width: 33.3%;
        padding: 10px;
        box-sizing: border-box; }
        .product-panel > .details ul.swatches > li .image {
          padding: 10% 0; }
          .product-panel > .details ul.swatches > li .image img {
            display: block;
            width: 60%;
            margin: auto;
            height: auto; }
        .product-panel > .details ul.swatches > li .description {
          text-align: center; }
          .product-panel > .details ul.swatches > li .description .sku {
            font-weight: 700; }
    .product-panel > .details > .disclaimer {
      margin-top: 4em;
      font-size: .8em; }
  .product-panel.details-expanded {
    padding-bottom: 0; }
    .product-panel.details-expanded > .packshot {
      height: 0;
      overflow: hidden;
      -webkit-box-flex: none;
      -webkit-flex: none;
      -moz-box-flex: none;
      -moz-flex: none;
      -ms-flex: none;
      flex: none; }
    .product-panel.details-expanded > .title {
      height: 0;
      overflow: hidden; }
    .product-panel.details-expanded > .actions {
      margin-bottom: 0;
      margin-top: 15px; }
    .product-panel.details-expanded > .details {
      max-height: 10000px;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch; }
    a.green ~ .content-container .product-panel.details-expanded .more-dots-icon, a.green ~ .content-container .product-panel.details-expanded .more-dots-icon:before, a.green ~ .content-container .product-panel.details-expanded .more-dots-icon:after {
      background: #81bc47; }
    a.blue ~ .content-container .product-panel.details-expanded .more-dots-icon, a.blue ~ .content-container .product-panel.details-expanded .more-dots-icon:before, a.blue ~ .content-container .product-panel.details-expanded .more-dots-icon:after {
      background: #004b85; }
    a.red ~ .content-container .product-panel.details-expanded .more-dots-icon, a.red ~ .content-container .product-panel.details-expanded .more-dots-icon:before, a.red ~ .content-container .product-panel.details-expanded .more-dots-icon:after {
      background: #f48582; }
    a.yellow ~ .content-container .product-panel.details-expanded .more-dots-icon, a.yellow ~ .content-container .product-panel.details-expanded .more-dots-icon:before, a.yellow ~ .content-container .product-panel.details-expanded .more-dots-icon:after {
      background: #f7c849; }
    a.green ~ .content-container .product-panel.details-expanded .book-icon, a.green ~ .content-container .product-panel.details-expanded .book-icon:before, a.green ~ .content-container .product-panel.details-expanded .book-icon:after {
      background-image: url("../img/book-icon-green.svg"); }
    a.blue ~ .content-container .product-panel.details-expanded .book-icon, a.blue ~ .content-container .product-panel.details-expanded .book-icon:before, a.blue ~ .content-container .product-panel.details-expanded .book-icon:after {
      background-image: url("../img/book-icon-blue.svg"); }
    a.red ~ .content-container .product-panel.details-expanded .book-icon, a.red ~ .content-container .product-panel.details-expanded .book-icon:before, a.red ~ .content-container .product-panel.details-expanded .book-icon:after {
      background-image: url("../img/book-icon-red.svg"); }
    a.yellow ~ .content-container .product-panel.details-expanded .book-icon, a.yellow ~ .content-container .product-panel.details-expanded .book-icon:before, a.yellow ~ .content-container .product-panel.details-expanded .book-icon:after {
      background-image: url("../img/book-icon-yellow.svg"); }
  .product-panel.packshot-expanded {
    padding-bottom: 0; }
    .product-panel.packshot-expanded > .title {
      height: 0;
      overflow: hidden; }
    .product-panel.packshot-expanded > .actions {
      height: 0;
      overflow: hidden; }
    .product-panel.packshot-expanded > .packshot img {
      max-width: 150%; }
    .product-panel.packshot-expanded > .packshot .close {
      display: block; }
  .product-panel h1 {
    font-family: NotoSansSemiCondensed, sans-serif;
    font-weight: 700;
    font-size: 17px;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 1em; }
  .product-panel h1 + h2 {
    font-family: NotoSansSemiCondensed, sans-serif;
    font-weight: 400;
    font-size: 13px;
    text-align: center; }
  .product-panel .more-dots-icon {
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
    display: block; }
    .product-panel .more-dots-icon, .product-panel .more-dots-icon:before, .product-panel .more-dots-icon:after {
      width: 5px;
      height: 5px;
      background: #919191;
      border-radius: 50%; }
    .product-panel .more-dots-icon:before, .product-panel .more-dots-icon:after {
      content: '';
      display: block;
      position: absolute;
      top: 0; }
    .product-panel .more-dots-icon:before {
      left: -10px; }
    .product-panel .more-dots-icon:after {
      right: -10px; }
  .product-panel .swatches-icon {
    width: 20px;
    height: 20px;
    background: url("../img/swatches-icon.svg") 50% 50% no-repeat;
    background-size: contain; }
  .product-panel .book-icon {
    width: 23px;
    height: 30px;
    background: url("../img/book-icon.svg") 50% 50% no-repeat;
    background-size: contain; }
  .product-panel .attribute-icons {
    position: absolute;
    left: 20px;
    top: 20px;
    padding: 0;
    list-style: none; }
    .product-panel .attribute-icons li {
      width: auto;
      max-width: 35vw;
      transition: all .5s ease;
      overflow: hidden;
      height: 35px;
      padding: 5px 0;
      padding-left: 35px;
      font-family: 'NotoSansCondensed', sans-serif;
      font-weight: 500;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      background-position: left center;
      background-size: 35px;
      background-color: rgba(255, 255, 255, 0.85);
      background-repeat: no-repeat; }
      .product-panel .attribute-icons li > span {
        margin-left: 1em;
        margin-right: 1em; }
      .product-panel .attribute-icons li b, .product-panel .attribute-icons li strong {
        font-weight: 700; }
      .product-panel .attribute-icons li.hidden {
        max-width: 0; }
    .product-panel .attribute-icons .icon {
      background: #f00; }
      .product-panel .attribute-icons .icon-discount10 {
        background-image: url("../img/product-icons/10-percent.svg");
        color: #9cc3ba; }
        a.green ~ .content-container .product-panel .attribute-icons .icon-discount10 {
          color: #81bc47;
          background-image: url("../img/product-icons/10-percent-green.svg"); }
        a.blue ~ .content-container .product-panel .attribute-icons .icon-discount10 {
          color: #004b85;
          background-image: url("../img/product-icons/10-percent-blue.svg"); }
        a.red ~ .content-container .product-panel .attribute-icons .icon-discount10 {
          color: #f48582;
          background-image: url("../img/product-icons/10-percent-red.svg"); }
        a.yellow ~ .content-container .product-panel .attribute-icons .icon-discount10 {
          color: #f7c849;
          background-image: url("../img/product-icons/10-percent-yellow.svg"); }
      .product-panel .attribute-icons .icon-ophthalmology {
        background-image: url("../img/product-icons/opthalmology-tested.svg");
        color: #bc9840; }
        a.green ~ .content-container .product-panel .attribute-icons .icon-ophthalmology {
          color: #81bc47;
          background-image: url("../img/product-icons/opthalmology-tested-green.svg"); }
        a.blue ~ .content-container .product-panel .attribute-icons .icon-ophthalmology {
          color: #004b85;
          background-image: url("../img/product-icons/opthalmology-tested-blue.svg"); }
        a.red ~ .content-container .product-panel .attribute-icons .icon-ophthalmology {
          color: #f48582;
          background-image: url("../img/product-icons/opthalmology-tested-red.svg"); }
        a.yellow ~ .content-container .product-panel .attribute-icons .icon-ophthalmology {
          color: #f7c849;
          background-image: url("../img/product-icons/opthalmology-tested-yellow.svg"); }
      .product-panel .attribute-icons .icon-dermatology {
        background-image: url("../img/product-icons/dermatology-tested.svg");
        color: #4d841d; }
        a.green ~ .content-container .product-panel .attribute-icons .icon-dermatology {
          color: #81bc47;
          background-image: url("../img/product-icons/dermatology-tested-green.svg"); }
        a.blue ~ .content-container .product-panel .attribute-icons .icon-dermatology {
          color: #004b85;
          background-image: url("../img/product-icons/dermatology-tested-blue.svg"); }
        a.red ~ .content-container .product-panel .attribute-icons .icon-dermatology {
          color: #f48582;
          background-image: url("../img/product-icons/dermatology-tested-red.svg"); }
        a.yellow ~ .content-container .product-panel .attribute-icons .icon-dermatology {
          color: #f7c849;
          background-image: url("../img/product-icons/dermatology-tested-yellow.svg"); }
      .product-panel .attribute-icons .icon-hero {
        background-image: url("../img/product-icons/hero-product.svg");
        color: #bc9840; }
        a.green ~ .content-container .product-panel .attribute-icons .icon-hero {
          color: #81bc47;
          background-image: url("../img/product-icons/hero-product-green.svg"); }
        a.blue ~ .content-container .product-panel .attribute-icons .icon-hero {
          color: #004b85;
          background-image: url("../img/product-icons/hero-product-blue.svg"); }
        a.red ~ .content-container .product-panel .attribute-icons .icon-hero {
          color: #f48582;
          background-image: url("../img/product-icons/hero-product-red.svg"); }
        a.yellow ~ .content-container .product-panel .attribute-icons .icon-hero {
          color: #f7c849;
          background-image: url("../img/product-icons/hero-product-yellow.svg"); }
      .product-panel .attribute-icons .icon-bestseller {
        background-image: url("../img/product-icons/bestseller.svg");
        color: #73b625; }
        a.green ~ .content-container .product-panel .attribute-icons .icon-bestseller {
          color: #81bc47;
          background-image: url("../img/product-icons/bestseller-green.svg"); }
        a.blue ~ .content-container .product-panel .attribute-icons .icon-bestseller {
          color: #004b85;
          background-image: url("../img/product-icons/bestseller-blue.svg"); }
        a.red ~ .content-container .product-panel .attribute-icons .icon-bestseller {
          color: #f48582;
          background-image: url("../img/product-icons/bestseller-red.svg"); }
        a.yellow ~ .content-container .product-panel .attribute-icons .icon-bestseller {
          color: #f7c849;
          background-image: url("../img/product-icons/bestseller-yellow.svg"); }
      .product-panel .attribute-icons .icon-new {
        background-image: url("../img/product-icons/new.svg");
        color: #73b625; }
        a.green ~ .content-container .product-panel .attribute-icons .icon-new {
          color: #81bc47;
          background-image: url("../img/product-icons/new-green.svg"); }
        a.blue ~ .content-container .product-panel .attribute-icons .icon-new {
          color: #004b85;
          background-image: url("../img/product-icons/new-blue.svg"); }
        a.red ~ .content-container .product-panel .attribute-icons .icon-new {
          color: #f48582;
          background-image: url("../img/product-icons/new-red.svg"); }
        a.yellow ~ .content-container .product-panel .attribute-icons .icon-new {
          color: #f7c849;
          background-image: url("../img/product-icons/new-yellow.svg"); }

.dots {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 35px;
  transition: all .5s ease; }
  .dots .slick-dots {
    bottom: auto;
    top: 50%;
    margin-top: -10px; }
    .dots .slick-dots li {
      width: 18px;
      height: 18px;
      padding: 0;
      margin: 0; }
      .dots .slick-dots li button {
        position: absolute;
        width: auto;
        height: auto;
        top: 50%;
        left: 50%;
        margin: -3px; }
      .dots .slick-dots li button:before {
        content: ' ';
        width: 6px;
        height: 6px;
        opacity: .4;
        border-radius: 50%;
        background: black; }
      .dots .slick-dots li.slick-active button:before {
        opacity: .4; }
      .dots .slick-dots li.slick-active button:after {
        opacity: .4;
        content: ' ';
        display: block;
        position: absolute;
        width: 12px;
        height: 12px;
        left: -4px;
        top: -4px;
        border: solid 1px black;
        border-radius: 50%; }
  .dots.hidden {
    opacity: 0;
    pointer-events: none; }

body.pl .product-panel .attribute-icons .icon-bestseller {
  background-image: url("../img/product-icons/bestseller-pl.svg"); }
body.pl a.green ~ .content-container .product-panel .attribute-icons .icon-bestseller {
  background-image: url("../img/product-icons/bestseller-pl-green.svg") !important; }
body.pl a.blue ~ .content-container .product-panel .attribute-icons .icon-bestseller {
  background-image: url("../img/product-icons/bestseller-pl-blue.svg") !important; }
body.pl a.red ~ .content-container .product-panel .attribute-icons .icon-bestseller {
  background-image: url("../img/product-icons/bestseller-pl-red.svg") !important; }
body.pl a.yellow ~ .content-container .product-panel .attribute-icons .icon-bestseller {
  background-image: url("../img/product-icons/bestseller-pl-yellow.svg") !important; }
body.es .product-panel .attribute-icons .icon-bestseller {
  background-image: url("../img/product-icons/bestseller-es.svg"); }
body.es a.green ~ .content-container .product-panel .attribute-icons .icon-bestseller {
  background-image: url("../img/product-icons/bestseller-es-green.svg") !important; }
body.es a.blue ~ .content-container .product-panel .attribute-icons .icon-bestseller {
  background-image: url("../img/product-icons/bestseller-es-blue.svg") !important; }
body.es a.red ~ .content-container .product-panel .attribute-icons .icon-bestseller {
  background-image: url("../img/product-icons/bestseller-es-red.svg") !important; }
body.es a.yellow ~ .content-container .product-panel .attribute-icons .icon-bestseller {
  background-image: url("../img/product-icons/bestseller-es-yellow.svg") !important; }
body.de .product-panel .attribute-icons .icon-bestseller {
  background-image: url("../img/product-icons/bestseller-de.svg"); }
body.de a.green ~ .content-container .product-panel .attribute-icons .icon-bestseller {
  background-image: url("../img/product-icons/bestseller-de-green.svg") !important; }
body.de a.blue ~ .content-container .product-panel .attribute-icons .icon-bestseller {
  background-image: url("../img/product-icons/bestseller-de-blue.svg") !important; }
body.de a.red ~ .content-container .product-panel .attribute-icons .icon-bestseller {
  background-image: url("../img/product-icons/bestseller-de-red.svg") !important; }
body.de a.yellow ~ .content-container .product-panel .attribute-icons .icon-bestseller {
  background-image: url("../img/product-icons/bestseller-de-yellow.svg") !important; }
body.no .product-panel .attribute-icons .icon-bestseller {
  background-image: url("../img/product-icons/bestseller-no.svg"); }
body.no a.green ~ .content-container .product-panel .attribute-icons .icon-bestseller {
  background-image: url("../img/product-icons/bestseller-no-green.svg") !important; }
body.no a.blue ~ .content-container .product-panel .attribute-icons .icon-bestseller {
  background-image: url("../img/product-icons/bestseller-no-blue.svg") !important; }
body.no a.red ~ .content-container .product-panel .attribute-icons .icon-bestseller {
  background-image: url("../img/product-icons/bestseller-no-red.svg") !important; }
body.no a.yellow ~ .content-container .product-panel .attribute-icons .icon-bestseller {
  background-image: url("../img/product-icons/bestseller-no-yellow.svg") !important; }

body > header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }
  body > header .right-actions {
    white-space: nowrap; }
  body > header .title {
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #002f5f;
    font-size: 12px;
    padding: 0 20px; }
    body > header .title .logo {
      width: 50px;
      height: auto;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      display: none; }
      body > header .title .logo img {
        width: 100%;
        height: auto;
        display: block; }
  body > header .icon {
    width: 40px;
    height: 40px;
    display: inline-block; }
    body > header .icon#home {
      background: url("../img/home-icon.svg") 50% 50% no-repeat;
      background-size: 20px; }
    body > header .icon#search {
      background: url("../img/search-icon.svg") 50% 50% no-repeat;
      background-size: 20px; }
    body > header .icon#basket {
      background: url("../img/basket-icon.svg") 50% 50% no-repeat;
      background-size: 24px; }

#hamburger {
  margin-right: 10px;
  padding: 12px 10px;
  height: 16px;
  display: inline-block; }
  #hamburger > .hamburger-icon {
    position: relative;
    width: 20px;
    height: 2px;
    background: #002f5f;
    margin-top: 7px; }
    #hamburger > .hamburger-icon:before, #hamburger > .hamburger-icon:after {
      content: '';
      width: 20px;
      height: 2px;
      background: #002f5f;
      position: absolute; }
    #hamburger > .hamburger-icon:before {
      top: -6px; }
    #hamburger > .hamburger-icon:after {
      bottom: -6px; }

#side-menu .blend {
  background: #00275a;
  opacity: 0.8;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 201;
  display: none; }
#side-menu .scroller {
  background: white;
  height: 100%;
  position: fixed;
  width: 85vw;
  top: 0;
  right: -85vw;
  transition: right .5s ease;
  overflow-y: scroll;
  z-index: 202;
  -webkit-overflow-scrolling: touch; }
#side-menu nav {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  background: white;
  color: #00275b;
  position: relative;
  box-sizing: border-box; }
  #side-menu nav:before {
    content: '';
    display: table; }
  #side-menu nav > ul {
    margin-top: 30px; }
    #side-menu nav > ul:first-child {
      margin-top: 48px;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      overflow: scroll; }
    #side-menu nav > ul:last-child {
      margin-top: 0;
      width: 100%; }
      #side-menu nav > ul:last-child li {
        border-top: solid 1px #8a9db2;
        border-bottom: none; }
    #side-menu nav > ul li.is-parent {
      position: relative; }
      #side-menu nav > ul li.is-parent:after, #side-menu nav > ul li.is-parent:before {
        display: block;
        content: '';
        width: 18px;
        height: 2px;
        position: absolute;
        right: 18px;
        background-color: black;
        top: 23px;
        margin-top: -1px;
        transition: all .5s ease; }
      #side-menu nav > ul li.is-parent:before {
        width: 2px;
        height: 18px;
        right: 26px;
        margin-top: -9px; }
      #side-menu nav > ul li.is-parent.expanded:after {
        transform: rotate(180deg); }
      #side-menu nav > ul li.is-parent.expanded:before {
        height: 0;
        margin-top: 0;
        transform: rotate(180deg); }
    #side-menu nav > ul li .row {
      height: 48px;
      padding-left: 6px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      border-bottom: solid 1px #8a9db2;
      padding-right: 54px; }
      #side-menu nav > ul li .row .icon-area {
        width: 48px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center; }
      #side-menu nav > ul li .row .label {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-align-self: center;
        -moz-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        font-weight: 600;
        font-size: 13px; }
    #side-menu nav > ul li .submenu {
      min-height: 0;
      height: 0;
      overflow: hidden;
      transition: all .5s ease; }
      #side-menu nav > ul li .submenu li {
        font-size: 12px;
        font-weight: 600; }
        #side-menu nav > ul li .submenu li .row {
          padding-left: 54px;
          height: 48px;
          align-items: center; }
      #side-menu nav > ul li .submenu .submenu li .row {
        padding-left: 69.84px;
        color: #575757;
        font-weight: 400; }
    #side-menu nav > ul li.expanded > .submenu-container > .submenu {
      height: auto;
      min-height: 48px; }
    #side-menu nav > ul li .icon {
      width: 20px;
      height: 20px; }
      #side-menu nav > ul li .icon img {
        display: block;
        height: 20px;
        width: auto;
        margin: 0 auto; }
      #side-menu nav > ul li .icon.exit img {
        height: 25px; }
    #side-menu nav > ul li .letter.icon {
      border-radius: 50%;
      line-height: 20px;
      color: white;
      font-weight: 700;
      font-size: 14px;
      text-align: center; }
  #side-menu nav li.red {
    color: #f48582; }
    #side-menu nav li.red .letter.icon, #side-menu nav li.red:before, #side-menu nav li.red:after,
    #side-menu nav li.red .submenu > li:before,
    #side-menu nav li.red .submenu > li:after {
      background: #f48582 !important; }
  #side-menu nav li.green {
    color: #81bc47; }
    #side-menu nav li.green .letter.icon, #side-menu nav li.green:before, #side-menu nav li.green:after,
    #side-menu nav li.green .submenu > li:before,
    #side-menu nav li.green .submenu > li:after {
      background: #81bc47 !important; }
  #side-menu nav li.blue {
    color: #004b85; }
    #side-menu nav li.blue .letter.icon, #side-menu nav li.blue:before, #side-menu nav li.blue:after,
    #side-menu nav li.blue .submenu > li:before,
    #side-menu nav li.blue .submenu > li:after {
      background: #004b85 !important; }
  #side-menu nav li.yellow {
    color: #f7c849; }
    #side-menu nav li.yellow .letter.icon, #side-menu nav li.yellow:before, #side-menu nav li.yellow:after,
    #side-menu nav li.yellow .submenu > li:before,
    #side-menu nav li.yellow .submenu > li:after {
      background: #f7c849 !important; }
  #side-menu nav li.gray {
    color: #606060; }
    #side-menu nav li.gray .letter.icon, #side-menu nav li.gray:before, #side-menu nav li.gray:after,
    #side-menu nav li.gray .submenu > li:before,
    #side-menu nav li.gray .submenu > li:after {
      background: #606060 !important; }
  #side-menu nav li.black {
    color: black; }
    #side-menu nav li.black .letter.icon, #side-menu nav li.black:before, #side-menu nav li.black:after,
    #side-menu nav li.black .submenu > li:before,
    #side-menu nav li.black .submenu > li:after {
      background: black !important; }
#side-menu.expanded .scroller {
  right: 0; }
#side-menu .close {
  display: none; }

#search-container {
  position: fixed;
  top: 48px;
  bottom: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
  background: white;
  z-index: 10;
  transition: all .5s ease; }
  #search-container > div {
    padding: 30px;
    padding-top: 72px;
    box-sizing: border-box;
    width: 100%;
    height: 100%; }
  #search-container input[type=text] {
    font-weight: 700;
    font-size: 15px;
    color: #204670;
    border: none;
    border-bottom: solid 1px #aaaaaa;
    width: 100%;
    line-height: 35px;
    margin-bottom: 35px;
    display: block;
    -webkit-appearance: none;
    box-sizing: border-box;
    border-radius: 0; }
    #search-container input[type=text]#search-string {
      pointer-events: auto !important; }
    #search-container input[type=text]::placeholder {
      color: #204670;
      opacity: 1; }
  #search-container .switch {
    font-size: 14px;
    color: #aaaaaa;
    text-align: center;
    display: none;
    height: 35px;
    line-height: 35px; }
    #search-container .switch::after {
      content: '';
      display: inline-block;
      background: url("../img/arrow-more.svg") 50% 50% no-repeat;
      background-size: contain;
      width: 17px;
      height: 17px;
      transform: rotate(90deg);
      transition: all .5s ease;
      margin-left: .5em;
      vertical-align: text-bottom; }
  #search-container .advanced-switches {
    overflow: hidden;
    transition: all .5s ease; }
    #search-container .advanced-switches li:first-child {
      margin-top: 30px; }
  #search-container .advanced.expanded .switch:after {
    transform: rotate(-90deg); }
  #search-container .advanced.expanded .advanced-switches {
    height: 100px; }
  #search-container input[type=radio] {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    transform: translateY(-50%); }
  #search-container label {
    display: block;
    font-size: 13px;
    color: #aaaaaa;
    line-height: 35px;
    padding-left: 35px;
    position: relative; }
    #search-container label::before {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      border: solid 1px #aaaaaa;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }
  #search-container :checked + label::after {
    content: '';
    display: block;
    background-color: #3d5883;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: solid 1px #aaaaaa;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%); }
  #search-container .search-button-container {
    text-align: center; }
    #search-container .search-button-container .search-button {
      min-width: calc(40% - 20px);
      height: 35px;
      line-height: 35px;
      margin: 35px auto;
      background: #002f5f;
      color: white;
      display: inline-block;
      padding-left: 10px;
      padding-right: 10px;
      font-weight: 700;
      font-size: 13px;
      text-align: center;
      text-decoration: none;
      border-radius: 5px;
      white-space: nowrap; }
    #search-container .search-button-container:first-child .search-button {
      margin-top: 0; }
  #search-container .results-number {
    font-size: 15px;
    text-align: center;
    color: #264a76;
    line-height: 18px; }
    #search-container .results-number strong {
      font-weight: 700; }
  #search-container .search-results {
    margin: 35px -30px; }
    #search-container .search-results li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      border-top: solid 1px #aaaaaa;
      font-size: 12px;
      padding-right: 20px; }
      #search-container .search-results li .image {
        width: 33vw;
        height: 33vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center; }
        #search-container .search-results li .image img {
          display: block;
          width: 100%;
          height: auto; }
      #search-container .search-results li > .name {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        line-height: 1.66;
        margin: .5em 0; }
        #search-container .search-results li > .name .brand {
          color: #6e6e6e; }
        #search-container .search-results li > .name .name {
          font-weight: 700; }
      #search-container .search-results li .action-trigger {
        width: 60px; }
      #search-container .search-results li .basket-controll {
        display: none; }
      #search-container .search-results li .add-to-shopping-icon {
        background: url("../img/basket-icon.svg") 50% 50% no-repeat;
        margin: auto; }
  #search-container.visible {
    bottom: 0; }

.search-results-container {
  overflow-y: auto; }

.side-menu-products-container {
  position: fixed;
  bottom: 0;
  z-index: 200;
  height: 0;
  width: 100%;
  background: white;
  transition: all .5s ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  -webkit-overflow-scrolling: touch; }
  .side-menu-products-container.expanded {
    height: 100%; }
  .side-menu-products-container > .header {
    height: 48px;
    background: #606060;
    color: white;
    font-family: NotoSansCondensed, sans-serif;
    font-weight: 600;
    font-size: 19px;
    padding: 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .side-menu-products-container > .header .close {
      background-color: transparent;
      background-image: url("../img/close-icon-white.svg"); }
  .side-menu-products-container > .items-list {
    margin: 0;
    flex: 1;
    overflow-y: auto; }
    .side-menu-products-container > .items-list li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      border-top: solid 1px #aaaaaa;
      font-size: 12px;
      padding-right: 20px; }
      .side-menu-products-container > .items-list li .image {
        width: 33vw;
        height: 33vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center; }
        .side-menu-products-container > .items-list li .image img {
          display: block;
          width: 100%;
          height: auto; }
      .side-menu-products-container > .items-list li > .name {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        line-height: 1.66;
        margin: .5em 0; }
        .side-menu-products-container > .items-list li > .name .brand {
          color: #6e6e6e; }
        .side-menu-products-container > .items-list li > .name .name {
          font-weight: 700; }

.extras iframe {
  width: 100%;
  height: 100%; }

.primary-navigation > .extras.selected > :first-child {
  display: none; }
.primary-navigation > .extras.selected > .submenu-container > .submenu > .selected {
  background: black;
  color: white;
  margin-right: 0; }
  .primary-navigation > .extras.selected > .submenu-container > .submenu > .selected > .label {
    padding-right: 60px;
    font-family: NotoSansCondensed, sans-serif;
    font-weight: 600;
    font-size: 19px; }
  .primary-navigation > .extras.selected > .submenu-container > .submenu > .selected:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/close-icon-white.svg) 50% 50% no-repeat;
    pointer-events: none;
    opacity: 1; }

.nutrients-list {
  list-style: none !important;
  padding-left: 0 !important; }

.nutrients-list li {
  display: flex;
  align-content: center;
  min-height: 20px;
  width: 240px;
  margin: 5px 0; }
  .nutrients-list li > .image {
    width: 25%; }
    .nutrients-list li > .image img {
      width: 100%;
      display: block;
      height: auto; }
  .nutrients-list li > .text {
    margin-left: 5px;
    flex: 1;
    padding: .5em 1em;
    display: flex;
    align-items: center; }
    .nutrients-list li > .text p {
      margin: 0 !important;
      color: white;
      font-weight: 700; }

.nutrients-list .cherry .image, .nutrients-list .cherry .text, .nutrients-list .apple .image, .nutrients-list .apple .text, .nutrients-list .schizandra .image, .nutrients-list .schizandra .text, .nutrients-list .pomegranat .image, .nutrients-list .pomegranat .text, .nutrients-list .tomato .image, .nutrients-list .tomato .text, .nutrients-list .cranberry .image, .nutrients-list .cranberry .text, .nutrients-list .wolfberry .image, .nutrients-list .wolfberry .text, .nutrients-list .rosehip .image, .nutrients-list .rosehip .text {
  background: #e30e20; }
.nutrients-list .marigold .image, .nutrients-list .marigold .text, .nutrients-list .mandarin .image, .nutrients-list .mandarin .text, .nutrients-list .carrot .image, .nutrients-list .carrot .text, .nutrients-list .orange .image, .nutrients-list .orange .text, .nutrients-list .ginseng .image, .nutrients-list .ginseng .text, .nutrients-list .tropical_fruits .image, .nutrients-list .tropical_fruits .text {
  background: #ea5a0b; }
.nutrients-list .alfalfa .image, .nutrients-list .alfalfa .text, .nutrients-list .asparagus .image, .nutrients-list .asparagus .text, .nutrients-list .basil .image, .nutrients-list .basil .text, .nutrients-list .broccoli .image, .nutrients-list .broccoli .text, .nutrients-list .green_tea .image, .nutrients-list .green_tea .text, .nutrients-list .kale .image, .nutrients-list .kale .text, .nutrients-list .opunia_cactus .image, .nutrients-list .opunia_cactus .text, .nutrients-list .oregano .image, .nutrients-list .oregano .text, .nutrients-list .parsley .image, .nutrients-list .parsley .text, .nutrients-list .rosemary .image, .nutrients-list .rosemary .text, .nutrients-list .sage .image, .nutrients-list .sage .text, .nutrients-list .spinach .image, .nutrients-list .spinach .text, .nutrients-list .bilboa .image, .nutrients-list .bilboa .text, .nutrients-list .watercress .image, .nutrients-list .watercress .text {
  background: #225821; }
.nutrients-list .blueberry .image, .nutrients-list .blueberry .text, .nutrients-list .blackcurrant .image, .nutrients-list .blackcurrant .text, .nutrients-list .bilberry .image, .nutrients-list .bilberry .text {
  background: #005584; }
.nutrients-list .grape .image, .nutrients-list .grape .text {
  background: #4f286b; }
.nutrients-list .grapefruit .image, .nutrients-list .grapefruit .text {
  background: #d8388c; }
.nutrients-list .horseradish .image, .nutrients-list .horseradish .text {
  background: #f6a123; }
.nutrients-list .wheat_ceramide .image, .nutrients-list .wheat_ceramide .text {
  background: #f6a123; }
.nutrients-list .lemon .image, .nutrients-list .lemon .text {
  background: #ffdd00; }
.nutrients-list .citruses .image, .nutrients-list .citruses .text {
  background: #ffdd00; }
.nutrients-list .plum .image, .nutrients-list .plum .text {
  background: #930256; }
.nutrients-list .elderberry .image, .nutrients-list .elderberry .text {
  background: #930256; }

#usage-instructions {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  padding: 0 20px;
  padding-bottom: 40px;
  box-sizing: border-box; }
  #usage-instructions h1 {
    font-family: NotoSerif, serif;
    font-size: 24px;
    font-weight: 700;
    display: table;
    margin: 2em auto 1em;
    max-width: 90%;
    max-width: calc(100% - 40px);
    text-transform: uppercase;
    border-bottom: solid 2px #002f5f;
    color: #002f5f;
    text-align: center; }
  #usage-instructions .screen {
    position: relative; }
    #usage-instructions .screen + .screen {
      margin-top: 50px; }
    #usage-instructions .screen img {
      display: block;
      max-width: 100%;
      height: auto;
      position: relative;
      z-index: 2; }
    #usage-instructions .screen .screenshot {
      position: absolute;
      width: 78.3%;
      left: 11.5%;
      box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.3);
      z-index: 1; }
    #usage-instructions .screen p {
      color: #3a3a3a;
      position: absolute;
      font-size: 14px;
      font-weight: 400; }
    #usage-instructions .screen#cover .screenshot {
      top: 15.1%; }
    #usage-instructions .screen#cover p#enter-menu {
      top: 2%;
      right: 13%; }
    #usage-instructions .screen#cover p#exit {
      top: 2%;
      left: 14%; }
    #usage-instructions .screen#cover p#find-products {
      top: 6.5%;
      right: 21%; }
    #usage-instructions .screen#cover p#access-content-list {
      top: 96%;
      left: 16%; }
    #usage-instructions .screen#main-menu .screenshot {
      top: 13%; }
    #usage-instructions .screen#main-menu p#subcategory-list {
      top: 1.2%;
      right: 32%; }
    #usage-instructions .screen#main-menu p#bundle-up-category-list {
      top: 6.4%;
      right: 14%; }
    #usage-instructions .screen#main-menu p#unwind-category-list {
      top: 91.2%;
      right: 14%; }
    #usage-instructions .screen#main-menu p#all-products-in-subcategory {
      top: 96.4%;
      right: 20.5%; }
    #usage-instructions .screen#hamburger-menu .screenshot {
      top: 13.4%; }
    #usage-instructions .screen#hamburger-menu p#hamburger-unwind-category-list {
      top: .4%;
      right: 32%; }
    #usage-instructions .screen#hamburger-menu p#hamburger-close {
      top: 6%;
      right: 10%; }
    #usage-instructions .screen#hamburger-menu p#exit-app {
      top: 91.5%;
      left: 26%; }
    #usage-instructions .screen#hamburger-menu p#open-extras {
      bottom: 5.4%;
      right: 14%; }
    #usage-instructions .screen#hamburger-menu p#hamburger-bundle-up-subcategory-list {
      top: 97.3%;
      right: 20.5%; }
    #usage-instructions .screen#new-releases .screenshot {
      top: 12.3%; }
    #usage-instructions .screen#new-releases p#close-new {
      top: 3%;
      right: 8%; }
    #usage-instructions .screen#new-releases p#open-new-product {
      top: 96%;
      left: 15%; }
    #usage-instructions .screen#search .screenshot {
      top: 9.3%; }
    #usage-instructions .screen#search p#close-search {
      top: 1%;
      right: 14%; }
    #usage-instructions .screen#search p#search-products {
      top: 96%;
      left: 15%;
      width: 70%;
      text-align: center; }
    #usage-instructions .screen#search-02 .screenshot {
      top: 9%; }
    #usage-instructions .screen#search-02 p#close-search-2 {
      top: 1%;
      right: 19%; }
    #usage-instructions .screen#search-02 p#search-again {
      top: 91%;
      left: 15%; }
    #usage-instructions .screen#search-02 p#open-found-product {
      right: 13%;
      top: 96.8%; }
    #usage-instructions .screen#brand-intro .screenshot {
      top: 13.1%; }
    #usage-instructions .screen#brand-intro p#bp-unwind-product-list {
      bottom: 97%;
      right: 14.3%;
      text-align: right; }
    #usage-instructions .screen#brand-intro p#bp-unwind-category-list {
      right: 14.3%;
      top: 5.8%;
      text-align: right; }
    #usage-instructions .screen#brand-intro p#bp-scroll-down {
      top: 91.3%;
      left: 15%;
      width: 70%;
      text-align: center; }
    #usage-instructions .screen#brand-intro p#bp-show-product {
      right: 15%;
      top: 97.6%; }
    #usage-instructions .screen#product-list .screenshot {
      top: 9.5%; }
    #usage-instructions .screen#product-list p#list-view-close {
      top: 1%;
      right: 15%; }
    #usage-instructions .screen#product-list p#list-show-product {
      top: 96.6%;
      left: 15%; }
    #usage-instructions .screen#product-page .screenshot {
      top: 12.3%; }
    #usage-instructions .screen#product-page p#icon-expand {
      bottom: 97%;
      left: 16%; }
    #usage-instructions .screen#product-page p#product-enlarge {
      top: 5%;
      right: 15%;
      text-align: right; }
    #usage-instructions .screen#product-page p#product-description {
      top: 91%;
      text-align: center;
      left: 15%;
      width: 70%; }
    #usage-instructions .screen#product-page p#switch-products {
      top: 96.5%;
      left: 16%;
      width: 69%;
      text-align: center; }
    #usage-instructions .screen#product-page-02 .screenshot {
      top: 1.8%; }
    #usage-instructions .screen#product-page-02 p#show-swatches {
      bottom: 6.5%;
      right: 15%;
      text-align: right;
      max-width: 73%; }
    #usage-instructions .screen#product-page-02 p#switch-by-dots {
      left: 16%;
      top: 96.5%; }

#onboarding {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 800;
  font-family: 'CaveatBrush', "Comic Sans MS", sans-serif;
  font-size: 21px;
  color: white;
  background: transparent; }
  #onboarding .compound-overlay {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0; }
  #onboarding .slide {
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%; }
    #onboarding .slide .layer {
      position: absolute; }
    #onboarding .slide .mr-smart {
      display: block;
      width: 57%;
      margin: 2em auto; }
    #onboarding .slide .mr-smart + p {
      text-align: center; }
    #onboarding .slide .short-arrow {
      height: 71px;
      width: auto; }
    #onboarding .slide .medium-arrow {
      height: 158px;
      width: auto; }
    #onboarding .slide .long-arrow {
      height: 198px;
      width: auto; }
    #onboarding .slide#hello p {
      text-align: center; }
    #onboarding .slide#hello .buttons {
      display: table;
      margin: 1em auto; }
    #onboarding .slide#hello .button {
      border-radius: 5px;
      border: solid 2px white;
      font-family: NotoSans, sans-serif;
      font-weight: 700;
      font-size: 13px;
      padding: .7em 2em;
      text-decoration: none;
      color: inherit;
      display: block;
      margin: 1.5em;
      text-align: center; }
      #onboarding .slide#hello .button.active {
        background: white;
        color: #15365e; }
    #onboarding .slide #exit-app .short-arrow {
      transform: scaleX(-1) rotate(45deg);
      transform-origin: center top; }
    #onboarding .slide #exit-app p {
      margin-left: 40px;
      margin-top: -13px; }
    #onboarding .slide #find-products {
      position: absolute;
      text-align: center;
      right: 76px;
      top: 50px; }
      #onboarding .slide #find-products p {
        width: 50vw; }
      #onboarding .slide #find-products .medium-arrow {
        transform: rotate(25deg) translateX(8px) translateY(-14px);
        margin-left: 50px; }
    #onboarding .slide#option1 > p {
      text-align: center;
      margin-top: 5em; }
    #onboarding .slide#option1 .layer {
      top: 50px;
      right: 31px;
      text-align: right; }
      #onboarding .slide#option1 .layer .long-arrow {
        transform: rotate(8deg) translateX(-13px); }
    #onboarding .slide #explore {
      width: 60vw;
      left: 30px; }
      #onboarding .slide #explore .short-arrow {
        transform: scaleX(-1);
        margin-left: 25vw; }
      #onboarding .slide #explore p {
        margin-top: 10px; }
    #onboarding .slide#option2 > p {
      text-align: center;
      margin-top: 5em; }
    #onboarding .slide#option2 .layer {
      width: 60vw;
      left: 20vw;
      top: 40vh; }
      #onboarding .slide#option2 .layer .short-arrow {
        transform: rotate(10deg);
        margin-left: 40%; }
    #onboarding .slide #explore2 {
      width: 70vw;
      left: 20vw; }
      #onboarding .slide #explore2 .short-arrow {
        margin-left: 30%; }
      #onboarding .slide #explore2 p {
        margin-top: 10px; }
    #onboarding .slide #back-to-menu {
      width: 75vw;
      top: 60px; }
      #onboarding .slide #back-to-menu .short-arrow {
        transform: translateX(-27px) translateY(-21px) rotate(69deg);
        position: absolute;
        right: 0; }
      #onboarding .slide #back-to-menu p {
        margin-top: 42px; }
    #onboarding .slide #product-list {
      top: 157px;
      width: 57vw;
      right: 30px; }
      #onboarding .slide #product-list .short-arrow {
        position: absolute;
        right: 0;
        transform: scaleX(-1) rotate(-20deg); }
      #onboarding .slide #product-list p {
        margin-right: 33px;
        margin-top: 38px; }
    #onboarding .slide #explore-products {
      top: 281px;
      margin-right: 156px;
      right: 0;
      margin-left: 20px; }
      #onboarding .slide #explore-products .short-arrow {
        position: absolute;
        right: 0;
        transform: translateY(-11px) translateX(53px) rotate(98deg); }
      #onboarding .slide #explore-products p {
        text-align: right; }
    #onboarding .slide #about-brand {
      bottom: 40px;
      width: 45vw;
      right: 50%; }
      #onboarding .slide #about-brand .short-arrow {
        transform: scaleX(-1) rotate(224deg);
        margin-right: 75px;
        margin-left: auto;
        display: block; }
    #onboarding .slide #switch-products {
      padding-bottom: 183px;
      width: calc(100% - 80px);
      left: 40px; }
      #onboarding .slide #switch-products p {
        text-align: center; }
      #onboarding .slide #switch-products p + .medium-arrow {
        position: absolute;
        transform: rotate(155deg);
        right: 10px; }
      #onboarding .slide #switch-products .medium-arrow + .medium-arrow {
        position: absolute;
        left: 10px;
        transform: scaleX(-1) rotate(155deg); }
    #onboarding .slide #side-menu-exit {
      bottom: 60px;
      width: 45vw;
      margin-right: 5vw;
      right: 0; }
      #onboarding .slide #side-menu-exit .short-arrow {
        position: absolute;
        transform: scaleX(-1) rotate(120deg);
        left: -60px;
        top: -10px; }
      #onboarding .slide #side-menu-exit p {
        margin-bottom: 31px; }
    #onboarding .slide #discover-more {
      width: calc(100% - 80px);
      text-align: center;
      left: 40px;
      bottom: 90px; }
      #onboarding .slide #discover-more p {
        margin-bottom: 72px; }
      #onboarding .slide #discover-more p + .short-arrow {
        position: absolute;
        left: 84px;
        transform: scaleX(-1) rotate(150deg);
        bottom: 0; }
      #onboarding .slide #discover-more .short-arrow + .short-arrow {
        position: absolute;
        left: 255px;
        transform: translateX(-60px) rotate(150deg);
        bottom: 0; }

html {
  height: 100%;
  overflow: hidden; }

body {
  font-family: NotoSans, sans-serif;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  body > header {
    height: 48px;
    position: relative;
    z-index: 20;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.25) 0 2px 3px; }
  body > main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: scroll;
    position: relative; }
    body > main.overflow-hidden {
      overflow: hidden; }
  body.splash > main {
    overflow: hidden; }
  body.splash .cover {
    top: 0; }
  body.splash .primary-navigation {
    top: 100%; }
  body.splash .title .logo {
    display: block; }
  body.splash .title .text {
    display: none; }

.cover {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  transition: all .5s ease; }
  .cover .cover-image {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: url(../img/cover-image.jpg) 50% 50% no-repeat;
    background-size: cover; }
    @media screen and (min-aspect-ratio: 768 / 1024) {
      .cover .cover-image {
        background: url(../img/cover-image-iPad.jpg) 50% 50% no-repeat; } }
  .cover .footer {
    height: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    font-size: 15px;
    color: #002f5f;
    background: white; }

.slick-slide {
  touch-action: auto;
  -ms-touch-action: auto; }

.nobr {
  white-space: nowrap; }

.close {
  width: 45px;
  height: 45px;
  margin: 0 5px;
  background: white url("../img/close-icon.svg") 50% 50% no-repeat;
  background-size: 15px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 203; }

.add-to-shopping-icon {
  width: 23px;
  height: 21px;
  background: url("../img/basket-icon-gray.svg") 50% 50% no-repeat;
  background-size: contain; }

.amway-icon {
  font-family: 'amway_symbols';
  font-weight: 400 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  font-size: 1.2em;
  line-height: .9; }
  .amway-icon.all_skin:before {
    content: '\2558'; }
  .amway-icon.sensitive_skin:before {
    content: '\2560'; }
  .amway-icon.combination-to-oily_skin:before {
    content: '\2555'; }
  .amway-icon.normal-to-dry_skin:before {
    content: '\2559'; }
  .amway-icon.allergy_tested:before {
    content: '\255b'; }
  .amway-icon.ophthalmology_tested:before {
    content: '\255f'; }
  .amway-icon.daily_usage:before {
    content: '\2554'; }
  .amway-icon.nightly_usage:before {
    content: '\255a'; }
  .amway-icon.square_dispenser:before {
    content: '\2555'; }
  .amway-icon.rectangle_dispenser:before {
    content: '\2556'; }
  .amway-icon.plastic_squeeze:before {
    content: '\2554'; }
  .amway-icon.pistol_grip:before {
    content: '\2557'; }
  .amway-icon.pour_cap:before {
    content: '\2558'; }
  .amway-icon.dispenser_ball:before {
    content: '\2559'; }
  .amway-icon.star_espring:before {
    content: '\2553'; }
  .amway-icon.one_drops:before {
    content: '\255c'; }
  .amway-icon.two_drops:before {
    content: '\255d'; }
  .amway-icon.three_drops:before {
    content: '\255e'; }

.cover-image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%; }

/* Overthrow CSS:
   Enable overflow: auto on elements with overthrow class when html element has overthrow class too */
.overthrow-enabled .overthrow {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.unresponsive {
  pointer-events: none; }

.semitransparent-svg-overlay {
  fill: #00275a;
  opacity: .75; }

/*# sourceMappingURL=app.css.map */