/*
Theme Name: Bootstrap
Theme URI: http://www.metabolism.fr
Version: 1.0
Author: Metabolism
*/
[data-icon]:before {
  font-family: "icons";
  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^="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;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-cup-01:before {
  content: "a"; }

.icon-cup-02:before {
  content: "b"; }

.icon-cup-03:before {
  content: "c"; }

.icon-cup-04:before {
  content: "d"; }

.icon-cup-05:before {
  content: "e"; }

.icon-cup-06:before {
  content: "f"; }

.icon-lungo:before {
  content: "p"; }

.icon-circle:before {
  content: "g"; }

.icon-circle-arrow-down:before, .recipes .creations article .extend:before {
  content: "h"; }

.icon-circle-play:before {
  content: "i"; }

.icon-pdf:before {
  content: "j"; }

.icon-button:before {
  content: "k"; }

.icon-select:before {
  content: "l"; }

.icon-social-twiter:before {
  content: "m"; }

.icon-social-pinterest:before {
  content: "n"; }

.icon-social-facebook:before {
  content: "o"; }

.icon-select-max:before {
  content: "q"; }

@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/{$src}.svg#Nespresso-Bold') format('svg');
  font-weight: bold;
  font-style: normal; }

@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/{$src}.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/{$src}.svg#Nespresso-Regular') format('svg');
  font-weight: normal;
  font-style: normal; }

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

/* Load SVG for Chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Nespresso";
    src: url('fonts/Nespresso-Bold.svg#Nespresso-Bold') format('svg');
    font-weight: bold;
    font-style: normal; }

  @font-face {
    font-family: "Nespresso";
    src: 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.svg#Nespresso-Regular') format('svg');
    font-weight: normal;
    font-style: normal; }

  @font-face {
    font-family: "Icons";
    src: url('fonts/icons.svg#icons') format('svg');
    font-weight: normal;
    font-style: normal; }
 }

/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 *
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/
/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 10; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
          transition-property: transform, left, top;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  box-sizing: content-box; }

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  float: left;
  box-sizing: content-box; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x; }

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: rgba(0, 0, 0, 0); }

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

.clearfix:after, .inner:after, .design .content .colors:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both; }

.slide {
  height: 100%;
  position: relative;
  width: 100%;
  margin: 0 auto 0 auto;
  z-index: 10;
  display: table; }

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

.inner {
  width: 100em;
  margin: auto;
  margin-bottom: 7em; }

.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; }

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

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

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

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

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

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

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

body, html {
  height: 100%; }

body {
  font-family: 'Nespresso', Helvetica, Arial, sans-serif;
  color: #30190d; }

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

h1 {
  font-size: 4.8em;
  font-weight: 100;
  color: #ffffff; }
  h1 + h2 {
    margin-top: 1.5em; }

.country-JP h1 {
  font-size: 4em; }

h2 {
  font-size: 1.4em;
  max-width: 70%;
  margin: 0 auto;
  line-height: 1.3em; }

p {
  font-size: 1.4em;
  line-height: 1.3em; }

.background {
  background: url('') no-repeat center/cover;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .background.below {
    z-index: 0;
    background-image: url('images/backgrounds/bg-below.jpg'); }
  .background.above {
    pointer-events: none;
    z-index: 11;
    background-image: url('images/backgrounds/bg-above.png'); }

html.ie10 .background.above, html.ie9 .background.above {
  z-index: 5; }

.discover-link {
  display: inline-block;
  font-size: 1.3em;
  border-radius: 20px;
  margin: 1.5em auto 0 auto;
  text-transform: uppercase;
  background: transparent;
  border-style: solid;
  border-width: 16px 22px;
  line-height: 0;
  -webkit-border-image: url('images/icons/order-border.png') 14 22 14 23 repeat;
       -o-border-image: url('images/icons/order-border.png') 14 22 14 23 repeat;
          border-image: url('images/icons/order-border.png') 14 22 14 23 fill repeat;
  -webkit-transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  color: white; }
  .discover-link:hover {
    background: #fff;
    color: #30190d; }

nav.menu {
  position: fixed;
  z-index: 20;
  width: 21em;
  top: 0;
  left: calc(50% - 75em); }
  nav.menu .logo {
    width: 100%;
    height: 7.5em;
    border-radius: 0 0 1em 1em;
    background: url('') #ffffff no-repeat center/87% auto;
    background-image: url('images/logos/latissima@2x.png'); }
  nav.menu ul {
    text-align: center;
    width: 100%; }
    nav.menu ul:before, nav.menu ul:after {
      content: '';
      display: block;
      width: 100%;
      background: url('') no-repeat center; }
    nav.menu ul:before {
      height: 7.6em;
      background-size: 1.9em 100%;
      background-image: url('images/icons/nav-before@2x.png'); }
    nav.menu ul:after {
      position: relative;
      top: 1px;
      left: -0.5px;
      height: 9.1em;
      background-size: 1.1em 100%;
      background-image: url('images/icons/nav-after@2x.png'); }
    nav.menu ul li {
      margin-top: 1em; }
      nav.menu ul li + li {
        margin-top: 2em; }
      nav.menu ul li a {
        font-size: 1.3em;
        opacity: 1;
        -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);
        display: inline-block; }
      nav.menu ul li .circle {
        margin-top: 0.5em;
        position: relative;
        display: block; }
        nav.menu ul li .circle:before {
          content: 'g';
          font-family: 'icons';
          -webkit-transition: color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
                  transition: color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
          font-size: 20px;
          color: #ffffff; }
        nav.menu ul li .circle:after {
          content: '';
          position: absolute;
          opacity: 0;
          -webkit-transform: scale(0);
              -ms-transform: scale(0);
                  transform: scale(0);
          width: 8px;
          height: 8px;
          -webkit-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
                  transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
          border-radius: 100%;
          background-color: #30190d;
          left: calc(50% - 4px);
          top: calc(50% - 5px); }
        nav.menu ul li .circle .lines {
          position: absolute;
          left: 50%;
          top: 0; }
          nav.menu ul li .circle .lines:before, nav.menu ul li .circle .lines:after {
            content: '';
            position: absolute;
            opacity: 0;
            height: 1px;
            width: 0;
            top: 0.8em;
            background-color: #30190d;
            -webkit-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
                    transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); }
          nav.menu ul li .circle .lines:before {
            right: 15px; }
          nav.menu ul li .circle .lines:after {
            left: 15px; }
      nav.menu ul li a:hover {
        opacity: 1; }
        nav.menu ul li a:hover .circle:before {
          color: #30190d; }
        nav.menu ul li a:hover .circle:after {
          opacity: 1;
          -webkit-transform: scale(1);
              -ms-transform: scale(1);
                  transform: scale(1); }
      nav.menu ul li.active a {
        opacity: 1; }
        nav.menu ul li.active a .circle:before {
          color: #30190d; }
        nav.menu ul li.active a .circle:after {
          opacity: 1;
          -webkit-transform: scale(1);
              -ms-transform: scale(1);
                  transform: scale(1); }
        nav.menu ul li.active a .circle .lines:before, nav.menu ul li.active a .circle .lines:after {
          opacity: 1;
          width: 3em; }

html.ie nav ul li .circle:after {
  top: calc(50% - 6px); }

.main-social {
  position: fixed;
  right: 15px;
  top: 20px;
  z-index: 100;
  font-size: 3.5rem; }
  .main-social a {
    display: block;
    margin-bottom: 1rem; }

.logo-translation {
  position: absolute;
  left: 26%;
  bottom: 25px;
  z-index: 100;
  font-size: 1rem; }

.order-link {
  position: fixed;
  right: 0;
  bottom: 0px;
  z-index: 100;
  font-size: 1.5rem;
  background: url(images/order/order-2.png) repeat-x;
  background-size: auto 100%;
  padding: 1em 4em 1em 1.5em;
  color: white; }
  .order-link:before {
    content: ' ';
    display: block;
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 10rem;
    height: 10rem;
    position: absolute;
    left: -7.4rem;
    top: -5.5rem; }
  .order-link.palladium_silver:before {
    background-image: url(images/order/order-palladium-silver.png); }
  .order-link.glam_white:before {
    background-image: url(images/order/order-glam-white.png); }
  .order-link span {
    display: block;
    position: relative;
    margin-right: 0;
    -webkit-transition: font-weight 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), margin-right 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: font-weight 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), margin-right 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); }
    .order-link span:after {
      content: '';
      width: 5px;
      height: 5px;
      border: 2px solid white;
      border-left: none;
      border-bottom: none;
      position: absolute;
      top: calc(50% - 4px);
      right: calc(0% - 15px);
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      opacity: 0;
      -webkit-transition: opacity 0.4s ease;
              transition: opacity 0.4s ease; }
  .order-link:hover span {
    font-weight: bold;
    margin-right: 1em; }
    .order-link:hover span:after {
      opacity: 1; }

/* Specifics navigators */
html.ie nav .logo {
  background-image: url('images/logos/latissima.png'); }

