@charset "UTF-8";
/**
 * The RAW Research specific stylesheet
 */
/**
 * Set to false so the base style rules will be not included.
 * Files without this variable being explicitly set to true will __not__ include base style rules by default.
 */
/**
 * Variable to use when an adyenStyleSheet is generated.
 * @type {boolean}
 */
/**
 * Variables to use for excluding certain files (to have smaller file-sizes when base styles are included in page specific stylesheets (e.g Adyen skin))
 * @type {boolean}
 */
/**
 * Default path variables
 */
/**
 * Fonts base
 */
/**
 * Media query breakpoint
 */
/**
 * LAYOUT / GRID
 */
/**
 * Base font
 */
/**
 * Mostly used for headings
 */
/**
 * Locale specific fonts
 */
/**
 * Campaign
 */
/**
 * Font properties
 */
/**
 * Colors are sorted from light to dark
 *
 * Naming convention:
 * $prefix-colorname-orderbyshade
 *
 * Initially numbers are added by 10, so new color
 * shades between 2 existing color shades can easily by inserted.
 */
/*
  Styleguide 15-1 colors

  http://www.color-blindness.com/color-name-hue/

  naming based on the closest match
*/
/**
 * Grey
 */
/**
 * Blue
 */
/**
 * Red
 */
/**
 * Green
 */
/**
 * Orange
 */
/*
 * Campaigns/Themes
 */
/*
 * Social media
 */
/**
 * Others
 */
/**
 * LAYOUT / GRID (Legacy)
 */
/**
 * New grid specific variables (Opt release 6 / 10-2014)
 */
/*** Common variables ***/
/*** Column naming **/
/*** Intervals variables **/
/*** Ratios for images (and calculating column's height afterwards) ***/
/**
 * CHECKOUT SECTION SPECIFIC VARIABLES
 */
/**
 * Calculating ratio
 */
/**
 * Creating columns
 */
/** 
 * Creating row based column heights
 */
/** 
 * Creating row based column double heights
 */
/** 
 * Creating row based vertical column moves
 */
/* _____ SYSTEM TOOLS _____ */
/**
 * Generates a media query with either a min-width, max-width or both.
 *
 * If you supply a string as value for $min-width or $max-width the value will
 * be looked up in $breakpoints map.
 *
 * @param  $min-width    min width for mediaQuery (if null or 0 only max width will be used)
 * @param  $max-width    max width for mediaQuery (if null or 0 only min width will be used)
 * @return @content wrapped in @media block
 */
/**
 * Adds Bootstrap style is-hidden-{breakpoint} and is-visible-{breakpoint}
 * utilities but within the BEM guidelines
 *
 * @param $displayVisible: block
 */
/**
 * DOCSSA CORE helpers
 */
/**
 * UNIVERSAL HELPERS
 */
/**
 * This placeholder exists because it says something about why this behavior is added.
 *
 * If browser behavior changes but we would still like to apply hardware acceleration we
 * can change the behavior in one place (here ;)).
 */
.contentBlock--sale-category .contentBlock-body, .contentBlock--sale-text .contentBlock-body, .contentBlock--sale-category .contentBlock-body-link, .contentBlock--sale-text .contentBlock-body-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
.slideCarousel-title, .contentBlock--sale-category .contentBlock-body-title, .contentBlock--sale-text .contentBlock-body-title {
  font-family: "Gotham HCo", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1em;
  text-transform: none;
  /* Japanese */
  /* Chinese */ }
  :lang(ja) .slideCarousel-title, :lang(ja) .contentBlock--sale-category .contentBlock-body-title, .contentBlock--sale-category :lang(ja) .contentBlock-body-title, :lang(ja) .contentBlock--sale-text .contentBlock-body-title, .contentBlock--sale-text :lang(ja) .contentBlock-body-title {
    font-family: "Gotham HCo", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Arial, Helvetica, sans-serif; }
  :lang(zh) .slideCarousel-title, :lang(zh) .contentBlock--sale-category .contentBlock-body-title, .contentBlock--sale-category :lang(zh) .contentBlock-body-title, :lang(zh) .contentBlock--sale-text .contentBlock-body-title, .contentBlock--sale-text :lang(zh) .contentBlock-body-title {
    font-family: "Gotham HCo", "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", Arial, Helvetica, sans-serif; }
