<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: Peru
Theme URI: http://www.metabolism.fr
Version: 1.0
Author: Metabolism
*/
.line-height, .step h1, .step h2, .step p, .step.home .tip, .step.D .cta, .dialog__content p, .dialog__content li {
  line-height: 1.3em; }

.font-nespresso, body {
  font-family: 'Nespresso', Helvetica, Arial, sans-serif; }

[data-icon]:before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow-light-bottom:before {
  content: "a"; }

.icon-arrow-light-left:before {
  content: "b"; }

.icon-arrow-light-right:before {
  content: "c"; }

.icon-arrow-light-top:before {
  content: "d"; }

@font-face {
  font-family: "Nespresso";
  src: url('fonts/Nespresso-Light.eot');
  src: url('fonts/Nespresso-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Nespresso-Light.woff') format('woff'), url('fonts/Nespresso-Light.ttf') format('truetype'), url('fonts/Nespresso-Light.svg#Nespresso-Light') format('svg');
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "Nespresso";
  src: url('fonts/Nespresso-Regular.eot');
  src: url('fonts/Nespresso-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Nespresso-Regular.woff') format('woff'), url('fonts/Nespresso-Regular.ttf') format('truetype'), url('fonts/Nespresso-Regular.svg#Nespresso-Regular') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Nespresso";
  src: url('fonts/Nespresso-Bold.eot');
  src: url('fonts/Nespresso-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Nespresso-Bold.woff') format('woff'), url('fonts/Nespresso-Bold.ttf') format('truetype'), url('fonts/Nespresso-Bold.svg#Nespresso-Bold') format('svg');
  font-weight: bold;
  font-style: normal; }

.dialog {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  text-align: center;
  opacity: 0; }
  .dialog__content {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    display: inline-block;
    position: relative; }

.has-dialog .dialog {
  opacity: 1; }
  .has-dialog .dialog__content {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }

/**
 * Do not change
 *
**/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

template {
  display: none; }

a:active, input:active, button:active {
  -webkit-tap-highlight-color: transparent; }

a {
  color: inherit;
  text-decoration: none; }

.utils-cover {
  overflow: hidden; }
  .utils-cover [data-ratio] {
    position: relative;
    width: 100%;
    height: auto; }

.table {
  display: table;
  height: 100%;
  width: 100%; }
  .table .td {
    display: table-cell;
    vertical-align: middle; }

.clearfix:after, .step.home .intensity:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both; }

.count-1 &gt; div, .count-1 &gt; article {
  width: 100%; }

.count-2 &gt; div, .count-2 &gt; article {
  width: 50%; }

.count-3 &gt; div, .count-3 &gt; article {
  width: 33.33%; }

.count-4 &gt; div, .count-4 &gt; article {
  width: 25%; }

.count-5 &gt; div, .count-5 &gt; article {
  width: 20%; }