/* Specifics markets */
body.country-JP .main-social a.pinterest {
  display: none; }

body.country-CA.lang-fr nav.menu .logo {
  background-image: url('images/logos/latissima@2x-fr_ca.png'); }

.scroll {
  position: absolute;
  width: 100%;
  -webkit-transition: bottom 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: bottom 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  bottom: 1em;
  left: 0;
  text-align: center; }
  .scroll a {
    font-size: 1.3em;
    display: inline-block;
    cursor: pointer; }
    .scroll a:after {
      content: 'h';
      font-family: 'icons';
      white-space: nowrap;
      display: block;
      color: #ffffff;
      font-size: 1.3em;
      position: relative;
      top: 0;
      margin-top: 0.5em;
      -webkit-transition: top 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
              transition: top 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); }
    .scroll a:hover:after {
      top: 0.2em; }

.home {
  text-align: center; }
  .home .title {
    color: #ffffff;
    display: table;
    height: 14.7em;
    margin: 0 auto; }
    .home .title > div {
      display: table-cell;
      text-align: left;
      height: 100%;
      vertical-align: middle; }
    .home .title h1.with-translation {
      position: relative; }
      .home .title h1.with-translation:after {
        content: '**';
        top: -0.5em;
        font-size: 0.5em;
        position: relative; }
    .home .title h2 {
      margin: 0.7em 0 0 0 !important;
      font-size: 1.9em;
      max-width: 100%; }
    .home .title:before {
      content: '';
      display: inline-block;
      width: 14.8em;
      height: 100%;
      margin-right: 2em;
      background: url('') no-repeat center/100%;
      background-image: url('images/icons/cup-glow@2x.png'); }
  .home .translation {
    position: absolute;
    font-size: 1rem;
    left: 26%;
    bottom: 75px; }
  .home.swiper-slide-active .order {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    opacity: 1; }
  .home .order {
    width: 25em;
    height: 25em;
    border-radius: 50%;
    background-color: #30190d;
    position: absolute;
    top: -5%;
    left: 165%;
    display: table;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    padding: 0 2em;
    box-sizing: border-box;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
    opacity: 0;
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
    color: #ffffff; }
    .home .order > div {
      width: 100%;
      height: 100%;
      vertical-align: middle;
      display: table-cell; }
    .home .order span {
      font-size: 1.9em;
      line-height: 1.3em;
      display: block; }
      .home .order span b {
        display: block; }
    .home .order a {
      display: inline-block;
      font-size: 1.4em;
      border-radius: 20px;
      margin: 1.5em auto 0 auto;
      text-transform: uppercase;
      background: transparent;
      border-style: solid;
      border-width: 13px 19px;
      line-height: 0;
      -webkit-border-image: url('images/icons/order-border.png') 14 22 14 23 repeat;
           -o-border-image: url('images/icons/order-border.png') 14 22 14 23 repeat;
              border-image: url('images/icons/order-border.png') 14 22 14 23 fill repeat;
      -webkit-transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
              transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); }
      .home .order a:hover {
        background: #fff;
        color: #30190d; }
  .home .machine-container {
    display: inline-block;
    position: relative; }
    .home .machine-container .machine {
      margin: 3em 0 1em 0;
      width: 28.3em;
      height: 60.4em; }
  .home.swiper-slide-active .pulse-cups {
    opacity: 1; }
    .home.swiper-slide-active .pulse-cups .cup {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    .home.swiper-slide-active .pulse-cups .wave-1, .home.swiper-slide-active .pulse-cups .wave-2, .home.swiper-slide-active .pulse-cups .wave-3, .home.swiper-slide-active .pulse-cups .wave-4, .home.swiper-slide-active .pulse-cups .wave-5, .home.swiper-slide-active .pulse-cups .wave-6, .home.swiper-slide-active .pulse-cups .wave-7 {
      -webkit-animation: pulse 1.5s;
              animation: pulse 1.5s;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite; }
  .home .pulse-cups {
    position: absolute;
    -webkit-transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
            transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
    opacity: 0; }
    .home .pulse-cups .cup {
      z-index: 10; }
    .home .pulse-cups.one {
      width: 54.1em;
      height: 29.3em;
      -webkit-transition-delay: 0.6s;
              transition-delay: 0.6s;
      top: calc(35% - 14.65em);
      right: 70%; }
      .home .pulse-cups.one .cup {
        -webkit-transition-delay: 0s;
                transition-delay: 0s; }
    .home .pulse-cups.two {
      width: 54.1em;
      height: 30.9em;
      -webkit-transition-delay: 0.8s;
              transition-delay: 0.8s;
      top: calc(70% - 15.45em);
      right: 70%; }
      .home .pulse-cups.two .cup {
        -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s; }
    .home .pulse-cups.three {
      width: 54.1em;
      height: 31.2em;
      -webkit-transition-delay: 1s;
              transition-delay: 1s;
      top: calc(60% - 15.6em);
      left: 70%; }
      .home .pulse-cups.three .cup {
        -webkit-transition-delay: 0.4s;
                transition-delay: 0.4s; }
    .home .pulse-cups img {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
    .home .pulse-cups .wave-1 {
      -webkit-animation-delay: 0.6s;
              animation-delay: 0.6s; }
    .home .pulse-cups .wave-2 {
      -webkit-animation-delay: 0.5s;
              animation-delay: 0.5s; }
    .home .pulse-cups .wave-3 {
      -webkit-animation-delay: 0.4s;
              animation-delay: 0.4s; }
    .home .pulse-cups .wave-4 {
      -webkit-animation-delay: 0.3s;
              animation-delay: 0.3s; }
    .home .pulse-cups .wave-5 {
      -webkit-animation-delay: 0.2s;
              animation-delay: 0.2s; }
    .home .pulse-cups .wave-6 {
      -webkit-animation-delay: 0.1s;
              animation-delay: 0.1s; }
    .home .pulse-cups .wave-7 {
      -webkit-animation-delay: 0s;
              animation-delay: 0s; }
  .home h3 {
    font-size: 1.6em; }

.no-borderimage .home .order a {
  -webkit-border-image: none;
       -o-border-image: none;
          border-image: none;
  border: 2px solid #fff;
  line-height: normal;
  padding: 6px 18px; }

@-webkit-keyframes pulse {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes pulse {
  0% {
    opacity: 0; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-webkit-keyframes pulseWithScale {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5); } }

@keyframes pulseWithScale {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5); } }

.extra-froth .img, .extra-froth .content {
  width: 50%;
  float: left;
  padding: 0 2.8em;
  box-sizing: border-box; }
.extra-froth .img {
  text-align: center;
  position: relative; }
  .extra-froth .img .machine {
    width: 45.4em;
    height: 70.7em;
    position: relative;
    top: 5.5em;
    margin: auto; }
    .extra-froth .img .machine img {
      width: 100%;
      height: 100%; }
.extra-froth .feature {
  position: absolute;
  width: 45em;
  text-align: left;
  -webkit-perspective: 600px;
          perspective: 600px; }
  .extra-froth .feature h2 {
    font-size: 1.9em;
    opacity: 0;
    color: #ffffff;
    -webkit-transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
            transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s; }
  .extra-froth .feature p {
    margin-top: 1em;
    -webkit-transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s, -webkit-transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
            transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s, transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
    opacity: 0;
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top; }
  .extra-froth .feature .image {
    display: block;
    margin-bottom: 4em;
    float: left;
    height: 14em;
    width: 14em;
    background: url('') no-repeat center/100%;
    opacity: 0;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    margin-right: 2em;
    -webkit-transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s, transition cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
            transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s, transition cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
    -webkit-transition-delay: 1.3s;
            transition-delay: 1.3s; }
  .extra-froth .feature:after {
    content: '';
    position: absolute;
    -webkit-transition: width cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s, opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
            transition: width cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s, opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
    background: url('') no-repeat center/100%; }
  .extra-froth .feature:before {
    content: '';
    position: absolute;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
    width: 8em;
    height: 8em;
    background: url('images/icons/glow.png') no-repeat center/100%; }
  .extra-froth .feature.extra {
    top: 14em;
    left: 50em; }
    .extra-froth .feature.extra:after {
      bottom: calc(100% - 2.5em);
      left: -20.6em;
      width: 0;
      height: 14em;
      opacity: 0;
      background: url('images/icons/cup-glow-line.png') left top;
      background-size: 35em 13em; }
    .extra-froth .feature.extra:before {
      bottom: calc(100% + 2.2em);
      left: -18.9em; }
    .extra-froth .feature.extra .image {
      padding-top: 6em;
      background-image: url('images/icons/cup-glow@2x.png'); }
  .extra-froth .feature.regulator {
    top: 40em;
    left: 50em; }
    .extra-froth .feature.regulator:after {
      bottom: calc(100% - 3.5em);
      left: -19em;
      width: 0;
      height: 32.6em;
      opacity: 0;
      background: url('images/icons/regulator-line.png') left top;
      background-size: 18.4em 32.6em; }
    .extra-froth .feature.regulator:before {
      bottom: calc(100% + 19.7em);
      left: -17.5em;
      -webkit-animation-delay: 0.5s;
              animation-delay: 0.5s; }
    .extra-froth .feature.regulator .image {
      background-image: url('images/icons/regulator@2x.png'); }
.extra-froth.swiper-slide-active .feature.extra:after {
  width: 34.6em;
  opacity: 1; }
.extra-froth.swiper-slide-active .feature.regulator:after {
  width: 18.4em;
  opacity: 1; }
.extra-froth.swiper-slide-active .feature:before {
  -webkit-animation: pulseWithScale 1s;
          animation: pulseWithScale 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }
.extra-froth.swiper-slide-active .feature .image {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }
.extra-froth.swiper-slide-active .feature h2 {
  opacity: 1; }
.extra-froth.swiper-slide-active .feature p {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg); }
.extra-froth .content h1 {
  color: #ffffff; }

body.country-CA.lang-fr .extra-froth .feature.extra:after {
  background-image: url('images/icons/cup-glow-line-ca_fr.png'); }

.features {
  text-align: center; }
  .features .machine {
    height: 55em;
    margin-top: 6em;
    position: relative; }
    .features .machine > img {
      width: 50.2em;
      height: 67.2em; }
    .features .machine .block {
      position: absolute;
      text-align: left;
      width: 25em; }
      .features .machine .block.characteristics, .features .machine .block.panel {
        top: 5em; }
      .features .machine .block.characteristics, .features .machine .block.links {
        right: calc(50% + 21em); }
      .features .machine .block.panel, .features .machine .block.clean {
        left: calc(50% + 25em); }
      .features .machine .block.clean {
        bottom: -4em; }
      .features .machine .block.links {
        bottom: 4em; }
      .features .machine .block.links a {
        font-size: 1.4em;
        font-weight: 700;
        display: block;
        width: calc(100% - 3.5em);
        position: relative;
        margin-left: 3.5em; }
        .features .machine .block.links a:hover:before {
          -webkit-transform: scale(1.1);
              -ms-transform: scale(1.1);
                  transform: scale(1.1); }
        .features .machine .block.links a + a {
          margin-top: 3em; }
        .features .machine .block.links a:before {
          left: -1.4em;
          font-size: 2.5em;
          top: 50%;
          margin-top: -0.5em;
          position: absolute;
          color: #ffffff;
          -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
      .features .machine .block.panel:before, .features .machine .block.clean:before, .features .machine .block.clean .image {
        content: '';
        position: absolute;
        -webkit-transition: width cubic-bezier(0.645, 0.045, 0.355, 1) 0.48s, opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
                transition: width cubic-bezier(0.645, 0.045, 0.355, 1) 0.48s, opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
        background: url('') no-repeat left center/100%;
        display: block;
        -webkit-transition-delay: 0.5s;
                transition-delay: 0.5s; }
      .features .machine .block.panel:before {
        width: 0;
        height: 27.6em;
        opacity: 0;
        background-image: url('images/icons/panel-line.png');
        background-size: 19.4em 27.6em;
        left: -18em;
        top: -7em; }
      .features .machine .block.panel:after {
        left: -16.5em;
        top: -5.6em; }
      .features .machine .block.clean {
        -webkit-perspective: 600px;
                perspective: 600px; }
        .features .machine .block.clean h3, .features .machine .block.clean .image {
          opacity: 0; }
        .features .machine .block.clean ul {
          -webkit-transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s, -webkit-transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
                  transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s, transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
          -webkit-transition-delay: 1.46s;
                  transition-delay: 1.46s;
          opacity: 0;
          -webkit-transform: rotateX(90deg);
                  transform: rotateX(90deg);
          -webkit-transform-origin: top;
              -ms-transform-origin: top;
                  transform-origin: top; }
        .features .machine .block.clean:before {
          width: 0;
          height: 45.1em;
          opacity: 0;
          background-image: url('images/icons/clean-line.png');
          background-size: 14.7em 45.1em;
          left: -17em;
          top: -41.7em; }
        .features .machine .block.clean:after {
          left: -15.7em;
          top: -40.3em; }
        .features .machine .block.clean .image {
          width: 9em;
          height: 5.3em;
          opacity: 0;
          background-image: url('images/icons/clean.png');
          right: 0;
          top: -3em;
          -webkit-transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
                  transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
          -webkit-transition-delay: 0.98s;
                  transition-delay: 0.98s; }
      .features .machine .block.panel:after, .features .machine .block.clean:after {
        content: '';
        position: absolute;
        -webkit-transition-delay: 0.5s;
                transition-delay: 0.5s;
        width: 8em;
        height: 8em;
        background: url('images/icons/glow.png') no-repeat center/100%; }
      .features .machine .block h3 {
        color: #ffffff;
        font-size: 1.9em;
        border-bottom: 1px solid #ffffff;
        -webkit-transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
                transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
        padding: 0 0 0.75em 1em;
        margin-bottom: 0.75em;
        -webkit-transition-delay: 0.98s;
                transition-delay: 0.98s; }
      .features .machine .block ul li {
        font-size: 1.4em;
        line-height: 1.3em;
        width: calc(100% - 1.75em);
        position: relative;
        margin-left: 1.75em; }
        .features .machine .block ul li:before {
          content: '';
          color: #ffffff;
          width: 4px;
          height: 4px;
          position: absolute;
          border-radius: 50%;
          display: inline-block;
          left: -1em;
          background-color: #ffffff;
          top: 0.5em; }
        .features .machine .block ul li + li {
          margin-top: 0.7em; }
      .features .machine .block .modes {
        width: 13em;
        margin: 4em auto 0 auto;
        text-align: center;
        color: #ffffff; }
        .features .machine .block .modes .mode {
          width: 50%;
          height: 6.5em;
          -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);
          float: left;
          position: relative;
          opacity: 0; }
          .features .machine .block .modes .mode:nth-child(1) {
            -webkit-transition-delay: 0.98s;
                    transition-delay: 0.98s; }
          .features .machine .block .modes .mode:nth-child(2) {
            -webkit-transition-delay: 1.03s;
                    transition-delay: 1.03s; }
          .features .machine .block .modes .mode:nth-child(3) {
            -webkit-transition-delay: 1.08s;
                    transition-delay: 1.08s; }
          .features .machine .block .modes .mode:nth-child(4) {
            -webkit-transition-delay: 1.13s;
                    transition-delay: 1.13s; }
          .features .machine .block .modes .mode:nth-child(5) {
            -webkit-transition-delay: 1.18s;
                    transition-delay: 1.18s; }
          .features .machine .block .modes .mode:nth-child(6) {
            -webkit-transition-delay: 1.23s;
                    transition-delay: 1.23s; }
          .features .machine .block .modes .mode:after {
            content: '';
            position: absolute;
            left: -1em;
            top: -1.2em;
            opacity: 0;
            -webkit-transform: scale(0.5);
                -ms-transform: scale(0.5);
                    transform: scale(0.5);
            -webkit-transition-delay: 0.5s;
                    transition-delay: 0.5s;
            width: 8em;
            height: 8em;
            background: url('images/icons/glow.png') no-repeat center/100%; }
          .features .machine .block .modes .mode:hover:after {
            -webkit-animation: pulseWithScale 1s;
                    animation: pulseWithScale 1s;
            -webkit-animation-iteration-count: infinite;
                    animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
                    animation-timing-function: linear; }
          .features .machine .block .modes .mode .icon {
            font-size: 5.5em; }
            .features .machine .block .modes .mode .icon + span {
              position: absolute;
              font-family: 'Nespresso', Helvetica, Arial, sans-serif;
              text-transform: uppercase;
              display: block;
              width: 8em;
              font-size: 1.3em;
              top: 1.5em;
              opacity: 0;
              -webkit-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
                      transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); }
          .features .machine .block .modes .mode:nth-child(2n+1) .icon + span {
            text-align: right;
            right: 5.5em;
            -webkit-transform: translate(-20%, 0);
                -ms-transform: translate(-20%, 0);
                    transform: translate(-20%, 0); }
          .features .machine .block .modes .mode:nth-child(2n) .icon + span {
            text-align: left;
            left: 5.5em;
            -webkit-transform: translate(20%, 0);
                -ms-transform: translate(20%, 0);
                    transform: translate(20%, 0); }
          .features .machine .block .modes .mode:hover .icon + span {
            -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                    transform: translate(0, 0);
            opacity: 1; }
  .features.swiper-slide-active .block.clean:after, .features.swiper-slide-active .block.panel:after {
    -webkit-animation: pulseWithScale 1s;
            animation: pulseWithScale 1s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  .features.swiper-slide-active .block.clean h3, .features.swiper-slide-active .block.clean .image {
    opacity: 1; }
  .features.swiper-slide-active .block.clean ul {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); }
  .features.swiper-slide-active .block.clean:before {
    opacity: 1;
    width: 14.7em; }
  .features.swiper-slide-active .block.panel:before {
    opacity: 1;
    width: 19.4em; }
  .features.swiper-slide-active .block.panel .mode {
    opacity: 1; }

.design .img, .design .content {
  width: 50%;
  float: left;
  box-sizing: border-box; }
.design .content {
  padding: 0 6em 0 9em; }
  .design .content h2 {
    margin-top: 2.5em;
    max-width: 100%; }
  .design .content .tip {
    margin-top: 2em;
    font-size: 1.3em; }
  .design .content .colors {
    margin-top: 8em; }
    .design .content .colors .color {
      float: left;
      width: 33.33%;
      text-align: center;
      position: relative; }
      .design .content .colors .color span {
        font-size: 1.3em; }
      .design .content .colors .color:nth-child(4) {
        margin-left: 16.66%; }
      .design .content .colors .color:nth-child(4), .design .content .colors .color:nth-child(5) {
        margin-top: 13em; }
      .design .content .colors .color:after, .design .content .colors .color:before {
        content: '';
        position: absolute;
        width: 16em;
        height: 16em;
        left: calc(-50% + 4em);
        top: -1em;
        background: url('') no-repeat center/100%; }
      .design .content .colors .color:before {
        z-index: 10;
        opacity: 0;
        -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
                transform: scale(0.8);
        -webkit-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
        background-image: url('images/icons/colors/hover.png'); }
      .design .content .colors .color.white:after {
        background-image: url('images/icons/colors/white.png'); }
      .design .content .colors .color.black:after {
        background-image: url('images/icons/colors/black.png'); }
      .design .content .colors .color.red:after {
        background-image: url('images/icons/colors/red.png'); }
      .design .content .colors .color.silver:after {
        background-image: url('images/icons/colors/silver.png'); }
      .design .content .colors .color.titanium:after {
        background-image: url('images/icons/colors/titanium.png'); }
      .design .content .colors .color:hover:before {
        opacity: 1;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1); }
.design .img {
  text-align: center;
  height: 63em;
  position: relative; }
  .design .img .machine {
    width: 90%;
    height: auto;
    position: absolute;
    left: 5%;
    top: 0;
    opacity: 0;
    -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); }
