.node--type-product.node--view-mode-full .related-products-outer-wrapper h2, .node--type-product.node--view-mode-full .related-products-outer-wrapper .field--name-field-related-products {
  width: 1210px;
  max-width: 90%;
  margin: 0 auto; }

@-webkit-keyframes fade-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes fade-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes fade-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
            transform: translateX(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@keyframes fade-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
            transform: translateX(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

@-webkit-keyframes fade-in-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes fade-in-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

.node--type-product.node--view-mode-full .product-top {
  width: 100%;
  padding: 260px 0 170px;
  float: left;
  position: relative; }
  @media (max-width: 650px) {
    .node--type-product.node--view-mode-full .product-top {
      padding: 140px 0 90px; } }
  .node--type-product.node--view-mode-full .product-top .product-background-image {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 800ms, -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 800ms;
    transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 800ms, -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 800ms;
    transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 800ms, transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 800ms;
    transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 800ms, transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 800ms, -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 800ms;
    width: calc(100% + 30px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    opacity: 0; }
    .document-ready .node--type-product.node--view-mode-full .product-top .product-background-image {
      -webkit-transform: translateX(-30px);
      transform: translateX(-30px);
      opacity: 1; }
      @media (max-width: 900px) {
        .document-ready .node--type-product.node--view-mode-full .product-top .product-background-image {
          opacity: 0.3; } }

.node--type-product.node--view-mode-full .wrapper {
  position: relative; }
  .node--type-product.node--view-mode-full .wrapper .product-text {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    -webkit-transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
    opacity: 0; }
    .document-ready .node--type-product.node--view-mode-full .wrapper .product-text {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1; }
    .node--type-product.node--view-mode-full .wrapper .product-text .field--name-field-brand {
      margin-bottom: 15px; }
  .node--type-product.node--view-mode-full .wrapper .group-story {
    width: 100%;
    float: left;
    padding: 60px 0 80px;
    border-top: 2px solid #D8D8D8; }
    @media (max-width: 650px) {
      .node--type-product.node--view-mode-full .wrapper .group-story {
        padding: 60px 0 40px; } }
    .node--type-product.node--view-mode-full .wrapper .group-story .field--name-field-header {
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: "SuisseIntl-SemiBold-WebM";
      font-size: 40px;
      line-height: 44px;
      width: 57.36755%;
      margin-right: 2.31788%;
      float: left;
      margin-bottom: 40px; }
      @media (max-width: 650px) {
        .node--type-product.node--view-mode-full .wrapper .group-story .field--name-field-header {
          width: 100%;
          float: left; } }
    .node--type-product.node--view-mode-full .wrapper .group-story .field--name-field-manchet {
      margin-bottom: 10px; }
    .node--type-product.node--view-mode-full .wrapper .group-story .field--name-field-name {
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: "SuisseIntl-Regular-WebM";
      font-size: 16px;
      line-height: 23px;
      width: 100%;
      float: left;
      margin-bottom: 60px;
      color: #989898; }

.node--type-product.node--view-mode-full .related-products-outer-wrapper {
  width: 100%;
  float: left;
  padding: 60px 0 45px;
  background-color: #F1F1F1; }
  .node--type-product.node--view-mode-full .related-products-outer-wrapper h2 {
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "SuisseIntl-Regular-WebM";
    font-size: 12px;
    line-height: 18px;
    color: #989898;
    margin-bottom: 30px; }
  .node--type-product.node--view-mode-full .related-products-outer-wrapper .field--name-field-related-products > .field__item {
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "SuisseIntl-Regular-WebM";
    font-size: 22px;
    line-height: 30px;
    width: 40.31457%;
    margin-right: 2.31788%;
    float: left;
    padding-top: 20px;
    border-top: 2px solid #D8D8D8; }
    .node--type-product.node--view-mode-full .related-products-outer-wrapper .field--name-field-related-products > .field__item:nth-child(odd) {
      margin-right: 8.52649%;
      clear: both; }
    .node--type-product.node--view-mode-full .related-products-outer-wrapper .field--name-field-related-products > .field__item:nth-child(even) {
      margin-left: 2.31788%; }
    @media (max-width: 650px) {
      .node--type-product.node--view-mode-full .related-products-outer-wrapper .field--name-field-related-products > .field__item {
        width: 100%; }
        .node--type-product.node--view-mode-full .related-products-outer-wrapper .field--name-field-related-products > .field__item:nth-child(odd) {
          margin: 0; }
        .node--type-product.node--view-mode-full .related-products-outer-wrapper .field--name-field-related-products > .field__item:nth-child(even) {
          margin: 0;
          margin-top: 30px; } }

.color-white .node--type-product.node--view-mode-full .product-top {
  margin-bottom: 50px; }
  @media (max-width: 900px) {
    .color-white .node--type-product.node--view-mode-full .product-top .product-background-image {
      opacity: 1; } }

.color-white .node--type-product.node--view-mode-full .wrapper .product-text {
  color: #FFFFFF; }

.node--type-product.node--view-mode-teaser .field--name-field-brand,
.node--type-product.node--view-mode-teaser .field--name-title {
  width: 100%;
  float: left; }

.node--type-product.node--view-mode-teaser .field--name-title {
  margin-bottom: 20px; }

.node--type-product.node--view-mode-teaser .field--name-field-brand {
  margin-bottom: 0; }

.node--type-product.node--view-mode-teaser .image-wrapper {
  width: 100%;
  float: left;
  position: relative; }
  .node--type-product.node--view-mode-teaser .image-wrapper .overlay {
    -webkit-transition: opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 100%;
    height: 0;
    padding-top: 100%;
    position: absolute;
    display: block;
    background-color: #2D2D2D;
    opacity: 0; }

.no-touch .node--type-product.node--view-mode-teaser:hover .image-wrapper .overlay {
  opacity: 0.3; }

.node--type-product.node--view-mode-slider .slide-inner-container {
  width: 100%;
  height: 100vh;
  float: left;
  position: relative; }
  .node--type-product.node--view-mode-slider .slide-inner-container .slide-background-image {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 800ms, -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 800ms;
    transition: opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 800ms, -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 800ms;
    transition: opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 800ms, transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 800ms;
    transition: opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 800ms, transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 800ms, -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 800ms;
    width: calc(100% + 30px);
    height: 100vh;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    position: relative;
    opacity: 0; }
    .slick-active .node--type-product.node--view-mode-slider .slide-inner-container .slide-background-image {
      -webkit-transform: translateX(-30px);
      transform: translateX(-30px);
      opacity: 1; }
      @media (max-width: 900px) {
        .slick-active .node--type-product.node--view-mode-slider .slide-inner-container .slide-background-image {
          opacity: 0.3; } }
  .node--type-product.node--view-mode-slider .slide-inner-container .wrapper {
    height: 100%; }
    .node--type-product.node--view-mode-slider .slide-inner-container .wrapper .slide-text {
      -webkit-transform: translateX(-30px);
      transform: translateX(-30px);
      -webkit-transition: opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms, -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms;
      transition: opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms, -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms;
      transition: opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms, transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms;
      transition: opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms, transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms, -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms;
      width: 100%;
      float: left;
      position: absolute;
      bottom: 40%;
      opacity: 0; }
      @media (max-width: 736px) {
        .node--type-product.node--view-mode-slider .slide-inner-container .wrapper .slide-text {
          bottom: 30%; } }
      @media (max-width: 650px) {
        .node--type-product.node--view-mode-slider .slide-inner-container .wrapper .slide-text {
          bottom: 40%; } }
      .slick-active .node--type-product.node--view-mode-slider .slide-inner-container .wrapper .slide-text {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1; }
      .node--type-product.node--view-mode-slider .slide-inner-container .wrapper .slide-text .field--name-field-brand {
        margin-bottom: 15px; }
      .node--type-product.node--view-mode-slider .slide-inner-container .wrapper .slide-text h2 {
        -webkit-transition: color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .no-touch .node--type-product.node--view-mode-slider .slide-inner-container .wrapper .slide-text h2:hover {
          color: #989898; }

/*# sourceMappingURL=../../_maps/components/node/product.css.map */