/*------------------------------------------------------------------------*$VARIABLES
\*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*    $MAIN COLORS
\*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*    $ACCENTS
\*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*    $SHADES
\*------------------------------------------------------------------------*/
.vo-info-popup {
  border-radius: 100%; }

.vo-button, .vo-button--primary, .vo-button--accent, .vo-button--large, .vo-button--icon, .vo-toggle-buttons, .vo-product-list.vo-grid .vo-product-list-item, .vo-account__address .vo-radio-list label, .vo-payment-option, .vo-address, .vo-confirmation__payment-option, .vo-info-popup--inactive .vo-info-popup__text, .vo-info-popup__text, .vo-contact-element--active {
  border-radius: 4px;
  border-radius: 0.25em; }

.vo-button, .vo-button--primary, .vo-button--accent, .vo-button--large, .vo-button--icon, .vo-toggle-buttons {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.vo-button--primary, .vo-button--accent, .vo-info-popup--inactive .vo-info-popup__text, .vo-info-popup__text, .vo-contact-element, .vo-slider__navigation--next, .vo-slider__navigation--previous {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.vo-button, .vo-button--primary, .vo-button--accent, .vo-button--large, .vo-button--icon, .vo-toggle-buttons, .vo-product-list.vo-grid .vo-product-list-item {
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .vo-button:hover, .vo-button--primary:hover, .vo-button--accent:hover, .vo-button--large:hover, .vo-button--icon:hover, .vo-toggle-buttons:hover, .vo-product-list.vo-grid .vo-product-list-item:hover {
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
  .vo-button:active, .vo-button--primary:active, .vo-button--accent:active, .vo-button--large:active, .vo-button--icon:active, .vo-toggle-buttons:active, .vo-product-list.vo-grid .vo-product-list-item:active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.vo-button, .vo-button--primary, .vo-button--accent, .vo-button--large, .vo-button--icon {
  -webkit-appearance: none;
  text-decoration: none;
  border: 0;
  text-align: center;
  font-size: 1rem;
  cursor: pointer;
  padding-top: 8px;
  padding-top: 0.5em;
  padding-bottom: 8px;
  padding-bottom: 0.5em;
  padding-left: 16px;
  padding-left: 1em;
  padding-right: 16px;
  padding-right: 1em; }

* {
  margin: 0;
  box-sizing: border-box; }

html,
body {
  font-size: 14px; }

p {
  margin-bottom: 0.5em; }

img {
  max-width: 100%; }

a {
  color: #54b04e; }

h1 a,
h2 a,
h3 a {
  text-decoration: none;
  color: inherit; }

ul a {
  text-decoration: none; }

ul {
  list-style: disc;
  padding-left: 1.25em; }

td {
  vertical-align: top; }

dt,
dd {
  display: block; }

dt {
  margin-top: 1em;
  font-weight: bold; }

dd {
  margin-left: 2em; }

h1,
h2,
h3 {
  margin-top: 0.5em; }

em {
  color: #e34448;
  font-style: normal; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.vo-msie .hide-on-ie {
  display: none; }

.flex, .flex-row, .flex-row--align-start, .flex-row--align-end, .flex-row--align-baseline, .flex-row--sb, .flex-row--sa, .flex-row--center, .flex-row--end, .flex-row--padded, .flex-col, .flex-col--sb, .flex-col--sa, .flex-col--fs {
  display: flex;
  align-items: stretch; }
  .flex-row, .flex-row--align-start, .flex-row--align-end, .flex-row--align-baseline, .flex-row--sb, .flex-row--sa, .flex-row--center, .flex-row--end, .flex-row--padded {
    flex-direction: row;
    flex-wrap: wrap; }
    .flex-row--align-start {
      align-items: flex-start; }
    .flex-row--align-end {
      align-items: flex-end; }
    .flex-row--align-baseline {
      align-items: baseline; }
    .flex-row--sb {
      justify-content: space-between; }
    .flex-row--sa {
      justify-content: space-around; }
    .flex-row--center {
      justify-content: center; }
    .flex-row--end {
      justify-content: flex-end; }
    .flex-row--padded > * {
      margin-right: 1em; }
      @media screen and (max-width: 37.5em) {
        .flex-row--padded > * {
          margin-bottom: 1.2em; } }
  .flex-col, .flex-col--sb, .flex-col--sa, .flex-col--fs {
    flex-direction: column;
    flex-wrap: wrap; }
    .flex-col--sb {
      justify-content: space-between; }
    .flex-col--sa {
      justify-content: space-around; }
    .flex-col--fs {
      align-items: flex-start; }

.grid {
  display: grid; }
  .grid--2col {
    grid-template-columns: fr fr; }

.no-scroll {
  overflow: hidden; }

.fr {
  float: right; }

.fl {
  float: left; }

.vo-hidden {
  display: none !important; }

.vo-margin-top--1 {
  margin-top: 4px;
  margin-top: 0.25em; }

.vo-margin-bottom--1 {
  margin-bottom: 4px;
  margin-bottom: 0.25em; }

.vo-margin-left--1 {
  margin-left: 4px;
  margin-left: 0.25em; }

.vo-margin-right--1 {
  margin-right: 4px;
  margin-right: 0.25em; }

.vo-margin-top--2 {
  margin-top: 8px;
  margin-top: 0.5em; }

.vo-margin-bottom--2 {
  margin-bottom: 8px;
  margin-bottom: 0.5em; }

.vo-margin-left--2 {
  margin-left: 8px;
  margin-left: 0.5em; }

.vo-margin-right--2 {
  margin-right: 8px;
  margin-right: 0.5em; }

.vo-margin-top--3 {
  margin-top: 12px;
  margin-top: 0.75em; }

.vo-margin-bottom--3 {
  margin-bottom: 12px;
  margin-bottom: 0.75em; }

.vo-margin-left--3 {
  margin-left: 12px;
  margin-left: 0.75em; }

.vo-margin-right--3 {
  margin-right: 12px;
  margin-right: 0.75em; }

.vo-margin-top--4 {
  margin-top: 16px;
  margin-top: 1em; }

.vo-margin-bottom--4 {
  margin-bottom: 16px;
  margin-bottom: 1em; }

.vo-margin-left--4 {
  margin-left: 16px;
  margin-left: 1em; }

.vo-margin-right--4 {
  margin-right: 16px;
  margin-right: 1em; }

.vo-margin-top--5 {
  margin-top: 20px;
  margin-top: 1.25em; }

.vo-margin-bottom--5 {
  margin-bottom: 20px;
  margin-bottom: 1.25em; }

.vo-margin-left--5 {
  margin-left: 20px;
  margin-left: 1.25em; }

.vo-margin-right--5 {
  margin-right: 20px;
  margin-right: 1.25em; }

.vo-margin-top--6 {
  margin-top: 24px;
  margin-top: 1.5em; }

.vo-margin-bottom--6 {
  margin-bottom: 24px;
  margin-bottom: 1.5em; }

.vo-margin-left--6 {
  margin-left: 24px;
  margin-left: 1.5em; }

.vo-margin-right--6 {
  margin-right: 24px;
  margin-right: 1.5em; }

/*================remove for production=================*/
.vo-placeholder {
  background-color: #ededed;
  color: #2c2c2c;
  border: 1px dashed #2c2c2c;
  min-height: 100px;
  max-width: 100%;
  flex-grow: 4;
  display: flex;
  justify-content: center;
  align-items: center; }

.vo {
  /*------------------------------------------------------------------------*  $GLOBALS
  \*------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------*  $COMPONENTS
  \*------------------------------------------------------------------------*/ }
  .vo-container {
    max-width: 1120px;
    max-width: 70rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap; }
  .vo-sidebar, .vo-sidebar--green {
    width: 25%;
    max-width: 14rem;
    transition: left 0.3s ease-in; }
    @media screen and (max-width: 48em) {
      .vo-sidebar, .vo-sidebar--green {
        position: fixed;
        overflow-y: scroll;
        top: 0;
        bottom: 0;
        left: -100%;
        width: 50%;
        max-width: none; }
        .vo-sidebar--active {
          left: 0;
          z-index: 100; } }
    @media screen and (max-width: 30em) {
      .vo-sidebar, .vo-sidebar--green {
        width: 100%; } }
  .vo-main {
    width: 100%;
    padding: 1em 1em 2em;
    min-height: 25em; }
    .vo-main--no-space {
      padding: 0 1em 2em; }
  .vo-sidebar ~ .vo-main, .vo-sidebar--green ~ .vo-main {
    width: 75%; }
    @media screen and (max-width: 48em) {
      .vo-sidebar ~ .vo-main, .vo-sidebar--green ~ .vo-main {
        width: 100%; } }
  .vo-section {
    padding-top: 16px;
    padding-top: 1em;
    padding-bottom: 16px;
    padding-bottom: 1em; }
  .vo-body {
    font-family: "Roboto", "Arial", sans-serif;
    font-size: 14px;
    line-height: 1.5; }
  .vo-h1, .vo-h2, .vo-h3 {
    margin-top: 0.5em; }
  .vo-h1 {
    font-size: 28px;
    color: #006553;
    font-weight: normal; }
  .vo-h2 {
    font-size: 21px;
    color: #006553;
    font-weight: normal; }
  .vo-h3 {
    font-size: 16px;
    color: #006553;
    font-weight: normal; }
  .vo-h4 {
    font-size: 16px;
    font-weight: bold; }
  .vo-h5 {
    font-size: 14px;
    font-weight: bold; }
  .vo-price {
    font-size: 21px;
    color: #54b04e; }
    .vo-price--original {
      font-size: 16px;
      color: #e34448;
      text-decoration: line-through; }
  .vo-col-count-2 {
    column-count: 2;
    list-style: none;
    font-size: 120%;
    padding: 0; }
    @media screen and (max-width: 37.5em) {
      .vo-col-count-2 {
        column-count: 1; } }
  .vo-col-count-3 {
    column-count: 3;
    list-style: none;
    font-size: 120%;
    padding: 0; }
    @media screen and (max-width: 37.5em) {
      .vo-col-count-3 {
        column-count: 2; } }
    @media screen and (max-width: 25em) {
      .vo-col-count-3 {
        column-count: 1; } }
  .vo-list--inline > li {
    display: inline; }
    .vo-list--inline > li + li::before {
      content: '|';
      padding: 0 1em;
      text-align: center; }
  .vo-text--brand {
    color: #93cc6f; }
  .vo-text--base {
    color: #2c2c2c; }
  .vo-text--accent {
    color: #ffb33a; }
  .vo-text--warning {
    color: #e34448; }
  .vo-text--brand-light {
    color: #ddf1d8; }
  .vo-text--brand-lighter {
    color: #a8db68; }
  .vo-text--brand-bright {
    color: #54b04e; }
  .vo-text--brand-dark {
    color: #006553; }
  .vo-text--base-light {
    color: #f8f8f8; }
  .vo-text--base-medium {
    color: #ededed; }
  .vo-text--base-darker {
    color: #bbb; }
  .vo-text--base-dark {
    color: #404040; }
  .vo-text--accent-light {
    color: #ffd152; }
  .vo-text--accent-dark {
    color: #e69928; }
  .vo-text--small {
    font-size: 80%; }
  .vo-text--center {
    text-align: center; }
  .vo-grid {
    display: flex;
    flex-wrap: wrap;
    display: grid;
    position: relative;
    /* Display as a Grid */
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    /* repeat = as many times as you can fit */
    /* auto-fit = fit as many items on the line as possible, go bigger if you need to */
    /*minmax = (min size, max size) = the minimum size the column should be is 200px, but if there's space then give them all 1fr of that width. */
    grid-gap: 32px 32px;
    align-items: stretch;
    grid-template-columns: minmax(1rem, 1fr); }
    .vo-grid--center {
      align-items: center; }
    .vo-grid--end {
      align-items: end; }
    .vo-grid--auto {
      grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); }
    .vo-grid--1-1--small {
      grid-template-columns: minmax(1rem, 1fr) minmax(1rem, 1fr); }
    .vo-grid--1-1-1--small {
      grid-template-columns: minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr); }
    .vo-grid--details > * {
      margin-bottom: 48px;
      margin-bottom: 3em; }
      @media screen and (max-width: 37.5em) {
        .vo-grid--details > * {
          margin-bottom: 32px;
          margin-bottom: 2em; } }
    .vo-grid--1-1-1 {
      grid-template-columns: minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr); }
      .vo-grid--1-1-1 > * {
        flex-basis: 30%;
        margin-right: 2%; }
        @supports (display: grid) {
          .vo-grid--1-1-1 > * {
            margin-right: 0; } }
      @media screen and (max-width: 37.5em) {
        .vo-grid--1-1-1 {
          flex-basis: 45%;
          margin-right: 2%;
          grid-template-columns: minmax(1rem, 1fr) minmax(1rem, 1fr); }
          @supports (display: grid) {
            .vo-grid--1-1-1 {
              margin-right: 0; } } }
    @media screen and (min-width: 37.5em) {
      .vo-grid {
        grid-gap: 16px 32px; }
        .vo-grid--1-1 {
          grid-template-columns: minmax(1rem, 1fr) minmax(1rem, 1fr); }
          .vo-grid--1-1 > * {
            flex-basis: 45%;
            margin-right: 2%; }
            @supports (display: grid) {
              .vo-grid--1-1 > * {
                margin-right: 0; } }
        .vo-grid--2-1 {
          grid-template-columns: minmax(1rem, 2fr) minmax(1rem, 1fr); }
          .vo-grid--2-1 > * {
            flex-basis: 45%;
            margin-right: 2%; }
            @supports (display: grid) {
              .vo-grid--2-1 > * {
                margin-right: 0; } }
        .vo-grid--1-2 {
          grid-template-columns: minmax(1rem, 1fr) minmax(1rem, 2fr); }
          .vo-grid--1-2 > * {
            flex-basis: 45%;
            margin-right: 2%; }
            @supports (display: grid) {
              .vo-grid--1-2 > * {
                margin-right: 0; } }
        .vo-grid--2-1-1 {
          grid-template-columns: minmax(1rem, 2fr) minmax(1rem, 1fr) minmax(1rem, 1fr); }
          .vo-grid--2-1-1 > * {
            flex-basis: 30%;
            margin-right: 2%; }
            @supports (display: grid) {
              .vo-grid--2-1-1 > * {
                margin-right: 0; } }
        .vo-grid--1-2-1 {
          grid-template-columns: minmax(1rem, 1fr) minmax(1rem, 2fr) minmax(1rem, 1fr); }
          .vo-grid--1-2-1 > * {
            flex-basis: 30%;
            margin-right: 2%; }
            @supports (display: grid) {
              .vo-grid--1-2-1 > * {
                margin-right: 0; } }
        .vo-grid--1-1-2 {
          grid-template-columns: minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 2fr); }
          .vo-grid--1-1-2 > * {
            flex-basis: 30%;
            margin-right: 2%; }
            @supports (display: grid) {
              .vo-grid--1-1-2 > * {
                margin-right: 0; } }
        .vo-grid--1-1-1-1 {
          grid-template-columns: minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr); }
          .vo-grid--1-1-1-1 > * {
            flex-basis: 22%;
            margin-right: 2%; }
            @supports (display: grid) {
              .vo-grid--1-1-1-1 > * {
                margin-right: 0; } } }
    @media screen and (min-width: 37.5em) and (max-width: 37.5em) {
      .vo-grid--1-1-1-1 {
        grid-template-columns: minmax(1rem, 1fr) minmax(1rem, 1fr); } }
    .vo-grid-item--stretch {
      flex-basis: 100%;
      grid-column-start: 1;
      grid-column-end: -1; }
    .vo-grid-item {
      padding-left: 8px;
      padding-left: 0.5em;
      padding-right: 8px;
      padding-right: 0.5em; }
      .vo-grid-item-1-1 {
        flex-basis: 100%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-1-1 {
            flex-basis: 100%; } }
      .vo-grid-item-1-2 {
        flex-basis: 50%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-1-2 {
            flex-basis: 100%; } }
      .vo-grid-item-2-2 {
        flex-basis: 100%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-2-2 {
            flex-basis: 100%; } }
      .vo-grid-item-1-3 {
        flex-basis: 33.33333%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-1-3 {
            flex-basis: 100%; } }
      .vo-grid-item-2-3 {
        flex-basis: 66.66667%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-2-3 {
            flex-basis: 100%; } }
      .vo-grid-item-3-3 {
        flex-basis: 100%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-3-3 {
            flex-basis: 100%; } }
      .vo-grid-item-1-4 {
        flex-basis: 25%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-1-4 {
            flex-basis: 100%; } }
      .vo-grid-item-2-4 {
        flex-basis: 50%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-2-4 {
            flex-basis: 100%; } }
      .vo-grid-item-3-4 {
        flex-basis: 75%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-3-4 {
            flex-basis: 100%; } }
      .vo-grid-item-4-4 {
        flex-basis: 100%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-4-4 {
            flex-basis: 100%; } }
      .vo-grid-item-1-5 {
        flex-basis: 20%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-1-5 {
            flex-basis: 100%; } }
      .vo-grid-item-2-5 {
        flex-basis: 40%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-2-5 {
            flex-basis: 100%; } }
      .vo-grid-item-3-5 {
        flex-basis: 60%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-3-5 {
            flex-basis: 100%; } }
      .vo-grid-item-4-5 {
        flex-basis: 80%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-4-5 {
            flex-basis: 100%; } }
      .vo-grid-item-5-5 {
        flex-basis: 100%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-5-5 {
            flex-basis: 100%; } }
      .vo-grid-item-1-6 {
        flex-basis: 16.66667%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-1-6 {
            flex-basis: 100%; } }
      .vo-grid-item-2-6 {
        flex-basis: 33.33333%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-2-6 {
            flex-basis: 100%; } }
      .vo-grid-item-3-6 {
        flex-basis: 50%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-3-6 {
            flex-basis: 100%; } }
      .vo-grid-item-4-6 {
        flex-basis: 66.66667%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-4-6 {
            flex-basis: 100%; } }
      .vo-grid-item-5-6 {
        flex-basis: 83.33333%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-5-6 {
            flex-basis: 100%; } }
      .vo-grid-item-6-6 {
        flex-basis: 100%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-6-6 {
            flex-basis: 100%; } }
      .vo-grid-item-1-7 {
        flex-basis: 14.28571%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-1-7 {
            flex-basis: 100%; } }
      .vo-grid-item-2-7 {
        flex-basis: 28.57143%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-2-7 {
            flex-basis: 100%; } }
      .vo-grid-item-3-7 {
        flex-basis: 42.85714%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-3-7 {
            flex-basis: 100%; } }
      .vo-grid-item-4-7 {
        flex-basis: 57.14286%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-4-7 {
            flex-basis: 100%; } }
      .vo-grid-item-5-7 {
        flex-basis: 71.42857%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-5-7 {
            flex-basis: 100%; } }
      .vo-grid-item-6-7 {
        flex-basis: 85.71429%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-6-7 {
            flex-basis: 100%; } }
      .vo-grid-item-7-7 {
        flex-basis: 100%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-7-7 {
            flex-basis: 100%; } }
      .vo-grid-item-1-8 {
        flex-basis: 12.5%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-1-8 {
            flex-basis: 100%; } }
      .vo-grid-item-2-8 {
        flex-basis: 25%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-2-8 {
            flex-basis: 100%; } }
      .vo-grid-item-3-8 {
        flex-basis: 37.5%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-3-8 {
            flex-basis: 100%; } }
      .vo-grid-item-4-8 {
        flex-basis: 50%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-4-8 {
            flex-basis: 100%; } }
      .vo-grid-item-5-8 {
        flex-basis: 62.5%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-5-8 {
            flex-basis: 100%; } }
      .vo-grid-item-6-8 {
        flex-basis: 75%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-6-8 {
            flex-basis: 100%; } }
      .vo-grid-item-7-8 {
        flex-basis: 87.5%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-7-8 {
            flex-basis: 100%; } }
      .vo-grid-item-8-8 {
        flex-basis: 100%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-8-8 {
            flex-basis: 100%; } }
      .vo-grid-item-1-9 {
        flex-basis: 11.11111%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-1-9 {
            flex-basis: 100%; } }
      .vo-grid-item-2-9 {
        flex-basis: 22.22222%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-2-9 {
            flex-basis: 100%; } }
      .vo-grid-item-3-9 {
        flex-basis: 33.33333%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-3-9 {
            flex-basis: 100%; } }
      .vo-grid-item-4-9 {
        flex-basis: 44.44444%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-4-9 {
            flex-basis: 100%; } }
      .vo-grid-item-5-9 {
        flex-basis: 55.55556%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-5-9 {
            flex-basis: 100%; } }
      .vo-grid-item-6-9 {
        flex-basis: 66.66667%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-6-9 {
            flex-basis: 100%; } }
      .vo-grid-item-7-9 {
        flex-basis: 77.77778%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-7-9 {
            flex-basis: 100%; } }
      .vo-grid-item-8-9 {
        flex-basis: 88.88889%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-8-9 {
            flex-basis: 100%; } }
      .vo-grid-item-9-9 {
        flex-basis: 100%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-9-9 {
            flex-basis: 100%; } }
      .vo-grid-item-1-10 {
        flex-basis: 10%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-1-10 {
            flex-basis: 100%; } }
      .vo-grid-item-2-10 {
        flex-basis: 20%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-2-10 {
            flex-basis: 100%; } }
      .vo-grid-item-3-10 {
        flex-basis: 30%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-3-10 {
            flex-basis: 100%; } }
      .vo-grid-item-4-10 {
        flex-basis: 40%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-4-10 {
            flex-basis: 100%; } }
      .vo-grid-item-5-10 {
        flex-basis: 50%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-5-10 {
            flex-basis: 100%; } }
      .vo-grid-item-6-10 {
        flex-basis: 60%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-6-10 {
            flex-basis: 100%; } }
      .vo-grid-item-7-10 {
        flex-basis: 70%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-7-10 {
            flex-basis: 100%; } }
      .vo-grid-item-8-10 {
        flex-basis: 80%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-8-10 {
            flex-basis: 100%; } }
      .vo-grid-item-9-10 {
        flex-basis: 90%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-9-10 {
            flex-basis: 100%; } }
      .vo-grid-item-10-10 {
        flex-basis: 100%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-10-10 {
            flex-basis: 100%; } }
      .vo-grid-item-1-11 {
        flex-basis: 9.09091%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-1-11 {
            flex-basis: 100%; } }
      .vo-grid-item-2-11 {
        flex-basis: 18.18182%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-2-11 {
            flex-basis: 100%; } }
      .vo-grid-item-3-11 {
        flex-basis: 27.27273%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-3-11 {
            flex-basis: 100%; } }
      .vo-grid-item-4-11 {
        flex-basis: 36.36364%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-4-11 {
            flex-basis: 100%; } }
      .vo-grid-item-5-11 {
        flex-basis: 45.45455%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-5-11 {
            flex-basis: 100%; } }
      .vo-grid-item-6-11 {
        flex-basis: 54.54545%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-6-11 {
            flex-basis: 100%; } }
      .vo-grid-item-7-11 {
        flex-basis: 63.63636%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-7-11 {
            flex-basis: 100%; } }
      .vo-grid-item-8-11 {
        flex-basis: 72.72727%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-8-11 {
            flex-basis: 100%; } }
      .vo-grid-item-9-11 {
        flex-basis: 81.81818%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-9-11 {
            flex-basis: 100%; } }
      .vo-grid-item-10-11 {
        flex-basis: 90.90909%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-10-11 {
            flex-basis: 100%; } }
      .vo-grid-item-11-11 {
        flex-basis: 100%;
        flex-grow: 1;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-grid-item-11-11 {
            flex-basis: 100%; } }
      @media screen and (max-width: 37.5em) {
        .vo-grid-item-1-1--sm {
          flex-basis: 100%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-1-2--sm {
          flex-basis: 50%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-2-2--sm {
          flex-basis: 100%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-1-3--sm {
          flex-basis: 33.33333%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-2-3--sm {
          flex-basis: 66.66667%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-3-3--sm {
          flex-basis: 100%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-1-4--sm {
          flex-basis: 25%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-2-4--sm {
          flex-basis: 50%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-3-4--sm {
          flex-basis: 75%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-4-4--sm {
          flex-basis: 100%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-1-5--sm {
          flex-basis: 20%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-2-5--sm {
          flex-basis: 40%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-3-5--sm {
          flex-basis: 60%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-4-5--sm {
          flex-basis: 80%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-5-5--sm {
          flex-basis: 100%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-1-6--sm {
          flex-basis: 16.66667%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-2-6--sm {
          flex-basis: 33.33333%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-3-6--sm {
          flex-basis: 50%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-4-6--sm {
          flex-basis: 66.66667%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-5-6--sm {
          flex-basis: 83.33333%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-6-6--sm {
          flex-basis: 100%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-1-7--sm {
          flex-basis: 14.28571%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-2-7--sm {
          flex-basis: 28.57143%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-3-7--sm {
          flex-basis: 42.85714%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-4-7--sm {
          flex-basis: 57.14286%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-5-7--sm {
          flex-basis: 71.42857%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-6-7--sm {
          flex-basis: 85.71429%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-7-7--sm {
          flex-basis: 100%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-1-8--sm {
          flex-basis: 12.5%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-2-8--sm {
          flex-basis: 25%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-3-8--sm {
          flex-basis: 37.5%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-4-8--sm {
          flex-basis: 50%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-5-8--sm {
          flex-basis: 62.5%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-6-8--sm {
          flex-basis: 75%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-7-8--sm {
          flex-basis: 87.5%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-8-8--sm {
          flex-basis: 100%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-1-9--sm {
          flex-basis: 11.11111%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-2-9--sm {
          flex-basis: 22.22222%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-3-9--sm {
          flex-basis: 33.33333%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-4-9--sm {
          flex-basis: 44.44444%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-5-9--sm {
          flex-basis: 55.55556%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-6-9--sm {
          flex-basis: 66.66667%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-7-9--sm {
          flex-basis: 77.77778%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-8-9--sm {
          flex-basis: 88.88889%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-9-9--sm {
          flex-basis: 100%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-1-10--sm {
          flex-basis: 10%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-2-10--sm {
          flex-basis: 20%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-3-10--sm {
          flex-basis: 30%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-4-10--sm {
          flex-basis: 40%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-5-10--sm {
          flex-basis: 50%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-6-10--sm {
          flex-basis: 60%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-7-10--sm {
          flex-basis: 70%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-8-10--sm {
          flex-basis: 80%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-9-10--sm {
          flex-basis: 90%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-10-10--sm {
          flex-basis: 100%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-1-11--sm {
          flex-basis: 9.09091%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-2-11--sm {
          flex-basis: 18.18182%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-3-11--sm {
          flex-basis: 27.27273%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-4-11--sm {
          flex-basis: 36.36364%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-5-11--sm {
          flex-basis: 45.45455%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-6-11--sm {
          flex-basis: 54.54545%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-7-11--sm {
          flex-basis: 63.63636%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-8-11--sm {
          flex-basis: 72.72727%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-9-11--sm {
          flex-basis: 81.81818%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-10-11--sm {
          flex-basis: 90.90909%;
          flex-grow: 1;
          flex-shrink: 1; }
        .vo-grid-item-11-11--sm {
          flex-basis: 100%;
          flex-grow: 1;
          flex-shrink: 1; } }
      .vo-grid-item--centered {
        text-align: center;
        display: flex;
        flex-flow: column;
        align-items: center; }
    .vo-grid-item--full-width {
      grid-column-start: 1;
      grid-column-end: -1; }
  .vo-input {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    font-size: 14px;
    font-size: 16px;
    line-height: 1.5;
    border: 1px solid #ededed;
    -webkit-appearance: none;
    min-height: 2em;
    border-radius: 4px;
    border-radius: 0.25em;
    padding: 4px;
    padding: 0.25em;
    outline: none;
    background-color: #fff;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
    .vo-input--error {
      border: #e34448;
      background-color: #fadfe0;
      color: #4b4343; }
    .vo-input--padded {
      padding: 8px;
      padding: 0.5em; }
    .vo-input::placeholder {
      color: #bbb;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .vo-input:disabled {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
      background-color: #ededed; }
  .vo-was-submitted input:invalid,
  .vo-was-submitted select:invalid,
  .vo-was-submitted fieldset:invalid {
    border-color: #e34448;
    background-color: #fadfe0;
    color: #4b4343; }
  .vo-input-label {
    display: inline-block; }
  .vo-msie .vo-input-label,
  .vo-msie .vo-label {
    margin-top: 16px;
    margin-top: 1em; }
  .vo-select-wrap {
    position: relative;
    display: inline-block;
    width: 100%; }
    .vo-select-wrap:after {
      position: absolute;
      top: 50%;
      right: 8px;
      display: inline-block;
      content: '';
      width: 0;
      height: 0;
      margin-top: -0.15rem;
      pointer-events: none;
      border-top: 0.35rem solid #006553;
      border-right: 0.35rem solid transparent;
      border-bottom: 0.35rem solid transparent;
      border-left: 0.35rem solid transparent; }
  .vo-select {
    padding: 4px 20px 4px 8px;
    padding: 0.25em 1.25em 0.25em 0.5em;
    display: inline-block;
    width: 100%;
    margin: 0;
    line-height: 1.5;
    border-radius: 4px;
    border-radius: 0.25em;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    .vo-select--padded {
      padding: 8px 20px 8px 8px;
      padding: 0.5em 1.25em 0.5em 0.5em; }
  .vo-label {
    margin-right: 16px;
    margin-right: 1em; }
  .vo-label--in-border {
    position: absolute;
    bottom: 100%;
    transform: translateY(50%);
    left: 0.5em;
    background: #fff;
    font-size: 90%;
    padding: 4px;
    padding: 0.25em; }
    .vo-label--in-border + .vo-select {
      padding: 8px 20px 8px 8px; }
  .vo fieldset {
    border: 1px solid transparent;
    padding: 0.5em;
    border-radius: 4px; }
  .vo-msie .vo-select-wrap:after {
    display: none; }
  .vo-box, .vo-box--accent {
    background-color: #f8f8f8;
    padding-top: 16px;
    padding-top: 1em;
    padding-bottom: 16px;
    padding-bottom: 1em;
    padding-left: 24px;
    padding-left: 1.5em;
    padding-right: 24px;
    padding-right: 1.5em; }
    .vo-box__heading {
      color: #006553;
      font-size: 21px; }
      .vo-box__heading .vo-text--small a {
        color: #54b04e; }
    .vo-box--accent {
      background-color: #ddf1d8;
      color: #424841;
      text-align: center; }
    .vo-box a, .vo-box--accent a {
      color: #2c2c2c; }
  .vo-input-matrix {
    max-width: 30em;
    padding-top: 16px;
    padding-top: 1em;
    padding-bottom: 16px;
    padding-bottom: 1em; }
    .vo-input-matrix__row, .vo-input-matrix__head {
      padding: 8px 0;
      justify-content: flex-end;
      width: 100%;
      align-items: center; }
    .vo-input-matrix__data-col {
      text-align: left;
      flex-basis: 6rem;
      flex-grow: 0;
      flex-shrink: 0; }
      @media screen and (max-width: 25em) {
        .vo-input-matrix__data-col {
          margin-left: 1rem; } }
      .vo-input-matrix__data-col .vo-input {
        width: 100%;
        text-align: left; }
    .vo-input-matrix__label-col {
      text-align: right; }
    .vo-input-matrix__head {
      font-size: 110%;
      padding-bottom: 0; }
  .vo-error-message {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-top: 16px;
    padding-top: 1em;
    padding-bottom: 16px;
    padding-bottom: 1em;
    padding-left: 16px;
    padding-left: 1em;
    padding-right: 16px;
    padding-right: 1em;
    margin: 16px 0;
    width: 100%;
    background-color: #f8f8f8;
    color: #4a4a4a;
    border: 1px solid #bbb; }
    .vo-error-message--error {
      border-color: #e34448;
      background-color: #f4b3b5;
      color: #493636; }
    .vo-error-message--warning {
      border-color: #ffb33a;
      background-color: #ffe4ba;
      color: #4d4438; }
    .vo-error-message--success {
      border-color: #93cc6f;
      background-color: #daedcd;
      color: #41473e; }
    .vo-error-message__heading {
      font-size: 21px; }
    .vo-error-message__icon {
      margin-right: 1em; }
  .vo-message-bar {
    width: 100%;
    background-color: #ddf1d8;
    color: #424841; }
    .vo-message-bar--error {
      background-color: #e34448;
      color: #fef6f6; }
    .vo-message-bar--warning {
      background-color: #ffb33a;
      color: #4d3611; }
    .vo-message-bar--success {
      background-color: #93cc6f;
      color: #2c3d21; }
    .vo-message-bar__container {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      padding-top: 8px;
      padding-top: 0.5em;
      padding-bottom: 8px;
      padding-bottom: 0.5em; }
  .vo-button {
    background-color: #f8f8f8;
    color: #4a4a4a; }
    .vo-button:active {
      background-color: #ededed; }
    .vo-button--primary {
      background-color: #93cc6f;
      color: #2c3d21; }
      .vo-button--primary:hover {
        background-color: #a8db68;
        color: #32421f; }
      .vo-button--primary:active {
        background-color: #54b04e;
        color: #193517;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
    .vo-button--accent {
      background-color: #ffb33a;
      color: #4d3611; }
      .vo-button--accent:hover {
        background-color: #ffd152;
        color: #4d3f19; }
      .vo-button--accent:active {
        background-color: #e69928;
        color: #452e0c;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
    .vo-button--large {
      font-size: 1.3rem;
      padding-top: 8px;
      padding-top: 0.5em;
      padding-bottom: 8px;
      padding-bottom: 0.5em;
      padding-left: 32px;
      padding-left: 2em;
      padding-right: 32px;
      padding-right: 2em; }
      @media screen and (max-width: 25em) {
        .vo-button--large {
          width: 100%; } }
    .vo-button--icon {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center; }
      .vo-button--icon .vo-icon--cart {
        max-height: 1.8em; }
    .vo-button--paypal {
      margin-left: 1em;
      margin-right: 1em; }
    .vo-button--disabled {
      transition: background-color 0.5s linear, color 0.5s linear;
      box-shadow: none;
      background-color: #ededed;
      color: #474747;
      cursor: not-allowed; }
      .vo-button--disabled:hover {
        background-color: #ededed;
        color: #474747;
        box-shadow: none; }
  .vo-toggle-buttons {
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    position: relative; }
    .vo-toggle-buttons__wrap {
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
    .vo-toggle-buttons .vo-label--in-border {
      background-color: transparent; }
    .vo-toggle-buttons__label {
      margin-right: 16px;
      margin-right: 1em; }
    .vo-toggle-buttons__option {
      padding-top: 8px;
      padding-top: 0.5em;
      padding-bottom: 8px;
      padding-bottom: 0.5em;
      padding-left: 16px;
      padding-left: 1em;
      padding-right: 16px;
      padding-right: 1em;
      color: #404040; }
      .vo-toggle-buttons__option[data-state='active'] {
        background-color: #ededed;
        color: #2c2c2c; }
      .vo-toggle-buttons__option:hover {
        background-color: #ddf1d8;
        color: #2c2c2c; }
      .vo-toggle-buttons__option:first-child {
        border-radius: 4px 0 0 4px;
        border-radius: 0.25em 0 0 0.25em; }
      .vo-toggle-buttons__option:last-child {
        border-radius: 0 4px 4px 0;
        border-radius: 0 0.25em 0.25em 0; }
    .vo-toggle-buttons a {
      text-decoration: none; }
  .vo-sidebar, .vo-sidebar--green {
    color: #2c2c2c;
    background-color: #fff; }
    .vo-sidebar--green {
      background-color: #ddf1d8; }
    .vo-sidebar__section, .vo-sidebar__section--green {
      padding: 16px 16px 0 0;
      padding: 1em 1em 0 0; }
      .vo-sidebar__section--green {
        background-color: #ddf1d8; }
    .vo-sidebar__toggle {
      display: none;
      position: absolute;
      top: 8px;
      right: 8px; }
      @media screen and (max-width: 48em) {
        .vo-sidebar__toggle {
          display: block; } }
    .vo-sidebar__heading {
      font-size: 21px;
      color: #006553;
      padding: 0 0 0 0.5em; }
    .vo-sidebar__list {
      list-style-type: none;
      padding: 0 0 16px;
      padding: 0 0 1em; }
    .vo-sidebar__list--ordered {
      list-style-type: decimal;
      padding-left: 32px;
      padding-left: 2em; }
      .vo-sidebar__list--ordered .vo-sidebar__list-item {
        margin-left: -2em;
        padding-left: 2.25em; }
    .vo-sidebar__sublist {
      list-style-type: none;
      padding: 0 0 0 32px;
      padding: 0 0 0 2em;
      overflow: hidden;
      max-height: 400px;
      transition: max-height 0.4s ease-out; }
      .vo-sidebar__sublist--hidden {
        max-height: 0; }
    .vo-sidebar__list-item {
      color: #2c2c2c;
      padding: 0.25em 0.25em 0.25em 1em;
      display: block; }
      .vo-sidebar__list-item:hover, .vo-sidebar__list-item.active {
        background-color: #93cc6f;
        color: #2c3d21;
        cursor: pointer; }
      .vo-sidebar__list-item--with-sublist {
        padding-left: 0.75em; }
      .vo-sidebar__list-item--overview {
        display: none; }
    .vo-sidebar__promo {
      padding-left: 8px;
      padding-left: 0.5em;
      padding-right: 8px;
      padding-right: 0.5em;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center; }
      .vo-sidebar__promo-image {
        padding-left: 8px;
        padding-left: 0.5em;
        padding-right: 8px;
        padding-right: 0.5em;
        flex-shrink: 0; }
      .vo-sidebar__promo-text {
        font-size: 80%; }
      @media screen and (max-width: 60em) {
        .vo-sidebar__promo {
          flex-direction: column; }
          .vo-sidebar__promo-text {
            text-align: center; } }
  .vo-touch .vo-sidebar__list-item--overview {
    display: block; }
  .vo-icon, .vo-icon--cart {
    min-width: 1em;
    width: 2em;
    position: relative; }
    .vo-icon--eye {
      max-height: 1.75em;
      color: inherit; }
    .vo-icon-link {
      padding-left: 8px;
      padding-left: 0.5em;
      padding-right: 8px;
      padding-right: 0.5em;
      padding-top: 4px;
      padding-top: 0.25em;
      padding-bottom: 4px;
      padding-bottom: 0.25em;
      display: flex;
      position: relative;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      color: #2c2c2c; }
      .vo-icon-link__label {
        text-align: center; }
        @media screen and (max-width: 30em) {
          .vo-icon-link__label {
            font-size: 70%; } }
      .vo-icon-link:hover {
        color: #54b04e;
        transition: color 0.2s ease-in-out; }
    .vo-icon__badge {
      color: #2c2c2c;
      color: #4d3611;
      font-size: 80%;
      line-height: 1;
      background-color: #ffb33a;
      position: absolute;
      top: 0;
      left: 50%;
      border-radius: 100%;
      padding-top: 8px;
      padding-top: 0.5em;
      padding-bottom: 8px;
      padding-bottom: 0.5em;
      padding-left: 12px;
      padding-left: 0.75em;
      padding-right: 12px;
      padding-right: 0.75em; }
      @media screen and (max-width: 37.5em) {
        .vo-icon__badge {
          font-size: 70%; } }
    .vo-icon--arrow {
      width: 4em;
      stroke-width: 3px; }
    .vo-icon--trash {
      max-height: 1.2em;
      vertical-align: sub; }
    .vo-icon--check {
      height: 1em;
      position: relative;
      top: 1px;
      stroke-width: 6px;
      width: 1.2em; }
    .vo-icon--close {
      width: 1.5rem;
      color: #424841; }
    .vo-icon--expand {
      max-width: 0.75em;
      max-height: 0.75em;
      position: relative;
      top: 1px;
      transition: transform 0.4s ease-out; }
      .vo-icon--expand.is-expanded {
        transform: rotate(90deg); }
  .vo-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 16px;
    padding-top: 1em;
    padding-bottom: 16px;
    padding-bottom: 1em; }
    @media screen and (max-width: 48em) {
      .vo-header {
        flex-wrap: wrap; } }
    .vo-header .vo-icon, .vo-header .vo-icon--cart {
      width: 2em;
      max-height: 2em; }
    .vo-header__wrap {
      width: 100%;
      position: relative;
      border-bottom: 1px solid #93cc6f; }
      .vo-header__wrap--reduced {
        border: 0; }
    .vo-header__logo {
      min-width: 7em; }
      @media screen and (max-width: 37.5em) {
        .vo-header__logo {
          max-height: 3em; } }
    .vo-header__menu-toggle {
      display: none; }
      @media screen and (max-width: 48em) {
        .vo-header__menu-toggle {
          display: flex; } }
    @media screen and (max-width: 48em) {
      .vo-header__select {
        display: none; } }
    .vo-header__left {
      display: flex;
      align-items: center;
      padding-top: 8px;
      padding-top: 0.5em;
      padding-bottom: 8px;
      padding-bottom: 0.5em;
      padding-left: 8px;
      padding-left: 0.5em;
      padding-right: 8px;
      padding-right: 0.5em;
      flex-basis: 25%; }
      @media screen and (max-width: 37.5em) {
        .vo-header__left {
          min-width: 8em; } }
    .vo-header__center {
      display: flex;
      align-items: center;
      flex-grow: 2;
      flex-shrink: 1;
      flex-basis: 20%;
      justify-content: space-around;
      padding-top: 8px;
      padding-top: 0.5em;
      padding-bottom: 8px;
      padding-bottom: 0.5em;
      padding-left: 8px;
      padding-left: 0.5em;
      padding-right: 8px;
      padding-right: 0.5em; }
      @media screen and (max-width: 37.5em) {
        .vo-header__center {
          flex-grow: 0;
          flex-shrink: 1;
          max-width: 50%;
          max-width: calc(100vw - 8em);
          justify-content: flex-end; } }
    .vo-header__right {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-grow: 1; }
      .vo-header__right .vo-icon-link {
        flex-basis: 4em;
        flex-grow: 1;
        flex-shrink: 1; }
      @media screen and (max-width: 37.5em) {
        .vo-header__right {
          flex-grow: 2;
          align-items: flex-start;
          justify-content: space-between; }
          .vo-header__right .vo-icon-link {
            flex-shrink: 1;
            flex-basis: 20%; } }
    .vo-header .vo-checkout-steps {
      flex-grow: 10; }
  .vo-footer {
    padding-top: 32px;
    padding-top: 2em;
    padding-bottom: 32px;
    padding-bottom: 2em;
    padding-left: 16px;
    padding-left: 1em;
    padding-right: 16px;
    padding-right: 1em;
    width: 100%; }
    @media screen and (max-width: 48em) {
      .vo-footer__wrap {
        border-top: 2px solid #54b04e; } }
    .vo-footer__heading {
      padding-top: 8px;
      padding-top: 0.5em;
      padding-bottom: 8px;
      padding-bottom: 0.5em; }
    .vo-footer a {
      color: #2c2c2c; }
    .vo-footer a:hover {
      color: #54b04e; }
    .vo-footer__list {
      min-width: 150px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: flex-start;
      list-style: none;
      padding-left: 0; }
      .vo-footer__list li {
        padding-right: 16px;
        padding-right: 1em; }
    .vo-footer__link-list {
      min-width: 150px;
      list-style: none;
      padding-left: 0;
      padding-right: 8px;
      padding-right: 0.5em; }
    .vo-footer__colophon {
      text-align: center;
      padding-top: 32px;
      padding-top: 2em;
      color: #2c2c2c; }
  .vo-searchbar {
    display: flex;
    position: relative;
    flex-grow: 1; }
    @media screen and (max-width: 30em) {
      .vo-searchbar {
        max-width: 50%;
        max-width: calc(100vw - 8em); } }
    .vo-searchbar__suggestion {
      padding-top: 8px;
      padding-top: 0.5em;
      padding-bottom: 8px;
      padding-bottom: 0.5em;
      padding-left: 8px;
      padding-left: 0.5em;
      padding-right: 8px;
      padding-right: 0.5em;
      display: block;
      background-color: #fff;
      color: #2c2c2c;
      text-decoration: none; }
      .vo-searchbar__suggestion:hover, .vo-searchbar__suggestion--active {
        background-color: #ddf1d8; }
      .vo-searchbar__suggestion--invalid {
        color: #bbb; }
    .vo-searchbar__suggestions {
      display: none;
      z-index: 99;
      position: absolute;
      top: 100%;
      top: calc(100% - 4px);
      left: 0;
      right: 0;
      border: 1px solid #93cc6f;
      border-top: 0;
      padding-top: 8px;
      padding-top: 0.5em; }
    .vo-searchbar__searchfield > .vo-input:focus ~ .vo-searchbar__suggestions, .vo-searchbar__suggestions:hover {
      display: block; }
    .vo-searchbar__searchfield {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      flex-grow: 1; }
      .vo-searchbar__searchfield .vo-input {
        border-color: #93cc6f;
        max-width: 80%;
        max-width: calc(100vw - 10em); }
      .vo-searchbar__searchfield input::-webkit-calendar-picker-indicator {
        display: none; }
      .vo-searchbar__searchfield .vo-input {
        box-shadow: none;
        flex-grow: 1;
        border-radius: 4px 0 0 4px;
        height: 2.45em; }
        @media screen and (max-width: 37.5em) {
          .vo-searchbar__searchfield .vo-input {
            flex-grow: 0;
            height: auto;
            flex-shrink: 1; } }
      .vo-searchbar__searchfield--overlay {
        position: absolute;
        padding: 1em;
        top: 0;
        bottom: 0;
        min-height: 100%;
        max-width: 50vw;
        width: auto;
        right: 0;
        right: calc(- (100% + 20px));
        display: flex;
        background-color: #fff; }
    .vo-searchbar__button {
      font-size: 1em;
      padding: 0.35em 1em;
      background-color: #93cc6f;
      appearance: none;
      -webkit-appearance: none;
      border: 0;
      outline: none;
      border-radius: 0 4px 4px 0;
      display: block;
      height: 100%;
      cursor: pointer; }
      .vo-searchbar__button .vo-icon--search {
        position: relative;
        top: 2px;
        max-width: 1em; }
      @media screen and (max-width: 37.5em) {
        .vo-searchbar__button {
          padding: 0.25em 0.5em; } }
    .vo-searchbar__close {
      display: none;
      vertical-align: middle;
      max-height: 2em;
      height: 100%;
      padding: 0.5em 0.5em 0.5em 1em;
      background-color: #fff; }
      .vo-searchbar__close .vo-icon, .vo-searchbar__close .vo-icon--cart {
        max-width: 1em; }
  .vo-touch .vo-searchbar__suggestion {
    padding-top: 16px;
    padding-top: 1em;
    padding-bottom: 16px;
    padding-bottom: 1em;
    border-top: 1px solid #a8db68; }
    .vo-touch .vo-searchbar__suggestion:first-of-type {
      border-top: 1px solid #fff; }
  @media screen and (max-width: 30em) {
    .vo-touch .vo-searchbar--active {
      position: absolute;
      left: 0;
      right: 0;
      background-color: #fff;
      max-width: none;
      padding-left: 8px;
      padding-left: 0.5em;
      padding-right: 8px;
      padding-right: 0.5em; }
      .vo-touch .vo-searchbar--active .vo-searchbar__close {
        display: block; }
      .vo-touch .vo-searchbar--active .vo-searchbar__searchfield {
        z-index: 100; }
      .vo-touch .vo-searchbar--active .vo-searchbar__searchfield .vo-input {
        max-width: none;
        flex-grow: 1; }
      .vo-touch .vo-searchbar--active .vo-searchbar__suggestions {
        z-index: -1;
        display: block;
        border-color: #fff; } }
  .vo-breadcrumbs {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: 14px;
    font-size: calc( 10px + (4 * ((100vw - 400px) / (1200 - 400)))); }
    @media screen and (min-width: 75em) {
      .vo-breadcrumbs {
        font-size: 14px; } }
    .vo-breadcrumbs__item:not(:first-of-type) {
      padding-left: 0.5em; }
      .vo-breadcrumbs__item:not(:first-of-type):before {
        content: '>'; }
  .vo-banner {
    text-align: center; }
  .vo-list-options {
    margin-bottom: 32px;
    margin-bottom: 2em; }
    .vo-list-options > * {
      margin-top: 16px;
      margin-top: 1em; }
  .vo-product-list {
    justify-content: flex-start; }
    .vo-product-list .vo-product-tile {
      float: left; }
    .vo-product-list .container::after {
      content: '.';
      clear: both;
      display: block;
      visibility: hidden;
      height: 0px; }
    .vo-product-list-item {
      padding-top: 16px;
      padding-top: 1em;
      padding-bottom: 16px;
      padding-bottom: 1em;
      display: flex;
      flex-direction: row; }
      @media screen and (max-width: 37.5em) {
        .vo-product-list-item {
          flex-wrap: wrap;
          border-bottom: 1px solid #ededed;
          align-items: center;
          justify-content: space-between; }
          .vo-product-list-item:last-child {
            border-bottom: 0; } }
      .vo-product-list-item__info {
        padding-left: 32px;
        padding-left: 2em;
        padding-right: 32px;
        padding-right: 2em;
        flex-basis: 60%;
        flex-grow: 1;
        flex-shrink: 2; }
        @media screen and (max-width: 37.5em) {
          .vo-product-list-item__info {
            padding-left: 8px;
            padding-left: 0.5em;
            padding-right: 8px;
            padding-right: 0.5em;
            flex-basis: 100%;
            order: 1; } }
      .vo-product-list-item__subline {
        font-size: 16px;
        color: #404040; }
      .vo-product-list-item__image {
        height: auto;
        width: auto;
        align-self: center;
        flex-basis: 20%;
        flex-shrink: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-product-list-item__image {
            flex-basis: 10em;
            order: 2; } }
        @media screen and (max-width: 30em) {
          .vo-product-list-item__image {
            flex-basis: 8em; } }
      .vo-product-list-item__title {
        font-size: 21px; }
      .vo-product-list-item__description {
        list-style: none;
        padding-left: 0; }
        @media screen and (max-width: 37.5em) {
          .vo-product-list-item__description {
            display: none; } }
      .vo-product-list-item__actions {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        flex-basis: 20%;
        flex-shrink: 0;
        flex-grow: 1; }
        @media screen and (max-width: 37.5em) {
          .vo-product-list-item__actions {
            padding-left: 8px;
            padding-left: 0.5em;
            padding-right: 8px;
            padding-right: 0.5em;
            padding-left: 32px;
            padding-left: 2em;
            flex-direction: row;
            justify-content: flex-end;
            flex-wrap: wrap;
            align-items: center;
            flex-grow: 0;
            order: 3; } }
        @media screen and (max-width: 25em) {
          .vo-product-list-item__actions {
            flex-direction: column;
            align-items: flex-end; }
            .vo-product-list-item__actions .vo-button--large {
              width: auto; } }
      .vo-product-list-item__price {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin-bottom: 8px;
        margin-bottom: 0.5em; }
        .vo-product-list-item__price span {
          text-align: right; }
        @media screen and (max-width: 37.5em) {
          .vo-product-list-item__price {
            align-items: flex-end;
            flex-shrink: 0; } }
    .vo-product-list.vo-grid .vo-product-list-item {
      flex-basis: 15em;
      margin-bottom: 2em;
      flex-direction: column;
      align-items: stretch;
      border: 1px solid transparent; }
      @supports (display: grid) {
        .vo-product-list.vo-grid .vo-product-list-item {
          margin-bottom: 0; } }
      .vo-product-list.vo-grid .vo-product-list-item:hover {
        border-color: #ededed; }
      .vo-product-list.vo-grid .vo-product-list-item__title {
        margin-top: 8px;
        margin-top: 0.5em;
        font-size: 16px; }
      .vo-product-list.vo-grid .vo-product-list-item__subline {
        font-size: 14px; }
      .vo-product-list.vo-grid .vo-product-list-item__info, .vo-product-list.vo-grid .vo-product-list-item__image {
        max-width: 100%;
        flex-basis: auto; }
      .vo-product-list.vo-grid .vo-product-list-item__actions {
        margin-top: auto;
        flex-basis: auto;
        align-items: center; }
      .vo-product-list.vo-grid .vo-product-list-item .vo-button, .vo-product-list.vo-grid .vo-product-list-item__description {
        display: none; }
      @media screen and (max-width: 37.5em) {
        .vo-product-list.vo-grid .vo-product-list-item {
          flex-wrap: nowrap; }
          .vo-product-list.vo-grid .vo-product-list-item__actions {
            flex-direction: column; }
          .vo-product-list.vo-grid .vo-product-list-item__price {
            flex-direction: column; }
          .vo-product-list.vo-grid .vo-product-list-item__image {
            display: block; } }
      @media screen and (pointer: coarse) {
        .vo-product-list.vo-grid .vo-product-list-item {
          border: 1px solid #ededed; }
          .vo-product-list.vo-grid .vo-product-list-item:hover {
            box-shadow: none; } }
  .vo-grid--details .vo-product-list-item {
    padding-top: 8px;
    padding-top: 0.5em;
    padding-bottom: 8px;
    padding-bottom: 0.5em;
    padding-left: 4px;
    padding-left: 0.25em;
    padding-right: 4px;
    padding-right: 0.25em;
    flex-basis: 15em;
    flex-wrap: nowrap;
    align-items: baseline; }
  .vo-grid--details .vo-product-list-item__info {
    flex-basis: auto;
    padding-left: 8px;
    padding-left: 0.5em;
    padding-right: 0; }
  .vo-grid--details .vo-product-list-item__title {
    font-size: 16px; }
  .vo-grid--details .vo-product-list-item__subline {
    font-size: 14px; }
  @media screen and (max-width: 37.5em) {
    .vo-grid--details .vo-product-list-item__image {
      order: 1; } }
  .vo-grid--details a.vo-product-list-item {
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 4px;
    border-radius: 0.25em; }
  .vo-grid--details a.vo-product-list-item:hover {
    border-color: #54b04e; }
  .vo-grid--details .vo-product-cross-sell .vo-product-list.vo-grid .vo-product-list-item__image {
    flex-basis: 14em; }
  .vo-pagination {
    list-style: none; }
    .vo-pagination__wrap {
      margin-top: 2em; }
    .vo-pagination__label {
      font-size: 110%; }
    .vo-pagination__item {
      margin-left: 4px;
      margin-left: 0.25em;
      font-size: 110%;
      line-height: 1.6em;
      width: 1.5em;
      height: 1.5em;
      text-align: center;
      border-radius: 50%;
      color: #93cc6f; }
      .vo-pagination__item:hover {
        background-color: #ddf1d8; }
      .vo-pagination__item--active {
        background-color: #93cc6f;
        color: #fff; }
        .vo-pagination__item--active:hover {
          background-color: #93cc6f; }
      .vo-pagination__item a {
        width: 100%;
        height: 100%;
        display: block;
        color: inherit; }
    .vo-pagination__item--inactive, .vo-pagination__next--inactive, .vo-pagination__previous--inactive {
      color: #ededed;
      cursor: default; }
      .vo-pagination__item--inactive:hover, .vo-pagination__next--inactive:hover, .vo-pagination__previous--inactive:hover {
        background-color: white; }
  .vo-image-gallery {
    list-style: none;
    display: flex;
    flex-direction: row;
    order: 2; }
    .vo-image-gallery__wrap {
      flex-basis: 43%;
      display: flex;
      flex-direction: column;
      align-items: center;
      max-width: 100%;
      padding-left: 32px;
      padding-left: 2em;
      padding-right: 32px;
      padding-right: 2em; }
    .vo-image-gallery__main-image-container {
      max-width: 100%;
      max-height: 20em; }
    .vo-image-gallery__thumbnail {
      margin-right: 1em;
      max-width: 4em;
      display: flex;
      flex-direction: row;
      align-items: center;
      border-bottom: 1px solid transparent;
      transition: border-color 0.2s ease-in-out; }
      .vo-image-gallery__thumbnail--active {
        border-bottom: 1px solid #93cc6f; }
  .vo-definition-list {
    padding-top: 16px;
    padding-top: 1em;
    padding-bottom: 16px;
    padding-bottom: 1em; }
    .vo-definition-list--inline {
      display: grid;
      grid-template-columns: minmax(6em, 1fr) 3fr;
      grid-gap: 1em 0.5em;
      align-content: flex-start; }
      .vo-definition-list--inline dt {
        margin-top: 0; }
  .vo-image-overlay {
    position: relative;
    background-color: #fff;
    line-height: 0;
    display: inline-block; }
    .vo-image-overlay__background-image {
      opacity: 0.1; }
    .vo-image-overlay__highlight-region {
      position: absolute;
      background-repeat: no-repeat;
      border: 1px solid #93cc6f;
      opacity: 1; }
  .vo-product-price {
    font-size: 28px; }
    .vo-product-price--current {
      color: #54b04e; }
    .vo-product-price--original {
      color: #e34448;
      text-decoration: line-through; }
  .vo-product-info .vo-product-info__price-area, .vo-product-info .vo-product-info__parameter-selection {
    margin-bottom: 48px;
    margin-bottom: 3em; }
  .vo-product-info__add-to-cart {
    display: flex;
    flex-direction: column;
    align-items: stretch; }
  .vo-product-quantity {
    align-items: center;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    display: grid;
    grid-template-columns: 5em minmax(5em, 1fr);
    grid-gap: 1em;
    margin-bottom: 16px;
    margin-bottom: 1em;
    position: relative; }
    @media screen and (max-width: 25em) {
      .vo-product-quantity {
        display: block; }
        .vo-product-quantity > * {
          display: block;
          width: 100%; }
        .vo-product-quantity .vo-input-label,
        .vo-product-quantity .vo-label {
          margin-top: 16px;
          margin-top: 1em; } }
    .vo-product-quantity .vo-label {
      margin-bottom: 16px;
      margin-bottom: 1em; }
  .vo-product-parameters {
    margin-bottom: 48px;
    margin-bottom: 3em; }
    .vo-product-parameters__heading {
      font-size: 16px;
      margin-bottom: 8px;
      margin-bottom: 0.5em; }
    .vo-product-parameters__input-area {
      align-items: center;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      display: grid;
      grid-template-columns: 8em minmax(8em, 1fr);
      grid-gap: 1em; }
      @media screen and (max-width: 25em) {
        .vo-product-parameters__input-area {
          display: block; }
          .vo-product-parameters__input-area > * {
            display: block;
            width: 100%; }
          .vo-product-parameters__input-area .vo-input-label,
          .vo-product-parameters__input-area .vo-label {
            margin-top: 16px;
            margin-top: 1em; } }
  .vo-checkout-steps {
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center; }
    .vo-checkout-steps__step {
      color: #ededed;
      font-size: 16px;
      flex-grow: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: 1px solid #ededed;
      padding-top: 8px;
      padding-top: 0.5em;
      padding-bottom: 8px;
      padding-bottom: 0.5em;
      padding-left: 16px;
      padding-left: 1em;
      padding-right: 16px;
      padding-right: 1em; }
      @media screen and (max-width: 37.5em) {
        .vo-checkout-steps__step {
          padding-left: 8px;
          padding-left: 0.5em;
          padding-right: 8px;
          padding-right: 0.5em;
          font-size: 1rem; } }
      .vo-checkout-steps__step--complete {
        color: #2c2c2c;
        border-bottom: 1px solid #93cc6f; }
      .vo-checkout-steps__step--active {
        color: #93cc6f;
        border-bottom: 4px solid #93cc6f; }
  .vo-navigation-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 30em) {
      .vo-navigation-row {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: stretch; } }
    @media screen and (max-width: 30em) {
      .vo-navigation-row__left {
        order: 2;
        margin-top: 0.5em; } }
    .vo-navigation-row__title {
      text-align: center;
      font-size: 28px;
      color: #006553;
      flex-grow: 10; }
      @media screen and (max-width: 30em) {
        .vo-navigation-row__title {
          order: 1;
          width: 100%; } }
    .vo-navigation-row__right {
      display: flex;
      flex-direction: row; }
      @media screen and (max-width: 30em) {
        .vo-navigation-row__right {
          flex-direction: column-reverse;
          order: 3;
          flex-grow: 2;
          align-items: flex-end;
          margin-top: 0.5em; }
          .vo-navigation-row__right .vo-button,
          .vo-navigation-row__right .vo-button--large {
            margin-bottom: 1em;
            width: 100%; } }
  .vo-cart-list {
    margin-top: 2em;
    display: block;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0; }
    .vo-cart-list__item {
      flex-grow: 1;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: flex-start;
      border-bottom: 1px solid #ededed;
      padding-top: 16px;
      padding-top: 1em;
      padding-bottom: 16px;
      padding-bottom: 1em; }
      @media screen and (max-width: 30em) {
        .vo-cart-list__item {
          flex-wrap: wrap; } }
      .vo-cart-list__item > * {
        margin-right: 3rem; }
        @media screen and (max-width: 48em) {
          .vo-cart-list__item > * {
            margin-right: 1.5rem; } }
      .vo-cart-list__item > *:last-child {
        margin-right: 0; }
      .vo-cart-list__item--left {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        flex-basis: 60%;
        flex-grow: 2;
        flex-shrink: 0; }
        @media screen and (max-width: 37.5em) {
          .vo-cart-list__item--left {
            flex-direction: column;
            align-items: flex-start; } }
      .vo-cart-list__item--right {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        flex-grow: 1; }
    .vo-cart-list__image {
      flex-basis: 8em;
      max-width: 8em;
      flex-grow: 0;
      flex-shrink: 0;
      margin-right: 1.5em; }
      @media screen and (max-width: 37.5em) {
        .vo-cart-list__image {
          order: 3; } }
    .vo-cart-list__info {
      flex-grow: 10;
      display: flex;
      flex-basis: 10em;
      flex-direction: column; }
      @media screen and (max-width: 37.5em) {
        .vo-cart-list__info {
          flex-basis: auto; } }
    .vo-cart-list__name {
      font-size: 1.2em;
      font-weight: bold; }
      .vo-cart-list__name a {
        color: inherit; }
    .vo-cart-list__quantity {
      flex-basis: 10em;
      flex-grow: 2;
      min-width: 4em;
      display: flex;
      flex-direction: column;
      align-items: stretch; }
      .vo-cart-list__quantity .vo-select-wrap {
        width: auto;
        margin-right: 0.5em;
        flex-grow: 2; }
      .vo-cart-list__quantity input.vo-input {
        width: auto;
        margin-right: 0.5em;
        flex-grow: 2;
        max-width: 90%; }
    .vo-cart-list__sum {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      flex-basis: 6em;
      white-space: nowrap;
      font-size: 16px;
      padding: 0.25rem 0; }
    .vo-cart-list__actions {
      flex-basis: 5em;
      flex-grow: 2;
      min-width: 4em; }
  .vo-confirmation__cart > .vo-cart-list {
    margin-top: 1em; }
  .vo-cart-contents {
    margin-top: 1em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .vo-cart-contents--column {
      flex-direction: column;
      flex-wrap: nowrap;
      align-items: stretch; }
    .vo-cart-contents__item {
      margin-right: 1rem;
      padding-top: 4px;
      padding-top: 0.25em;
      padding-bottom: 4px;
      padding-bottom: 0.25em; }
    .vo-cart-contents__item:last-child {
      margin: 0; }
    .vo-cart-contents__heading {
      font-weight: bold;
      flex-basis: 100%; }
    .vo-cart-contents__name {
      font-weight: bold; }
  .vo-cart-totals {
    font-size: 16px;
    margin-top: 2rem; }
    .vo-cart-totals__row {
      margin-top: 16px;
      margin-top: 1em;
      display: flex;
      flex-direction: row;
      justify-content: flex-end; }
    .vo-cart-totals__label {
      width: auto;
      text-align: right;
      flex-basis: 10rem;
      flex-grow: 1; }
    .vo-cart-totals__value {
      flex-basis: 10rem;
      flex-grow: 0;
      flex-shrink: 0;
      text-align: right; }
    .vo-cart-totals__total {
      font-weight: bold; }
  .vo-confirmation__totals .vo-cart-totals__row {
    margin-top: 8px;
    margin-top: 0.5em; }
  .vo-empty-cart-message {
    font-size: 21px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #bbb; }
    .vo-empty-cart-message .vo-icon--cart {
      max-width: 4em;
      width: 4em; }
    .vo-empty-cart-message .vo-button--large {
      margin-top: 1em; }
  .vo-login__grid {
    display: flex;
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) minmax(18rem, 1fr);
    grid-gap: 4em;
    align-content: stretch; }
    @media screen and (max-width: 37.5em) {
      .vo-login__grid {
        grid-template-columns: 1fr; } }
    .vo-login__grid > * {
      flex-basis: 45%;
      margin-right: 5%; }
  .vo-login__form {
    display: flex;
    flex-direction: column; }
  .vo-login__input-grid {
    align-items: center;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    display: grid;
    grid-template-columns: 8em minmax(8em, 1fr);
    grid-gap: 1em; }
    @media screen and (max-width: 25em) {
      .vo-login__input-grid {
        display: block; }
        .vo-login__input-grid > * {
          display: block;
          width: 100%; }
        .vo-login__input-grid .vo-input-label,
        .vo-login__input-grid .vo-label {
          margin-top: 16px;
          margin-top: 1em; } }
  .vo-login__actions {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    padding-top: 1em;
    padding-bottom: 16px;
    padding-bottom: 1em; }
    .vo-login__actions > * + * {
      margin-left: 8px;
      margin-left: 0.5em; }
  .vo-login__register {
    display: flex;
    flex-direction: column; }
  .vo-login__register-hint {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: 32px;
    padding-top: 2em;
    padding-bottom: 32px;
    padding-bottom: 2em; }
  .vo-login__heading {
    justify-self: flex-start;
    align-self: flex-start;
    font-size: 21px;
    padding-top: 8px;
    padding-top: 0.5em;
    padding-bottom: 8px;
    padding-bottom: 0.5em;
    color: #006553; }
  .vo-account__grid--create {
    display: flex;
    display: grid;
    grid-template-columns: minmax(10em, 3fr) minmax(5em, 2fr);
    grid-template-rows: auto;
    grid-template-areas: 'form box' 'address address' 'terms terms'; }
    .vo-account__grid--create > * {
      flex-basis: 45%;
      margin-right: 5%; }
      @media screen and (max-width: 37.5em) {
        .vo-account__grid--create > * {
          flex-basis: 100%;
          margin-right: 0; } }
      @supports (display: grid) {
        .vo-account__grid--create > * {
          margin-right: 0; } }
    @media screen and (max-width: 48em) {
      .vo-account__grid--create {
        grid-template-areas: 'form form' 'address address' 'terms terms' 'box box'; } }
  .vo-account__form {
    grid-area: form;
    max-width: 40em; }
    .vo-account__form .vo-h2 {
      margin-bottom: 0.5em; }
  .vo-account__input-grid {
    padding-top: 1em;
    padding-top: 16px;
    align-items: center;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    display: grid;
    grid-template-columns: 10em minmax(10em, 1fr);
    grid-gap: 1em;
    max-width: 40em; }
    @media screen and (max-width: 25em) {
      .vo-account__input-grid {
        display: block; }
        .vo-account__input-grid > * {
          display: block;
          width: 100%; }
        .vo-account__input-grid .vo-input-label,
        .vo-account__input-grid .vo-label {
          margin-top: 16px;
          margin-top: 1em; } }
    .vo-input-grid--wide .vo-account__input-grid {
      align-items: center;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      display: grid;
      grid-template-columns: 12em minmax(12em, 1fr);
      grid-gap: 1em; }
      @media screen and (max-width: 25em) {
        .vo-input-grid--wide .vo-account__input-grid {
          display: block; }
          .vo-input-grid--wide .vo-account__input-grid > * {
            display: block;
            width: 100%; }
          .vo-input-grid--wide .vo-account__input-grid .vo-input-label,
          .vo-input-grid--wide .vo-account__input-grid .vo-label {
            margin-top: 16px;
            margin-top: 1em; } }
    .vo-account__input-grid .vo-input {
      width: 100%; }
    @media screen and (max-width: 25em) {
      .vo-account__input-grid {
        display: block; }
        .vo-account__input-grid .vo-input-label {
          margin-top: 16px;
          margin-top: 1em; } }
  .vo-account__box {
    grid-area: box;
    max-width: 30em; }
  .vo-account__address {
    min-width: 100%;
    grid-area: address; }
    .vo-account__address .vo-radio-list label {
      padding-left: 8px;
      padding-left: 0.5em;
      padding-right: 8px;
      padding-right: 0.5em;
      padding-bottom: 4px;
      padding-bottom: 0.25em;
      flex-wrap: nowrap; }
      .vo-account__address .vo-radio-list label.active, .vo-account__address .vo-radio-list label:hover {
        background-color: #ddf1d8; }
    .vo-account__address .vo-h3 {
      flex-shrink: 1; }
  .vo-account__address-area {
    padding-top: 32px;
    padding-top: 2em;
    padding-bottom: 32px;
    padding-bottom: 2em;
    display: none; }
  .vo-account__subline {
    display: block;
    color: #bbb; }
  .vo-account__terms {
    min-width: 100%;
    grid-area: terms; }
  .vo-input-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    position: relative; }
    .vo-input-wrap .vo-input {
      flex-grow: 2;
      max-width: 100%; }
    .vo-input-wrap--radio label {
      margin-right: 1em; }
  .vo-input__show-password {
    color: #404040;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    padding-top: 4px;
    padding-top: 0.25em;
    padding-bottom: 4px;
    padding-bottom: 0.25em;
    padding-left: 4px;
    padding-left: 0.25em;
    padding-right: 4px;
    padding-right: 0.25em;
    cursor: pointer; }
  .vo-input[type='text'] + .vo-input__show-password {
    color: #54b04e; }
  .vo-media-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1em auto;
    max-width: 100%; }
    .vo-media-item__image {
      margin-right: 1em;
      max-width: 4em;
      height: auto; }
    .vo-media-item__description {
      text-align: left; }
  .vo-payment__grid {
    display: flex;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2em; }
    @media screen and (max-width: 30em) {
      .vo-payment__grid {
        grid-template-columns: 1fr; } }
  .vo-payment__address {
    flex-basis: 45%;
    margin-right: 2%; }
  .vo-payment__paymentOptions {
    flex-basis: 100%;
    grid-column-start: 1;
    grid-column-end: -1; }
  .vo-payment__coupon {
    grid-column-start: 1;
    grid-column-end: -1; }
  .vo-payment-option {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 8px;
    padding-left: 0.5em;
    padding-right: 8px;
    padding-right: 0.5em;
    padding-top: 8px;
    padding-top: 0.5em;
    padding-bottom: 8px;
    padding-bottom: 0.5em; }
    .vo-no-touch .vo-payment-option:hover {
      background-color: #ddf1d8; }
    .vo-payment-option--selected {
      background-color: #ddf1d8; }
    .vo-payment-option__input {
      margin: 1em; }
    .vo-payment-option__info {
      flex-grow: 5;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      flex-basis: 100%; }
    .vo-payment-option__extra {
      display: none; }
      input:checked + .vo-payment-option__info > .vo-payment-option__extra {
        display: block; }
  .vo-address {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    border: 1px solid #ededed;
    padding-top: 8px;
    padding-top: 0.5em;
    padding-bottom: 8px;
    padding-bottom: 0.5em;
    padding-left: 16px;
    padding-left: 1em;
    padding-right: 16px;
    padding-right: 1em; }
    .vo-address__actions {
      padding-top: 8px;
      padding-top: 0.5em;
      padding-bottom: 8px;
      padding-bottom: 0.5em;
      align-self: stretch;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-top: auto; }
  .vo-confirmation__grid {
    grid-template-columns: repeat(6, 1fr);
    display: flex;
    flex-wrap: wrap;
    display: grid;
    grid-gap: 1em;
    align-content: stretch; }
    @media screen and (max-width: 60em) {
      .vo-confirmation__grid {
        grid-template-columns: repeat(2, 1fr); } }
    @media screen and (max-width: 30em) {
      .vo-confirmation__grid {
        grid-template-columns: 100%; } }
    .vo-confirmation__grid .vo-address {
      height: 100%; }
  .vo-confirmation__delivery-address {
    flex-basis: 30%;
    margin-right: 3%;
    grid-column-start: 1;
    grid-column-end: 3; }
    @media screen and (max-width: 37.5em) {
      .vo-confirmation__delivery-address {
        flex-basis: 100%;
        margin-right: 0; } }
    @supports (display: grid) {
      .vo-confirmation__delivery-address {
        margin-right: 0; } }
    @media screen and (max-width: 60em) {
      .vo-confirmation__delivery-address {
        grid-column-end: 2; } }
    @media screen and (max-width: 30em) {
      .vo-confirmation__delivery-address {
        grid-column-start: 1;
        grid-column-end: -1; } }
  .vo-confirmation__invoice-address {
    flex-basis: 30%;
    margin-right: 3%;
    grid-column-start: 3;
    grid-column-end: 5; }
    @media screen and (max-width: 37.5em) {
      .vo-confirmation__invoice-address {
        flex-basis: 100%;
        margin-right: 0; } }
    @supports (display: grid) {
      .vo-confirmation__invoice-address {
        margin-right: 0; } }
    @media screen and (max-width: 60em) {
      .vo-confirmation__invoice-address {
        grid-column-start: 2;
        grid-column-end: -1; } }
    @media screen and (max-width: 30em) {
      .vo-confirmation__invoice-address {
        grid-column-start: 1;
        grid-column-end: -1; } }
  .vo-confirmation__account-info {
    flex-basis: 100%;
    grid-column-start: 1;
    grid-column-end: -1; }
  .vo-confirmation__cart {
    flex-basis: 100%;
    grid-column-start: 1;
    grid-column-end: -1; }
    @media screen and (max-width: 30em) {
      .vo-confirmation__cart {
        grid-column-start: 1;
        grid-column-end: -1; } }
  .vo-confirmation__coupon {
    flex-basis: 45%;
    margin-right: 5%;
    grid-column-start: 1;
    grid-column-end: 4; }
    @media screen and (max-width: 37.5em) {
      .vo-confirmation__coupon {
        flex-basis: 100%;
        margin-right: 0; } }
    @supports (display: grid) {
      .vo-confirmation__coupon {
        margin-right: 0; } }
    @media screen and (max-width: 60em) {
      .vo-confirmation__coupon {
        grid-column-start: 1;
        grid-column-end: -1; } }
    @media screen and (max-width: 25em) {
      .vo-confirmation__coupon input,
      .vo-confirmation__coupon .vo-button--primary {
        flex-grow: 1; }
      .vo-confirmation__coupon .vo-button--primary {
        margin-top: 1em; } }
  .vo-confirmation__totals {
    flex-basis: 50%;
    grid-column-start: 4;
    grid-column-end: -1; }
    @media screen and (max-width: 60em) {
      .vo-confirmation__totals {
        grid-column-start: 1; } }
  .vo-confirmation__payment-option {
    padding-top: 8px;
    padding-top: 0.5em;
    padding-bottom: 8px;
    padding-bottom: 0.5em;
    padding-left: 16px;
    padding-left: 1em;
    padding-right: 16px;
    padding-right: 1em;
    border: 1px solid #ededed;
    flex-basis: 30%;
    grid-column-start: 5;
    grid-column-end: -1; }
    @media screen and (max-width: 37.5em) {
      .vo-confirmation__payment-option {
        flex-basis: 100%;
        margin-right: 0; } }
    @media screen and (max-width: 60em) {
      .vo-confirmation__payment-option {
        grid-column-start: 1;
        grid-column-end: -1; } }
  .vo-info-popup {
    margin-left: 0.5em;
    background-color: #f8f8f8;
    color: #4a4a4a;
    position: relative;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    cursor: help; }
    .vo-info-popup--primary {
      background-color: #93cc6f;
      color: #2c3d21; }
    .vo-info-popup--light {
      background-color: #ddf1d8;
      color: #424841; }
    .vo-info-popup--grey {
      background-color: #ededed;
      color: #474747; }
    .vo-info-popup--accent {
      background-color: #ffb33a;
      color: #4d3611; }
    .vo-info-popup--inactive .vo-info-popup__text, .vo-info-popup__text {
      display: none;
      text-align: left;
      position: absolute;
      width: 16em;
      z-index: 99;
      right: 100%;
      top: 0;
      min-height: 5em;
      background-color: #ededed;
      color: #474747;
      padding-top: 8px;
      padding-top: 0.5em;
      padding-bottom: 8px;
      padding-bottom: 0.5em;
      padding-left: 8px;
      padding-left: 0.5em;
      padding-right: 8px;
      padding-right: 0.5em;
      border-radius: 0 4px 4px 4px; }
    .vo-info-popup--show-left .vo-info-popup__text {
      right: 100%;
      left: auto;
      margin-left: 0;
      margin-right: 0.5em; }
    .vo-info-popup--show-left:hover {
      border-radius: 0 50% 50% 0; }
  .vo-info-popup--active,
  .vo-no-touch .vo-info-popup:hover {
    border-radius: 0 50% 50% 0; }
  .vo-info-popup--active .vo-info-popup__text,
  .vo-no-touch .vo-info-popup:hover .vo-info-popup__text {
    display: block; }
  .vo-contact-element {
    background-color: #f8f8f8;
    color: #4a4a4a;
    position: fixed;
    bottom: 1em;
    right: 1em;
    z-index: 99;
    max-width: 20rem;
    padding-top: 16px;
    padding-top: 1em;
    padding-bottom: 16px;
    padding-bottom: 1em;
    padding-left: 16px;
    padding-left: 1em;
    padding-right: 16px;
    padding-right: 1em;
    display: flex;
    justify-content: center;
    align-items: center; }
    .vo-contact-element--primary {
      background-color: #93cc6f;
      color: #2c3d21; }
    .vo-contact-element--accent {
      background-color: #ffb33a;
      color: #4d3611; }
    .vo-contact-element--light {
      background-color: #ddf1d8;
      color: #424841; }
    .vo-contact-element--grey {
      background-color: #ededed;
      color: #474747; }
    .vo-contact-element .vo-icon--message {
      cursor: pointer;
      display: none; }
    .vo-contact-element__close {
      margin-top: 8px;
      margin-top: 0.5em;
      cursor: pointer;
      display: none; }
      .vo-contact-element__close .vo-icon, .vo-contact-element__close .vo-icon--cart {
        max-height: 1em; }
    .vo-contact-element__trusted-shops {
      align-items: center; }
    @media screen and (max-width: 90em) {
      .vo-contact-element {
        padding-top: 8px;
        padding-top: 0.5em;
        padding-bottom: 8px;
        padding-bottom: 0.5em;
        padding-left: 8px;
        padding-left: 0.5em;
        padding-right: 8px;
        padding-right: 0.5em;
        border-radius: 100%;
        width: 3rem;
        height: 3rem; }
        .vo-contact-element__info {
          height: 0;
          width: 0;
          overflow: hidden; }
        .vo-contact-element .vo-icon--message {
          display: block; }
        .vo-contact-element--active {
          border-radius: 4px;
          border-radius: 0.25em; }
        .vo-contact-element__close {
          display: flex; } }
    .vo-contact-element .vo-text--small {
      line-height: 1; }
    .vo-contact-element__heading {
      font-size: 16px; }
    .vo-contact-element .vo-icon, .vo-contact-element .vo-icon--cart {
      max-width: 2rem; }
    .vo-contact-element .vo-icon--mail,
    .vo-contact-element .vo-icon--phone,
    .vo-contact-element img {
      margin-right: 1em; }
    .vo-contact-element img {
      max-width: 2em; }
    .vo-contact-element a {
      color: inherit; }
    .vo-contact-element--active {
      padding-top: 16px;
      padding-top: 1em;
      padding-bottom: 16px;
      padding-bottom: 1em;
      padding-left: 16px;
      padding-left: 1em;
      padding-right: 16px;
      padding-right: 1em;
      width: auto;
      height: auto; }
      .vo-contact-element--active .vo-icon--message {
        display: none; }
      .vo-contact-element--active .vo-contact-element__info {
        height: auto;
        width: auto; }
  .vo-cookie-banner ~ .vo-contact-element {
    bottom: 9em; }
    @media screen and (max-width: 37.5em) {
      .vo-cookie-banner ~ .vo-contact-element {
        bottom: 1em;
        z-index: 100; } }
  .vo-payment-details {
    width: 100%;
    display: none;
    grid-template-columns: repeat(auto-fit, minmax(20em, 25em));
    grid-gap: 1em; }
    input:checked + .vo-payment-option__info > .vo-payment-details {
      display: flex;
      display: grid; }
      input:checked + .vo-payment-option__info > .vo-payment-details > * {
        flex-basis: 42%;
        margin-right: 2%; }
        @media screen and (max-width: 37.5em) {
          input:checked + .vo-payment-option__info > .vo-payment-details > * {
            flex-basis: 100%;
            margin-right: 0; } }
        @supports (display: grid) {
          input:checked + .vo-payment-option__info > .vo-payment-details > * {
            margin: 0; } }
  .vo-payment-detail, .vo-payment-detail--heading {
    padding-top: 16px;
    padding-top: 1em;
    padding-bottom: 16px;
    padding-bottom: 1em;
    padding-left: 16px;
    padding-left: 1em;
    padding-right: 16px;
    padding-right: 1em;
    border-radius: 8px;
    border-radius: 0.5em;
    background-color: #f8f8f8;
    border: 1px solid #bbb;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    display: grid;
    grid-template-columns: 2em 1fr;
    grid-gap: 1em 1em;
    grid-template-rows: repeat(5, 2em);
    align-items: flex-start; }
    .vo-payment-detail > *, .vo-payment-detail--heading > * {
      margin: 4px;
      margin: 0.25em; }
      @media screen and (max-width: 37.5em) {
        .vo-payment-detail > *, .vo-payment-detail--heading > * {
          flex-basis: 100%;
          margin-right: 0; } }
      @supports (display: grid) {
        .vo-payment-detail > *, .vo-payment-detail--heading > * {
          margin: 0; } }
    .vo-payment-detail--heading {
      font-weight: bold;
      grid-column-end: span 2; }
    .vo-payment-detail__input {
      grid-column-start: 2;
      grid-column-end: -1;
      display: flex;
      align-items: center; }
      .vo-payment-detail__input .vo-select-wrap {
        flex-grow: 1; }
    .vo-payment-detail__radio {
      grid-row-start: 1;
      grid-row-end: -1; }
    .vo-payment-detail input[type='radio'], .vo-payment-detail--heading input[type='radio'] {
      margin-right: 8px;
      margin-right: 0.5em; }
    .vo-payment-detail .vo-input, .vo-payment-detail--heading .vo-input {
      padding-top: 4px;
      padding-top: 0.25em;
      padding-bottom: 4px;
      padding-bottom: 0.25em;
      padding-left: 4px;
      padding-left: 0.25em;
      padding-right: 4px;
      padding-right: 0.25em;
      width: 100%; }
    .vo-payment-detail__valid {
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      align-items: center; }
    .vo-payment-detail__actions {
      grid-column-start: 2; }
    .vo-payment-detail--debit {
      grid-template-columns: 2em 1fr;
      grid-template-rows: repeat(4, 2em); }
  .vo-address-book__grid {
    display: flex;
    flex-wrap: wrap;
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(auto-fit, minmax(20em, 1fr)); }
    .vo-address-book__grid > * {
      flex-basis: 43%;
      margin-right: 2%;
      margin-bottom: 1em; }
  .vo-address-list {
    list-style: none;
    margin-bottom: 1em; }
    .vo-address-list__item {
      padding-top: 8px;
      padding-top: 0.5em;
      padding-bottom: 8px;
      padding-bottom: 0.5em;
      padding-left: 8px;
      padding-left: 0.5em;
      padding-right: 8px;
      padding-right: 0.5em;
      display: flex;
      align-items: baseline;
      width: 100%;
      border-radius: 4px;
      border-radius: 0.25em; }
      .vo-address-list__item + .vo-address-list__item {
        margin-top: 2em; }
      .vo-address-list__item--active {
        background-color: #ddf1d8; }
    .vo-address-list label {
      margin-right: auto;
      display: flex;
      flex-basis: 80%;
      align-items: baseline; }
    .vo-address-list input {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 2em;
      margin-top: 1em; }
    .vo-address-list__info {
      display: flex;
      flex-direction: column;
      flex-grow: 2;
      padding-bottom: 16px;
      padding-bottom: 1em; }
    .vo-address-list__form {
      display: none;
      align-self: stretch; }
    input:checked + .vo-address-list__info > .vo-address-list__form {
      display: flex;
      display: grid; }
  .vo-input-wrap--radio label {
    flex-basis: auto;
    align-items: baseline;
    margin-right: 2em; }
    .vo-input-wrap--radio label input {
      margin: 0; }
  .vo-contact-form {
    display: block;
    display: grid;
    max-width: 40em;
    grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
    grid-gap: 1em 1em; }
    .vo-contact-form__message {
      grid-column-start: 1;
      grid-column-end: -1; }
    .vo-contact-form__item {
      padding-top: 0.5em;
      display: flex;
      flex-direction: column;
      align-items: stretch; }
  .vo-glossary__indices {
    list-style: none;
    padding-left: 0; }
  .vo-glossary__sublist {
    padding-left: 3em; }
  .vo-expandable-item__heading {
    cursor: pointer; }
  .vo-expandable-item__content {
    margin-left: 1.5rem;
    display: block; }
  .vo-expandable-item .vo-icon--expand {
    transition: transform 0.4s linear; }
  .vo-expandable-item--expanded .vo-icon--expand {
    transform: rotate(90deg); }
  .vo-expandable-item--hidden .vo-expandable-item__content {
    display: none; }
  .vo-order-overview__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 1fr 1fr 1fr;
    align-items: center;
    padding-top: 16px;
    padding-top: 1em;
    padding-bottom: 16px;
    padding-bottom: 1em; }
    @media screen and (max-width: 37.5em) {
      .vo-order-overview__item {
        grid-template-columns: 1fr 1fr 2fr; } }
    @media screen and (max-width: 30em) {
      .vo-order-overview__item {
        grid-template-columns: 1fr 1fr; } }
  .vo-order-overview__item:first-child {
    padding-top: 0; }
  .vo-order {
    padding-top: 16px;
    padding-top: 1em;
    padding-bottom: 16px;
    padding-bottom: 1em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #ededed; }
    .vo-order__head {
      padding-top: 4px;
      padding-top: 0.25em;
      padding-bottom: 4px;
      padding-bottom: 0.25em;
      font-size: 16px;
      flex-basis: 100%;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
    .vo-order__col {
      padding-top: 4px;
      padding-top: 0.25em;
      padding-bottom: 4px;
      padding-bottom: 0.25em;
      flex-basis: 20rem;
      flex-grow: 1;
      flex-shrink: 0;
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
    .vo-order__actions {
      flex-basis: 5rem;
      flex-grow: 0;
      flex-shrink: 1;
      display: flex;
      justify-content: flex-start; }
  .vo-reorder-item {
    display: flex;
    flex-direction: column;
    align-items: stretch; }
    @media screen and (max-width: 37.5em) {
      .vo-reorder-item {
        display: grid;
        grid-gap: 1em;
        grid-template-columns: minmax(12em, 1fr); } }
    .vo-reorder-item + .vo-reorder-item {
      border-top: 1px solid #006553;
      margin-top: 1em; }
      @media screen and (max-width: 37.5em) {
        .vo-reorder-item + .vo-reorder-item {
          border-top: 0; } }
    .vo-reorder-item__head {
      flex-shrink: 0;
      display: flex; }
      @media screen and (max-width: 37.5em) {
        .vo-reorder-item__head {
          grid-column-start: 1;
          grid-column-end: -1; } }
      .vo-reorder-item__head > * {
        padding-top: 1em; }
    @media screen and (max-width: 37.5em) {
      .vo-reorder-item__recipient {
        display: none; } }
    .vo-reorder-item__image {
      padding-top: 16px;
      padding-top: 1em;
      padding-bottom: 16px;
      padding-bottom: 1em;
      position: relative;
      flex-basis: 6em;
      flex-grow: 0;
      flex-shrink: 2;
      margin-right: 2em; }
      @media screen and (max-width: 37.5em) {
        .vo-reorder-item__image {
          position: relative;
          flex-basis: 20%;
          flex-shrink: 0;
          margin: 0;
          padding-left: 8px;
          padding-left: 0.5em;
          padding-right: 8px;
          padding-right: 0.5em; } }
    .vo-reorder-item__product--disabled .vo-reorder-item__image img {
      filter: grayscale(90); }
    .vo-reorder-item__stock-message {
      color: #e34448; }
      .vo-reorder-item__stock-message a {
        color: inherit; }
      @media screen and (min-width: 37.5em) {
        .vo-reorder-item__stock-message {
          display: none; } }
    .vo-reorder-item__quantity {
      padding-top: 16px;
      padding-top: 1em;
      padding-bottom: 16px;
      padding-bottom: 1em;
      flex-basis: 3em;
      flex-grow: 0;
      flex-shrink: 0; }
      @media screen and (max-width: 48em) {
        .vo-reorder-item__quantity {
          flex-basis: 1.5em; } }
      @media screen and (max-width: 37.5em) {
        .vo-reorder-item__quantity {
          padding-top: 8px;
          padding-top: 0.5em;
          padding-bottom: 8px;
          padding-bottom: 0.5em;
          padding-left: 4px;
          padding-left: 0.25em;
          padding-right: 4px;
          padding-right: 0.25em;
          flex-grow: 1;
          text-align: center;
          background-color: #f8f8f8;
          display: none; }
          .vo-reorder-item__part .vo-reorder-item__quantity {
            display: block; }
          .vo-reorder-item__product--selected .vo-reorder-item__quantity {
            background-color: #ddf1d8; } }
    .vo-reorder-item__info {
      padding-top: 16px;
      padding-top: 1em;
      padding-bottom: 16px;
      padding-bottom: 1em;
      flex-basis: 18em;
      flex-grow: 100; }
      @media screen and (max-width: 37.5em) {
        .vo-reorder-item__info {
          padding-top: 8px;
          padding-top: 0.5em;
          padding-bottom: 8px;
          padding-bottom: 0.5em;
          padding-left: 8px;
          padding-left: 0.5em;
          padding-right: 8px;
          padding-right: 0.5em;
          background-color: #f8f8f8;
          flex-basis: auto; }
          .vo-reorder-item__product--selected .vo-reorder-item__info {
            background-color: #ddf1d8; } }
    .vo-reorder-item__part {
      padding-left: 2em;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap; }
      @media screen and (max-width: 48em) {
        .vo-reorder-item__part {
          padding-left: 0; } }
      @media screen and (max-width: 37.5em) {
        .vo-reorder-item__part {
          font-size: 90%; } }
    .vo-reorder-item__product {
      padding-left: 2em;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      position: relative;
      cursor: pointer; }
      @media screen and (max-width: 37.5em) {
        .vo-reorder-item__product {
          padding-top: 0px;
          padding-top: 0em;
          padding-bottom: 0px;
          padding-bottom: 0em;
          flex-basis: 12em;
          padding-left: 0;
          border: 1px solid #f8f8f8; }
          .vo-reorder-item__product--selected {
            border-color: #93cc6f; }
          .vo-reorder-item__product--disabled {
            cursor: not-allowed; }
          .vo-reorder-item__product--go-to-page {
            cursor: pointer; } }
    @media screen and (min-width: 37.5em) {
      .vo-reorder-item__product + .vo-reorder-item__product {
        border-top: 1px dashed #bbb; } }
    .vo-reorder-item__actions {
      padding-top: 16px;
      padding-top: 1em;
      padding-bottom: 16px;
      padding-bottom: 1em;
      padding-left: 16px;
      padding-left: 1em;
      padding-right: 16px;
      padding-right: 1em;
      flex-basis: 15em;
      flex-grow: 0;
      flex-shrink: 0;
      display: flex;
      flex-direction: row;
      align-items: baseline;
      background-color: #f8f8f8; }
      .vo-reorder-item__actions select {
        background-color: #fff; }
      .vo-reorder-item__actions > * + * {
        margin-left: 1em; }
      @media screen and (max-width: 37.5em) {
        .vo-reorder-item__actions {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          background-color: transparent;
          padding: 0;
          padding-left: 1em; }
          .vo-reorder-item__actions > * + * {
            margin-left: 0; }
          .vo-reorder-item__actions .vo-input-wrap {
            width: 100%; }
          .vo-reorder-item__actions label {
            width: 100%;
            padding: 1em;
            padding-left: 0; }
          .vo-reorder-item__actions .vo-select-wrap {
            display: none; } }
    .vo-reorder-item__order-info {
      flex-grow: 1; }
    .vo-reorder-item .vo-button--primary {
      align-self: flex-end; }
  .vo-reorder-list__heading {
    padding-top: 8px;
    padding-top: 0.5em;
    padding-bottom: 8px;
    padding-bottom: 0.5em;
    font-size: 21px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-bottom: 2px solid #bbb; }
    .vo-reorder-list__heading .vo-reorder-item__info {
      padding-top: 0px;
      padding-top: 0em;
      padding-bottom: 0px;
      padding-bottom: 0em; }
    .vo-reorder-list__heading .vo-reorder-item__actions {
      padding-top: 0px;
      padding-top: 0em;
      padding-bottom: 0px;
      padding-bottom: 0em;
      padding-left: 0px;
      padding-left: 0em;
      padding-right: 0px;
      padding-right: 0em;
      background-color: #fff;
      justify-content: flex-end; }
  @media screen and (max-width: 37.5em) {
    .vo-reorder .vo-navigation-row__right {
      position: fixed;
      background-color: #fff;
      justify-content: center;
      bottom: 0;
      right: 0;
      left: 0;
      min-width: 100%;
      padding: 1em 1em;
      z-index: 99;
      max-width: 80%;
      max-width: calc(100% - 2em);
      transition: opacity 0.2s linear;
      border-top: 1px solid #ededed; }
    .vo-reorder .vo-navigation-row {
      flex-direction: column; } }
  @media screen and (max-width: 30em) {
    .vo-reorder .vo-navigation-row__right {
      padding: 1em 1em 0; } }
  .vo-reorder-item__selected {
    display: none; }
  .vo-has-js .vo-reorder-item__selected {
    width: 1.5em;
    height: 1.5em;
    border: 1px solid #bbb;
    border-radius: 4px;
    border-radius: 0.25em;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center; }
    .vo-has-js .vo-reorder-item__selected .vo-icon, .vo-has-js .vo-reorder-item__selected .vo-icon--cart {
      display: none;
      position: relative;
      bottom: 2px; }
    .vo-has-js .vo-reorder-item__selected--wrap {
      padding-left: 8px;
      padding-left: 0.5em;
      padding-right: 8px;
      padding-right: 0.5em;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #f8f8f8; }
      @media screen and (min-width: 37.5em) {
        .vo-has-js .vo-reorder-item__selected--wrap {
          display: none; } }
    @media screen and (min-width: 37.5em) {
      .vo-has-js .vo-reorder-item__selected {
        display: none; } }
  .vo-has-js .vo-reorder-item__product--selected .vo-reorder-item__selected {
    border-color: #93cc6f;
    background-color: #93cc6f; }
    .vo-has-js .vo-reorder-item__product--selected .vo-reorder-item__selected--wrap {
      background-color: #ddf1d8; }
    .vo-has-js .vo-reorder-item__product--selected .vo-reorder-item__selected .vo-icon, .vo-has-js .vo-reorder-item__product--selected .vo-reorder-item__selected .vo-icon--cart {
      color: #fff;
      display: block; }
  .vo-reorder-hint {
    display: none; }
  @media screen and (max-width: 37.5em) {
    .vo-has-js .vo-reorder-item__actions {
      display: none; }
    .vo-has-js .vo-reorder-hint {
      display: none;
      text-align: center;
      opacity: 0;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      padding: 0.25em;
      background-color: #ffe4ba;
      color: #4d4438;
      z-index: 99;
      transition: opacity 0.2s linear; } }
  @media screen and (max-width: 37.5em) {
    .vo-reorder {
      padding-bottom: 3em; }
      .vo-reorder footer {
        display: none; } }
  @media screen and (max-width: 37.5em) {
    .vo-reorder-list__heading .vo-reorder-item__info {
      background-color: #fff;
      padding: 0; } }
  .vo-cc-frame {
    position: relative;
    padding-bottom: 90%;
    width: 100%;
    height: auto;
    min-height: 400px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }
    .vo-cc-frame__head, .vo-cc-frame__foot {
      text-align: center;
      width: 100%;
      padding-top: 8px;
      padding-top: 0.5em;
      padding-bottom: 8px;
      padding-bottom: 0.5em;
      padding-left: 16px;
      padding-left: 1em;
      padding-right: 16px;
      padding-right: 1em;
      background-color: #006553;
      color: #f2f7f6; }
    .vo-cc-frame iframe {
      border: 1px solid #006553;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      max-width: 100%;
      height: 100%; }
  .vo-tabs {
    padding-top: 8px;
    padding-top: 0.5em;
    padding-bottom: 8px;
    padding-bottom: 0.5em;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap; }
    @media screen and (max-width: 30em) {
      .vo-tabs {
        flex-direction: column;
        align-items: stretch; } }
    .vo-tabs__tab {
      padding-top: 8px;
      padding-top: 0.5em;
      padding-bottom: 8px;
      padding-bottom: 0.5em;
      padding-left: 16px;
      padding-left: 1em;
      padding-right: 16px;
      padding-right: 1em;
      color: #ededed;
      font-size: 16px;
      border-bottom: 1px solid #ededed; }
      .vo-tabs__tab--active {
        color: #93cc6f;
        border-bottom: 4px solid #93cc6f;
        background-color: #ddf1d8; }
  .vo-tab-content {
    display: none; }
    .vo-tab-content--visible {
      display: block; }
    .vo-tab-content:target {
      display: block; }
  .vo .vo-slider__navigation--next, .vo .vo-slider__navigation--previous {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 90;
    opacity: 0;
    transition: opacity 0.2s linear;
    opacity: 0.8;
    cursor: pointer;
    background-color: #ededed;
    color: #2c2c2c;
    padding: 1em 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4em;
    height: 4em;
    border-radius: 100%; }
  .vo-slider {
    position: relative;
    height: auto;
    height: 332px;
    overflow: hidden;
    padding: 0;
    margin: 0 -1em;
    list-style-type: none; }
    @media screen and (max-width: 1000px) {
      .vo-slider {
        height: calc(325 / 735 * 75vw + 0.75em); } }
    @media screen and (max-width: 768px) {
      .vo-slider {
        height: calc(325 / 735 * 100vw + 0.75em); } }
    @media screen and (max-width: 500px) {
      .vo-slider {
        height: calc(325 / 735 * 100vw + 0.75em); } }
    .vo-slider__wrap {
      position: relative; }
    .vo-slider__slide {
      overflow: hidden;
      position: absolute;
      left: 0px;
      top: 0px;
      max-height: 332px;
      width: 100%;
      height: auto;
      opacity: 0;
      z-index: 1;
      -webkit-transition: opacity 1s;
      -moz-transition: opacity 1s;
      -o-transition: opacity 1s;
      transition: opacity 1s;
      font-size: 10px;
      padding: 0;
      box-sizing: border-box;
      background: #fff;
      color: #000; }
      .vo-slider__slide img {
        width: 100%;
        height: 100%; }
      .vo-slider__slide--showing {
        opacity: 1;
        z-index: 2; }
    .vo-slider__indicators {
      padding-top: 8px;
      padding-top: 0.5em;
      padding-bottom: 8px;
      padding-bottom: 0.5em;
      display: flex;
      justify-content: center;
      align-items: center; }
    .vo-slider__indicator {
      width: 16px;
      width: 1em;
      height: 16px;
      height: 1em;
      border: 1px solid #bbb;
      border-radius: 100%;
      transition: background-color 1s, border-color 1s; }
      .vo-slider__indicator + .vo-slider__indicator {
        margin-left: 4px;
        margin-left: 0.25em; }
      .vo-slider__indicator--active {
        background-color: #93cc6f;
        border-color: #93cc6f; }
    .vo-slider__navigation--next {
      right: 1em; }
    .vo-slider__navigation--previous {
      left: 1em; }
  .vo-no-touch .vo-slider__wrap:hover .vo-slider__navigation {
    opacity: 1; }
  .vo-brand-tile {
    display: flex;
    justify-content: center;
    align-items: stretch;
    border: 1px solid transparent;
    border-radius: 4px;
    border-radius: 0.25em;
    color: #2c2c2c; }
    .vo-brand-tile:hover, .vo-brand-tile--active {
      border-color: #bbb; }
    .vo-brand-tile__name {
      padding-top: 16px;
      padding-top: 1em;
      padding-bottom: 16px;
      padding-bottom: 1em;
      padding-left: 16px;
      padding-left: 1em;
      padding-right: 16px;
      padding-right: 1em;
      text-align: center;
      width: 100%;
      position: relative;
      text-decoration: none;
      color: #2c2c2c;
      height: 56px;
      height: 4rem; }
      .vo-brand-tile__name::after {
        display: none;
        content: ' ';
        position: absolute;
        width: 100%;
        background-color: #fff;
        height: 2px;
        top: 50px;
        z-index: 99;
        left: 0;
        right: 0; }
    .vo-brand-tile__extra {
      padding-top: 16px;
      padding-top: 1em;
      padding-bottom: 16px;
      padding-bottom: 1em;
      padding-left: 16px;
      padding-left: 1em;
      padding-right: 16px;
      padding-right: 1em;
      border: 1px solid #bbb;
      z-index: 98;
      display: none;
      background-color: #fff;
      position: absolute;
      margin-top: 50px;
      left: 0;
      right: 0; }
    .vo-brand-tile__list {
      list-style: none;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr; }
      .vo-brand-tile__list-item {
        display: flex;
        flex-direction: row; }
      .vo-brand-tile__list-image {
        flex-basis: 30%; }
      .vo-brand-tile__list-text {
        flex-basis: 70%;
        padding-left: 8px;
        padding-left: 0.5em; }
      .vo-brand-tile__list-heading {
        display: block; }
      .vo-brand-tile__list-details {
        color: #404040;
        font-size: 80%; }
      .vo-brand-tile__list-details + .vo-brand-tile__list-details::before {
        content: '/ '; }
    .vo-brand-tile--large {
      display: block;
      padding-top: 4px;
      padding-top: 0.25em;
      padding-bottom: 4px;
      padding-bottom: 0.25em;
      padding-left: 4px;
      padding-left: 0.25em;
      padding-right: 4px;
      padding-right: 0.25em;
      text-align: center;
      text-decoration: none;
      border: 1px solid transparent;
      border-radius: 4px;
      border-radius: 0.25em; }
      @media screen and (min-width: 48em) {
        .vo-brand-tile--large:hover {
          border-color: #93cc6f; } }
  .vo-has-js.vo-no-touch .vo-brand-tile--with-hover:hover,
  .vo-has-js.vo-no-touch .vo-brand-tile--with-hover.vo-brand-tile--active {
    border-bottom: 1px solid #fff;
    border-radius: 4px 4px 0 0;
    border-radius: 0.25em 0.25em 0 0;
    z-index: 99; }
  .vo-has-js.vo-no-touch .vo-brand-tile:hover + .vo-brand-tile__extra,
  .vo-has-js.vo-no-touch .vo-brand-tile__extra:hover {
    display: block; }
    @media screen and (max-width: 48em) {
      .vo-has-js.vo-no-touch .vo-brand-tile:hover + .vo-brand-tile__extra,
      .vo-has-js.vo-no-touch .vo-brand-tile__extra:hover {
        display: none; } }
  .vo-touch .vo-brand-tile:hover,
  .vo-touch .vo-brand-tile--active {
    border-color: inherit; }
  .vo-benefit {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 14px; }
    .vo-benefit__icon > .vo-icon, .vo-benefit__icon > .vo-icon--cart {
      margin-right: 8px;
      margin-right: 0.5em;
      width: 2.75em;
      height: auto;
      max-height: 2.75em; }
  .vo-benefits {
    padding-top: 16px;
    padding-top: 1em;
    padding-bottom: 16px;
    padding-bottom: 1em;
    padding-left: 8px;
    padding-left: 0.5em;
    padding-right: 8px;
    padding-right: 0.5em;
    background-color: #f8f8f8; }
    @media screen and (max-width: 60em) {
      .vo-benefits {
        display: none; } }
  .vo-homepage__heading {
    font-size: 30px; }
    @media screen and (max-width: 75em) {
      .vo-homepage__heading {
        font-size: calc( 24px + ( 8 * ( (100vw - 768px) / (1200 - 768) ) )); } }
    @media screen and (max-width: 48em) {
      .vo-homepage__heading {
        font-size: calc( 24px + ( 4 * ( (100vw - 600px) / (768 - 600) ) )); } }
    @media screen and (max-width: 37.5em) {
      .vo-homepage__heading {
        font-size: 21px; } }
  .vo-cookie-banner {
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 0;
    min-height: 2em;
    right: 0;
    left: 0;
    background: rgba(64, 64, 64, 0.9);
    z-index: 90;
    color: #fff;
    margin: 0 !important;
    border-top: 1px solid #bbb;
    padding: 16px;
    padding: 1em; }
    .vo-cookie-banner__content {
      margin-right: 1em; }
    @media screen and (max-width: 37.5em) {
      .vo-cookie-banner {
        flex-direction: column;
        align-items: flex-start; }
        .vo-cookie-banner__content {
          margin-right: 0;
          margin-bottom: 1em; } }
  .vo-page-title {
    flex-shrink: 1; }
    .vo-page-title__wrap {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: baseline;
      justify-content: space-between; }
      @media screen and (max-width: 25em) {
        .vo-page-title__wrap img {
          display: none; } }
    .vo-page-title h1 {
      margin: 0; }
  .vo-date {
    padding-top: 4px;
    padding-top: 0.25em; }
    .vo-date__day, .vo-date__month {
      flex-basis: 5em;
      margin-right: 1em;
      flex-grow: 1; }
    .vo-date__year {
      flex-grow: 1;
      flex-basis: 8em; }
    @media screen and (max-width: 30em) {
      .vo-date__day, .vo-date__month, .vo-date__year {
        margin-top: 8px;
        margin-top: 0.5em; } }
  .vo-msie__day, .vo-msie__month, .vo-msie__year {
    margin-top: 8px;
    margin-top: 0.5em; }