.design.white .img .machine.white {
  opacity: 1; }
.design.black .img .machine.black {
  opacity: 1; }
.design.red .img .machine.red {
  opacity: 1; }
.design.silver .img .machine.silver {
  opacity: 1; }
.design.titanium .img .machine.titanium {
  opacity: 1; }

.recipes {
  text-align: center; }
  .recipes .creations {
    margin: 3em auto 0 auto;
    height: 58em;
    width: 95%; }
    .recipes .creations article {
      position: relative;
      height: 100%;
      display: block;
      float: left;
      border-radius: 2em; }
      .recipes .creations article h1 {
        font-size: 1.9em;
        font-weight: 400;
        position: absolute;
        white-space: nowrap; }
      .recipes .creations article .extend {
        position: absolute;
        bottom: 1em;
        left: 0.5em;
        font-size: 1.75em;
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg); }
        .recipes .creations article .extend:before {
          font-family: 'icons'; }
    .recipes .creations .recipe {
      /* autoprefixer: off */
      background: #ab917f;
      background: -moz-linear-gradient(top, #ab917f 0%, #c2a688 51%, #ab917f 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ab917f), color-stop(51%, #c2a688), color-stop(100%, #ab917f));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #ab917f 0%, #c2a688 51%, #ab917f 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #ab917f 0%, #c2a688 51%, #ab917f 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #ab917f 0%, #c2a688 51%, #ab917f 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #ab917f 0%, #c2a688 51%, #ab917f 100%);
      /* W3C */
      /* autoprefixer: on */
      width: 3.5rem;
      cursor: pointer;
      transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
      overflow: hidden; }
      .recipes .creations .recipe:after {
        content: '';
        background: #fff;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        opacity: 0;
        -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);
        border-radius: 4em; }
      .recipes .creations .recipe:hover:after {
        opacity: 0.1; }
      .recipes .creations .recipe h1 {
        left: 0.9em;
        bottom: 7em;
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg);
        -webkit-transform-origin: 0 50%;
            -ms-transform-origin: 0 50%;
                transform-origin: 0 50%; }
      .recipes .creations .recipe .extend {
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg); }
        .recipes .creations .recipe .extend:before {
          color: #ffffff; }
      .recipes .creations .recipe .img, .recipes .creations .recipe .ingredients {
        float: left;
        margin-top: 4em;
        display: none;
        -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);
        opacity: 0; }
      .recipes .creations .recipe .img {
        width: calc(50% - 1em);
        margin-top: 6em;
        height: calc(100% - 5em); }
        .recipes .creations .recipe .img > div {
          display: table-cell;
          vertical-align: middle; }
        .recipes .creations .recipe .img img {
          width: 90%;
          height: auto; }
      .recipes .creations .recipe .ingredients {
        width: calc(50% - 8em);
        -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s;
        margin-left: 2em;
        text-align: left;
        position: absolute;
        top: 2em;
        left: calc(50% - 1em); }
        .recipes .creations .recipe .ingredients h2 {
          font-weight: 700;
          max-width: 100%; }
        .recipes .creations .recipe .ingredients > span {
          font-size: 1.3em;
          line-height: 1.4em;
          margin-top: 0.9em;
          display: block; }
        .recipes .creations .recipe .ingredients ul {
          font-size: 1.4em;
          margin-top: 1.5em;
          line-height: 1.2em; }
          .recipes .creations .recipe .ingredients ul li {
            width: calc(100% - 1.25em);
            margin-left: 1.25em;
            position: relative;
            min-height: 2.3em; }
            .recipes .creations .recipe .ingredients ul li span {
              position: absolute;
              font-weight: 700;
              left: -1.25em; }
          .recipes .creations .recipe .ingredients ul li + li {
            margin-top: 1em; }
        .recipes .creations .recipe .ingredients .icons {
          position: absolute;
          top: 0rem;
          width: 8em;
          right: -5em; }
          .recipes .creations .recipe .ingredients .icons .mode, .recipes .creations .recipe .ingredients .icons .select {
            position: absolute;
            right: 0; }
          .recipes .creations .recipe .ingredients .icons .mode {
            right: 0.7em; }
            .recipes .creations .recipe .ingredients .icons .mode:before {
              font-size: 2.8em; }
          .recipes .creations .recipe .ingredients .icons .select {
            right: 0.3em; }
            .recipes .creations .recipe .ingredients .icons .select:before {
              font-size: 3.2em; }
      .recipes .creations .recipe .social {
        position: absolute;
        display: none;
        -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);
        opacity: 0;
        -webkit-transition-delay: 0.4s;
                transition-delay: 0.4s;
        bottom: 1.5em;
        left: 2em; }
        .recipes .creations .recipe .social a {
          font-size: 2.9em;
          -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); }
          .recipes .creations .recipe .social a + a {
            margin-left: 0.1em; }
          .recipes .creations .recipe .social a:hover {
            opacity: 0.8; }
    .recipes .creations .recipe + .recipe {
      margin-left: 0.2em; }
    .recipes .creations .recipe.active {
      width: calc(100% - 25.9em);
      -webkit-filter: none;
              filter: none;
      background: #e3dad5;
      cursor: auto;
      padding: 1.5em;
      box-sizing: border-box; }
      .recipes .creations .recipe.active:after {
        opacity: 0; }
      .recipes .creations .recipe.active h1 {
        color: #30190d;
        border-bottom: 1px solid;
        margin: 0.7em 0 0 0.7em;
        padding-bottom: 0.8em;
        width: calc(50% - 2em);
        text-align: left;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        left: 1em;
        top: 1em;
        bottom: auto; }
      .recipes .creations .recipe.active .img {
        display: table; }
      .recipes .creations .recipe.active .ingredients, .recipes .creations .recipe.active .social {
        display: block; }
      .recipes .creations .recipe.active .extend {
        display: none; }
      .recipes .creations .recipe.active.transition-end:after {
        display: none; }
      .recipes .creations .recipe.active.transition-end .img, .recipes .creations .recipe.active.transition-end .ingredients, .recipes .creations .recipe.active.transition-end .social {
        opacity: 1; }
  .recipes a.discover-link {
    float: right;
    margin-right: 3em;
    margin-top: 2em; }

