@charset "UTF-8";
/* Media Queries */
@font-face {
  font-family: 'ITCAvantGardeStd-bk';
  src: url(../fonts/ITCAvantGardeStd-bk.ttf) format("ttf"); }

@font-face {
  font-family: 'ITCAvantGardeStd-bk';
  src: url(../fonts/ITCAvantGardeStd-bk.woff) format("woff"); }

@font-face {
  font-family: 'ITCAvantGardeStd-Demi';
  src: url(../fonts/ITCAvantGardeStd-Demi.ttf) format("ttf"); }

@font-face {
  font-family: 'ITCAvantGardeStd-Demi';
  src: url(../fonts/ITCAvantGardeStd-Demi.woff) format("woff"); }

@font-face {
  font-family: 'SegoePrint';
  src: url(../fonts/Segoe-Print.woff) format("woff"); }

/* https://gist.github.com/italodr/b4ded5894afa2ceae19ed1b767785e02 */
html, body {
  font-family: "ITCAvantGardeStd-bk", Arial, Helvetica, sans-serif; }

/* Headings */
h1, .t-h1 {
  font-size: 1.5rem; }
  @media only screen and (min-width: 480px) {
    h1, .t-h1 {
      font-size: calc(24px + 6 * ((100vw - 480px) / 960)); } }
  @media only screen and (min-width: 1440px) {
    h1, .t-h1 {
      font-size: 1.875rem; } }

h2, .t-h2 {
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 6px;
  text-transform: uppercase; }
  @media only screen and (min-width: 480px) {
    h2, .t-h2 {
      font-size: calc(16px + 4 * ((100vw - 480px) / 960)); } }
  @media only screen and (min-width: 1440px) {
    h2, .t-h2 {
      font-size: 1.25rem; } }

h3, .t-h3 {
  font-size: 1rem; }
  @media only screen and (min-width: 480px) {
    h3, .t-h3 {
      font-size: calc(16px + 0 * ((100vw - 480px) / 960)); } }
  @media only screen and (min-width: 1440px) {
    h3, .t-h3 {
      font-size: 1rem; } }

h1, h2 {
  font-weight: 400; }

h3 {
  font-weight: 200; }

h1, h2, h3 {
  line-height: 1.1; }

h1, .t-h1,
h2, .t-h2,
h3, .t-h3,
h4, .t-h4,
h5, .t-h5,
h6, .t-h6 {
  font-family: "ITCAvantGardeStd-Demi", Arial, Helvetica, sans-serif;
  line-height: 1.25;
  margin-bottom: 1.5rem; }

b, strong {
  font-weight: 500; }

p {
  font-family: "ITCAvantGardeStd-bk", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 200;
  margin: 0 0 1.5rem; }

a {
  cursor: pointer;
  display: inline;
  text-decoration: none; }

.u-wrapper,
.u-wrapper-padding {
  padding-left: 3rem;
  padding-right: 3rem;
  position: relative; }
  @media screen and (min-width: 768px) {
    .u-wrapper,
    .u-wrapper-padding {
      padding-left: 3rem;
      padding-right: 3rem; } }

.u-wrapper-margin {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  position: relative; }
  @media screen and (min-width: 768px) {
    .u-wrapper-margin {
      margin-left: 3rem;
      margin-right: 3rem; } }