/**
 * Include heading font and set correct font-size and letter-spacing
 * @param  {int} $size  Number between 1 and 7
 */
/**
 * Set correct font-size and letter-spacing for heading font
 * @param  {int}     $size        Number between 1 and 7
 * @param  {boolean} $asVw        Include font size in vw unit
 * @param  {string}  $breakpoint  Optional, breakpoint for which to include unit
 */
.productListerTeaser-color {
  margin-bottom: 0;
  color: #999; }

.productListerTeaser-image {
  max-width: 100%; }

.slideCarousel .productListerTeaser {
  box-sizing: border-box; }
.slideCarousel .productListerTeaser-imageContainer {
  position: relative;
  display: block;
  margin-left: 2px; }

.productListerTeaser-title {
  max-width: none;
  width: auto;
  overflow: hidden;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .productListerTeaser-title a {
    color: #303030; }

.page--sale151 .productListerTeaser-price .productPrice--discountedOriginal {
  color: #999;
  text-decoration: line-through; }

.productListerTeaser-price .productPrice {
  color: #303030;
  font-weight: bold; }

.slideCarousel-controls-link {
  margin-top: 0; }

.slideCarousel-title {
  font-size: 40px;
  padding-top: 50px;
  padding-bottom: 35px;
  text-transform: none; }

.page--sale171 .productListerTeaser-price .productPrice--discountedOriginal {
  color: #999;
  text-decoration: line-through; }

.row--sale-header .contentBlock {
  background-color: #fff;
  border-top: 1px solid #f7f7f7; }
@media (max-width: 767px) {
  .row--sale-header .contentBlock-body {
    position: static !important; } }
.row--sale-header .contentBlock-body .contentBlock-bodyAlign {
  padding: 8% 0; }
  @media (min-width: 768px), print {
    .row--sale-header .contentBlock-body .contentBlock-bodyAlign {
      padding: 3.41796875% 0 3.90625%; } }
.row--sale-header .contentBlock-body-title,
.row--sale-header .contentBlock-body-subTitle {
  color: #ff0000;
  font-weight: 900; }
.row--sale-header .contentBlock-body-title {
  font-size: 20px; }
@media (max-width: 767px) {
  .row--sale-header .contentBlock-body-subTitle {
    font-size: 70px;
    font-size: 21.875vw; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .row--sale-header .contentBlock-body-subTitle {
    font-size: 105px;
    font-size: 13.671875vw; } }
@media (min-width: 1024px), print {
  .row--sale-header .contentBlock-body-subTitle {
    font-size: 130px;
    font-size: 12.6953125vw; } }
  @media (min-width: 1024px) and (min-width: 1250px), print and (min-width: 1250px), print and (min-width: 1024px), print {
    .row--sale-header .contentBlock-body-subTitle {
      transition: 0.25s all ease-in-out; } }

  @media (min-width: 1024px) and (min-width: 1250px) and (min-width: 1250px), print and (min-width: 1250px) and (min-width: 1250px), print and (min-width: 1024px) and (min-width: 1250px), print and (min-width: 1250px), print and (min-width: 1024px) and (min-width: 1250px), print and (min-width: 1250px), print and (min-width: 1024px), print {
    .has-open-sideNavigationByDefault .row--sale-header .contentBlock-body-subTitle {
      font-size: 130px;
      font-size: 10.2040816327vw; } }
  @media (min-width: 1024px) and (min-width: 1250px), print and (min-width: 1250px), print and (min-width: 1024px), print {
      .has-open-sideNavigation .row--sale-header .contentBlock-body-subTitle {
        font-size: 130px;
        font-size: 10.2040816327vw; } }

@media (max-width: 767px) {
  .row--sale-header .contentBlock-body-picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; } }
.row--sale-header .contentBlock-body-links {
  width: auto; }
  @media (max-width: 767px) {
    .row--sale-header .contentBlock-body-links {
      margin: 10% 0 0; } }
  @media (min-width: 768px), print {
    .row--sale-header .contentBlock-body-links {
      max-width: 750px;
      margin-top: 1.5%; } }
.row--sale-header .contentBlock-body-link {
  padding: 0;
  min-width: 0;
  border-width: 0;
  line-height: 1.4;
  color: #303030; }
  .has-mouse .row--sale-header .contentBlock-body-link:hover {
    background: none !important;
    color: #ff0000 !important; }
  @media (max-width: 767px) {
    .row--sale-header .contentBlock-body-link {
      display: block;
      position: relative;
      margin: 0;
      padding: 18px;
      border-bottom: 1px solid #dcdcdc;
      background: #f7f7f7; }
      .has-mouse .row--sale-header .contentBlock-body-link:hover {
        border-color: #dcdcdc !important;
        background: #f7f7f7 !important; }
        .has-mouse .row--sale-header .contentBlock-body-link:hover,
        .has-mouse .row--sale-header .contentBlock-body-link:hover .contentBlock-body-link-icon:before {
          color: #ff0000 !important; }
      .row--sale-header .contentBlock-body-link:active {
        border-color: #dcdcdc !important;
        background: #f7f7f7 !important; }
        .row--sale-header .contentBlock-body-link:active,
        .row--sale-header .contentBlock-body-link:active .contentBlock-body-link-icon:before {
          color: #ff0000 !important; } }
  @media (min-width: 768px), print {
    .row--sale-header .contentBlock-body-link:after {
      transition: opacity .15s linear;
      font-size: 14px; }
    .row--sale-header .contentBlock-body-link:not(:last-child):after {
      margin-left: 8px;
      margin-right: 2px;
      content: "/";
      color: #303030; }
    .row--sale-header .contentBlock-body-link.no-slash:after {
      opacity: 0; }
    .row--sale-header .contentBlock-body-link:first-child {
      margin-left: 18px; } }
.row--sale-header .contentBlock-body-link-icon {
  display: block;
  margin: 0;
  float: right; }
  .row--sale-header .contentBlock-body-link-icon:before {
    content: "\f110";
    font-size: 2em;
    color: #999; }
  @media (min-width: 768px), print {
    .row--sale-header .contentBlock-body-link-icon {
      display: none; } }

.contentBlock--sale-171 .contentBlock-bodyAlign {
  position: relative;
  overflow: hidden;
  vertical-align: bottom; }
@media (max-width: 767px) {
  .contentBlock--sale-171 .contentBlock-picture ~ .contentBlock-body .contentBlock-bodyAlign {
    padding: 3% 5% 15% 5%; } }
.contentBlock--sale-171 .contentBlock-body-picture {
  position: absolute;
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-position: 50% 100%;
  opacity: 1; }
.contentBlock--sale-171 .contentBlock-body-picture-image {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: none; }
.contentBlock--sale-171 .contentBlock-body-title,
.contentBlock--sale-171 .contentBlock-body-subTitle,
.contentBlock--sale-171 .contentBlock-body-text,
.contentBlock--sale-171 .contentBlock-body-links {
  position: relative;
  z-index: 2; }
.contentBlock--sale-171 .contentBlock-body-title,
.contentBlock--sale-171 .contentBlock-body-subTitle {
  color: #fff;
  font-weight: 900; }
.contentBlock--sale-171 .contentBlock-body-text {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1.6; }
.contentBlock--sale-171 .contentBlock-body-title {
  font-size: 20px; }
@media (max-width: 767px) {
  .contentBlock--sale-171 .contentBlock-body-subTitle {
    font-size: 70px;
    font-size: 21.875vw; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .contentBlock--sale-171 .contentBlock-bodyAlign--smWidth7 {
    padding: 1.5% 0 11.5% 0; }
    .contentBlock--sale-171 .contentBlock-bodyAlign--smWidth7 .contentBlock-body-subTitle {
      font-size: 105px;
      font-size: 13.671875vw; }
  .contentBlock--sale-171 .contentBlock-bodyAlign--smWidth5 {
    padding: 3% 0 17.25% 0; }
    .contentBlock--sale-171 .contentBlock-bodyAlign--smWidth5 .contentBlock-body-subTitle {
      font-size: 72.5px;
      font-size: 9.4401041667vw; } }
@media (min-width: 1024px), print {
  .contentBlock--sale-171 .contentBlock-bodyAlign--mdWidth6 {
    padding: 2% 0 7.5% 0; }
    .contentBlock--sale-171 .contentBlock-bodyAlign--mdWidth6 .contentBlock-body-subTitle {
      font-size: 120px;
      font-size: 11.71875vw; } }
    @media (min-width: 1024px) and (min-width: 1250px), print and (min-width: 1250px), print and (min-width: 1024px), print {
      .contentBlock--sale-171 .contentBlock-bodyAlign--mdWidth6 .contentBlock-body-subTitle {
        transition: 0.25s all ease-in-out; } }
  @media (min-width: 1024px) and (min-width: 1250px) and (min-width: 1250px), print and (min-width: 1250px) and (min-width: 1250px), print and (min-width: 1024px) and (min-width: 1250px), print and (min-width: 1250px), print and (min-width: 1024px) and (min-width: 1250px), print and (min-width: 1250px), print and (min-width: 1024px), print {
    .has-open-sideNavigationByDefault .contentBlock--sale-171 .contentBlock-bodyAlign--mdWidth6 .contentBlock-body-subTitle {
      font-size: 120px;
      font-size: 9.4191522763vw; } }
    @media (min-width: 1024px) and (min-width: 1250px), print and (min-width: 1250px), print and (min-width: 1024px), print {
        .has-open-sideNavigation .contentBlock--sale-171 .contentBlock-bodyAlign--mdWidth6 .contentBlock-body-subTitle {
          font-size: 120px;
          font-size: 9.4191522763vw; } }
@media (min-width: 1024px), print {
  .contentBlock--sale-171 .contentBlock-bodyAlign--mdWidth4 {
    padding: 3.5% 0 12% 0; }
    .contentBlock--sale-171 .contentBlock-bodyAlign--mdWidth4 .contentBlock-body-subTitle {
      font-size: 80px;
      font-size: 7.8125vw; } }
    @media (min-width: 1024px) and (min-width: 1250px), print and (min-width: 1250px), print and (min-width: 1024px), print {
      .contentBlock--sale-171 .contentBlock-bodyAlign--mdWidth4 .contentBlock-body-subTitle {
        transition: 0.25s all ease-in-out; } }

  @media (min-width: 1024px) and (min-width: 1250px) and (min-width: 1250px), print and (min-width: 1250px) and (min-width: 1250px), print and (min-width: 1024px) and (min-width: 1250px), print and (min-width: 1250px), print and (min-width: 1024px) and (min-width: 1250px), print and (min-width: 1250px), print and (min-width: 1024px), print {
    .has-open-sideNavigationByDefault .contentBlock--sale-171 .contentBlock-bodyAlign--mdWidth4 .contentBlock-body-subTitle {
      font-size: 80px;
      font-size: 6.2794348509vw; } }
    @media (min-width: 1024px) and (min-width: 1250px), print and (min-width: 1250px), print and (min-width: 1024px), print {
        .has-open-sideNavigation .contentBlock--sale-171 .contentBlock-bodyAlign--mdWidth4 .contentBlock-body-subTitle {
          font-size: 80px;
          font-size: 6.2794348509vw; } }

.has-mouse .contentBlock--sale-171 .contentBlock-body-link:not(:active):not(.disabled):not([disabled]) {
  background-color: #000;
  border-color: #000; }
  .has-mouse .contentBlock--sale-171 .contentBlock-body-link:not(:active):not(.disabled):not([disabled]):hover {
    color: #ff0000;
    background-color: #fff;
    border-color: #fff; }

.contentBlock--sale-171-alignMiddle .contentBlock-bodyAlign {
  vertical-align: middle;
  overflow: visible; }

.contentBlock--sale-category, .contentBlock--sale-text {
  padding-top: 100%; }
  .contentBlock--sale-category .contentBlock-picture ~ .contentBlock-picture, .contentBlock--sale-text .contentBlock-picture ~ .contentBlock-picture {
    transition: opacity .1s linear;
    opacity: 0; }
  .contentBlock--sale-category .contentBlock-picture, .contentBlock--sale-text .contentBlock-picture {
    transform: scale(1);
    transition: transform 300ms ease-in;
    transform-origin: 50% 50%; }
  .contentBlock--sale-category:hover .contentBlock-picture, .contentBlock--sale-text:hover .contentBlock-picture {
    transform: scale(1.015);
    transition-timing-function: ease-out; }
  .has-mouse .contentBlock--sale-category:hover .contentBlock-picture ~ .contentBlock-picture, .has-mouse .contentBlock--sale-text:hover .contentBlock-picture ~ .contentBlock-picture {
    opacity: 1; }
  .contentBlock--sale-category .contentBlock-bodyAlign, .contentBlock--sale-text .contentBlock-bodyAlign {
    padding: 10%; }
  .contentBlock--sale-category .contentBlock-body-title, .contentBlock--sale-text .contentBlock-body-title {
    font-size: 30px;
    font-size: 9.375vw;
    text-transform: none;
    margin-top: -.5em;
    color: #fff; }
    @media (min-width: 768px), print {
      .contentBlock--sale-category .contentBlock-body-title, .contentBlock--sale-text .contentBlock-body-title {
        font-size: 30px;
        font-size: 3.90625vw; } }
    @media (min-width: 1024px), print {
      .contentBlock--sale-category .contentBlock-body-title, .contentBlock--sale-text .contentBlock-body-title {
        font-size: 40px;
        font-size: 3.90625vw; } }
  @media (min-width: 1024px) and (min-width: 1250px), print and (min-width: 1250px), print and (min-width: 1024px), print {
    .contentBlock--sale-category .contentBlock-body-title, .contentBlock--sale-text .contentBlock-body-title {
      transition: 0.25s all ease-in-out; } }

  @media (min-width: 1024px) and (min-width: 1250px) and (min-width: 1250px), print and (min-width: 1250px) and (min-width: 1250px), print and (min-width: 1024px) and (min-width: 1250px), print and (min-width: 1250px), print and (min-width: 1024px) and (min-width: 1250px), print and (min-width: 1250px), print and (min-width: 1024px), print {
    .has-open-sideNavigationByDefault .contentBlock--sale-category .contentBlock-body-title, .has-open-sideNavigationByDefault .contentBlock--sale-text .contentBlock-body-title {
      font-size: 40px;
      font-size: 3.1397174254vw; } }
  @media (min-width: 1024px) and (min-width: 1250px), print and (min-width: 1250px), print and (min-width: 1024px), print {
      .has-open-sideNavigation .contentBlock--sale-category .contentBlock-body-title, .has-open-sideNavigation .contentBlock--sale-text .contentBlock-body-title {
        font-size: 40px;
        font-size: 3.1397174254vw; } }

  .contentBlock--sale-category .contentBlock-body-subTitle, .contentBlock--sale-text .contentBlock-body-subTitle {
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .contentBlock--sale-category .contentBlock-body-subTitle, .contentBlock--sale-text .contentBlock-body-subTitle {
        font-size: 22px;
        font-size: 2.8645833333vw; } }
    @media (min-width: 1024px), print {
      .contentBlock--sale-category .contentBlock-body-subTitle, .contentBlock--sale-text .contentBlock-body-subTitle {
        font-size: 30px;
        font-size: 2.9296875vw; } }
  @media (min-width: 1024px) and (min-width: 1250px), print and (min-width: 1250px), print and (min-width: 1024px), print {
    .contentBlock--sale-category .contentBlock-body-subTitle, .contentBlock--sale-text .contentBlock-body-subTitle {
      transition: 0.25s all ease-in-out; } }

  @media (min-width: 1024px) and (min-width: 1250px) and (min-width: 1250px), print and (min-width: 1250px) and (min-width: 1250px), print and (min-width: 1024px) and (min-width: 1250px), print and (min-width: 1250px), print and (min-width: 1024px) and (min-width: 1250px), print and (min-width: 1250px), print and (min-width: 1024px), print {
    .has-open-sideNavigationByDefault .contentBlock--sale-category .contentBlock-body-subTitle, .has-open-sideNavigationByDefault .contentBlock--sale-text .contentBlock-body-subTitle {
      font-size: 30px;
      font-size: 2.3547880691vw; } }
  @media (min-width: 1024px) and (min-width: 1250px), print and (min-width: 1250px), print and (min-width: 1024px), print {
      .has-open-sideNavigation .contentBlock--sale-category .contentBlock-body-subTitle, .has-open-sideNavigation .contentBlock--sale-text .contentBlock-body-subTitle {
        font-size: 30px;
        font-size: 2.3547880691vw; } }

  .has-mouse .contentBlock--sale-category:hover .contentBlock-body-subTitle, .has-mouse .contentBlock--sale-text:hover .contentBlock-body-subTitle {
    opacity: 1; }
  .contentBlock--sale-category .contentBlock-body-text, .contentBlock--sale-text .contentBlock-body-text {
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 6px;
    line-height: 1.6;
    max-width: 205px; }
  .contentBlock--sale-category.contentBlock--sale-red .contentBlock-body-title, .contentBlock--sale-red.contentBlock--sale-text .contentBlock-body-title,
  .contentBlock--sale-category.contentBlock--sale-red .contentBlock-body-subTitle,
  .contentBlock--sale-red.contentBlock--sale-text .contentBlock-body-subTitle,
  .contentBlock--sale-category.contentBlock--sale-red .contentBlock-body-text,
  .contentBlock--sale-red.contentBlock--sale-text .contentBlock-body-text {
    color: #ff0000; }
  .contentBlock--sale-category.contentBlock--sale-dark .contentBlock-body-title, .contentBlock--sale-dark.contentBlock--sale-text .contentBlock-body-title,
  .contentBlock--sale-category.contentBlock--sale-dark .contentBlock-body-subTitle,
  .contentBlock--sale-dark.contentBlock--sale-text .contentBlock-body-subTitle,
  .contentBlock--sale-category.contentBlock--sale-dark .contentBlock-body-text,
  .contentBlock--sale-dark.contentBlock--sale-text .contentBlock-body-text {
    color: #303030; }
  .contentBlock--sale-category .contentBlock-body-links, .contentBlock--sale-text .contentBlock-body-links {
    margin: 0; }
  .contentBlock--sale-category .contentBlock-body-link, .contentBlock--sale-text .contentBlock-body-link {
    margin: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0); }

.contentBlock--sale-text .contentBlock-body {
  top: 30.5882352941%; }
.contentBlock--sale-text .contentBlock-body-link {
  top: -50%; }
.contentBlock--sale-text .contentBlock-picture {
  transform-origin: 50% 64.7058823529%; }

.contentBlock--sale-rectangle {
  padding-top: 200%; }
  .contentBlock--sale-rectangle .contentBlock-body {
    top: 50%; }
  .contentBlock--sale-rectangle .contentBlock-body-link {
    top: -150%; }
  .contentBlock--sale-rectangle .contentBlock-picture {
    transform-origin: 50% 25%; }

.contentBlock--sale-textShadow .contentBlock-body-title,
.contentBlock--sale-textShadow .contentBlock-body-subTitle {
  text-shadow: 0 0 50px rgba(48, 48, 48, 0.5); }