@media screen and (max-width: 1024px) {
  .recipes .inner {
    margin-left: 27em; }
 }

html.ie9 .recipes .creations .active.recipe .ingredients, html.ie9 .recipes .creations .active.recipe .social, html.ie9 .recipes .creations .active.recipe .img {
  opacity: 1; }
html.ie9 .recipes .creations .recipe .img {
  width: 50%;
  height: 95%; }

.coffee-range {
  text-align: center;
  background: url('images/machine-background.png') no-repeat center;
  background-size: cover; }
  .coffee-range .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background: #C0A384;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.4s;
            transition: opacity 0.4s; }
  .coffee-range.active .overlay {
    opacity: 0.8;
    pointer-events: all; }
  .coffee-range .ranges {
    margin: 4em auto 0 auto;
    height: 56em;
    width: 100%; }
    .coffee-range .ranges .range {
      width: calc(16% - 0.8em);
      height: 100%;
      float: left;
      /* autoprefixer: off */
      background: #B99C7F;
      /* Old browsers */
      background: -moz-linear-gradient(top, #b99c7f 0%, rgba(185, 156, 127, 0) 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b99c7f), color-stop(100%, rgba(185, 156, 127, 0)));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #b99c7f 0%, rgba(185, 156, 127, 0) 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #b99c7f 0%, rgba(185, 156, 127, 0) 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #b99c7f 0%, rgba(185, 156, 127, 0) 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #b99c7f 0%, rgba(185, 156, 127, 0) 100%);
      /* W3C */
      /* autoprefixer: on */
      filter: none;
      border-radius: 2em; }
      .coffee-range .ranges .range + .range {
        margin-left: 1em; }
      .coffee-range .ranges .range h3 {
        height: 11%;
        font-size: 1.6em;
        color: #ffffff;
        box-sizing: border-box;
        border-bottom: 1px solid #ffffff;
        padding-top: 1.4em; }
      .coffee-range .ranges .range:nth-child(5) .cap .infos, .coffee-range .ranges .range:nth-child(6) .cap .infos {
        right: 7.2em;
        left: auto; }
      .coffee-range .ranges .range .cap {
        height: 17.8%;
        box-sizing: border-box;
        cursor: pointer;
        padding-top: 2.5em;
        position: relative; }
        .coffee-range .ranges .range .cap.active {
          z-index: 101; }
          .coffee-range .ranges .range .cap.active .infos {
            display: block; }
        .coffee-range .ranges .range .cap img {
          position: relative;
          z-index: 10;
          display: block;
          margin: 0 auto;
          width: 6rem;
          height: auto; }
        .coffee-range .ranges .range .cap span {
          font-size: 1.3em;
          margin-top: 0.5em;
          display: inline-block; }
        .coffee-range .ranges .range .cap .infos {
          display: none;
          position: absolute;
          z-index: 9;
          box-sizing: border-box;
          left: 7.2em;
          top: -18em;
          width: 62em;
          height: 44em;
          background: url('') no-repeat center/100% 100%;
          padding: 1.5em;
          background-image: url('images/backgrounds/cap-hover@2x.png'); }
          .coffee-range .ranges .range .cap .infos .name {
            font-size: 1.9em;
            margin-top: 1.2em; }
          .coffee-range .ranges .range .cap .infos .taste {
            font-size: 1.4em;
            margin-top: 0.8em; }
          .coffee-range .ranges .range .cap .infos .intensity {
            margin-top: 0.8em; }
            .coffee-range .ranges .range .cap .infos .intensity span {
              font-size: 1.4em;
              font-weight: 700; }
            .coffee-range .ranges .range .cap .infos .intensity .level {
              display: inline-block;
              margin: 0 0.7em; }
              .coffee-range .ranges .range .cap .infos .intensity .level span {
                width: 0.5em;
                height: 0.5em;
                background-color: #ffffff;
                border: 1px solid #30190d;
                border-radius: 50%; }
                .coffee-range .ranges .range .cap .infos .intensity .level span.active {
                  background-color: #30190d;
                  border-color: #30190d; }
          .coffee-range .ranges .range .cap .infos .recipes {
            margin: 2.8em auto 0 auto;
            border-bottom: 1px solid;
            width: 80%; }
            .coffee-range .ranges .range .cap .infos .recipes .recipe {
              float: left;
              width: 33.33%;
              line-height: 1.4em;
              padding: 0 3%;
              box-sizing: border-box; }
              .coffee-range .ranges .range .cap .infos .recipes .recipe .title {
                text-transform: uppercase;
                font-size: 1.3em;
                margin-top: 2.25em;
                min-height: 2em; }
              .coffee-range .ranges .range .cap .infos .recipes .recipe .milk {
                margin-bottom: 1.25em; }
              .coffee-range .ranges .range .cap .infos .recipes .recipe .milk, .coffee-range .ranges .range .cap .infos .recipes .recipe .description {
                margin-top: 1.25em;
                font-size: 1.15em; }
  .coffee-range a.discover-link {
    position: absolute;
    bottom: -4rem;
    left: calc(50% - 9rem);
    width: 12rem; }

@media screen and (max-width: 1024px) {
  .coffee-range .ranges .range:last-child .infos {
    left: -55em;
    background-image: url('images/backgrounds/cap-hover2@2x.png'); }

  .coffee-range .ranges .range .cap.roma a.discover-link {
    top: -6rem;
    bottom: initial; }

  .coffee-range {
    background-size: 90%;
    background-position-x: -115px;
    background-position-y: 125%; }
    .coffee-range .inner {
      margin-left: 27em; }
 }

html.ie9 .discover-link {
  color: #30190d;
  background: #e7dfda;
  padding: 6px 19px;
  line-height: 2;
  border-width: 0; }
html.ie9 .coffee-range .overlay {
  display: none; }

/* Specifics Markets */
body.country-HK .coffee-range .ranges .range .cap .infos .taste {
  font-size: 1.7em; }
body.country-HK .coffee-range .ranges .range .cap .infos .intensity span {
  font-size: 1.5em; }
body.country-HK .coffee-range .ranges .range .cap .infos .recipes .recipe .milk, body.country-HK .coffee-range .ranges .range .cap .infos .recipes .recipe .description {
  font-size: 1.6em;
  line-height: 1.3em;
  margin-top: 0.5em; }
body.country-HK .coffee-range .ranges .range .cap .infos .recipes .recipe .title {
  font-size: 1.6em;
  margin-top: 1em;
  line-height: 1.3em;
  margin-top: 0.5em; }
body.country-HK .coffee-range .ranges .range .cap .infos .recipes .discover-link {
  font-size: 1.6em; }

html {
  background: #000; }

body.env-nc2 nav.menu {
  -webkit-transform: translateY(68px);
      -ms-transform: translateY(68px);
          transform: translateY(68px);
  -webkit-transition: -webkit-transform 0.3s ease;
          transition: transform 0.3s ease;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s; }
body.env-nc2.has_scrolled nav {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px); }
body.env-nc2 .scroll {
  bottom: 3em; }
body.env-nc2 .slide.home .inner {
  margin-top: 2em; }
body.env-nc2 .slide.home .scroll {
  bottom: 6em; }
body.env-nc2.has_scrolled .slide.home .scroll {
  bottom: 3em; }
body.env-nc2 .main-social {
  -webkit-transform: translateY(68px);
      -ms-transform: translateY(68px);
          transform: translateY(68px);
  -webkit-transition: -webkit-transform 0.3s ease;
          transition: transform 0.3s ease;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s; }
body.env-nc2.has_scrolled .main-social {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px); }
body.env-nc2 .logo-translation {
  -webkit-transform: translateY(-35px);
      -ms-transform: translateY(-35px);
          transform: translateY(-35px);
  -webkit-transition: -webkit-transform 0.3s ease;
          transition: transform 0.3s ease; }
body.env-nc2.has_scrolled .logo-translation {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px); }

