<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, h1, h2, h3, h4, h5, h6, .step.E .button, .dialog__content p, .dialog__content li {
  line-height: 1.3em; }

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

@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.A .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 !important; }

body {
  background-color: #000;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  height: 100%;
  overflow: hidden; }

html, body {
  height: 100%; }

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

.title {
  text-transform: uppercase;
  font-size: 1.5em;
  color: #e8d55b;
  font-weight: bold;
  letter-spacing: 0.05em;
  position: relative; }
  .title.separator {
    margin-bottom: 1em; }
    .title.separator:after {
      content: '';
      display: block;
      height: 4px;
      background: url('') no-repeat center;
      background-size: auto 100%;
      margin-top: 1em;
      background-image: url('images/icons/separator@2x.png'); }

p {
  font-size: 1.3em;
  color: #fff;
  line-height: 1.3em; }

.step, .step .container {
  -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);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  opacity: 0; }
.step .container {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s; }

.animation-step-1 .step.home, .animation-step-1 .step.home .container {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }
.animation-step-1 .step.none {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); }

.animation-step-2 .step.A, .animation-step-2 .step.A .container {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }
.animation-step-2 .step.home {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); }

.animation-step-3 .step.B, .animation-step-3 .step.B .container {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }
.animation-step-3 .step.A {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); }

.animation-step-4 .step.C, .animation-step-4 .step.C .container {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }
.animation-step-4 .step.B {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); }

.animation-step-5 .step.D, .animation-step-5 .step.D .container {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }
.animation-step-5 .step.C {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); }

.animation-step-6 .step.E, .animation-step-6 .step.E .container {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }
.animation-step-6 .step.D {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); }

.animation-step-6 .step.E {
  z-index: 1001; }

.step {
  position: absolute;
  top: 4em;
  left: 0;
  bottom: 0;
  right: 0;
  background: url('') no-repeat center;
  background-size: 100% auto;
  overflow: hidden; }
  .step .container {
    width: calc(100% - 4em);
    margin: 0 auto;
    height: 100%;
    display: table; }
    .step .container .content {
      width: 100%;
      vertical-align: middle;
      display: table-cell; }
  .step.home {
    z-index: 1000; }
  .step.A {
    z-index: 900; }
  .step.B {
    z-index: 800; }
  .step.C {
    z-index: 700; }
  .step.D {
    z-index: 600; }
  .step.E {
    z-index: 500; }

.step.home {
  background-image: url('images/mobile/backgrounds/step-home.jpg'); }

.step.A {
  background-image: url('images/mobile/backgrounds/step-A.jpg'); }

.step.B {
  background-image: url('images/mobile/backgrounds/step-B.jpg'); }

.step.C {
  background-image: url('images/mobile/backgrounds/step-C.jpg'); }

.step.D {
  background-image: url('images/mobile/backgrounds/step-D.jpg'); }

.step.E {
  background-image: url('images/mobile/backgrounds/step-E.jpg'); }

.step.home .content {
  display: table;
  height: 40%; }
.step.home .logo-container {
  display: table-cell;
  width: 100%;
  vertical-align: middle; }
  .step.home .logo-container .logo {
    text-align: center; }
    .step.home .logo-container .logo .img {
      display: block;
      width: 190px;
      height: 90px;
      margin: 0 auto;
      text-align: center;
      position: relative; }
      .step.home .logo-container .logo .img img {
        position: absolute;
        height: auto;
        width: 190%;
        left: -45%;
        top: -95%; }
    .step.home .logo-container .logo .title {
      display: inline-block;
      font-size: 1.25em;
      margin-top: 0.75em; }
.step.home .scroll-down {
  position: absolute;
  display: block;
  width: 60px;
  height: 60px;
  border: 2px solid #fff;
  border-radius: 100%;
  left: calc(50% - 31px);
  bottom: 2em;
  background: url('') no-repeat center;
  background-size: 18px 18px;
  background-image: url('images/mobile/icons/scroll-down@2x.png'); }

.step.A .title {
  color: #e6cda6;
  display: inline-block; }
.step.A .title + p {
  margin-top: 0.6em; }
.step.A * + .title {
  margin-top: 1.3em; }
.step.A .index {
  position: absolute;
  top: -0.2em;
  right: -2em;
  font-size: 0.8em;
  border: 1px solid;
  line-height: 1.5em;
  width: 1.6em;
  height: 1.6em;
  text-align: center;
  border-radius: 1.6em;
  box-sizing: border-box; }