.u-wrapper {
  height: auto;
  margin: 0 auto;
  max-width: 1280px; }
  @media screen and (min-width: 1376px) {
    .u-wrapper {
      padding-left: 0;
      padding-right: 0; } }
  .u-wrapper--collapse {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .u-wrapper--small {
    max-width: 1080px; }
    @media screen and (min-width: 1176px) {
      .u-wrapper--small {
        padding-left: 0;
        padding-right: 0; } }
  .u-wrapper--reading {
    max-width: 960px; }
    @media screen and (min-width: 1056px) {
      .u-wrapper--reading {
        padding-left: 0;
        padding-right: 0; } }
  .u-wrapper--top {
    max-width: 910px; }
    @media screen and (min-width: 1006px) {
      .u-wrapper--top {
        padding-left: 0;
        padding-right: 0; } }
  .u-wrapper--banner {
    max-width: 640px; }
    @media screen and (min-width: 736px) {
      .u-wrapper--banner {
        padding-left: 0;
        padding-right: 0; } }

@media screen and (max-width: -1px) {
  .u-wrapper.u-wrapper--collapse-s0 {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (min-width: 0) {
  .u-unwrapper--s0,
  .u-wrapper-padding.u-wrapper--collapse-s0 {
    padding-left: 0;
    padding-right: 0; }
  .u-wrapper-margin.u-wrapper--collapse-s0 {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 479px) {
  .u-wrapper.u-wrapper--collapse-s480 {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (min-width: 480px) {
  .u-unwrapper--s480,
  .u-wrapper-padding.u-wrapper--collapse-s480 {
    padding-left: 0;
    padding-right: 0; }
  .u-wrapper-margin.u-wrapper--collapse-s480 {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 639px) {
  .u-wrapper.u-wrapper--collapse-s640 {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (min-width: 640px) {
  .u-unwrapper--s640,
  .u-wrapper-padding.u-wrapper--collapse-s640 {
    padding-left: 0;
    padding-right: 0; }
  .u-wrapper-margin.u-wrapper--collapse-s640 {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 767px) {
  .u-wrapper.u-wrapper--collapse-s768 {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (min-width: 768px) {
  .u-unwrapper--s768,
  .u-wrapper-padding.u-wrapper--collapse-s768 {
    padding-left: 0;
    padding-right: 0; }
  .u-wrapper-margin.u-wrapper--collapse-s768 {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 959px) {
  .u-wrapper.u-wrapper--collapse-s960 {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (min-width: 960px) {
  .u-unwrapper--s960,
  .u-wrapper-padding.u-wrapper--collapse-s960 {
    padding-left: 0;
    padding-right: 0; }
  .u-wrapper-margin.u-wrapper--collapse-s960 {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 1023px) {
  .u-wrapper.u-wrapper--collapse-s1024 {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (min-width: 1024px) {
  .u-unwrapper--s1024,
  .u-wrapper-padding.u-wrapper--collapse-s1024 {
    padding-left: 0;
    padding-right: 0; }
  .u-wrapper-margin.u-wrapper--collapse-s1024 {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 1279px) {
  .u-wrapper.u-wrapper--collapse-s1280 {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (min-width: 1280px) {
  .u-unwrapper--s1280,
  .u-wrapper-padding.u-wrapper--collapse-s1280 {
    padding-left: 0;
    padding-right: 0; }
  .u-wrapper-margin.u-wrapper--collapse-s1280 {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 1439px) {
  .u-wrapper.u-wrapper--collapse-s1440 {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (min-width: 1440px) {
  .u-unwrapper--s1440,
  .u-wrapper-padding.u-wrapper--collapse-s1440 {
    padding-left: 0;
    padding-right: 0; }
  .u-wrapper-margin.u-wrapper--collapse-s1440 {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 1919px) {
  .u-wrapper.u-wrapper--collapse-s1920 {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (min-width: 1920px) {
  .u-unwrapper--s1920,
  .u-wrapper-padding.u-wrapper--collapse-s1920 {
    padding-left: 0;
    padding-right: 0; }
  .u-wrapper-margin.u-wrapper--collapse-s1920 {
    margin-left: 0;
    margin-right: 0; } }

.u-hide {
  display: none !important; }

.u-show {
  display: block !important; }

.u-show--inline {
  display: inline-block !important; }

@media screen and (min-width: 0) {
  .u-hide--s0 {
    display: none !important; }
  .u-show--s0 {
    display: block !important; }
  .u-show--s0-inline {
    display: inline-block !important; } }

@media screen and (min-width: 480px) {
  .u-hide--s480 {
    display: none !important; }
  .u-show--s480 {
    display: block !important; }
  .u-show--s480-inline {
    display: inline-block !important; } }

@media screen and (min-width: 640px) {
  .u-hide--s640 {
    display: none !important; }
  .u-show--s640 {
    display: block !important; }
  .u-show--s640-inline {
    display: inline-block !important; } }

@media screen and (min-width: 768px) {
  .u-hide--s768 {
    display: none !important; }
  .u-show--s768 {
    display: block !important; }
  .u-show--s768-inline {
    display: inline-block !important; } }

@media screen and (min-width: 960px) {
  .u-hide--s960 {
    display: none !important; }
  .u-show--s960 {
    display: block !important; }
  .u-show--s960-inline {
    display: inline-block !important; } }

@media screen and (min-width: 1024px) {
  .u-hide--s1024 {
    display: none !important; }
  .u-show--s1024 {
    display: block !important; }
  .u-show--s1024-inline {
    display: inline-block !important; } }

@media screen and (min-width: 1280px) {
  .u-hide--s1280 {
    display: none !important; }
  .u-show--s1280 {
    display: block !important; }
  .u-show--s1280-inline {
    display: inline-block !important; } }

@media screen and (min-width: 1440px) {
  .u-hide--s1440 {
    display: none !important; }
  .u-show--s1440 {
    display: block !important; }
  .u-show--s1440-inline {
    display: inline-block !important; } }

@media screen and (min-width: 1920px) {
  .u-hide--s1920 {
    display: none !important; }
  .u-show--s1920 {
    display: block !important; }
  .u-show--s1920-inline {
    display: inline-block !important; } }

.u-flex {
  display: flex; }
  .u-flex--inline {
    display: inline-flex; }
  .u-flex--align-center {
    align-items: center; }
  .u-flex--align-start {
    align-items: flex-start; }
  .u-flex--align-end {
    align-items: flex-end; }
  .u-flex--justify-center {
    justify-content: center; }
  .u-flex--justify-start {
    justify-content: flex-start; }
  .u-flex--justify-end {
    justify-content: flex-end; }
  .u-flex--justify-between {
    justify-content: space-between; }
  .u-flex--justify-around {
    justify-content: space-around; }
  .u-flex--row {
    flex-direction: row; }
  .u-flex--reverse {
    flex-direction: row-reverse; }
  .u-flex--column {
    flex-direction: column; }
    .u-flex--column.u-flex--reverse {
      flex-direction: column-reverse; }
  .u-flex--wrap {
    flex-wrap: wrap; }
  .u-flex--center {
    align-items: center;
    display: flex;
    justify-content: center; }

@media screen and (min-width: 0) {
  .u-flex--s0 {
    display: flex !important; }
  .u-flex--s0-center {
    align-items: center;
    display: flex !important;
    justify-content: center; }
  .u-flex--s0-wrap {
    display: flex !important;
    flex-wrap: wrap; } }

.u-flex--s0-1 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-2 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-3 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-4 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-5 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-6 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-7 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-8 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-9 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-10 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-11 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-12 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-13 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-14 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-15 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-16 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-17 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-18 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-19 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-20 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-21 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-22 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-23 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s0-24 {
  flex-basis: 100%;
  max-width: 100%; }

@media screen and (min-width: 480px) {
  .u-flex--s480 {
    display: flex !important; }
  .u-flex--s480-center {
    align-items: center;
    display: flex !important;
    justify-content: center; }
  .u-flex--s480-wrap {
    display: flex !important;
    flex-wrap: wrap; } }

.u-flex--s480-1 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-2 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-3 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-4 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-5 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-6 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-7 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-8 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-9 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-10 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-11 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-12 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-13 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-14 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-15 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-16 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-17 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-18 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-19 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-20 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-21 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-22 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-23 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s480-24 {
  flex-basis: 100%;
  max-width: 100%; }

@media screen and (min-width: 640px) {
  .u-flex--s640 {
    display: flex !important; }
  .u-flex--s640-center {
    align-items: center;
    display: flex !important;
    justify-content: center; }
  .u-flex--s640-wrap {
    display: flex !important;
    flex-wrap: wrap; } }

.u-flex--s640-1 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-2 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-3 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-4 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-5 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-6 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-7 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-8 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-9 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-10 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-11 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-12 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-13 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-14 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-15 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-16 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-17 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-18 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-19 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-20 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-21 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-22 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-23 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s640-24 {
  flex-basis: 100%;
  max-width: 100%; }

@media screen and (min-width: 768px) {
  .u-flex--s768 {
    display: flex !important; }
  .u-flex--s768-center {
    align-items: center;
    display: flex !important;
    justify-content: center; }
  .u-flex--s768-wrap {
    display: flex !important;
    flex-wrap: wrap; } }

.u-flex--s768-1 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-2 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-3 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-4 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-5 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-6 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-7 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-8 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-9 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-10 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-11 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-12 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-13 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-14 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-15 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-16 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-17 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-18 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-19 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-20 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-21 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-22 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-23 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s768-24 {
  flex-basis: 100%;
  max-width: 100%; }

@media screen and (min-width: 960px) {
  .u-flex--s960 {
    display: flex !important; }
  .u-flex--s960-center {
    align-items: center;
    display: flex !important;
    justify-content: center; }
  .u-flex--s960-wrap {
    display: flex !important;
    flex-wrap: wrap; } }

.u-flex--s960-1 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-2 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-3 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-4 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-5 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-6 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-7 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-8 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-9 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-10 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-11 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-12 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-13 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-14 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-15 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-16 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-17 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-18 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-19 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-20 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-21 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-22 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-23 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s960-24 {
  flex-basis: 100%;
  max-width: 100%; }

@media screen and (min-width: 1024px) {
  .u-flex--s1024 {
    display: flex !important; }
  .u-flex--s1024-center {
    align-items: center;
    display: flex !important;
    justify-content: center; }
  .u-flex--s1024-wrap {
    display: flex !important;
    flex-wrap: wrap; } }

.u-flex--s1024-1 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-2 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-3 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-4 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-5 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-6 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-7 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-8 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-9 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-10 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-11 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-12 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-13 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-14 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-15 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-16 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-17 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-18 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-19 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-20 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-21 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-22 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-23 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1024-24 {
  flex-basis: 100%;
  max-width: 100%; }

@media screen and (min-width: 1280px) {
  .u-flex--s1280 {
    display: flex !important; }
  .u-flex--s1280-center {
    align-items: center;
    display: flex !important;
    justify-content: center; }
  .u-flex--s1280-wrap {
    display: flex !important;
    flex-wrap: wrap; } }

.u-flex--s1280-1 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-2 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-3 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-4 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-5 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-6 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-7 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-8 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-9 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-10 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-11 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-12 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-13 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-14 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-15 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-16 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-17 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-18 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-19 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-20 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-21 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-22 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-23 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1280-24 {
  flex-basis: 100%;
  max-width: 100%; }

@media screen and (min-width: 1440px) {
  .u-flex--s1440 {
    display: flex !important; }
  .u-flex--s1440-center {
    align-items: center;
    display: flex !important;
    justify-content: center; }
  .u-flex--s1440-wrap {
    display: flex !important;
    flex-wrap: wrap; } }

.u-flex--s1440-1 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-2 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-3 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-4 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-5 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-6 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-7 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-8 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-9 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-10 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-11 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-12 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-13 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-14 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-15 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-16 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-17 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-18 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-19 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-20 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-21 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-22 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-23 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1440-24 {
  flex-basis: 100%;
  max-width: 100%; }

@media screen and (min-width: 1920px) {
  .u-flex--s1920 {
    display: flex !important; }
  .u-flex--s1920-center {
    align-items: center;
    display: flex !important;
    justify-content: center; }
  .u-flex--s1920-wrap {
    display: flex !important;
    flex-wrap: wrap; } }

.u-flex--s1920-1 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-2 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-3 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-4 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-5 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-6 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-7 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-8 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-9 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-10 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-11 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-12 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-13 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-14 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-15 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-16 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-17 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-18 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-19 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-20 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-21 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-22 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-23 {
  flex-basis: 100%;
  max-width: 100%; }

.u-flex--s1920-24 {
  flex-basis: 100%;
  max-width: 100%; }

@media screen and (min-width: 0) {
  .u-flex--s0-1 {
    flex-basis: 4.16667%;
    max-width: 4.16667%; }
  .u-flex--s0-2 {
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .u-flex--s0-3 {
    flex-basis: 12.5%;
    max-width: 12.5%; }
  .u-flex--s0-4 {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .u-flex--s0-5 {
    flex-basis: 20.83333%;
    max-width: 20.83333%; }
  .u-flex--s0-6 {
    flex-basis: 25%;
    max-width: 25%; }
  .u-flex--s0-7 {
    flex-basis: 29.16667%;
    max-width: 29.16667%; }
  .u-flex--s0-8 {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .u-flex--s0-9 {
    flex-basis: 37.5%;
    max-width: 37.5%; }
  .u-flex--s0-10 {
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .u-flex--s0-11 {
    flex-basis: 45.83333%;
    max-width: 45.83333%; }
  .u-flex--s0-12 {
    flex-basis: 50%;
    max-width: 50%; }
  .u-flex--s0-13 {
    flex-basis: 54.16667%;
    max-width: 54.16667%; }
  .u-flex--s0-14 {
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .u-flex--s0-15 {
    flex-basis: 62.5%;
    max-width: 62.5%; }
  .u-flex--s0-16 {
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .u-flex--s0-17 {
    flex-basis: 70.83333%;
    max-width: 70.83333%; }
  .u-flex--s0-18 {
    flex-basis: 75%;
    max-width: 75%; }
  .u-flex--s0-19 {
    flex-basis: 79.16667%;
    max-width: 79.16667%; }
  .u-flex--s0-20 {
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .u-flex--s0-21 {
    flex-basis: 87.5%;
    max-width: 87.5%; }
  .u-flex--s0-22 {
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .u-flex--s0-23 {
    flex-basis: 95.83333%;
    max-width: 95.83333%; }
  .u-flex--s0-24 {
    flex-basis: 100%;
    max-width: 100%; } }

@media screen and (min-width: 480px) {
  .u-flex--s480-1 {
    flex-basis: 4.16667%;
    max-width: 4.16667%; }
  .u-flex--s480-2 {
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .u-flex--s480-3 {
    flex-basis: 12.5%;
    max-width: 12.5%; }
  .u-flex--s480-4 {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .u-flex--s480-5 {
    flex-basis: 20.83333%;
    max-width: 20.83333%; }
  .u-flex--s480-6 {
    flex-basis: 25%;
    max-width: 25%; }
  .u-flex--s480-7 {
    flex-basis: 29.16667%;
    max-width: 29.16667%; }
  .u-flex--s480-8 {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .u-flex--s480-9 {
    flex-basis: 37.5%;
    max-width: 37.5%; }
  .u-flex--s480-10 {
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .u-flex--s480-11 {
    flex-basis: 45.83333%;
    max-width: 45.83333%; }
  .u-flex--s480-12 {
    flex-basis: 50%;
    max-width: 50%; }
  .u-flex--s480-13 {
    flex-basis: 54.16667%;
    max-width: 54.16667%; }
  .u-flex--s480-14 {
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .u-flex--s480-15 {
    flex-basis: 62.5%;
    max-width: 62.5%; }
  .u-flex--s480-16 {
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .u-flex--s480-17 {
    flex-basis: 70.83333%;
    max-width: 70.83333%; }
  .u-flex--s480-18 {
    flex-basis: 75%;
    max-width: 75%; }
  .u-flex--s480-19 {
    flex-basis: 79.16667%;
    max-width: 79.16667%; }
  .u-flex--s480-20 {
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .u-flex--s480-21 {
    flex-basis: 87.5%;
    max-width: 87.5%; }
  .u-flex--s480-22 {
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .u-flex--s480-23 {
    flex-basis: 95.83333%;
    max-width: 95.83333%; }
  .u-flex--s480-24 {
    flex-basis: 100%;
    max-width: 100%; } }

@media screen and (min-width: 640px) {
  .u-flex--s640-1 {
    flex-basis: 4.16667%;
    max-width: 4.16667%; }
  .u-flex--s640-2 {
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .u-flex--s640-3 {
    flex-basis: 12.5%;
    max-width: 12.5%; }
  .u-flex--s640-4 {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .u-flex--s640-5 {
    flex-basis: 20.83333%;
    max-width: 20.83333%; }
  .u-flex--s640-6 {
    flex-basis: 25%;
    max-width: 25%; }
  .u-flex--s640-7 {
    flex-basis: 29.16667%;
    max-width: 29.16667%; }
  .u-flex--s640-8 {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .u-flex--s640-9 {
    flex-basis: 37.5%;
    max-width: 37.5%; }
  .u-flex--s640-10 {
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .u-flex--s640-11 {
    flex-basis: 45.83333%;
    max-width: 45.83333%; }
  .u-flex--s640-12 {
    flex-basis: 50%;
    max-width: 50%; }
  .u-flex--s640-13 {
    flex-basis: 54.16667%;
    max-width: 54.16667%; }
  .u-flex--s640-14 {
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .u-flex--s640-15 {
    flex-basis: 62.5%;
    max-width: 62.5%; }
  .u-flex--s640-16 {
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .u-flex--s640-17 {
    flex-basis: 70.83333%;
    max-width: 70.83333%; }
  .u-flex--s640-18 {
    flex-basis: 75%;
    max-width: 75%; }
  .u-flex--s640-19 {
    flex-basis: 79.16667%;
    max-width: 79.16667%; }
  .u-flex--s640-20 {
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .u-flex--s640-21 {
    flex-basis: 87.5%;
    max-width: 87.5%; }
  .u-flex--s640-22 {
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .u-flex--s640-23 {
    flex-basis: 95.83333%;
    max-width: 95.83333%; }
  .u-flex--s640-24 {
    flex-basis: 100%;
    max-width: 100%; } }

@media screen and (min-width: 768px) {
  .u-flex--s768-1 {
    flex-basis: 4.16667%;
    max-width: 4.16667%; }
  .u-flex--s768-2 {
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .u-flex--s768-3 {
    flex-basis: 12.5%;
    max-width: 12.5%; }
  .u-flex--s768-4 {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .u-flex--s768-5 {
    flex-basis: 20.83333%;
    max-width: 20.83333%; }
  .u-flex--s768-6 {
    flex-basis: 25%;
    max-width: 25%; }
  .u-flex--s768-7 {
    flex-basis: 29.16667%;
    max-width: 29.16667%; }
  .u-flex--s768-8 {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .u-flex--s768-9 {
    flex-basis: 37.5%;
    max-width: 37.5%; }
  .u-flex--s768-10 {
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .u-flex--s768-11 {
    flex-basis: 45.83333%;
    max-width: 45.83333%; }
  .u-flex--s768-12 {
    flex-basis: 50%;
    max-width: 50%; }
  .u-flex--s768-13 {
    flex-basis: 54.16667%;
    max-width: 54.16667%; }
  .u-flex--s768-14 {
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .u-flex--s768-15 {
    flex-basis: 62.5%;
    max-width: 62.5%; }
  .u-flex--s768-16 {
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .u-flex--s768-17 {
    flex-basis: 70.83333%;
    max-width: 70.83333%; }
  .u-flex--s768-18 {
    flex-basis: 75%;
    max-width: 75%; }
  .u-flex--s768-19 {
    flex-basis: 79.16667%;
    max-width: 79.16667%; }
  .u-flex--s768-20 {
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .u-flex--s768-21 {
    flex-basis: 87.5%;
    max-width: 87.5%; }
  .u-flex--s768-22 {
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .u-flex--s768-23 {
    flex-basis: 95.83333%;
    max-width: 95.83333%; }
  .u-flex--s768-24 {
    flex-basis: 100%;
    max-width: 100%; } }

@media screen and (min-width: 960px) {
  .u-flex--s960-1 {
    flex-basis: 4.16667%;
    max-width: 4.16667%; }
  .u-flex--s960-2 {
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .u-flex--s960-3 {
    flex-basis: 12.5%;
    max-width: 12.5%; }
  .u-flex--s960-4 {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .u-flex--s960-5 {
    flex-basis: 20.83333%;
    max-width: 20.83333%; }
  .u-flex--s960-6 {
    flex-basis: 25%;
    max-width: 25%; }
  .u-flex--s960-7 {
    flex-basis: 29.16667%;
    max-width: 29.16667%; }
  .u-flex--s960-8 {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .u-flex--s960-9 {
    flex-basis: 37.5%;
    max-width: 37.5%; }
  .u-flex--s960-10 {
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .u-flex--s960-11 {
    flex-basis: 45.83333%;
    max-width: 45.83333%; }
  .u-flex--s960-12 {
    flex-basis: 50%;
    max-width: 50%; }
  .u-flex--s960-13 {
    flex-basis: 54.16667%;
    max-width: 54.16667%; }
  .u-flex--s960-14 {
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .u-flex--s960-15 {
    flex-basis: 62.5%;
    max-width: 62.5%; }
  .u-flex--s960-16 {
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .u-flex--s960-17 {
    flex-basis: 70.83333%;
    max-width: 70.83333%; }
  .u-flex--s960-18 {
    flex-basis: 75%;
    max-width: 75%; }
  .u-flex--s960-19 {
    flex-basis: 79.16667%;
    max-width: 79.16667%; }
  .u-flex--s960-20 {
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .u-flex--s960-21 {
    flex-basis: 87.5%;
    max-width: 87.5%; }
  .u-flex--s960-22 {
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .u-flex--s960-23 {
    flex-basis: 95.83333%;
    max-width: 95.83333%; }
  .u-flex--s960-24 {
    flex-basis: 100%;
    max-width: 100%; } }

@media screen and (min-width: 1024px) {
  .u-flex--s1024-1 {
    flex-basis: 4.16667%;
    max-width: 4.16667%; }
  .u-flex--s1024-2 {
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .u-flex--s1024-3 {
    flex-basis: 12.5%;
    max-width: 12.5%; }
  .u-flex--s1024-4 {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .u-flex--s1024-5 {
    flex-basis: 20.83333%;
    max-width: 20.83333%; }
  .u-flex--s1024-6 {
    flex-basis: 25%;
    max-width: 25%; }
  .u-flex--s1024-7 {
    flex-basis: 29.16667%;
    max-width: 29.16667%; }
  .u-flex--s1024-8 {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .u-flex--s1024-9 {
    flex-basis: 37.5%;
    max-width: 37.5%; }
  .u-flex--s1024-10 {
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .u-flex--s1024-11 {
    flex-basis: 45.83333%;
    max-width: 45.83333%; }
  .u-flex--s1024-12 {
    flex-basis: 50%;
    max-width: 50%; }
  .u-flex--s1024-13 {
    flex-basis: 54.16667%;
    max-width: 54.16667%; }
  .u-flex--s1024-14 {
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .u-flex--s1024-15 {
    flex-basis: 62.5%;
    max-width: 62.5%; }
  .u-flex--s1024-16 {
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .u-flex--s1024-17 {
    flex-basis: 70.83333%;
    max-width: 70.83333%; }
  .u-flex--s1024-18 {
    flex-basis: 75%;
    max-width: 75%; }
  .u-flex--s1024-19 {
    flex-basis: 79.16667%;
    max-width: 79.16667%; }
  .u-flex--s1024-20 {
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .u-flex--s1024-21 {
    flex-basis: 87.5%;
    max-width: 87.5%; }
  .u-flex--s1024-22 {
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .u-flex--s1024-23 {
    flex-basis: 95.83333%;
    max-width: 95.83333%; }
  .u-flex--s1024-24 {
    flex-basis: 100%;
    max-width: 100%; } }

@media screen and (min-width: 1280px) {
  .u-flex--s1280-1 {
    flex-basis: 4.16667%;
    max-width: 4.16667%; }
  .u-flex--s1280-2 {
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .u-flex--s1280-3 {
    flex-basis: 12.5%;
    max-width: 12.5%; }
  .u-flex--s1280-4 {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .u-flex--s1280-5 {
    flex-basis: 20.83333%;
    max-width: 20.83333%; }
  .u-flex--s1280-6 {
    flex-basis: 25%;
    max-width: 25%; }
  .u-flex--s1280-7 {
    flex-basis: 29.16667%;
    max-width: 29.16667%; }
  .u-flex--s1280-8 {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .u-flex--s1280-9 {
    flex-basis: 37.5%;
    max-width: 37.5%; }
  .u-flex--s1280-10 {
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .u-flex--s1280-11 {
    flex-basis: 45.83333%;
    max-width: 45.83333%; }
  .u-flex--s1280-12 {
    flex-basis: 50%;
    max-width: 50%; }
  .u-flex--s1280-13 {
    flex-basis: 54.16667%;
    max-width: 54.16667%; }
  .u-flex--s1280-14 {
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .u-flex--s1280-15 {
    flex-basis: 62.5%;
    max-width: 62.5%; }
  .u-flex--s1280-16 {
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .u-flex--s1280-17 {
    flex-basis: 70.83333%;
    max-width: 70.83333%; }
  .u-flex--s1280-18 {
    flex-basis: 75%;
    max-width: 75%; }
  .u-flex--s1280-19 {
    flex-basis: 79.16667%;
    max-width: 79.16667%; }
  .u-flex--s1280-20 {
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .u-flex--s1280-21 {
    flex-basis: 87.5%;
    max-width: 87.5%; }
  .u-flex--s1280-22 {
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .u-flex--s1280-23 {
    flex-basis: 95.83333%;
    max-width: 95.83333%; }
  .u-flex--s1280-24 {
    flex-basis: 100%;
    max-width: 100%; } }

@media screen and (min-width: 1440px) {
  .u-flex--s1440-1 {
    flex-basis: 4.16667%;
    max-width: 4.16667%; }
  .u-flex--s1440-2 {
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .u-flex--s1440-3 {
    flex-basis: 12.5%;
    max-width: 12.5%; }
  .u-flex--s1440-4 {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .u-flex--s1440-5 {
    flex-basis: 20.83333%;
    max-width: 20.83333%; }
  .u-flex--s1440-6 {
    flex-basis: 25%;
    max-width: 25%; }
  .u-flex--s1440-7 {
    flex-basis: 29.16667%;
    max-width: 29.16667%; }
  .u-flex--s1440-8 {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .u-flex--s1440-9 {
    flex-basis: 37.5%;
    max-width: 37.5%; }
  .u-flex--s1440-10 {
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .u-flex--s1440-11 {
    flex-basis: 45.83333%;
    max-width: 45.83333%; }
  .u-flex--s1440-12 {
    flex-basis: 50%;
    max-width: 50%; }
  .u-flex--s1440-13 {
    flex-basis: 54.16667%;
    max-width: 54.16667%; }
  .u-flex--s1440-14 {
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .u-flex--s1440-15 {
    flex-basis: 62.5%;
    max-width: 62.5%; }
  .u-flex--s1440-16 {
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .u-flex--s1440-17 {
    flex-basis: 70.83333%;
    max-width: 70.83333%; }
  .u-flex--s1440-18 {
    flex-basis: 75%;
    max-width: 75%; }
  .u-flex--s1440-19 {
    flex-basis: 79.16667%;
    max-width: 79.16667%; }
  .u-flex--s1440-20 {
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .u-flex--s1440-21 {
    flex-basis: 87.5%;
    max-width: 87.5%; }
  .u-flex--s1440-22 {
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .u-flex--s1440-23 {
    flex-basis: 95.83333%;
    max-width: 95.83333%; }
  .u-flex--s1440-24 {
    flex-basis: 100%;
    max-width: 100%; } }

@media screen and (min-width: 1920px) {
  .u-flex--s1920-1 {
    flex-basis: 4.16667%;
    max-width: 4.16667%; }
  .u-flex--s1920-2 {
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .u-flex--s1920-3 {
    flex-basis: 12.5%;
    max-width: 12.5%; }
  .u-flex--s1920-4 {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .u-flex--s1920-5 {
    flex-basis: 20.83333%;
    max-width: 20.83333%; }
  .u-flex--s1920-6 {
    flex-basis: 25%;
    max-width: 25%; }
  .u-flex--s1920-7 {
    flex-basis: 29.16667%;
    max-width: 29.16667%; }
  .u-flex--s1920-8 {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .u-flex--s1920-9 {
    flex-basis: 37.5%;
    max-width: 37.5%; }
  .u-flex--s1920-10 {
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .u-flex--s1920-11 {
    flex-basis: 45.83333%;
    max-width: 45.83333%; }
  .u-flex--s1920-12 {
    flex-basis: 50%;
    max-width: 50%; }
  .u-flex--s1920-13 {
    flex-basis: 54.16667%;
    max-width: 54.16667%; }
  .u-flex--s1920-14 {
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .u-flex--s1920-15 {
    flex-basis: 62.5%;
    max-width: 62.5%; }
  .u-flex--s1920-16 {
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .u-flex--s1920-17 {
    flex-basis: 70.83333%;
    max-width: 70.83333%; }
  .u-flex--s1920-18 {
    flex-basis: 75%;
    max-width: 75%; }
  .u-flex--s1920-19 {
    flex-basis: 79.16667%;
    max-width: 79.16667%; }
  .u-flex--s1920-20 {
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .u-flex--s1920-21 {
    flex-basis: 87.5%;
    max-width: 87.5%; }
  .u-flex--s1920-22 {
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .u-flex--s1920-23 {
    flex-basis: 95.83333%;
    max-width: 95.83333%; }
  .u-flex--s1920-24 {
    flex-basis: 100%;
    max-width: 100%; } }

.u-hidden-scroll {
  height: 100%;
  overflow: hidden; }
  .u-hidden-scroll-content {
    box-sizing: content-box;
    height: 100%;
    overflow-y: auto;
    padding-right: 20px;
    width: 100%; }

.u-scroll {
  overflow-y: auto; }

.u-noscroll {
  overflow: hidden; }

.u-align-center {
  text-align: center; }

.u-align-left {
  text-align: left; }

.u-align-right {
  text-align: right; }

.u-uppercase {
  text-transform: uppercase; }

.u-bold {
  font-family: "Conv_ITCAvantGardeStd-Demi";
  font-weight: 700; }

.u-clearfix::after, .u-clearfix::before {
  content: " ";
  display: table; }

.u-clearfix::after {
  clear: both; }

.u-fullwidth {
  width: 100%; }

.u-video-fullwidth {
  height: 0;
  padding-bottom: 56.25%;
  /* 16:9 */
  position: relative; }
  .u-video-fullwidth iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

.u-center {
  margin: 0 auto; }

.u-text-center {
  text-align: center; }

.u-no-margin {
  margin: 0; }

.u-fullheight {
  height: auto;
  min-height: 100%; }

.u-icon svg {
  fill: currentColor;
  height: 32px;
  width: 32px; }

.u-mb-s {
  margin-bottom: 1.5rem; }

.u-mb-m {
  margin-bottom: 1.5rem; }
  @media screen and (min-width: 768px) {
    .u-mb-m {
      margin-bottom: 3rem; } }

.u-mb-l {
  margin-bottom: 3rem; }
  @media screen and (min-width: 768px) {
    .u-mb-l {
      margin-bottom: 4.5rem; } }

.u-underline {
  text-align: center; }
  .u-underline span {
    display: inline-block;
    padding-bottom: 2.25rem;
    position: relative; }
    .u-underline span::after {
      border-bottom: 1px solid #e0001c;
      bottom: 0;
      content: '';
      display: block;
      height: 1px;
      left: 0;
      position: absolute;
      width: 100%; }

.u-hide-mobile {
  display: none; }
  @media screen and (min-width: 960px) {
    .u-hide-mobile {
      display: block; } }

.u-show-mobile {
  display: block; }
  @media screen and (min-width: 960px) {
    .u-show-mobile {
      display: none !important; } }

.u-sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.rr-eroski {
  color: #000;
  font-family: "ITCAvantGardeStd-bk", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.5;
  position: relative;
  /* stylelint-disable */ }
  .rr-eroski button {
    background: none repeat scroll 0 0 transparent; }
  .rr-eroski .button {
    align-items: center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: linear-gradient(to bottom, transparent 50%, #000 50%);
    background-position: 0% 0%;
    background-size: 100% 200%;
    border: #fff 1px solid;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: "ITCAvantGardeStd-Demi", Arial, Helvetica, sans-serif;
    font-size: 1.125em;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 1.5rem;
    overflow: visible;
    padding: .5rem .5rem .5rem 1rem;
    text-align: center;
    text-decoration: none;
    transition: background .4s ease-in-out, color .4s ease-in-out;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none; }
    .rr-eroski .button:hover {
      background-position: 0 100%;
      border: 1px solid #000; }
    .rr-eroski .button--dark {
      background-color: #000;
      border: #000 1px solid; }
    .rr-eroski .button--light:hover {
      background-color: #fff;
      background-position: 100% 0;
      border: #fff 1px solid;
      color: #000; }
    .rr-eroski .button--disabled {
      cursor: not-allowed;
      padding-right: 10px;
      pointer-events: none; }
    @media screen and (min-width: 480px) {
      .rr-eroski .button {
        width: auto; } }
    .rr-eroski .button::-moz-focus-inner {
      border: 0;
      padding: 0; }
    .rr-eroski .button__icon {
      margin: 0 0 0 .5rem; }
      .rr-eroski .button__icon svg {
        height: 1.125em;
        width: 1.125em; }
    .rr-eroski .button__label {
      padding-top: 0.375rem; }
  .rr-eroski input.button {
    -webkit-appearance: button; }
  .rr-eroski button:disabled,
  .rr-eroski .button--state-disabled {
    background: none;
    color: #e0001c;
    cursor: not-allowed;
    pointer-events: none; }
  .rr-eroski .heading {
    background-color: #fff;
    color: #000;
    width: 100%; }
    @media screen and (min-width: 960px) {
      .rr-eroski .heading {
        padding: 0 10%; } }
    .rr-eroski .heading__title {
      color: #fff;
      font-size: 20px;
      font-weight: 800;
      line-height: 1.5;
      margin-bottom: 3rem;
      padding: 0 0.75rem;
      text-align: center; }
    .rr-eroski .heading__image {
      margin: 0 auto;
      margin-bottom: 2.25rem; }
    .rr-eroski .heading--black {
      background-color: #000;
      color: #fff; }
    .rr-eroski .heading__icon {
      height: 200px;
      width: 200px; }
    .rr-eroski .heading__icon::after, .rr-eroski .heading__icon::before {
      border-bottom: 1px solid #fff;
      bottom: 18px;
      content: "";
      display: inline-block;
      height: 1px;
      max-width: 250px;
      position: relative;
      width: 30vw; }
    .rr-eroski .heading svg {
      margin: 0 1.5rem; }
  .rr-eroski .product-tooltip {
    padding: 0 0 1.5em 0;
    position: relative; }
    .rr-eroski .product-tooltip a {
      font-weight: 800; }
    .rr-eroski .product-tooltip__trigger {
      display: none; }
      @media screen and (min-width: 960px) {
        .rr-eroski .product-tooltip__trigger {
          background: #fff;
          border-radius: 50%;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);
          display: block;
          height: 1.875em;
          left: 0;
          position: absolute;
          top: 0;
          transition: all .2s;
          width: 1.875em;
          z-index: 2; }
          .rr-eroski .product-tooltip__trigger::before, .rr-eroski .product-tooltip__trigger::after {
            background: #e0001c;
            bottom: auto;
            content: '';
            left: 50%;
            position: absolute;
            right: auto;
            top: 50%;
            transform: translate(-50%, -50%);
            transition: transform .2s; }
          .rr-eroski .product-tooltip__trigger::before {
            height: 0.75em;
            width: 0.125em; }
          .rr-eroski .product-tooltip__trigger::after {
            height: 0.125em;
            width: 0.75em; } }
    .rr-eroski .product-tooltip__image {
      height: 8.75rem;
      width: 11.25rem; }
      @media screen and (min-width: 960px) {
        .rr-eroski .product-tooltip__image {
          min-width: initial;
          width: 40%; } }
      .rr-eroski .product-tooltip__image img {
        height: 70%;
        margin: 0 auto;
        object-fit: contain; }
        @media screen and (min-width: 960px) {
          .rr-eroski .product-tooltip__image img {
            height: 100%; } }
    .rr-eroski .product-tooltip__body {
      height: 100%;
      overflow-y: auto;
      padding: 0 1.5rem 0 0;
      width: 70%; }
      @media screen and (min-width: 960px) {
        .rr-eroski .product-tooltip__body {
          padding: 1.5rem 1.5rem 0 0;
          width: 60%; } }
    .rr-eroski .product-tooltip__content {
      display: flex; }
      @media screen and (min-width: 960px) {
        .rr-eroski .product-tooltip__content {
          background-color: rgba(255, 255, 255, 0.85);
          bottom: 100%;
          height: auto;
          left: 50%;
          margin: 0 0 0.75rem -11.5625rem;
          min-height: 11.25rem;
          opacity: 0;
          -webkit-overflow-scrolling: touch;
          padding: 0.75rem;
          position: absolute;
          transition: opacity .3s 0s, visibility 0s .3s, transform .3s 0s, top .3s 0s, bottom .3s 0s, left .3s 0s, right .3s 0s;
          visibility: hidden;
          width: 25rem;
          z-index: 3; }
          .rr-eroski .product-tooltip__content::after {
            border-color: rgba(255, 255, 255, 0.85) transparent transparent transparent;
            border-style: solid;
            border-width: 0.75em 0.75em 0 0.75em;
            bottom: -0.75em;
            content: '';
            height: 0;
            left: 50%;
            margin: 0 0 0 -0.75em;
            position: absolute;
            width: 0; } }
    @media screen and (min-width: 960px) {
      .rr-eroski .product-tooltip::after {
        animation: pulse 2s infinite;
        background-color: transparent;
        border-radius: 50%;
        content: '';
        height: 1.875em;
        left: 0;
        position: absolute;
        top: 0;
        width: 1.875em;
        z-index: 1; }
      .rr-eroski .product-tooltip--state-active::after {
        display: none; }
      .rr-eroski .product-tooltip--state-active .product-tooltip__trigger {
        background: #e0001c;
        transform: rotate(135deg); }
        .rr-eroski .product-tooltip--state-active .product-tooltip__trigger::before, .rr-eroski .product-tooltip--state-active .product-tooltip__trigger::after {
          background: #fff; }
      .rr-eroski .product-tooltip--state-active .product-tooltip__content {
        opacity: 1;
        transform: scale(1);
        transition: opacity .3s 0s, visibility 0s 0s, transform .3s 0s, top .3s 0s, bottom .3s 0s, left .3s 0s, right .3s 0s;
        visibility: visible; } }

@keyframes pulse {
  0% {
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8);
    transform: scale(1); }
  50% {
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8); }
  100% {
    box-shadow: inset 0 0 1px 1px rgba(224, 0, 28, 0);
    transform: scale(1.7); } }

@-webkit-keyframes pulse {
  0% {
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8);
    -webkit-transform: scale(1); }
  50% {
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8); }
  100% {
    box-shadow: inset 0 0 1px 1px rgba(224, 0, 28, 0);
    -webkit-transform: scale(1.7); } }

@-moz-keyframes pulse {
  0% {
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8);
    -moz-transform: scale(1); }
  50% {
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8); }
  100% {
    box-shadow: inset 0 0 1px 1px rgba(224, 0, 28, 0);
    -moz-transform: scale(1.7); } }
  .rr-eroski .product {
    color: #000; }
    .rr-eroski .product, .rr-eroski .product__description {
      font-size: 1em; }
    .rr-eroski .product__image {
      margin: 0 0 1.5em;
      max-height: 5em;
      max-width: 8.4375em; }
    .rr-eroski .product__title {
      font-weight: bold;
      margin: 0 0 0.75em; }
    .rr-eroski .product__wrapper {
      list-style: none;
      margin: 0 0 1.5em;
      padding: 0; }
    .rr-eroski .product__item {
      font-weight: 400;
      margin: 0 0 0.375em; }
      .rr-eroski .product__item::before {
        content: '•';
        margin-right: 5px; }
  .rr-eroski .video {
    cursor: pointer;
    position: relative;
    text-align: center; }
    .rr-eroski .video__wrapper {
      position: relative; }
    .rr-eroski .video__thumb {
      width: 100%; }
    .rr-eroski .video__iframe {
      position: absolute;
      z-index: 2; }
    .non-touch .rr-eroski .video:hover::after {
      opacity: .5; }
    .rr-eroski .video .heading {
      color: #fff;
      left: 50%;
      padding: 3em;
      pointer-events: none;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 2; }
    .rr-eroski .video .recipes__title {
      font-family: "Conv_ITCAvantGardeStd-Demi";
      font-size: 1.625rem;
      font-weight: 800;
      margin: 1.5rem 0 0;
      position: absolute;
      z-index: 2; }
      @media screen and (min-width: 480px) {
        .rr-eroski .video .recipes__title {
          font-size: 1.75rem; } }
    .rr-eroski .video--heading::after {
      content: '';
      display: none; }
    .rr-eroski .video--heading .heading::after {
      margin: 1.5rem auto 0;
      position: static;
      transform: none; }
    .rr-eroski .video--texture::before, .rr-eroski .video--texture-white::before {
      background-position: 0;
      background-repeat: repeat;
      content: '';
      height: 100%;
      left: 0;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 2; }
    .rr-eroski .video--texture::before {
      background-image: url("../img/video-texture-black.png"); }
    .rr-eroski .video--texture-white::before {
      background-image: url("../img/video-texture-white.png"); }
    .rr-eroski .video--state-playing .heading, .rr-eroski .video--state-playing::before {
      content: none;
      display: none; }
  .rr-eroski .recipe {
    color: #fff; }
    .rr-eroski .recipe:not(:last-child) {
      margin-bottom: 6rem; }
    @media screen and (min-width: 768px) {
      .rr-eroski .recipe {
        margin-bottom: 0 !important; }
        .rr-eroski .recipe:not(:last-child) {
          margin-right: 4.5rem; } }
    .rr-eroski .recipe__image img {
      display: block;
      width: 100%; }
    .rr-eroski .recipe__content {
      background-color: #424142;
      padding: 3rem; }
      @media screen and (min-width: 768px) {
        .rr-eroski .recipe__content {
          padding: 4.5rem; } }
      .rr-eroski .recipe__content .button {
        background-image: none;
        background-color: rgba(0, 0, 0, 0.2);
        margin-bottom: 0;
        padding: 1.5rem 6rem;
        transition: background-color .2s ease-in; }
        .rr-eroski .recipe__content .button:hover {
          background-color: black;
          border: 1px solid #fff; }
    .rr-eroski .recipe__title {
      font-family: "ITCAvantGardeStd-bk", Arial, Helvetica, sans-serif;
      font-size: 28px;
      letter-spacing: 0;
      text-transform: none; }
  .rr-eroski .bcc {
    color: #000;
    width: 100%; }
    .rr-eroski .bcc__logo {
      align-items: center;
      display: flex;
      justify-content: center;
      margin-bottom: 2.25rem; }
      .rr-eroski .bcc__logo img {
        max-width: 360px;
        width: 100%; }
    .rr-eroski .bcc__description {
      background-color: #e9e9e9;
      padding: 3rem 0 4.5rem;
      position: relative;
      text-align: center; }
      .rr-eroski .bcc__description svg {
        max-width: 100%; }
    .rr-eroski .bcc__text {
      margin: 1.5rem 0;
      text-align: left; }
      @media screen and (min-width: 768px) {
        .rr-eroski .bcc__text {
          padding-right: 1rem; } }
      @media screen and (min-width: 960px) {
        .rr-eroski .bcc__text {
          padding-left: 3rem;
          padding-right: 1rem; } }
    .rr-eroski .bcc__image {
      padding: 1.5rem; }
      .rr-eroski .bcc__image img {
        margin: 0 auto;
        max-width: 100%; }
    .rr-eroski .bcc__title {
      font-size: 20px;
      font-weight: 800;
      margin-bottom: 3rem;
      margin-top: 1.5rem; }
      @media screen and (min-width: 768px) {
        .rr-eroski .bcc__title {
          margin-bottom: 3rem; } }
  .rr-eroski .billboard {
    font-size: 1.5rem;
    height: 100%;
    position: relative;
    width: 100%; }
    .rr-eroski .billboard img {
      margin: auto;
      max-width: 100%; }
    .rr-eroski .billboard__content {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      min-height: 378px; }
      @media screen and (min-width: 768px) {
        .rr-eroski .billboard__content {
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          min-height: 325px; } }
      @media screen and (min-width: 1024px) {
        .rr-eroski .billboard__content {
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover; } }
      @media screen and (min-width: 1920px) {
        .rr-eroski .billboard__content {
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          min-height: 812px; } }
    .rr-eroski .billboard__icons {
      padding: 0;
      width: 100%; }
      @media screen and (min-width: 768px) {
        .rr-eroski .billboard__icons {
          padding: 6rem 3rem;
          width: 90%; } }
      @media screen and (min-width: 1024px) {
        .rr-eroski .billboard__icons {
          width: 80%; } }
      @media screen and (min-width: 1280px) {
        .rr-eroski .billboard__icons {
          width: 50%; } }
    .rr-eroski .billboard__seleqtia {
      background-image: url("../img/billboard_mobile.jpg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      color: #fff;
      height: inherit;
      line-height: 1;
      padding: 1.5rem 1.5rem 0.75rem 1.5rem;
      position: relative;
      text-align: left;
      width: 100%; }
      @media screen and (min-width: 768px) {
        .rr-eroski .billboard__seleqtia {
          background-color: #000;
          background-image: none;
          width: 35%; } }
      @media screen and (min-width: 1024px) {
        .rr-eroski .billboard__seleqtia {
          width: 40%; } }
      @media screen and (min-width: 1280px) {
        .rr-eroski .billboard__seleqtia {
          padding: 2.25rem 1.5rem 2.25rem 1.5rem;
          width: 50%; } }
      @media screen and (min-width: 1920px) {
        .rr-eroski .billboard__seleqtia {
          padding: 4.5rem 3rem 4.5rem 3rem; } }
      .rr-eroski .billboard__seleqtia__info {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-around; }
      .rr-eroski .billboard__seleqtia__logo {
        position: relative;
        z-index: 1; }
        .rr-eroski .billboard__seleqtia__logo svg {
          height: 2.75rem;
          max-width: 100%;
          width: 8.9375rem; }
          @media screen and (min-width: 768px) {
            .rr-eroski .billboard__seleqtia__logo svg {
              height: 60px;
              width: 196px; } }
          @media screen and (min-width: 1920px) {
            .rr-eroski .billboard__seleqtia__logo svg {
              height: 90px;
              width: 250px; } }
        .rr-eroski .billboard__seleqtia__logo::after {
          background: url("./img/bcc_logo.png") no-repeat;
          content: "";
          height: 76px;
          position: absolute;
          right: 10px;
          top: 50%;
          transform: translateY(-50%);
          width: 76px; }
          @media screen and (min-width: 768px) {
            .rr-eroski .billboard__seleqtia__logo::after {
              display: none; } }
      .rr-eroski .billboard__seleqtia__img {
        display: none; }
        @media screen and (min-width: 768px) {
          .rr-eroski .billboard__seleqtia__img {
            display: block;
            width: 60px; } }
        @media screen and (min-width: 960px) {
          .rr-eroski .billboard__seleqtia__img {
            display: block;
            width: auto; } }
      .rr-eroski .billboard__seleqtia__text {
        font-family: "ITCAvantGardeStd-Demi", Arial, Helvetica, sans-serif;
        font-size: 1.25rem;
        line-height: 1.25rem;
        margin: 0;
        padding: 9rem 0 0;
        position: relative;
        width: 100%; }
        @media screen and (min-width: 768px) {
          .rr-eroski .billboard__seleqtia__text {
            font-size: 1rem;
            margin: inherit;
            padding: 0; } }
        @media screen and (min-width: 1024px) {
          .rr-eroski .billboard__seleqtia__text {
            font-size: 1.125rem; } }
        @media screen and (min-width: 1920px) {
          .rr-eroski .billboard__seleqtia__text {
            font-size: 1.875rem;
            line-height: 2rem; } }
        .rr-eroski .billboard__seleqtia__text span {
          font-weight: bold; }
          @media screen and (min-width: 768px) {
            .rr-eroski .billboard__seleqtia__text span {
              display: block; } }
      .rr-eroski .billboard__seleqtia::before {
        background-image: linear-gradient(#000, transparent 40%, transparent 70%, #000);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%; }
        @media screen and (min-width: 768px) {
          .rr-eroski .billboard__seleqtia::before {
            background-image: none; } }
    .rr-eroski .billboard__offer {
      background-color: #e42230;
      width: 100%; }
      .rr-eroski .billboard__offer img {
        margin: 0 auto;
        width: 100%; }
        @media screen and (min-width: 768px) {
          .rr-eroski .billboard__offer img {
            margin-top: -7px;
            width: 100%; } }
        @media screen and (min-width: 960px) {
          .rr-eroski .billboard__offer img {
            margin-top: -10px;
            width: 100%; } }
        @media screen and (min-width: 1280px) {
          .rr-eroski .billboard__offer img {
            margin-top: -10px;
            width: 100%; } }
        @media screen and (min-width: 1500px) {
          .rr-eroski .billboard__offer img {
            margin-top: -10px; } }
      @media screen and (min-width: 768px) {
        .rr-eroski .billboard__offer {
          width: 35%; } }
      @media screen and (min-width: 1024px) {
        .rr-eroski .billboard__offer {
          width: 40%; } }
      @media screen and (min-width: 1280px) {
        .rr-eroski .billboard__offer {
          width: 50%; } }
  .rr-eroski .more-products {
    color: #000;
    padding-top: 3rem;
    position: relative;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .rr-eroski .more-products .u-wrapper-margin {
        margin-left: 0;
        margin-right: 0; } }
    .rr-eroski .more-products__image {
      margin-bottom: 55px;
      width: 100%; }
      @media screen and (min-width: 960px) {
        .rr-eroski .more-products__image {
          margin-bottom: 0; } }
    .rr-eroski .more-products .heading__title {
      color: #000; }
    .rr-eroski .more-products__card1 {
      color: #fff;
      position: relative;
      text-align: left; }
      @media screen and (min-width: 960px) {
        .rr-eroski .more-products__card1 {
          color: #000;
          position: absolute !important; } }
    .rr-eroski .more-products__card2 {
      color: #fff;
      position: relative;
      text-align: left; }
      @media screen and (min-width: 960px) {
        .rr-eroski .more-products__card2 {
          color: #000;
          position: absolute !important; } }
    .rr-eroski .more-products__card3 {
      color: #fff;
      position: relative;
      text-align: left; }
      @media screen and (min-width: 960px) {
        .rr-eroski .more-products__card3 {
          color: #000;
          position: absolute !important; } }
    .rr-eroski .more-products__card4 {
      color: #fff;
      position: relative;
      text-align: left; }
      @media screen and (min-width: 960px) {
        .rr-eroski .more-products__card4 {
          color: #000;
          position: absolute !important; } }
    .rr-eroski .more-products__card5 {
      color: #fff;
      position: relative;
      text-align: left; }
      @media screen and (min-width: 960px) {
        .rr-eroski .more-products__card5 {
          color: #000;
          position: absolute !important; } }
    .rr-eroski .more-products__card6 {
      color: #fff;
      position: relative;
      text-align: left; }
      @media screen and (min-width: 960px) {
        .rr-eroski .more-products__card6 {
          color: #000;
          position: absolute !important; } }
    .rr-eroski .more-products__card7 {
      color: #fff;
      position: relative;
      text-align: left; }
      @media screen and (min-width: 960px) {
        .rr-eroski .more-products__card7 {
          color: #000;
          position: absolute !important; } }
    .rr-eroski .more-products__card8 {
      color: #fff;
      position: relative;
      text-align: left; }
      @media screen and (min-width: 960px) {
        .rr-eroski .more-products__card8 {
          color: #000;
          position: absolute !important; } }
    .rr-eroski .more-products__card9 {
      color: #fff;
      position: relative;
      text-align: left; }
      @media screen and (min-width: 960px) {
        .rr-eroski .more-products__card9 {
          color: #000;
          position: absolute !important; } }
    .rr-eroski .more-products__card10 {
      color: #fff;
      position: relative;
      text-align: left; }
      @media screen and (min-width: 960px) {
        .rr-eroski .more-products__card10 {
          color: #000;
          position: absolute !important; } }
    .rr-eroski .more-products__card11 {
      color: #fff;
      position: relative;
      text-align: left; }
      @media screen and (min-width: 960px) {
        .rr-eroski .more-products__card11 {
          color: #000;
          position: absolute !important; } }
    .rr-eroski .more-products__card12 {
      color: #fff;
      position: relative;
      text-align: left; }
      @media screen and (min-width: 960px) {
        .rr-eroski .more-products__card12 {
          color: #000;
          position: absolute !important; } }
    .rr-eroski .more-products__card13 {
      color: #fff;
      position: relative;
      text-align: left; }
      @media screen and (min-width: 960px) {
        .rr-eroski .more-products__card13 {
          color: #000;
          position: absolute !important; } }
    .rr-eroski .more-products__card14 {
      color: #fff;
      position: relative;
      text-align: left; }
      @media screen and (min-width: 960px) {
        .rr-eroski .more-products__card14 {
          color: #000;
          position: absolute !important; } }
    .rr-eroski .more-products__card15 {
      color: #fff;
      position: relative;
      text-align: left; }
      @media screen and (min-width: 960px) {
        .rr-eroski .more-products__card15 {
          color: #000;
          position: absolute !important; } }
    .rr-eroski .more-products__section {
      padding: 0; }
      @media screen and (min-width: 768px) {
        .rr-eroski .more-products__section {
          padding: 0 0.75rem 4.5rem; } }
    .rr-eroski .more-products__item {
      padding: 0; }
      @media screen and (min-width: 768px) {
        .rr-eroski .more-products__item {
          margin: 0 auto;
          max-width: 1200px;
          padding: 0 0.75rem 0.75rem;
          position: relative; } }
    @media screen and (min-width: 960px) {
      .rr-eroski .more-products__card1 {
        left: 58%;
        top: 67%; } }
    @media screen and (min-width: 960px) {
      .rr-eroski .more-products__card2 {
        left: 32%;
        top: 22%; } }
    @media screen and (min-width: 960px) {
      .rr-eroski .more-products__card3 {
        left: 50%;
        top: 19%; } }
    @media screen and (min-width: 960px) {
      .rr-eroski .more-products__card4 {
        left: 58%;
        top: 40%; } }
    @media screen and (min-width: 960px) {
      .rr-eroski .more-products__card5 {
        left: 74%;
        top: 68%; } }
    @media screen and (min-width: 960px) {
      .rr-eroski .more-products__card6 {
        left: 25%;
        top: 60%; } }
    @media screen and (min-width: 960px) {
      .rr-eroski .more-products__card7 {
        left: 44.5%;
        top: 45%; } }
    .rr-eroski .more-products__cta {
      background-image: none;
      border: 0;
      color: #d60b1c;
      padding: 0; }
      .rr-eroski .more-products__cta:hover {
        background-position: 0;
        border: 0;
        color: #b81321; }
  @media screen and (min-width: 768px) {
    .rr-eroski .seleqtia-banner {
      background: #14253a url("../img/bg-banner-seleqtia.jpg") 50% no-repeat;
      background-size: cover;
      color: #fff;
      padding: 9rem 0;
      position: relative;
      text-align: center;
      width: 100%; } }
  .rr-eroski .seleqtia-banner__img {
    width: 100%; }
  @media screen and (min-width: 768px) {
    .rr-eroski .seleqtia-banner__logo {
      bottom: 8%;
      position: absolute;
      right: 2%; } }
  .rr-eroski .Slider {
    padding-bottom: 3rem;
    padding-top: 3rem; }
    .rr-eroski .Slider .slick-slider {
      margin-top: 1rem; }
    .rr-eroski .Slider .heading__title {
      color: #000;
      font-weight: 800;
      margin-bottom: 0;
      padding: 1.5rem;
      text-align: center; }
    @media screen and (min-width: 960px) {
      .rr-eroski .Slider__wrapper {
        padding: 0 10%; } }
    @media screen and (min-width: 1024px) {
      .rr-eroski .Slider__wrapper {
        padding: 0 20%; } }
    .rr-eroski .Slider__slide {
      background: url("../img/slider/testimonial-line.jpg") no-repeat;
      background-position: bottom; }
    .rr-eroski .Slider__slideButton {
      margin-bottom: 0.75rem; }
    .rr-eroski .Slider__slideTitle {
      color: #000;
      font-size: 1.125em;
      font-weight: bold;
      margin-bottom: 0.375rem;
      padding: 0 1.5rem; }
    .rr-eroski .Slider__slideDescription {
      margin-bottom: 0.75rem; }
  .rr-eroski .Slider {
    margin: auto;
    background: #fff;
    position: relative; }
    .rr-eroski .Slider:after, .rr-eroski .Slider .buttons::after {
      clear: both;
      content: "";
      display: table; }
    .rr-eroski .Slider .center .slick-slide img {
      -webkit-transition: all .5s ease-in-out;
      -moz-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      -moz-transform: scale(0.5) translateY(-60px);
      -ms-transform: scale(0.5) translateY(-60px);
      -o-transform: scale(0.5) translateY(-60px);
      -webkit-transform: scale(0.5) translateY(-60px);
      transform: scale(0.5) translateY(-60px); }
    .rr-eroski .Slider .center .neighbour img {
      -moz-transform: scale(0.75) translateY(-40px);
      -ms-transform: scale(0.75) translateY(-40px);
      -o-transform: scale(0.75) translateY(-40px);
      -webkit-transform: scale(0.75) translateY(-40px);
      transform: scale(0.75) translateY(-40px); }
    .rr-eroski .Slider .center .slick-center img {
      -moz-transform: scale(1) translateY(0px);
      -ms-transform: scale(1) translateY(0px);
      -o-transform: scale(1) translateY(0px);
      -webkit-transform: scale(1) translateY(0px);
      transform: scale(1) translateY(0px); }
    .rr-eroski .Slider .slick-slide {
      height: auto;
      border: 0px solid red;
      width: 200px;
      margin: 0px 15px;
      position: relative;
      padding: 170px 10px 0px; }
    .rr-eroski .Slider .slick-slide .image {
      padding: 10px; }
    .rr-eroski .Slider .slick-list {
      margin: 0 -1.5rem; }
    .rr-eroski .Slider .slick-slide img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      max-width: 100%; }
      @media screen and (min-width: 768px) {
        .rr-eroski .Slider .slick-slide img {
          max-width: auto;
          width: 100%; } }
    .rr-eroski .Slider .slick-slide img.slick-loading {
      border: 0; }
    .rr-eroski .Slider .slick-prev,
    .rr-eroski .Slider .slick-next {
      font-size: 0;
      line-height: 0;
      position: absolute;
      top: 50%;
      display: block;
      width: 20px;
      height: 20px;
      margin-top: -10px;
      padding: 0;
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      background: transparent; }
    .rr-eroski .Slider .slick-prev:hover:before,
    .rr-eroski .Slider .slick-next:hover:before {
      opacity: 1; }
    .rr-eroski .Slider .slick-prev.slick-disabled:before,
    .rr-eroski .Slider .slick-next.slick-disabled:before {
      opacity: .4; }
    .rr-eroski .Slider .slick-prev:before,
    .rr-eroski .Slider .slick-next:before {
      font-family: 'slick';
      font-size: 20px;
      line-height: 1;
      color: white;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .rr-eroski .Slider .slick-prev {
      left: 0;
      z-index: 100;
      height: 100%;
      width: 30px;
      top: 0; }
    .rr-eroski .Slider .slick-next {
      right: 0px;
      z-index: 100;
      height: 100%;
      width: 30px;
      top: 0; }
    .rr-eroski .Slider .slick-prev:before {
      content: url("../img/slider/slider-arrow-mobile.png");
      display: inline-block;
      color: #000;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      top: 80px;
      position: relative; }
      @media screen and (min-width: 768px) {
        .rr-eroski .Slider .slick-prev:before {
          position: initial;
          top: initial; } }
    .rr-eroski .Slider .slick-next:before {
      content: url("../img/slider/slider-arrow-right-mobile.png");
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      display: inline-block;
      color: #000;
      top: 80px;
      position: relative; }
      @media screen and (min-width: 768px) {
        .rr-eroski .Slider .slick-next:before {
          position: initial;
          top: initial; } }
    .rr-eroski .Slider .Slider__slide {
      opacity: 0;
      position: absolute;
      width: 310px;
      padding: 0px;
      margin: 0 auto;
      top: 60px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      color: #909094;
      font-family: "ITCAvantGardeStd-bk", Arial, Helvetica, sans-serif;
      text-align: center;
      line-height: units(22px);
      font-size: units(14px);
      -moz-transform: scale(0.75) translateX(-50%) translateY(60px);
      -ms-transform: scale(0.75) translateX(-50%) translateY(60px);
      -o-transform: scale(0.75) translateX(-50%) translateY(60px);
      -webkit-transform: scale(0.75) translateX(-50%) translateY(60px);
      transform: scale(0.75) translateX(-50%) translateY(60px);
      -webkit-transition: all .5s ease-out;
      -moz-transition: all .5s ease-out;
      -o-transition: all .5s ease-out;
      transition: all .5s ease-out; }
    .rr-eroski .Slider .slick-center .Slider__slide {
      opacity: 1;
      -moz-transform: scale(1) translateX(-50%) translateY(-30px);
      -ms-transform: scale(1) translateX(-50%) translateY(-30px);
      -o-transform: scale(1) translateX(-50%) translateY(-30px);
      -webkit-transform: scale(1) translateX(-50%) translateY(-30px);
      transform: scale(1) translateX(-50%) translateY(-30px); }
    @media screen and (min-width: 768px) {
      .rr-eroski .Slider .slick-slide {
        margin: 10px -15px 0px; }
      .rr-eroski .Slider .slick-prev:before {
        content: url("../img/slider/slider-arrow.png"); }
      .rr-eroski .Slider .slick-next:before {
        content: url("../img/slider/slider-arrow-right.png"); }
      .rr-eroski .Slider .Slider__slide {
        width: 385px; }
        .rr-eroski .Slider .Slider__slide .text {
          line-height: 1.6em; }
        .rr-eroski .Slider .Slider__slide strong {
          font-size: units(16px); }
      .rr-eroski .Slider .slick-list {
        margin: 0; } }
  .rr-eroski .videos {
    background-color: #000;
    padding: 4.5rem 0 0; }
    .rr-eroski .videos__video {
      margin: 0 0 1.5rem 0;
      padding: 0;
      width: 100%; }
    .rr-eroski .videos__iframe {
      margin: auto;
      padding: 0 2.25rem; }
    .rr-eroski .videos__wrapper {
      color: #fff;
      padding-bottom: 4.5rem; }
    .rr-eroski .videos__description {
      background-color: #000;
      color: #fff;
      padding: 4.5rem 2.25rem; }
      @media screen and (min-width: 768px) {
        .rr-eroski .videos__description {
          padding: 4.5rem 2.25rem 4.5rem 1.5rem;
          width: 50%; } }
      .rr-eroski .videos__description-list {
        font-family: "ITCAvantGardeStd-bk", Arial, Helvetica, sans-serif;
        list-style: disc;
        text-align: left; }
        @media screen and (min-width: 768px) {
          .rr-eroski .videos__description-list {
            margin-left: 3.75rem; }
            .rr-eroski .videos__description-list li {
              margin-bottom: 0.75rem; } }
    .rr-eroski .videos__content {
      display: inline-block; }
    .rr-eroski .videos__title {
      font-family: "Conv_ITCAvantGardeStd-Demi";
      font-size: 1.125rem;
      font-weight: 800;
      text-align: center; }
      @media screen and (min-width: 768px) {
        .rr-eroski .videos__title {
          text-align: left; } }
    .rr-eroski .videos__arrow {
      margin-right: 0.75rem;
      max-width: 10%; }
      .rr-eroski .videos__arrow--mob {
        display: inline-block;
        margin-bottom: 3rem; }
        @media screen and (min-width: 768px) {
          .rr-eroski .videos__arrow--mob {
            display: none; } }
        .rr-eroski .videos__arrow--mob svg {
          height: 80px;
          width: 80px; }
      .rr-eroski .videos__arrow--desk {
        display: none;
        float: left;
        transform: rotate(8deg); }
        @media screen and (min-width: 768px) {
          .rr-eroski .videos__arrow--desk {
            display: inline-block; } }
        .rr-eroski .videos__arrow--desk svg {
          height: auto;
          margin-right: 1.5rem;
          width: 70px; }
  .rr-eroski .recipes {
    background-color: #000;
    padding: 4.5rem 0; }
  .rr-eroski .cintillo {
    background-color: #e30513;
    padding: 2.25rem 0 3rem 0; }
    @media screen and (min-width: 768px) {
      .rr-eroski .cintillo {
        padding: 1.875rem 0; } }
    .rr-eroski .cintillo__button {
      margin: 1.5rem 0 0; }
      .rr-eroski .cintillo__button .button {
        background: #fff;
        color: #e30513;
        display: inline-block;
        line-height: 1;
        margin: 0;
        padding: 1rem 1.5rem 1rem 1.5rem;
        text-decoration: none; }
        .rr-eroski .cintillo__button .button:hover {
          border: 1px solid transparent; }
    .rr-eroski .cintillo img {
      margin: 0 auto; }
      @media screen and (min-width: 768px) {
        .rr-eroski .cintillo img {
          max-height: 100px; } }