body.env-nc3 nav.menu {
  -webkit-transform: translateY(78px);
      -ms-transform: translateY(78px);
          transform: translateY(78px);
  -webkit-transition: -webkit-transform 0.3s ease;
          transition: transform 0.3s ease; }
body.env-nc3.has_scrolled nav {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px); }
body.env-nc3 .slide.home .inner {
  margin-top: 78px; }
body.env-nc3 .main-social {
  -webkit-transform: translateY(78px);
      -ms-transform: translateY(78px);
          transform: translateY(78px);
  -webkit-transition: -webkit-transform 0.3s ease;
          transition: transform 0.3s ease; }
body.env-nc3.has_scrolled .main-social {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px); }

body.env-default nav.menu {
  top: calc(20px + 5em); }
body.env-default .swiper-container {
  top: calc(25px + 5em);
  bottom: 35px;
  position: absolute;
  left: 0;
  width: 100%;
  height: auto; }
body.env-default .main-social {
  top: calc(20px + 2em); }
body.env-default .logo-translation {
  bottom: 90px; }
body.env-default footer nav {
  display: table; }
  body.env-default footer nav a {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 3px; }

body.env-nc2_5 nav.menu {
  -webkit-transform: translateY(78px);
      -ms-transform: translateY(78px);
          transform: translateY(78px);
  -webkit-transition: -webkit-transform 0.3s ease;
          transition: transform 0.3s ease; }