.step.A 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.A 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.A .intensity {
  margin-top: 1em; }
  .step.A .intensity div {
    width: 4px;
    height: 4px;
    float: left;
    border: 1px solid #fff;
    border-radius: 100%; }
    .step.A .intensity div.active {
      background-color: #fff; }
    .step.A .intensity div + div {
      margin-left: 0.6em; }

.step.B {
  text-align: center; }
  .step.B p {
    width: 80%;
    margin-left: auto;
    margin-right: auto; }

.step.C {
  text-align: center; }
  .step.C p + p {
    margin-top: 1.5em; }
  .step.C p:before {
    height: 35px;
    content: '';
    margin-bottom: 0.7em;
    display: block;
    background: url('') no-repeat center; }
  .step.C p.sun:before {
    background-size: auto 100%;
    background-image: url('images/icons/mayas/sun@2x.png'); }
  .step.C p.altitude:before {
    background-size: auto 100%;
    background-image: url('images/icons/mayas/mountain@2x.png'); }
  .step.C p.farmers:before {
    background-size: auto 100%;
    background-image: url('images/icons/mayas/hand@2x.png'); }

.step.D {
  text-align: center; }
  .step.D .container {
    height: calc(100% - 2em);
    margin-bottom: 2em; }
  .step.D .title {
    margin-bottom: 74%;
    margin-top: 0%; }

.step.E {
  text-align: center;
  background-size: 100% auto; }
  .step.E .container {
    height: calc(100% - 4.5em);
    margin-bottom: 4.5em; }
  .step.E .title {
    margin-bottom: 70%; }
  .step.E .button {
    display: block;
    padding: 1em;
    padding-left: 2em;
    font-size: 0.8em;
    font-weight: bold;
    box-sizing: border-box;
    background: url('') no-repeat center;
    background-size: 100% 100%;
    text-transform: uppercase;
    float: left;
    color: #000;
    text-align: left;
    background-image: url('images/backgrounds/gold-button.png');
    width: calc(50% - 2em);
    border: 0;
    position: relative; }
    .step.E .button:before {
      content: '';
      position: absolute;
      width: 4px;
      height: 100%;
      left: 1em;
      top: 0;
      background: url('') no-repeat center;
      background-size: 100% auto;
      background-image: url('images/icons/cta-before-black@2x.png'); }
    .step.E .button + .button {
      margin-left: 4em; }

.order-button {
  z-index: 1100;
  min-width: 8.2em;
  height: 3.4em;
  background: url('') no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0.2em 0.2em 1em rgba(0, 0, 0, 0.5);
  right: -1em;
  font-weight: bold;
  letter-spacing: 0.05em;
  box-sizing: border-box;
  padding: 1.4em 2.5em 0 3.5em;
  bottom: 0;
  background-image: url('images/backgrounds/order-button@2x.png'); }
  .order-button: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.6em; }

.has-dialog {
  height: auto;
  overflow-y: visible; }

.dialog {
  position: absolute; }
  .dialog__content {
    background-color: #fff;
    width: 100%;
    position: relative; }
    .dialog__content .photo {
      display: none; }
    .dialog__content .content {
      width: calc(100% - 2em);
      text-align: left;
      box-sizing: border-box;
      margin: 1em;
      padding: 2em;
      background-color: #fff; }
      .dialog__content .content .column {
        width: 100%; }
        .dialog__content .content .column + .column {
          margin-top: 3em; }
    .dialog__content .photo {
      width: 40%;
      background: url('') no-repeat center;
      background-size: cover; }
    .dialog__content h1 {
      font-size: 2em;
      text-transform: uppercase;
      font-weight: bold;
      text-align: left;
      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;
      color: #333; }
    .dialog__content p:empty {
      display: none; }
    .dialog__content h2 + p, .dialog__content p + h2 {
      margin-top: 1.25em; }
  .dialog__close {
    padding: 0.8em 1.5em;
    font-size: 10px;
    cursor: pointer;
    position: absolute;
    right: -2px;
    top: 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-'] {
  padding: 1em;
  box-sizing: border-box; }
  [class*='dialog-recipe-'] .dialog__content {
    background: url('images/backgrounds/popin.jpg') no-repeat center;
    background-size: cover; }
  [class*='dialog-recipe-'] .dialog__close {
    background: #333;
    right: 10px;
    top: 10px;
    bottom: auto;
    background-size: 100% 100%;
    padding: 0.8em; }
    [class*='dialog-recipe-'] .dialog__close:before {
      background-image: url('images/icons/close-white@2x.png');
      margin-right: 0; }

.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: landscape) {
  html body &gt; * {
    display: none !important; }
  html body {
    background: url('images/misc/rotation-iphone.jpg') no-repeat center #000;
    background-size: auto 60%; } }

.order-button {
  right: 1px; }
/*# sourceMappingURL=mobile.css.map */</pre></body></html>