html.ie8 body {
  background: url("images/not-supported.jpg") no-repeat center #f4f4f4 !important; }
  html.ie8 body &gt; * {
    display: none !important;
    visibility: hidden !important; }

html.safari4 body {
  background: url("images/not-supported.jpg") no-repeat center #f4f4f4 !important; }
  html.safari4 body &gt; * {
    display: none !important;
    visibility: hidden !important; }

html {
  font-size: 10px; }

body {
  background-color: #fff;
  -webkit-font-smoothing: antialiased; }

html, body {
  height: 100%; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

.button {
  display: inline-block;
  padding: 1.2em 1.8em;
  font-size: 1.6em;
  font-weight: bold;
  text-decoration: uppercase;
  background: url('') no-repeat center;
  background-size: 100% 100%;
  border: 1px solid;
  text-transform: uppercase; }
  .button.gold {
    color: #000;
    border: 0;
    background-image: url('images/backgrounds/gold-button.png'); }
  .button.blue {
    color: #fff;
    border-color: #115485;
    background-image: url('images/backgrounds/blue-button.jpg'); }

.button {
  position: relative;
  -webkit-transition: -webkit-transform cubic-bezier(0.175, 0.885, 0.32, 1.175) 0.3s, opacity cubic-bezier(0.175, 0.885, 0.32, 1.175) 0.3s;
          transition: transform cubic-bezier(0.175, 0.885, 0.32, 1.175) 0.3s, opacity cubic-bezier(0.175, 0.885, 0.32, 1.175) 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  cursor: pointer; }
  .button:hover {
    -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
            transform: scale(1.04); }

.loading * {
  -webkit-transition: none !important;
          transition: none !important; }

.mask.dark, .mask.clouds:before, .mask.clouds:after, .step .container, .step .background, .step .background:before, .step .background:after, .step .subtitle h2, .step .subtitle p, .step.home .tip, .step.home .containers {
  -webkit-transition: -webkit-transform 2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.step .background {
  transition: transform 2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-filter 2s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-filter 2s cubic-bezier(0.645, 0.045, 0.355, 1), filter 2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.navigation {
  -webkit-transition: -webkit-transform 0.3s ease, background 0.3s ease, opacity 0.3s ease;
          transition: transform 0.3s ease, background 0.3s ease, opacity 0.3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  .navigation nav {
    -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease; }
  .navigation .order {
    -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease; }

.transition-fadeIn .mask.dark, .transition-fadeOut .mask.dark {
  z-index: 999;
  -webkit-transition-duration: 1s;
          transition-duration: 1s; }

.transition-fadeIn .step .container, .transition-fadeIn .step .background, .transition-fadeIn .step .background:before, .transition-fadeIn .step .background:after, .transition-fadeIn .step .subtitle h2, .transition-fadeIn .step .subtitle p, .transition-fadeIn .step.home .tip, .transition-fadeIn .step.home .containers, .transition-fadeIn .step {
  -webkit-transition-delay: 1s !important;
          transition-delay: 1s !important; }
.transition-fadeIn .mask.dark {
  opacity: 1; }

.transition-fadeOut .step .container, .transition-fadeOut .step .background, .transition-fadeOut .step .background:before, .transition-fadeOut .step .background:after, .transition-fadeOut .step .subtitle h2, .transition-fadeOut .step .subtitle p, .transition-fadeOut .step.home .tip, .transition-fadeOut .step.home .containers, .transition-fadeOut .step {
  -webkit-transition: none !important;
          transition: none !important; }

.progress-line .progress {
  -webkit-transition: width 2s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: width 2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.step {
  -webkit-transition: -webkit-transform 2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.step .background b {
  -webkit-transition: opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  opacity: 0; }

.step .container {
  -webkit-transition: opacity 1.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: opacity 1.5s cubic-bezier(0.645, 0.045, 0.355, 1), transform 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s; }

.step .content {
  -webkit-transition: opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 2s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.step.home {
  opacity: 0;
  display: none; }

.step.B .background.A, .step.A .background.D {
  opacity: 0;
  -webkit-filter: contrast(50%) brightness(3) saturate(0.9);
          filter: contrast(50%) brightness(3) saturate(0.9); }

.animation-step-1 .step.home {
  opacity: 1;
  display: block; }
  .animation-step-1 .step.home .tip {
    opacity: 1; }
  .animation-step-1 .step.home .background.B {
    opacity: 1; }
.animation-step-1 .step.A .container.A .content {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5); }
.animation-step-1 .step.A .background {
  opacity: 1; }
.animation-step-1 .step.A .background.B {
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7); }
.animation-step-1 .step.A .background.B b {
  opacity: 1; }
.animation-step-1 .step.A .background.B:after {
  opacity: 1; }
.animation-step-1 .step.A .background.B:before {
  opacity: 0; }
.animation-step-1 .step.A .background.D {
  -webkit-filter: none;
          filter: none; }
.animation-step-1 .navigation {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  background: transparent; }
  .animation-step-1 .navigation nav {
    opacity: 0; }
  .animation-step-1 .navigation .order {
    opacity: 0; }
  .animation-step-1 .navigation .share {
    padding-bottom: 3.4em; }

.animation-step-2 nav a.nav-1:before {
  background-color: #b5a746; }
.animation-step-2 .progress-line .progress {
  width: 33%; }
.animation-step-2 .step.home {
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
  opacity: 1;
  display: block; }
  .animation-step-2 .step.home .button.gold {
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
    opacity: 0; }
  .animation-step-2 .step.home .containers {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0;
    -webkit-transition-duration: 1.5s;
            transition-duration: 1.5s; }
  .animation-step-2 .step.home .button {
    pointer-events: none; }
.animation-step-2 .step.A {
  z-index: 110; }
  .animation-step-2 .step.A .container.A {
    opacity: 1; }
  .animation-step-2 .step.A .background {
    opacity: 1; }
  .animation-step-2 .step.A .background.A {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1; }
  .animation-step-2 .step.A .background.B {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .animation-step-2 .step.A .background.B b {
    opacity: 1; }
  .animation-step-2 .step.A .background.B:after {
    opacity: 1; }
  .animation-step-2 .step.A .background.B:before {
    opacity: 0; }
  .animation-step-2 .step.A .background.C {
    -webkit-transform: scale(1.07);
        -ms-transform: scale(1.07);
            transform: scale(1.07); }
  .animation-step-2 .step.A .background.D {
    -webkit-filter: none;
            filter: none;
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
    opacity: 1; }

.animation-step-3 nav a.nav-1:before {
  background-color: #b5a746; }
.animation-step-3 .progress-line .progress {
  width: 36.4%; }
.animation-step-3 .step.home {
  opacity: 0;
  display: block; }
  .animation-step-3 .step.home .containers {
    opacity: 0; }
  .animation-step-3 .step.home .button {
    display: none; }
.animation-step-3 .step.A {
  z-index: 110; }
  .animation-step-3 .step.A .container.A .content {
    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2); }
  .animation-step-3 .step.A .container.B {
    opacity: 1; }
  .animation-step-3 .step.A .background {
    opacity: 1; }
  .animation-step-3 .step.A .background.A {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2); }
  .animation-step-3 .step.A .background.B {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2); }
  .animation-step-3 .step.A .background.B:after {
    opacity: 0; }
  .animation-step-3 .step.A .background.B:before {
    opacity: 1; }
  .animation-step-3 .step.A .background.B b {
    opacity: 0; }
  .animation-step-3 .step.A .background.C {
    -webkit-transform: scale(1.14);
        -ms-transform: scale(1.14);
            transform: scale(1.14); }
  .animation-step-3 .step.A .background.D {
    -webkit-filter: none;
            filter: none;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1; }

.animation-step-4 nav a.nav-1:before {
  background-color: #b5a746; }
.animation-step-4 .progress-line .progress {
  width: 39.8%; }
.animation-step-4 .step.A {
  z-index: 110; }
  .animation-step-4 .step.A .container.B .content {
    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2); }
  .animation-step-4 .step.A .container.C, .animation-step-4 .step.A .container.C h2 {
    opacity: 1; }
  .animation-step-4 .step.A .background {
    opacity: 1; }
  .animation-step-4 .step.A .background.A {
    -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
            transform: scale(1.4); }
  .animation-step-4 .step.A .background.B {
    -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
            transform: scale(1.4); }
  .animation-step-4 .step.A .background.B:after {
    opacity: 0; }
  .animation-step-4 .step.A .background.B:before {
    opacity: 1; }
  .animation-step-4 .step.A .background.C {
    -webkit-transform: scale(1.28);
        -ms-transform: scale(1.28);
            transform: scale(1.28); }
  .animation-step-4 .step.A .background.D {
    -webkit-filter: none;
            filter: none;
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1; }

.animation-step-5 nav a.nav-1:before {
  background-color: #b5a746; }
.animation-step-5 .progress-line .progress {
  width: 43.2%; }
.animation-step-5 .step.A {
  z-index: 110; }
  .animation-step-5 .step.A .container.C, .animation-step-5 .step.A .container.C p {
    opacity: 1; }
  .animation-step-5 .step.A .container.C h2 {
    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2); }
  .animation-step-5 .step.A .background {
    opacity: 1; }
  .animation-step-5 .step.A .background.A {
    -webkit-transform: scale(1.8);
        -ms-transform: scale(1.8);
            transform: scale(1.8); }
  .animation-step-5 .step.A .background.B {
    -webkit-transform: scale(1.8);
        -ms-transform: scale(1.8);
            transform: scale(1.8); }
  .animation-step-5 .step.A .background.B:after {
    opacity: 0; }
  .animation-step-5 .step.A .background.B:before {
    opacity: 1; }
  .animation-step-5 .step.A .background.C {
    -webkit-transform: scale(1.56);
        -ms-transform: scale(1.56);
            transform: scale(1.56); }
  .animation-step-5 .step.A .background.D {
    -webkit-filter: none;
            filter: none;
    -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 1; }

.animation-step-6 nav a.nav-1:before {
  background-color: #b5a746; }
.animation-step-6 .progress-line .progress {
  width: 46.6%; }
.animation-step-6 .mask.clouds:before {
  opacity: 1;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
  -webkit-transition-duration: 3s;
          transition-duration: 3s; }
.animation-step-6 .step.A {
  z-index: 110; }
  .animation-step-6 .step.A .container.C .content {
    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2); }
  .animation-step-6 .step.A .background {
    opacity: 1;
    -webkit-transition-duration: 3s;
            transition-duration: 3s; }
  .animation-step-6 .step.A .background.A {
    -webkit-transform: scale(2.6);
        -ms-transform: scale(2.6);
            transform: scale(2.6);
    opacity: 0; }
  .animation-step-6 .step.A .background.B {
    -webkit-transform: scale(2.6);
        -ms-transform: scale(2.6);
            transform: scale(2.6);
    opacity: 0; }
  .animation-step-6 .step.A .background.B:after {
    opacity: 0; }
  .animation-step-6 .step.A .background.B:before {
    opacity: 1; }
  .animation-step-6 .step.A .background.C {
    -webkit-transform: scale(2.12);
        -ms-transform: scale(2.12);
            transform: scale(2.12);
    opacity: 0; }
  .animation-step-6 .step.A .background.D {
    -webkit-transform: scale(1.8);
        -ms-transform: scale(1.8);
            transform: scale(1.8);
    opacity: 0; }

.animation-step-7 nav a.nav-1:before, .animation-step-7 nav a.nav-2:before {
  background-color: #b5a746; }
.animation-step-7 .mask.clouds:before {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3); }
.animation-step-7 .progress-line .progress {
  width: 50%; }
.animation-step-7 .step.A .background.A {
  -webkit-transform: scale(2.6);
      -ms-transform: scale(2.6);
          transform: scale(2.6);
  opacity: 0; }
.animation-step-7 .step.A .background.D {
  -webkit-transform: scale(1.8);
      -ms-transform: scale(1.8);
          transform: scale(1.8);
  opacity: 0; }
.animation-step-7 .step.B .container.A p {
  -webkit-transform: translate3d(65%, 0, 0);
          transform: translate3d(65%, 0, 0); }
.animation-step-7 .step.B .container.A, .animation-step-7 .step.B .container.A h2 {
  opacity: 1; }
.animation-step-7 .step.B .background.A {
  opacity: 1;
  -webkit-filter: none;
          filter: none; }
.animation-step-7 .step.B .background.B {
  opacity: 1; }

.animation-step-8 nav a.nav-1:before, .animation-step-8 nav a.nav-2:before {
  background-color: #b5a746; }
.animation-step-8 .progress-line .progress {
  width: 53.4%; }
.animation-step-8 .step.B .container.A, .animation-step-8 .step.B .container.A p {
  opacity: 1; }
.animation-step-8 .step.B .container.A h2 {
  -webkit-transform: translate3d(-65%, 0, 0);
          transform: translate3d(-65%, 0, 0); }
.animation-step-8 .step.B .container.B .content {
  -webkit-transform: translate3d(70%, 0, 0);
          transform: translate3d(70%, 0, 0); }
.animation-step-8 .step.B .background.A {
  opacity: 1;
  -webkit-transform: translate3d(-16.5%, 0, 0);
          transform: translate3d(-16.5%, 0, 0);
  -webkit-filter: none;
          filter: none; }
.animation-step-8 .step.B .background.B {
  opacity: 1;
  -webkit-transform: translate3d(-19%, 0, 0);
          transform: translate3d(-19%, 0, 0); }

.animation-step-9 nav a.nav-1:before, .animation-step-9 nav a.nav-2:before {
  background-color: #b5a746; }
.animation-step-9 .progress-line .progress {
  width: 56.8%; }
.animation-step-9 .step.B .container.A .content {
  -webkit-transform: translate3d(-70%, 0, 0);
          transform: translate3d(-70%, 0, 0); }
.animation-step-9 .step.B .container.B, .animation-step-9 .step.B .container.B h2 {
  opacity: 1; }
.animation-step-9 .step.B .container.B p {
  -webkit-transform: translate3d(0, -70px, 0);
          transform: translate3d(0, -70px, 0); }
.animation-step-9 .step.B .background.A {
  opacity: 1;
  -webkit-transform: translate3d(-33%, 0, 0);
          transform: translate3d(-33%, 0, 0);
  -webkit-filter: none;
          filter: none; }
.animation-step-9 .step.B .background.B {
  opacity: 1;
  -webkit-transform: translate3d(-38%, 0, 0);
          transform: translate3d(-38%, 0, 0); }

.animation-step-10 nav a.nav-1:before, .animation-step-10 nav a.nav-2:before {
  background-color: #b5a746; }
.animation-step-10 .progress-line .progress {
  width: 60.2%; }
.animation-step-10 .step.B .container.B h2 {
  -webkit-transform: translate3d(0, 70px, 0);
          transform: translate3d(0, 70px, 0); }
.animation-step-10 .step.B .container.B, .animation-step-10 .step.B .container.B p {
  opacity: 1; }
.animation-step-10 .step.B .background.A {
  opacity: 1;
  -webkit-transform: translate3d(-33%, 17%, 0);
          transform: translate3d(-33%, 17%, 0);
  -webkit-filter: none;
          filter: none; }
.animation-step-10 .step.B .background.B {
  opacity: 1;
  -webkit-transform: translate3d(-38%, 40%, 0);
          transform: translate3d(-38%, 40%, 0); }

.animation-step-11 nav a.nav-1:before, .animation-step-11 nav a.nav-2:before {
  background-color: #b5a746; }
.animation-step-11 .progress-line .progress {
  width: 63.6%; }
.animation-step-11 .step.B .container.B .content {
  -webkit-transform: translate3d(0, 90%, 0);
          transform: translate3d(0, 90%, 0); }
.animation-step-11 .step.B .background.A {
  opacity: 1;
  -webkit-transform: translate3d(-33%, 54%, 0);
          transform: translate3d(-33%, 54%, 0);
  -webkit-filter: none;
          filter: none; }
.animation-step-11 .step.B .background.B {
  opacity: 1;
  -webkit-transform: translate3d(-38%, 150%, 0);
          transform: translate3d(-38%, 150%, 0); }
.animation-step-11 .step.C .background.A {
  -webkit-transform: translate3d(0, 55%, 0);
          transform: translate3d(0, 55%, 0); }

.animation-step-12 nav a.nav-1:before, .animation-step-12 nav a.nav-2:before, .animation-step-12 nav a.nav-3:before {
  background-color: #b5a746; }
.animation-step-12 .progress-line .progress {
  width: 67%; }
.animation-step-12 .step.B .background.A {
  opacity: 1;
  -webkit-transform: translate3d(-33%, 54%, 0);
          transform: translate3d(-33%, 54%, 0);
  -webkit-filter: none;
          filter: none; }
.animation-step-12 .step.B .background.B {
  -webkit-transform: translate3d(-38%, 150%, 0);
          transform: translate3d(-38%, 150%, 0); }
.animation-step-12 .step.C .container.A .content {
  -webkit-transform: translate3d(0, 60%, 0);
          transform: translate3d(0, 60%, 0); }
.animation-step-12 .step.C .background.A {
  opacity: 1;
  -webkit-transform: translate3d(0, 55%, 0);
          transform: translate3d(0, 55%, 0); }
.animation-step-12 .step.C .background.B {
  opacity: 1; }

.animation-step-13 nav a.nav-1:before, .animation-step-13 nav a.nav-2:before, .animation-step-13 nav a.nav-3:before {
  background-color: #b5a746; }
.animation-step-13 .progress-line .progress {
  width: 67%; }
.animation-step-13 .mask.clouds {
  opacity: 0;
  -webkit-transition: opacity 2s;
          transition: opacity 2s; }
.animation-step-13 .step.C .container.A {
  opacity: 1; }
.animation-step-13 .step.C .container.B .content {
  -webkit-transform: translate3d(0, 70%, 0);
          transform: translate3d(0, 70%, 0); }
.animation-step-13 .step.C .background.A {
  opacity: 1;
  -webkit-transform: translate3d(0, 55%, 0);
          transform: translate3d(0, 55%, 0); }
.animation-step-13 .step.C .background.B {
  opacity: 1;
  -webkit-transform: translate3d(0, -25%, 0);
          transform: translate3d(0, -25%, 0);
  -webkit-filter: none;
          filter: none; }

.animation-step-14 nav a.nav-1:before, .animation-step-14 nav a.nav-2:before, .animation-step-14 nav a.nav-3:before {
  background-color: #b5a746; }
.animation-step-14 .progress-line .progress {
  width: 84%; }
.animation-step-14 .step.C {
  z-index: 999; }
  .animation-step-14 .step.C .container.A .content {
    -webkit-transform: translate3d(0, -60%, 0);
            transform: translate3d(0, -60%, 0); }
  .animation-step-14 .step.C .container.B {
    opacity: 1; }
  .animation-step-14 .step.C .background.A {
    opacity: 1;
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0); }
  .animation-step-14 .step.C .background.B {
    opacity: 1;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    -webkit-filter: none;
            filter: none; }
.animation-step-14 .step.D {
  background: #000; }

.animation-step-15 nav a.nav-1:before, .animation-step-15 nav a.nav-2:before, .animation-step-15 nav a.nav-3:before {
  background-color: #b5a746; }
.animation-step-15 .progress-line .progress {
  width: 100%; }
.animation-step-15 .mask.dark {
  opacity: 1; }
.animation-step-15 .step.C {
  opacity: 0; }
  .animation-step-15 .step.C .container.B .content {
    -webkit-transform: scale(1.6);
        -ms-transform: scale(1.6);
            transform: scale(1.6); }
  .animation-step-15 .step.C .background.A {
    opacity: 1;
    -webkit-transform: scale(1.8) translate3d(0, 0, 0);
            transform: scale(1.8) translate3d(0, 0, 0); }
  .animation-step-15 .step.C .background.B {
    opacity: 1;
    -webkit-transform: scale(1.4) translate3d(0, -50%, 0);
            transform: scale(1.4) translate3d(0, -50%, 0);
    -webkit-filter: none;
            filter: none; }
.animation-step-15 .step.D {
  background: #000; }

.animation-step-16 nav a.nav-1:before, .animation-step-16 nav a.nav-2:before, .animation-step-16 nav a.nav-3:before, .animation-step-16 nav a.nav-4:before {
  background-color: #b5a746; }
.animation-step-16 .progress-line .progress {
  width: 100%; }
.animation-step-16 .step.D {
  background: #000;
  z-index: 998; }
  .animation-step-16 .step.D .background {
    opacity: 1; }
  .animation-step-16 .step.D .container {
    opacity: 1; }
.animation-step-16 .step.C {
  opacity: 0; }
  .animation-step-16 .step.C .container.B .content {
    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2); }
  .animation-step-16 .step.C .background.A {
    -webkit-transform: scale(1.8) translate3d(0, 0, 0);
            transform: scale(1.8) translate3d(0, 0, 0); }
  .animation-step-16 .step.C .background.B {
    -webkit-transform: scale(1.4) translate3d(0, -50%, 0);
            transform: scale(1.4) translate3d(0, -50%, 0);
    -webkit-filter: none;
            filter: none; }

html.firefox .navigation {
  bottom: 0.5em; }

.navigation {
  z-index: 1000;
  position: fixed;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  left: 0;
  height: 5em; }
  .navigation .share {
    position: absolute;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    bottom: 100%;
    border-left: 0;
    border-bottom: 0;
    height: 4em;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.6);
    left: 0;
    padding: 1.2em 1.7em;
    border-radius: 0 15px 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
    .navigation .share span {
      text-transform: uppercase;
      font-size: 9px;
      position: relative;
      bottom: 0.5em; }
    .navigation .share a {
      display: inline-block;
      position: relative;
      width: 16px;
      height: 16px;
      -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
              transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
      background: url('') no-repeat center;
      background-size: 100%;
      margin-left: 1em; }
      .navigation .share a + a {
        margin-left: 2em; }
        .navigation .share a + a:before {
          content: '';
          position: absolute;
          width: 1px;
          height: 100%;
          left: -1.2em;
          background-color: rgba(255, 255, 255, 0.2); }
      .navigation .share a:hover {
        opacity: 0.5; }
      .navigation .share a.facebook {
        background-image: url('images/icons/social/facebook@2x.png'); }
      .navigation .share a.twitter {
        background-image: url('images/icons/social/twitter@2x.png'); }
      .navigation .share a.pinterest {
        background-image: url('images/icons/social/pinterest@2x.png'); }
  .navigation nav {
    width: 87em;
    height: 100%;
    position: relative;
    margin: 0 auto;
    display: block; }
    .navigation nav a {
      cursor: pointer;
      height: 1em;
      -webkit-transition: color 0.3s;
              transition: color 0.3s;
      font-size: 1.3em;
      display: block;
      position: absolute;
      width: 25%;
      text-align: center;
      left: 0;
      top: 0.8em;
      color: #fff;
      z-index: 10; }
      .navigation nav a:nth-child(2) {
        left: 25%; }
      .navigation nav a:nth-child(3) {
        left: 50%; }
      .navigation nav a:nth-child(4) {
        left: 75%; }
      .navigation nav a:before, .navigation nav a:after {
        content: '';
        position: absolute;
        border-radius: 50%; }
      .navigation nav a:before {
        -webkit-transition: background-color 0.3s;
                transition: background-color 0.3s;
        width: 6px;
        height: 6px;
        background-color: #fff;
        left: calc(50% - 3px);
        top: calc(200% - 3px); }
      .navigation nav a:after {
        -webkit-transition: border-color 0.3s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.175);
                transition: border-color 0.3s, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.175);
        width: 14px;
        height: 14px;
        border: 1px solid #fff;
        left: calc(50% - 8px);
        top: calc(200% - 8px);
        -webkit-transform: scale(0);
            -ms-transform: scale(0);
                transform: scale(0); }
    .navigation nav a:hover, .navigation nav a.active {
      color: #b5a746; }
      .navigation nav a:hover:before, .navigation nav a.active:before {
        background-color: #b5a746; }
      .navigation nav a:hover:after, .navigation nav a.active:after {
        border-color: #b5a746;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1); }
    .navigation nav .progress-line {
      position: absolute;
      height: 1px;
      width: 75%;
      bottom: 1.38em;
      left: 12.5%;
      background-color: rgba(255, 255, 255, 0.2); }
      .navigation nav .progress-line .progress {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #b5a746;
        opacity: 1 !important; }
  .navigation .order {
    min-width: 8em;
    height: 3.4em;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.175);
            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.175);
    background: url('') no-repeat center;
    cursor: pointer;
    background-size: 100% 100%;
    position: absolute;
    font-size: 1.8em;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0.2em 0.2em 1em rgba(0, 0, 0, 0.5);
    left: calc(50% + 25em);
    font-weight: bold;
    letter-spacing: 0.05em;
    box-sizing: border-box;
    padding: 1.4em 2.5em 0 3.5em;
    bottom: -2px;
    background-image: url('images/backgrounds/order-button@2x.png'); }
    .navigation .order:hover {
      -webkit-transform: translate3d(0, -3px, 0);
              transform: translate3d(0, -3px, 0); }
    .navigation .order:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0.5em;
      width: 6em;
      height: 5em;
      background: url('images/backgrounds/order-button-caps@2x.png') no-repeat center;
      background-size: 100% 100%;
      font-size: 0.556em; }

body.no-pinterest .navigation .pinterest {
  display: none; }

.step, .step .background {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }
.step .background {
  position: absolute; }
  .step .background, .step .background:after, .step .background:before, .step .background b {
    background: url('') no-repeat;
    background-position: center;
    background-size: cover; }
  .step .background img {
    display: block;
    width: 100%;
    height: auto; }
.step .container {
  width: 60em;
  height: calc(100% - 5em);
  margin: 0 auto;
  position: absolute;
  z-index: 900;
  left: calc(50% - 30em); }
  .step .container .content {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff; }
.step h1 {
  font-size: 2.2em;
  text-transform: uppercase;
  color: #e0c655;
  text-shadow: 0.2em 0.2em 0.2em rgba(0, 0, 0, 0.15); }
  .step h1 + p {
    margin-top: 1.5em; }
.step h2 {
  font-size: 2em;
  font-weight: bold;
  width: 100%;
  text-transform: uppercase; }
.step img + p, .step img + h2, .step img + .subtitle {
  margin-top: 1.75em; }
.step p {
  font-size: 1.8em;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }
.step .subtitle {
  position: relative; }
  .step .subtitle h2 {
    position: absolute; }
  .step .subtitle h2, .step .subtitle p {
    opacity: 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }
.step .separator {
  width: 75px;
  height: 7px;
  background: url('') no-repeat center;
  background-size: 100%;
  background-image: url('images/icons/separator@2x.png');
  margin-left: auto;
  margin-right: auto; }
  .step .separator.after, * + .step .separator.before {
    margin-top: 2.5em; }
  .step .separator.before, * + .step .separator.after {
    margin-bottom: 2.5em; }

.step.home {
  font-size: 90%; }
  .step.home .containers {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    opacity: 1; }
  .step.home .container {
    width: 40em;
    height: 100%;
    opacity: 1; }
    .step.home .container.left {
      left: calc(50% - 72em); }
      .step.home .container.left p {
        line-height: 1.4em; }
    .step.home .container.center {
      width: 34em;
      left: calc(50% - 17em);
      height: auto; }
    .step.home .container.right {
      left: calc(50% + 32em); }
      .step.home .container.right .content {
        text-align: left; }
    @media screen and (max-height: 768px) {
      .step.home .container .content {
        position: relative;
        top: 11%; } }
  .step.home .logo {
    margin-top: -24%;
    margin-bottom: -16%;
    display: block; }
    .step.home .logo img {
      width: 100%;
      height: auto;
      margin-top: -24%; }
  .step.home h1 span:last-child, .step.home h2, .step.home p {
    text-shadow: 0 0 1em black; }
  .step.home h1, .step.home h2, .step.home h3 {
    font-weight: normal;
    text-transform: uppercase; }
  .step.home h2, .step.home h3, .step.home .cta {
    color: #e6cda6; }
  .step.home h1, .step.home h3 {
    letter-spacing: 0.1em; }
  .step.home h1 {
    font-size: 2em; }
  .step.home h2 {
    font-size: 2.2em;
    letter-spacing: 0.2em;
    margin-top: 1.5em; }
  .step.home h3 {
    font-size: 1.8em;
    position: relative;
    display: inline-block; }
  .step.home p {
    margin-top: 0.7em; }
  .step.home * + h3 {
    margin-top: 2em; }
  .step.home h3.cup:after {
    content: '';
    display: inline-block;
    width: 44px;
    height: 40px;
    background: url("images/icons/cup.png") no-repeat center;
    background-size: contain;
    vertical-align: middle; }
  .step.home h3.milk:after {
    content: '';
    display: inline-block;
    width: 42px;
    height: 40px;
    background: url("images/icons/milk.png") no-repeat center;
    background-size: contain;
    vertical-align: middle; }
  .step.home h3.cup + p {
    margin-top: 0; }
  .step.home .intensity-value {
    font-size: 1em;
    line-height: 1.4em;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid;
    width: 1.6em;
    height: 1.6em;
    border-radius: 100%;
    text-align: center;
    box-sizing: border-box;
    position: relative; }
    .step.home .intensity-value:after {
      position: absolute;
      left: 50%;
      margin-left: -0.3em;
      top: 50%;
      margin-top: -0.65em;
      content: attr(data-intensity); }
  .step.home .intensity {
    margin-top: 2em; }
    .step.home .intensity a {
      width: 6px;
      height: 6px;
      border: 1px solid #fff;
      display: block;
      float: left;
      border-radius: 100%; }
      .step.home .intensity a.active {
        background-color: #fff; }
      .step.home .intensity a + a {
        margin-left: 0.7em; }
  .step.home .cta {
    font-size: 1.8em;
    position: relative;
    text-decoration: underline;
    padding-left: 14px;
    margin-top: 1.5em;
    display: inline-block;
    -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
    .step.home .cta:hover {
      color: #fff; }
    .step.home .cta:before {
      content: '';
      position: absolute;
      width: 6px;
      height: 12px;
      background: url('') no-repeat center;
      background-size: 100%;
      left: 0;
      top: 3px;
      background-image: url('images/icons/cta-before@2x.png'); }
  .step.home .container.center {
    text-align: center; }
    .step.home .container.center.start {
      top: 30%;
      height: 49em; }
      .step.home .container.center.start .button {
        box-shadow: 5px 6px 20px rgba(0, 0, 0, 0.15);
        margin-top: 4em;
        max-width: 14em; }
    .step.home .container.center.order {
      top: auto;
      bottom: 9%; }
    .step.home .container.center.start:hover a {
      -webkit-transform: scale(1.04);
          -ms-transform: scale(1.04);
              transform: scale(1.04); }
    .step.home .container.center a.order {
      min-width: 8em;
      height: 3.4em;
      background: url('') no-repeat center;
      cursor: pointer;
      background-size: 100% 100%;
      position: relative;
      font-size: 2.2em;
      text-transform: uppercase;
      color: #fff;
      text-shadow: 0.2em 0.2em 1em rgba(0, 0, 0, 0.5);
      font-weight: bold;
      letter-spacing: 0.05em;
      box-sizing: border-box;
      padding: 1.4em 2.5em 0 3.5em;
      bottom: -2px;
      background-image: url('images/backgrounds/order-button@2x.png');
      white-space: nowrap;
      border: 0; }
      .step.home .container.center a.order:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0.5em;
        width: 6em;
        height: 5em;
        background: url('images/backgrounds/order-button-caps@2x.png') no-repeat center;
        background-size: 100% 100%;
        font-size: 0.556em; }
    .step.home .container.center .button.blue {
      box-shadow: 0.3em 0.3em 1em black;
      padding-left: calc(1.8em + 38px);
      position: relative;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; }
      .step.home .container.center .button.blue:before {
        content: '';
        position: absolute;
        width: 27px;
        height: 30px;
        top: 0.7em;
        left: 1.8em;
        background: url('') no-repeat center;
        background-size: 100% 100%;
        background-image: url('images/icons/order.png'); }
      .step.home .container.center .button.blue:hover {
        box-shadow: 0.15em 0.15em 0.5em black;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; }
  .step.home .tip {
    display: inline-block;
    position: absolute;
    font-weight: bold;
    cursor: pointer;
    z-index: 950;
    right: 1.5em;
    top: 1.5em;
    background: url('images/icons/gift.png') no-repeat 90% 50% #4a351f;
    background-size: auto 60%;
    color: #b5a746;
    text-transform: uppercase;
    font-size: 1.2em;
    padding: 1.5em 2em;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    border: 2px solid #b5a746;
    border-radius: 1em;
    padding-right: 9em;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.175);
            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.175);
    max-width: 21em; }
    .step.home .tip:hover {
      -webkit-transform: scale(1.05);
          -ms-transform: scale(1.05);
              transform: scale(1.05); }
  @media screen and (max-width: 1024px) {
    .step.home .container.left {
      left: calc(50% - 68em);
      width: 38em; }
    .step.home .container.right {
      left: calc(50% + 31em);
      width: 38em; } }

.step.home {
  z-index: 120;
  /*.background.A {
    z-index: 20; background-image: url('images/backgrounds/step-Home/A-blurred-wall.png');
  }*/ }
  .step.home .background.B {
    z-index: 10;
    background-image: url('images/backgrounds/step-Home/B-wall.png'); }
  @media screen and (max-width: 1024px) {
    .step.home .background.B {
      background-image: url('images/backgrounds/step-Home/B-wall@0.65x.png'); } }

@media screen and (max-height: 768px) {
  .step.home * + h3 {
    margin-top: 1em; }
  .step.home h3:after {
    height: 31px !important; }
  .step.home p {
    margin-top: 0.1em; }
  .step.home .container.left p {
    margin-top: 1em; } }

html.mobile .step.A .tip-scroll {
  display: none; }

.step.A .tip-scroll {
  font-size: 1.3em;
  margin-top: 3em;
  cursor: pointer; }
  .step.A .tip-scroll .icon:after {
    content: '';
    display: block;
    width: 100%;
    height: 60px;
    background: url('') no-repeat center;
    background-size: 26px 100%;
    margin: 1em 0;
    background-image: url('images/icons/mouse-scroll@2x.png'); }

.step.A {
  z-index: 100; }
  .step.A .background.A {
    z-index: 40;
    background-image: url('images/backgrounds/step-A/A-leaves.png'); }
  .step.A .background.B {
    z-index: 30;
    -webkit-transform-origin: 25% 33%;
        -ms-transform-origin: 25% 33%;
            transform-origin: 25% 33%;
    height: 140%;
    top: -20%; }
    .step.A .background.B:after, .step.A .background.B:before, .step.A .background.B b {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
    .step.A .background.B:after {
      z-index: 30;
      background-image: url('images/backgrounds/step-A/B-coffee-cap.png'); }
    .step.A .background.B:before {
      z-index: 35;
      background-image: url('images/backgrounds/step-A/B-coffee-cap-blurred.png'); }
    .step.A .background.B b {
      z-index: 25;
      background-image: url('images/backgrounds/step-A/B-coffee-cap-constant.png'); }
  .step.A .background.C {
    z-index: 20;
    background-image: url('images/backgrounds/step-A/C-clouds.png'); }
  .step.A .background.D {
    z-index: 10;
    background-image: url('images/backgrounds/step-A/D-valley.jpg'); }
  @media screen and (max-width: 1024px) {
    .step.A .background.A {
      background-image: url('images/backgrounds/step-A/A-leaves@0.65x.png'); }
    .step.A .background.B:after {
      background-image: url('images/backgrounds/step-A/B-coffee-cap@0.65x.png'); }
    .step.A .background.B:before {
      background-image: url('images/backgrounds/step-A/B-coffee-cap-blurred@0.65x.png'); }
    .step.A .background.B b {
      background-image: url('images/backgrounds/step-A/B-coffee-cap-constant@0.65x.png'); }
    .step.A .background.C {
      background-image: url('images/backgrounds/step-A/C-clouds@0.65x.png'); }
    .step.A .background.D {
      background-image: url('images/backgrounds/step-A/D-valley@0.65x.jpg'); } }

.step.B {
  z-index: 90; }
  .step.B .container.B .subtitle p {
    position: relative; }
    .step.B .container.B .subtitle p:after {
      position: absolute;
      left: -100%;
      width: 300%;
      top: -150%;
      height: 400%;
      background: url("images/backgrounds/step-B/text-shadow.png") no-repeat center;
      background-size: 100% 100%;
      z-index: -1;
      content: '';
      opacity: 0.5; }
  .step.B .background.A {
    background-image: url('images/backgrounds/step-B/A-valley-complete.jpg');
    background-position: bottom center;
    top: auto;
    bottom: 0;
    background-size: cover;
    width: 150%;
    height: 220%; }
  .step.B .background.B {
    background-image: url('images/backgrounds/step-B/clouds.png');
    z-index: 1;
    width: 140%;
    background-position: bottom center;
    background-size: cover; }
  @media screen and (max-width: 1024px) {
    .step.B .background.A {
      background-image: url('images/backgrounds/step-B/A-valley-complete@0.65x.jpg'); }
    .step.B .background.B {
      background-image: url('images/backgrounds/step-B/clouds@0.65x.png'); } }

.step.C .logo-peru {
  position: relative;
  top: -93px; }
.step.C .container.A p {
  width: 60%;
  margin: auto; }
.step.C .container.B {
  left: calc(50% - 45em);
  width: 50em; }
  .step.C .container.B .content {
    -webkit-transform-origin: 80% 50%;
        -ms-transform-origin: 80% 50%;
            transform-origin: 80% 50%; }

.step.C {
  z-index: 100; }
  .step.C .background.A {
    z-index: 40;
    background-image: url('images/backgrounds/step-C/A-coffee-cap.png');
    -webkit-transform-origin: 40% 40%;
        -ms-transform-origin: 40% 40%;
            transform-origin: 40% 40%; }
  .step.C .background.B {
    z-index: 30;
    background-image: url('images/backgrounds/step-C/B-valley.jpg');
    height: 200%;
    background-position: center bottom;
    -webkit-transform-origin: 50% 30%;
        -ms-transform-origin: 50% 30%;
            transform-origin: 50% 30%; }
  .step.C .container.A span {
    text-align: center;
    color: #e0c655;
    font-size: 2.35em;
    display: block;
    position: relative;
    top: 118px;
    text-transform: uppercase; }
  @media screen and (max-width: 1024px) {
    .step.C .background.A {
      background-image: url('images/backgrounds/step-C/A-coffee-cap@0.65x.png'); }
    .step.C .background.B {
      background-image: url('images/backgrounds/step-C/B-valley@0.65x.jpg'); } }

.step.D .recipes-container {
  position: relative; }
.step.D .container.A {
  height: 38%; }
.step.D .container.B {
  width: 100%;
  left: 0;
  height: 100%; }
.step.D .cta {
  font-size: 1.3em;
  color: #fff;
  position: absolute;
  left: 0;
  z-index: 1;
  width: 15%;
  top: 68%;
  text-align: center; }
  .step.D .cta a {
    color: #eae2cf;
    position: relative;
    -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    cursor: pointer;
    text-decoration: underline; }
    .step.D .cta a:before {
      content: '';
      position: absolute;
      width: 6px;
      height: 12px;
      background: url('') no-repeat center;
      background-size: 100%;
      left: -12px;
      top: 2px;
      background-image: url('images/icons/cta-before@2x.png'); }
    .step.D .cta a:hover {
      color: #fff; }
  .step.D .cta.left {
    left: 23.5%; }
  .step.D .cta.middle {
    left: 43.5%; }
  .step.D .cta.right {
    left: 62%; }
.step.D .back {
  text-align: center;
  position: absolute;
  width: 100%;
  top: calc(50% + 25em); }
  @media screen and (max-height: 768px) {
    .step.D .back {
      display: none; } }

.step.D {
  z-index: 70; }
  .step.D .background.A {
    background-image: url('images/backgrounds/step-D/A-cups.jpg');
    background-size: contain; }
  @media screen and (max-width: 1024px) {
    .step.D .background.A {
      background-image: url('images/backgrounds/step-D/A-cups@0.65x.jpg'); } }

.dialog__content {
  background-color: #fff;
  width: 92em;
  position: relative; }
  .dialog__content .content, .dialog__content .photo {
    display: block;
    float: left; }
  .dialog__content .content {
    width: 60%;
    text-align: left;
    min-height: 35em;
    margin-right: 40%;
    box-sizing: border-box;
    padding: 3em;
    background-color: #fff; }
    .dialog__content .content .column {
      height: 100%;
      width: calc(50% - 1.5em);
      float: left; }
      .dialog__content .content .column + .column {
        margin-left: 3em; }
  .dialog__content .photo {
    width: 40%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url('') no-repeat center;
    background-size: cover; }
  .dialog__content h1 {
    font-size: 2em;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1.25em; }
  .dialog__content h2 {
    font-size: 1.8em;
    color: #b5a746;
    font-weight: bold; }
  .dialog__content p, .dialog__content li {
    font-size: 1.4em; }
  .dialog__content p:empty {
    display: none; }
  .dialog__content h2 + p, .dialog__content p + h2 {
    margin-top: 1.25em; }
  .dialog__content ul &gt; li {
    list-style: disc;
    margin-left: 1.2em; }
.dialog__close {
  padding: 0.8em 1.5em;
  font-size: 10px;
  cursor: pointer;
  position: absolute;
  right: -2px;
  bottom: 100%;
  color: #000;
  background: #b5a746;
  font-weight: bold; }
  .dialog__close:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url('images/icons/close@2x.png') no-repeat center;
    background-size: 100% 100%;
    margin-right: 5px;
    position: relative;
    top: 1px; }

.dialog-tip .dialog__content {
  background-color: #4a351f;
  border: 2px solid #b5a746;
  color: #fff;
  box-sizing: border-box;
  padding: 6em 10em; }
  .dialog-tip .dialog__content p {
    font-size: 1.4em;
    line-height: 1.6em; }
    .dialog-tip .dialog__content p:before {
      height: 4em;
      width: 100%;
      display: block;
      background: url('images/icons/gift.png') no-repeat center;
      background-size: auto 100%;
      content: '';
      margin-bottom: 2em; }

[class*='dialog-recipe-'] .dialog__close {
  background: url('images/backgrounds/popin-close.jpg') no-repeat center;
  right: -10px;
  margin-bottom: 10px;
  background-size: 100% 100%; }
  [class*='dialog-recipe-'] .dialog__close:before {
    background-image: url('images/icons/close@2x.png'); }
[class*='dialog-recipe-'] .dialog__content:after {
  position: absolute;
  content: '';
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  left: -10px;
  top: -10px;
  z-index: -1;
  background-size: 100%;
  background: url('images/backgrounds/popin.jpg') no-repeat center top;
  background-size: cover; }

[class*='dialog-tip'] .dialog__close {
  background: url('images/backgrounds/popin-close.jpg') no-repeat center;
  right: -10px;
  margin-bottom: 10px;
  background-size: 100% 100%; }
  [class*='dialog-tip'] .dialog__close:before {
    background-image: url('images/icons/close@2x.png'); }
[class*='dialog-tip'] .dialog__content {
  width: 70em; }
  [class*='dialog-tip'] .dialog__content .content {
    width: 100%;
    min-height: inherit; }
  [class*='dialog-tip'] .dialog__content:after {
    position: absolute;
    content: '';
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    left: -10px;
    top: -10px;
    z-index: -1;
    background-size: 100%;
    background: url('images/backgrounds/popin.jpg') no-repeat center top;
    background-size: cover; }

.mask {
  position: absolute;
  z-index: 900;
  pointer-events: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
  top: 0;
  pointer-events: none; }
  .mask.clouds:after, .mask.clouds:before {
    position: absolute;
    left: 0;
    width: 120%;
    top: 0;
    height: 100%;
    content: '';
    background: url('') no-repeat center;
    background-size: cover; }
  .mask.clouds:after {
    background: #fff;
    z-index: 0; }
  .mask.clouds:before {
    background-image: url('images/clouds/1.png');
    z-index: 1; }
  .mask.dark {
    background-color: #000;
    opacity: 0; }

.loader {
  background: url("images/loader.gif") no-repeat center #000;
  opacity: 1;
  z-index: 9999;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: ''; }

.firefox .step.A .background.B:before, .firefox .step.A .background.B b {
  display: none; }
.firefox .animation-step-1 .step.A .background.B:after, .firefox .animation-step-2 .step.A .background.B:after, .firefox .animation-step-3 .step.A .background.B:after, .firefox .animation-step-4 .step.A .background.B:after, .firefox .animation-step-5 .step.A .background.B:after, .firefox .animation-step-6 .step.A .background.B:after {
  opacity: 1; }
.firefox .animation-step-6 .step.A .background.A {
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2); }
.firefox .animation-step-6 .step.A .background.B {
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2); }
.firefox .animation-step-6 .step.A .background.C {
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2); }

.ie9 .mask {
  z-index: 0; }
.ie9 .animation-step-1 .navigation {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%); }
.ie9 .animation-step-7 .step.B .container.A p {
  -webkit-transform: translateX(65%);
      -ms-transform: translateX(65%);
          transform: translateX(65%); }
.ie9 .animation-step-8 .step.B .container.A h2 {
  -webkit-transform: translateX(-65%);
      -ms-transform: translateX(-65%);
          transform: translateX(-65%); }
.ie9 .animation-step-8 .step.B .container.B .content {
  -webkit-transform: translateX(70%);
      -ms-transform: translateX(70%);
          transform: translateX(70%); }
.ie9 .animation-step-8 .step.B .background.A {
  opacity: 1;
  -webkit-transform: translateX(-16.5%);
      -ms-transform: translateX(-16.5%);
          transform: translateX(-16.5%); }
.ie9 .animation-step-8 .step.B .background.B {
  opacity: 1;
  -webkit-transform: translateX(-19%);
      -ms-transform: translateX(-19%);
          transform: translateX(-19%); }
.ie9 .animation-step-9 .step.B .container.A .content {
  -webkit-transform: translateX(-70%);
      -ms-transform: translateX(-70%);
          transform: translateX(-70%); }
.ie9 .animation-step-9 .step.B .container.B p {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0); }
.ie9 .animation-step-9 .step.B .background.A {
  opacity: 1;
  -webkit-transform: translateX(-33%);
      -ms-transform: translateX(-33%);
          transform: translateX(-33%); }
.ie9 .animation-step-9 .step.B .background.B {
  opacity: 1;
  -webkit-transform: translateX(-38%);
      -ms-transform: translateX(-38%);
          transform: translateX(-38%); }
.ie9 .animation-step-10 .step.B .container.B h2 {
  -webkit-transform: translateY(70px);
      -ms-transform: translateY(70px);
          transform: translateY(70px); }
.ie9 .animation-step-10 .step.B .background.A {
  -webkit-transform: translateX(-33%) translateY(17%);
      -ms-transform: translateX(-33%) translateY(17%);
          transform: translateX(-33%) translateY(17%); }
.ie9 .animation-step-10 .step.B .background.B {
  -webkit-transform: translateX(-38%) translateY(40%);
      -ms-transform: translateX(-38%) translateY(40%);
          transform: translateX(-38%) translateY(40%); }
.ie9 .animation-step-11 .step.B .container.B .content {
  -webkit-transform: translateY(90%);
      -ms-transform: translateY(90%);
          transform: translateY(90%); }
.ie9 .animation-step-11 .step.B .background.A {
  -webkit-transform: translateX(-33%) translateY(54%);
      -ms-transform: translateX(-33%) translateY(54%);
          transform: translateX(-33%) translateY(54%); }
.ie9 .animation-step-11 .step.B .background.B {
  -webkit-transform: translateX(-38%) translateY(150%);
      -ms-transform: translateX(-38%) translateY(150%);
          transform: translateX(-38%) translateY(150%); }
.ie9 .animation-step-11 .step.C .background.A {
  -webkit-transform: translateY(55%);
      -ms-transform: translateY(55%);
          transform: translateY(55%); }
.ie9 .animation-step-12 .step.B .background.A {
  -webkit-transform: translateX(-33%) translateY(54%);
      -ms-transform: translateX(-33%) translateY(54%);
          transform: translateX(-33%) translateY(54%); }
.ie9 .animation-step-12 .step.B .background.B {
  -webkit-transform: translateX(-38%) translateY(150%);
      -ms-transform: translateX(-38%) translateY(150%);
          transform: translateX(-38%) translateY(150%); }
.ie9 .animation-step-12 .step.C .container.A .content {
  -webkit-transform: translateY(60%);
      -ms-transform: translateY(60%);
          transform: translateY(60%); }
.ie9 .animation-step-12 .step.C .background.A {
  -webkit-transform: translateY(55%);
      -ms-transform: translateY(55%);
          transform: translateY(55%); }
.ie9 .animation-step-13 .step.C .container.B .content {
  -webkit-transform: translateY(90%);
      -ms-transform: translateY(90%);
          transform: translateY(90%); }
.ie9 .animation-step-13 .step.C .background.A {
  -webkit-transform: translateY(55%);
      -ms-transform: translateY(55%);
          transform: translateY(55%); }
.ie9 .animation-step-13 .step.C .background.B {
  -webkit-transform: translateY(-25%);
      -ms-transform: translateY(-25%);
          transform: translateY(-25%); }
.ie9 .animation-step-14 .step.C .container.A .content {
  -webkit-transform: translateY(-60%);
      -ms-transform: translateY(-60%);
          transform: translateY(-60%); }
.ie9 .animation-step-14 .step.C .background.A {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none; }
.ie9 .animation-step-14 .step.C .background.B {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
.ie9 .animation-step-15 .step.C .background.A {
  -webkit-transform: scale(1.8);
      -ms-transform: scale(1.8);
          transform: scale(1.8); }
.ie9 .animation-step-15 .step.C .background.B {
  -webkit-transform: scale(1.4) translateY(-50%);
      -ms-transform: scale(1.4) translateY(-50%);
          transform: scale(1.4) translateY(-50%); }
.ie9 .animation-step-16 .step.C .background.A {
  -webkit-transform: scale(1.8);
      -ms-transform: scale(1.8);
          transform: scale(1.8); }
.ie9 .animation-step-16 .step.C .background.B {
  -webkit-transform: scale(1.4) translateY(-50%);
      -ms-transform: scale(1.4) translateY(-50%);
          transform: scale(1.4) translateY(-50%); }

body.env-nc2 .step.home .tip {
  -webkit-transform: translate(0, 65px);
      -ms-transform: translate(0, 65px);
          transform: translate(0, 65px); }
  body.env-nc2 .step.home .tip:hover {
    -webkit-transform: translate(0, 65px) scale(1.05);
        -ms-transform: translate(0, 65px) scale(1.05);
            transform: translate(0, 65px) scale(1.05); }
body.env-nc2 .navigation {
  -webkit-transform: translate(0, 6px);
      -ms-transform: translate(0, 6px);
          transform: translate(0, 6px); }
body.env-nc2.has_scrolled .navigation {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }

body.env-nc3 .step.home .tip {
  -webkit-transform: translate(0, 75px);
      -ms-transform: translate(0, 75px);
          transform: translate(0, 75px); }

body.env-default .navigation {
  bottom: 35px; }
body.env-default .step {
  top: calc(20px + 4em);
  bottom: 35px;
  height: auto; }

.env-default header {
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 2em;
  height: 20px;
  z-index: 1500;
  font-size: 10px;
  text-align: left; }
.env-default footer {
  font-size: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 20px;
  height: 15px;
  z-index: 1099;
  background: #000; }
  .env-default footer .left {
    float: left; }
  .env-default footer .right {
    float: right; }
  .env-default footer nav a {
    color: #666;
    text-decoration: none;
    margin-right: 4px;
    font-family: Arial, sans-serif; }
    .env-default footer nav a a img {
      vertical-align: middle; }
    .env-default footer nav a a:after {
      color: #666;
      content: '.';
      margin-left: 6px;
      position: relative;
      top: -3px; }
  .env-default footer .language {
    position: relative;
    top: 3px;
    display: inline-block;
    cursor: pointer; }

header.mobile {
  width: 100%;
  height: 4em;
  background: #fff;
  padding: 0 1.5em;
  box-sizing: border-box; }
  header.mobile nav {
    height: 100%; }
  header.mobile nav ul {
    height: 100%; }
  header.mobile nav li {
    float: left;
    height: 100%; }
  header.mobile .menu, header.mobile .basket {
    width: 20%; }
  header.mobile .logo {
    width: 60%; }
  header.mobile .menu a {
    display: inline-block;
    width: 26px;
    position: relative;
    top: calc( 2em - 8px); }
    header.mobile .menu a b, header.mobile .menu a:before, header.mobile .menu a:after {
      background: #30190d;
      height: 3px;
      border-radius: 3px;
      display: block;
      width: 100%;
      content: '';
      -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.175), background 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.175);
              transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.175), background 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.175); }
    header.mobile .menu a b {
      -webkit-transition: -webkit-transform 0.2s, background 0.2s;
              transition: transform 0.2s, background 0.2s; }
    header.mobile .menu a:before {
      margin-bottom: 3px; }
    header.mobile .menu a:after {
      margin-top: 3px; }
    header.mobile .menu a.active b {
      background: transparent;
      -webkit-transform: scaleX(0);
          -ms-transform: scaleX(0);
              transform: scaleX(0); }
    header.mobile .menu a.active:before {
      -webkit-transform: translateY(6px) rotate(45deg);
          -ms-transform: translateY(6px) rotate(45deg);
              transform: translateY(6px) rotate(45deg); }
    header.mobile .menu a.active:after {
      -webkit-transform: translateY(-6px) rotate(-45deg);
          -ms-transform: translateY(-6px) rotate(-45deg);
              transform: translateY(-6px) rotate(-45deg); }
  header.mobile .basket {
    font-size: 2.6em;
    text-align: right; }
    header.mobile .basket a {
      color: #30190d;
      margin-top: 0.3em;
      display: inline-block; }
  header.mobile .logo {
    height: 100%;
    background: url('images/logo/nespresso.large@2x.png') no-repeat center;
    background-size: auto 50%; }
    header.mobile .logo a {
      display: block;
      width: 100%;
      height: 100%; }

.mobile-menu {
  position: fixed;
  top: 4em;
  height: calc(100% - 4em);
  left: 0;
  width: 100%;
  background: #fefefe;
  opacity: 1;
  text-align: center;
  z-index: 9999;
  overflow: hidden;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .mobile-menu.closed {
    height: 0;
    opacity: 0; }
  .mobile-menu nav {
    text-transform: uppercase;
    font-size: 1.4em;
    text-align: left;
    margin: 2em;
    margin-bottom: 4em; }
    .mobile-menu nav a {
      display: block;
      padding: 1.5em 0;
      border-bottom: 1px solid #ccc; }
  .mobile-menu .navigation &gt; .share, .mobile-menu .order {
    display: none; }
  .mobile-menu a {
    display: inline-block;
    text-decoration: none;
    color: #333; }
  .mobile-menu ul {
    width: 100%;
    position: static; }
  .mobile-menu li {
    float: left;
    width: 33%;
    border: 0;
    font-size: 3em;
    color: white;
    padding: 0.1em 0; }
  .mobile-menu li + li {
    border-left: 1px solid rgba(0, 0, 0, 0.2); }

.locales .popup-locales .window {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1; }

.popup-locales {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10001;
  font-family: Arial, sans-serif;
  display: none;
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .popup-locales ul {
    position: static; }
  .popup-locales li {
    border: 0; }
  .popup-locales * {
    margin: 0;
    padding: 0;
    list-style: none; }
  .popup-locales .window {
    position: relative;
    width: 730px;
    margin: auto;
    color: #FFF;
    background: #564f4a;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    text-align: left;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 0; }
  .popup-locales .btn-close {
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 24px;
    height: 20px;
    line-height: 20px;
    font-size: 30px;
    text-align: center; }
  .popup-locales .gradient-bg {
    background: #333; }
  .popup-locales .window-title {
    height: 70px;
    line-height: 70px;
    font-size: 20px;
    padding-left: 25px;
    font-weight: bold; }
  .popup-locales .nav-continent {
    background: #666;
    padding-left: 25px; }
  .popup-locales .btn-continent {
    display: inline-block;
    margin-right: 35px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 11px; }
  .popup-locales .btn-continent a {
    color: #222;
    -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
    .popup-locales .btn-continent a:hover {
      color: #333; }
  .popup-locales .btn-continent.current a {
    color: #FFF; }
  .popup-locales .continents {
    padding: 25px 0 25px 25px; }
  .popup-locales .continent {
    display: none; }
  .popup-locales .continent.current {
    display: block; }
  .popup-locales .country {
    width: 228px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 25px;
    font-size: 11px;
    position: relative; }
  .popup-locales .country-label {
    text-transform: uppercase;
    display: block;
    margin-bottom: 3px;
    margin-left: 25px; }
  .popup-locales .country.last {
    width: auto; }
  .popup-locales .langs {
    margin-left: 25px; }
  .popup-locales .lang {
    display: inline; }
  .popup-locales .lang:before {
    content: '\2022';
    margin: 0 5px;
    position: relative;
    top: 1px; }
  .popup-locales .lang.first:before {
    content: '';
    margin: 0; }
  .popup-locales .lang a {
    color: #FFF;
    -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    text-decoration: none; }
    .popup-locales .lang a:hover {
      opacity: 0.6; }
  .popup-locales .sprite {
    position: absolute;
    top: 0;
    left: 0; }
  @media screen and (max-width: 767px) {
    .popup-locales {
      position: absolute;
      top: 0;
      left: 0;
      background: #333;
      -webkit-transform: translateX(-100%) scale(1);
          -ms-transform: translateX(-100%) scale(1);
              transform: translateX(-100%) scale(1); }
      .popup-locales .window {
        box-shadow: none; }
      .popup-locales .td {
        vertical-align: top; }
      .popup-locales .locales section {
        display: none; }
      .popup-locales .window {
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1); }
      .popup-locales .window-title {
        font-size: 12px;
        line-height: 4em;
        height: auto;
        padding: 0 1em; }
      .popup-locales .nav-continent {
        padding-left: 10px; }
      .popup-locales .btn-continent {
        margin-right: 12px; }
      .popup-locales .continents {
        padding: 0;
        padding-top: 15px; }
      .popup-locales .country {
        width: 100%;
        margin: 0px 0px 15px 0px;
        padding-bottom: 10px;
        border-bottom: 1px solid #666; }
      .popup-locales .country.last {
        width: 100%; }
      .popup-locales .country:last-child {
        margin-bottom: 0px; }
      .popup-locales .sprite {
        left: 10px; }
      .popup-locales .country-label {
        margin-left: 35px; }
      .popup-locales .langs {
        float: right;
        margin-top: -20px;
        margin-right: 10px; }
      .popup-locales .lang-label {
        display: inline-block;
        padding: 4px 8px; }
      .popup-locales .country-CH .langs {
        margin-top: 5px; } }

@media screen and (max-width: 767px) {
  body.locales .popup-locales {
    -webkit-transform: translateX(0) scale(1);
        -ms-transform: translateX(0) scale(1);
            transform: translateX(0) scale(1);
    opacity: 1; } }

/* Sprite */
.sprite {
  background: url('images/sprites_nespresso.png') no-repeat;
  position: relative;
  width: 16px;
  height: 11px; }

.sprite-ad-png {
  background-position: -432px -286px; }

.sprite-ae-png {
  background-position: -432px -264px; }

.sprite-af-png {
  background-position: -432px -242px; }

.sprite-ag-png {
  background-position: -432px -220px; }

.sprite-ai-png {
  background-position: -432px -198px; }

.sprite-al-png {
  background-position: -432px -176px; }

.sprite-am-png {
  background-position: -432px -154px; }

.sprite-an-png {
  background-position: -432px -132px; }

.sprite-ao-png {
  background-position: -433px -110px; }

.sprite-ar-png {
  background-position: -437px -88px; }

.sprite-as-png {
  background-position: -437px -66px; }

.sprite-at-png {
  background-position: -434px -44px; }

.sprite-au-png {
  background-position: -434px -22px; }

.sprite-aw-png {
  background-position: -434px 0px; }

.sprite-ax-png {
  background-position: -405px -418px; }

.sprite-az-png {
  background-position: -378px -418px; }

.sprite-ba-png {
  background-position: -351px -418px; }

.sprite-bb-png {
  background-position: -324px -418px; }

.sprite-bd-png {
  background-position: -297px -418px; }

.sprite-be-png {
  background-position: -270px -418px; }

.sprite-bf-png {
  background-position: -243px -418px; }

.sprite-bg-png {
  background-position: -216px -418px; }

.sprite-bh-png {
  background-position: -189px -418px; }

.sprite-bi-png {
  background-position: -162px -418px; }

.sprite-bj-png {
  background-position: -135px -418px; }

.sprite-bm-png {
  background-position: -108px -418px; }

.sprite-bn-png {
  background-position: -81px -418px; }

.sprite-bo-png {
  background-position: -54px -418px; }

.sprite-br-png {
  background-position: -27px -418px; }

.sprite-bs-png {
  background-position: 0px -418px; }

.sprite-bt-png {
  background-position: -405px -396px; }

.sprite-bv-png {
  background-position: -405px -374px; }

.sprite-bw-png {
  background-position: -405px -352px; }

.sprite-by-png {
  background-position: -405px -330px; }

.sprite-bz-png {
  background-position: -405px -308px; }

.sprite-ca-png {
  background-position: -405px -286px; }

.sprite-catalonia-png {
  background-position: -405px -264px; }

.sprite-cc-png {
  background-position: -405px -242px; }

.sprite-cd-png {
  background-position: -405px -220px; }

.sprite-cf-png {
  background-position: -405px -198px; }

.sprite-cg-png {
  background-position: -405px -176px; }

.sprite-ch-png {
  background-position: -452px -110px; }

.sprite-ci-png {
  background-position: -405px -154px; }

.sprite-ck-png {
  background-position: -405px -132px; }

.sprite-cl-png {
  background-position: -406px -110px; }

.sprite-cm-png {
  background-position: -410px -88px; }

.sprite-cn-png {
  background-position: -410px -66px; }

.sprite-co-png {
  background-position: -407px -44px; }

.sprite-cr-png {
  background-position: -407px -22px; }

.sprite-cs-png {
  background-position: -407px 0px; }

.sprite-cu-png {
  background-position: -378px -394px; }

.sprite-cv-png {
  background-position: -351px -394px; }

.sprite-cx-png {
  background-position: -324px -394px; }

.sprite-cy-png {
  background-position: -297px -394px; }

.sprite-cz-png {
  background-position: -270px -394px; }

.sprite-de-png {
  background-position: -243px -394px; }

.sprite-dj-png {
  background-position: -216px -394px; }

.sprite-dk-png {
  background-position: -189px -394px; }

.sprite-dm-png {
  background-position: -162px -394px; }

.sprite-do-png {
  background-position: -135px -394px; }

.sprite-dz-png {
  background-position: -108px -394px; }

.sprite-ec-png {
  background-position: -81px -394px; }

.sprite-ee-png {
  background-position: -54px -394px; }

.sprite-eg-png {
  background-position: -27px -394px; }

.sprite-eh-png {
  background-position: 0px -394px; }

.sprite-england-png {
  background-position: -378px -372px; }

.sprite-er-png {
  background-position: -351px -372px; }

.sprite-es-png {
  background-position: -324px -372px; }

.sprite-et-png {
  background-position: -297px -372px; }

.sprite-europeanunion-png {
  background-position: -270px -372px; }

.sprite-fam-png {
  background-position: -243px -372px; }

.sprite-fi-png {
  background-position: -216px -372px; }

.sprite-fj-png {
  background-position: -189px -372px; }

.sprite-fk-png {
  background-position: -162px -372px; }

.sprite-fm-png {
  background-position: -135px -372px; }

.sprite-fo-png {
  background-position: -108px -372px; }

.sprite-fr-png {
  background-position: -81px -372px; }

.sprite-ga-png {
  background-position: -54px -372px; }

.sprite-gb-png {
  background-position: -27px -372px; }

.sprite-gd-png {
  background-position: 0px -372px; }

.sprite-ge-png {
  background-position: -378px -350px; }

.sprite-gf-png {
  background-position: -351px -350px; }

.sprite-gh-png {
  background-position: -324px -350px; }

.sprite-gi-png {
  background-position: -297px -350px; }

.sprite-gl-png {
  background-position: -270px -350px; }

.sprite-gm-png {
  background-position: -243px -350px; }

.sprite-gn-png {
  background-position: -216px -350px; }

.sprite-gp-png {
  background-position: -81px -372px; }

.sprite-gq-png {
  background-position: -162px -350px; }

.sprite-gr-png {
  background-position: -135px -350px; }

.sprite-gs-png {
  background-position: -108px -350px; }

.sprite-gt-png {
  background-position: -81px -350px; }

.sprite-gu-png {
  background-position: -54px -350px; }

.sprite-gw-png {
  background-position: -27px -350px; }

.sprite-gy-png {
  background-position: 0px -350px; }

.sprite-hk-png {
  background-position: -378px -328px; }

.sprite-hm-png {
  background-position: -351px -328px; }

.sprite-hn-png {
  background-position: -324px -328px; }

.sprite-hr-png {
  background-position: -297px -328px; }

.sprite-ht-png {
  background-position: -270px -328px; }

.sprite-hu-png {
  background-position: -243px -328px; }

.sprite-id-png {
  background-position: -216px -328px; }

.sprite-ie-png {
  background-position: -189px -328px; }

.sprite-il-png {
  background-position: -162px -328px; }

.sprite-in-png {
  background-position: -135px -328px; }

.sprite-int-png {
  width: 15px;
  height: 17px;
  top: -4px;
  background-position: -163px -126px; }

.sprite-io-png {
  background-position: -108px -328px; }

.sprite-iq-png {
  background-position: -81px -328px; }

.sprite-ir-png {
  background-position: -54px -328px; }

.sprite-is-png {
  background-position: -27px -328px; }

.sprite-it-png {
  background-position: 0px -328px; }

.sprite-jm-png {
  background-position: -378px -306px; }

.sprite-jo-png {
  background-position: -351px -306px; }

.sprite-jp-png {
  background-position: -324px -306px; }

.sprite-ke-png {
  background-position: -297px -306px; }

.sprite-kg-png {
  background-position: -270px -306px; }

.sprite-kh-png {
  background-position: -243px -306px; }

.sprite-ki-png {
  background-position: -216px -306px; }

.sprite-km-png {
  background-position: -189px -306px; }

.sprite-kn-png {
  background-position: -162px -306px; }

.sprite-kp-png {
  background-position: -135px -306px; }

.sprite-kr-png {
  background-position: -108px -306px; }

.sprite-kw-png {
  background-position: -81px -306px; }

.sprite-ky-png {
  background-position: -54px -306px; }

.sprite-kz-png {
  background-position: -27px -306px; }

.sprite-la-png {
  background-position: 0px -306px; }

.sprite-lb-png {
  background-position: -378px -284px; }

.sprite-lc-png {
  background-position: -351px -284px; }

.sprite-li-png {
  background-position: -324px -284px; }

.sprite-lk-png {
  background-position: -297px -284px; }

.sprite-lr-png {
  background-position: -270px -284px; }

.sprite-ls-png {
  background-position: -243px -284px; }

.sprite-lt-png {
  background-position: -216px -284px; }

.sprite-lu-png {
  background-position: -189px -284px; }

.sprite-lv-png {
  background-position: -162px -284px; }

.sprite-ly-png {
  background-position: -135px -284px; }

.sprite-ma-png {
  background-position: -108px -284px; }

.sprite-mc-png {
  background-position: -81px -284px; }

.sprite-md-png {
  background-position: -54px -284px; }

.sprite-me-png {
  width: 16px;
  height: 12px;
  background-position: -190px -108px; }

.sprite-mg-png {
  background-position: -27px -284px; }

.sprite-mh-png {
  background-position: 0px -284px; }

.sprite-mk-png {
  background-position: -378px -262px; }

.sprite-ml-png {
  background-position: -351px -262px; }

.sprite-mm-png {
  background-position: -324px -262px; }

.sprite-mn-png {
  background-position: -297px -262px; }

.sprite-mo-png {
  background-position: -270px -262px; }

.sprite-mp-png {
  background-position: -243px -262px; }

.sprite-mq-png {
  background-position: -81px -372px; }

.sprite-mr-png {
  background-position: -189px -262px; }

.sprite-ms-png {
  background-position: -162px -262px; }

.sprite-mt-png {
  background-position: -135px -262px; }

.sprite-mu-png {
  background-position: -108px -262px; }

.sprite-mv-png {
  background-position: -81px -262px; }

.sprite-mw-png {
  background-position: -54px -262px; }

.sprite-mx-png {
  background-position: -27px -262px; }

.sprite-my-png {
  background-position: 0px -262px; }

.sprite-mz-png {
  background-position: -378px -240px; }

.sprite-na-png {
  background-position: -351px -240px; }

.sprite-nc-png {
  background-position: -324px -240px; }

.sprite-ne-png {
  background-position: -297px -240px; }

.sprite-nf-png {
  background-position: -270px -240px; }

.sprite-ng-png {
  background-position: -243px -240px; }

.sprite-ni-png {
  background-position: -216px -240px; }

.sprite-nl-png {
  background-position: -189px -240px; }

.sprite-no-png {
  background-position: -162px -240px; }

.sprite-np-png {
  width: 9px;
  height: 11px;
  background-position: -461px 0px; }

.sprite-nr-png {
  background-position: -135px -240px; }

.sprite-nu-png {
  background-position: -108px -240px; }

.sprite-nz-png {
  background-position: -81px -240px; }

.sprite-om-png {
  background-position: -54px -240px; }

.sprite-pa-png {
  background-position: -27px -240px; }

.sprite-pe-png {
  background-position: 0px -240px; }

.sprite-pf-png {
  background-position: -378px -218px; }

.sprite-pg-png {
  background-position: -351px -218px; }

.sprite-ph-png {
  background-position: -324px -218px; }

.sprite-pk-png {
  background-position: -297px -218px; }

.sprite-pl-png {
  background-position: -270px -218px; }

.sprite-pm-png {
  background-position: -243px -218px; }

.sprite-pn-png {
  background-position: -216px -218px; }

.sprite-pr-png {
  background-position: -189px -218px; }

.sprite-ps-png {
  background-position: -162px -218px; }

.sprite-pt-png {
  background-position: -135px -218px; }

.sprite-pw-png {
  background-position: -108px -218px; }

.sprite-py-png {
  background-position: -81px -218px; }

.sprite-qa-png {
  background-position: -54px -218px; }

.sprite-re-png {
  background-position: -27px -218px; }

.sprite-ro-png {
  background-position: 0px -218px; }

.sprite-rs-png {
  background-position: -378px -196px; }

.sprite-ru-png {
  background-position: -351px -196px; }

.sprite-rw-png {
  background-position: -324px -196px; }

.sprite-sa-png {
  background-position: -297px -196px; }

.sprite-sb-png {
  background-position: -270px -196px; }

.sprite-sc-png {
  background-position: -243px -196px; }

.sprite-scotland-png {
  background-position: -216px -196px; }

.sprite-sd-png {
  background-position: -189px -196px; }

.sprite-se-png {
  background-position: -162px -196px; }

.sprite-sg-png {
  background-position: -135px -196px; }

.sprite-sh-png {
  background-position: -108px -196px; }

.sprite-si-png {
  background-position: -81px -196px; }

.sprite-sj-png {
  background-position: -54px -196px; }

.sprite-sk-png {
  background-position: -27px -196px; }

.sprite-sl-png {
  background-position: 0px -196px; }

.sprite-sm-png {
  background-position: -378px -174px; }

.sprite-sn-png {
  background-position: -351px -174px; }

.sprite-so-png {
  background-position: -324px -174px; }

.sprite-sr-png {
  background-position: -297px -174px; }

.sprite-st-png {
  background-position: -270px -174px; }

.sprite-sv-png {
  background-position: -243px -174px; }

.sprite-sy-png {
  background-position: -216px -174px; }

.sprite-sz-png {
  background-position: -189px -174px; }

.sprite-tc-png {
  background-position: -162px -174px; }

.sprite-td-png {
  background-position: -135px -174px; }

.sprite-tf-png {
  background-position: -108px -174px; }

.sprite-tg-png {
  background-position: -81px -174px; }

.sprite-th-png {
  background-position: -54px -174px; }

.sprite-tj-png {
  background-position: -27px -174px; }

.sprite-tk-png {
  background-position: 0px -174px; }

.sprite-tl-png {
  background-position: -378px -152px; }

.sprite-tm-png {
  background-position: -351px -152px; }

.sprite-tn-png {
  background-position: -324px -152px; }

.sprite-to-png {
  background-position: -297px -152px; }

.sprite-tr-png {
  background-position: -270px -152px; }

.sprite-tt-png {
  background-position: -243px -152px; }

.sprite-tv-png {
  background-position: -216px -152px; }

.sprite-tw-png {
  background-position: -189px -152px; }

.sprite-tz-png {
  background-position: -162px -152px; }

.sprite-ua-png {
  background-position: -135px -152px; }

.sprite-ug-png {
  background-position: -108px -152px; }

.sprite-uk-png {
  width: 14px;
  height: 11px;
  background-position: -432px -308px; }

.sprite-um-png {
  background-position: -81px -152px; }

.sprite-us-png {
  background-position: -54px -152px; }

.sprite-uy-png {
  background-position: -27px -152px; }

.sprite-uz-png {
  background-position: 0px -152px; }

.sprite-va-png {
  background-position: -379px -130px; }

.sprite-vc-png {
  background-position: -352px -130px; }

.sprite-ve-png {
  background-position: -325px -130px; }

.sprite-vg-png {
  background-position: -298px -130px; }

.sprite-vi-png {
  background-position: -271px -130px; }

.sprite-vn-png {
  background-position: -244px -130px; }

.sprite-vu-png {
  background-position: -217px -130px; }

.sprite-wales-png {
  background-position: -190px -130px; }

.sprite-wf-png {
  background-position: -379px -108px; }

.sprite-ws-png {
  background-position: -352px -108px; }

.sprite-ye-png {
  background-position: -325px -108px; }

.sprite-yt-png {
  background-position: -298px -108px; }

.sprite-za-png {
  background-position: -271px -108px; }

.sprite-zm-png {
  background-position: -244px -108px; }

.sprite-zw-png {
  background-position: -217px -108px; }

@font-face {
  font-family: "nespresso-icons";
  src: url("fonts/nespresso.eot");
  src: url("fonts/nespresso.eot?#iefix") format("embedded-opentype"), url("fonts/nespresso.woff") format("woff"), url("fonts/nespresso.ttf") format("truetype"), url("fonts/nespresso.svg#nespresso") format("svg");
  font-weight: normal;
  font-style: normal; }

[data-icon]:before {
  font-family: "nespresso-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="nespresso-icon-"]:before, [class*=" nespresso-icon-"]:before {
  font-family: "nespresso-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.nespresso-icon-cart:before {
  content: "a"; }

.nespresso-icon-earth:before {
  content: "b"; }

.nespresso-icon-facebook:before {
  content: "c"; }

.nespresso-icon-logo:before {
  content: "d"; }

html.unicode body {
  font-family: arial, helvetica, sans-serif !important; }
html.unicode p {
  font-size: 1.6em !important; }
html.unicode h1 {
  font-size: 3.8em; }
html.unicode h2 {
  font-size: 2em; }
html.unicode .home .title h1 {
  font-size: 4.8em; }
html.unicode .home .title h2 {
  font-size: 2.5em; }
html.unicode .features .machine .block ul li {
  font-size: 1.6em; }
html.unicode .design .content .colors .color span {
  font-size: 1.6em; }
html.unicode .coffee-range .ranges .range .cap .infos .recipes .recipe .milk, html.unicode .coffee-range .ranges .range .cap .infos .recipes .recipe .description {
  font-size: 1.3em; }
html.unicode .recipes h2 {
  margin-top: 0.5em; }
html.unicode .recipes .creations {
  margin: 2em auto 0 auto; }

@media screen and (orientation: portrait) {
  html.mobile body &gt; * {
    display: none !important; }
  html.mobile body {
    background: url('images/misc/rotation-ipad.jpg') no-repeat center #000;
    background-size: auto 60%; } }

.dialog-recipe-order-chili .content {
  width: 100%;
  margin: 0; }
.dialog-recipe-order-chili p {
  font-size: 2.5em !important;
  text-align: center;
  margin-top: 4.3em;
  font-weight: bold; }
/*# sourceMappingURL=screen.css.map */</pre></body></html>