body.env-nc2_5.has_scrolled nav {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px); }
body.env-nc2_5 .slide.home .inner {
  margin-top: 78px; }
body.env-nc2_5 .main-social {
  -webkit-transform: translateY(78px);
      -ms-transform: translateY(78px);
          transform: translateY(78px);
  -webkit-transition: -webkit-transform 0.3s ease;
          transition: transform 0.3s ease; }
body.env-nc2_5.has_scrolled .main-social {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px); }

@media screen and (max-width: 1024px) {
  nav.menu {
    left: calc(50% - 65em); }
 }

@media screen and (max-height: 700px) {
  .slide.home .inner {
    font-size: 5.4px; }

  body.env-nc2 .slide.home .inner {
    margin-top: 11em; }
 }

.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.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), background 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
              transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), background 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    header.mobile .menu a b {
      -webkit-transition: -webkit-transform 0.267s, background 0.267s;
              transition: transform 0.267s, background 0.267s; }
    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: #101010;
  opacity: 1;
  text-align: center;
  z-index: 999;
  overflow: hidden;
  -webkit-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .mobile-menu.closed {
    height: 0;
    opacity: 0; }
  .mobile-menu .menu-container {
    padding-top: 50px; }
  .mobile-menu a {
    display: inline-block;
    text-decoration: none;
    color: #fff; }
  .mobile-menu ul {
    width: 100%;
    position: static; }
  .mobile-menu li {
    float: left;
    width: 33%;
    border: 0;
    font-size: 4em;
    color: white;
    padding: 0.5em 0; }
  .mobile-menu li + li {
    border-left: 1px solid rgba(255, 255, 255, 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.4s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: opacity 0.4s 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.4s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.4s 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.4s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: color 0.4s 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.4s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: opacity 0.4s 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 (max-width: 768px) {
  html.mobile body:after {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    background: url("images/rotation-ipad.jpg") #000 center no-repeat;
    content: '';
    z-index: 9999;
    background-size: 70% auto; }
 }

body.no-app .social {
  display: none !important; }
body.no-app .main-social {
  display: none !important; }

body.no-new nav.menu .logo {
  background-image: url('images/logos/latissima-no-new@2x.png'); }
body.no-new .logo-translation {
  display: none; }
body.no-new .extra-froth .feature.extra:after {
  background-image: url('images/icons/cup-glow-line-no-new.png'); }
body.no-new .design .color span.new {
  display: none; }
body.no-new .design .color.titanium span.new {
  position: absolute;
  display: block;
  left: 0.2em;
  top: 6.5em;
  color: white;
  z-index: 10;
  font-size: 1em;
  text-transform: uppercase;
  width: 100%;
  text-align: center; }
body.no-new .design .color.silver span.new {
  position: absolute;
  display: block;
  left: 0.2em;
  top: 6.5em;
  color: black;
  z-index: 10;
  font-size: 1em;
  text-transform: uppercase;
  width: 100%;
  text-align: center; }
body.no-new .design.silver .img .patch.silver, body.no-new .design.titanium .img .patch.titanium {
  -webkit-transition: opacity 0.5s linear;
          transition: opacity 0.5s linear;
  opacity: 1 !important;
  z-index: 10;
  background: #F6F1EB;
  width: 7.5em;
  height: 7.5em;
  position: absolute;
  right: -5%;
  border-radius: 100%;
  text-align: center;
  padding-top: 2.4em;
  box-sizing: border-box;
  font-size: 1.5em;
  text-transform: uppercase;
  line-height: 1.4em;
  top: 30%; }

body.machine-palladium_silver .coffee-range {
  background-image: url('images/machine_background-palladium.png'); }

.lang-zh h2 {
  font-size: 2em; }
.lang-zh nav.menu ul li a {
  font-size: 1.5em; }
.lang-zh .recipes .creations .recipe .ingredients > span {
  font-size: 1.6em; }

body.country-RO {
  font-family: Arial, sans-serif; }
  body.country-RO .features .modes .mode .icon + span {
    position: absolute;
    font-family: Arial, sans-serif; }

body.country-RU .menu {
  top: 55px !important; }
body.country-RU .order-link {
  bottom: 35px !important; }
/*# sourceMappingURL=screen.css.map */