@font-face {
  font-family: "Didot";
  src: url("../fonts/Didot2.eot");
  src: url("../fonts/Didot2.eot?#iefix") format("embedded-opentype"), url("../fonts/Didot2.woff") format("woff"), url("../fonts/Didot2.ttf") format("truetype"), url("../fonts/Didot2.svg#Didot2") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Didot";
  src: url("../fonts/Didot2-Bold.eot");
  src: url("../fonts/Didot2-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Didot2-Bold.woff") format("woff"), url("../fonts/Didot2-Bold.ttf") format("truetype"), url("../fonts/Didot2-Bold.svg#Didot2-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Didot";
  src: url("../fonts/Didot2-Italic.eot");
  src: url("../fonts/Didot2-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Didot2-Italic.woff") format("woff"), url("../fonts/Didot2-Italic.ttf") format("truetype"), url("../fonts/Didot2-Italic.svg#Didot2-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Frutiger";
  src: url("../fonts/Frutiger-Light.eot");
  src: url("../fonts/Frutiger-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Frutiger-Light.woff") format("woff"), url("../fonts/Frutiger-Light.ttf") format("truetype"), url("../fonts/Frutiger-Light.svg#Frutiger-Light") format("svg");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Frutiger";
  src: url("../fonts/Frutiger-LightItalic.eot");
  src: url("../fonts/Frutiger-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Frutiger-LightItalic.woff") format("woff"), url("../fonts/Frutiger-LightItalic.ttf") format("truetype"), url("../fonts/Frutiger-LightItalic.svg#Frutiger-LightItalic") format("svg");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Frutiger";
  src: url("../fonts/FrutigerLTStd-Italic.eot");
  src: url("../fonts/FrutigerLTStd-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/FrutigerLTStd-Italic.woff") format("woff"), url("../fonts/FrutigerLTStd-Italic.ttf") format("truetype"), url("../fonts/FrutigerLTStd-Italic.svg#FrutigerLTStd-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Frutiger";
  src: url("../fonts/Frutiger-Roman.eot");
  src: url("../fonts/Frutiger-Roman.eot?#iefix") format("embedded-opentype"), url("../fonts/Frutiger-Roman.woff") format("woff"), url("../fonts/Frutiger-Roman.ttf") format("truetype"), url("../fonts/Frutiger-Roman.svg#Frutiger-Roman") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Frutiger";
  src: url("../fonts/Frutiger-Bold.eot");
  src: url("../fonts/Frutiger-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Frutiger-Bold.woff") format("woff"), url("../fonts/Frutiger-Bold.ttf") format("truetype"), url("../fonts/Frutiger-Bold.svg#Frutiger-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "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;
}
@font-face {
  font-family: "Frutiger";
  src: url("../fonts/Frutiger-BoldItalic.eot");
  src: url("../fonts/Frutiger-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Frutiger-BoldItalic.woff") format("woff"), url("../fonts/Frutiger-BoldItalic.ttf") format("truetype"), url("../fonts/Frutiger-BoldItalic.svg#Frutiger-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}
/* Load SVG for Chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Didot";
    src: url("../fonts/Didot2.svg#Didot2") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: "Didot";
    src: url("../fonts/Didot2-Bold.svg#Didot2-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
  }
  @font-face {
    font-family: "Didot";
    src: url("../fonts/Didot2-Italic.svg#Didot2-Italic") format("svg");
    font-weight: normal;
    font-style: italic;
  }
  @font-face {
    font-family: "Frutiger";
    src: url("../fonts/Frutiger-Light.svg#Frutiger-Light") format("svg");
    font-weight: 100;
    font-style: normal;
  }
  @font-face {
    font-family: "Frutiger";
    src: url("../fonts/Frutiger-LightItalic.svg#Frutiger-LightItalic") format("svg");
    font-weight: 100;
    font-style: italic;
  }
  @font-face {
    font-family: "Frutiger";
    src: url("../fonts/FrutigerLTStd-Italic.svg#FrutigerLTStd-Italic") format("svg");
    font-weight: normal;
    font-style: italic;
  }
  @font-face {
    font-family: "Frutiger";
    src: url("../fonts/Frutiger-Roman.svg#Frutiger-Roman") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: "Frutiger";
    src: url("../fonts/Frutiger-Bold.svg#Frutiger-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
  }
  @font-face {
    font-family: "Icons";
    src: url("../fonts/nespresso.svg#nespresso") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: "Frutiger";
    src: url("../fonts/Frutiger-BoldItalic.svg#Frutiger-BoldItalic") format("svg");
    font-weight: bold;
    font-style: italic;
  }
}
/* line 3, ../sass/_basics/_base.scss */
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;
  font: inherit;
  vertical-align: baseline;
}

/* line 5, ../sass/_basics/_base.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 7, ../sass/_basics/_base.scss */
body {
  line-height: 1;
  background: #000;
}

/* line 8, ../sass/_basics/_base.scss */
body, html {
  height: 100%;
}

/* line 9, ../sass/_basics/_base.scss */
ol, ul {
  list-style: none;
}

/* line 10, ../sass/_basics/_base.scss */
blockquote, q {
  quotes: none;
}

/* line 11, ../sass/_basics/_base.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: none;
}

/* line 13, ../sass/_basics/_base.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 14, ../sass/_basics/_base.scss */
a {
  text-decoration: none;
}

/* line 15, ../sass/_basics/_base.scss */
em, i {
  font-style: italic;
}

/* line 16, ../sass/_basics/_base.scss */
small {
  font-size: 70%;
}

/* line 17, ../sass/_basics/_base.scss */
* {
  -webkit-tap-highlight-color: transparent;
}

/* line 22, ../sass/_basics/_base.scss */
.cover {
  overflow: hidden;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 0;
}

/* line 23, ../sass/_basics/_base.scss */
.cover > * {
  position: relative;
  width: 100%;
  height: auto;
}

/* line 27, ../sass/_basics/_base.scss */
.table {
  display: table;
  height: 100%;
  width: 100%;
}
/* line 28, ../sass/_basics/_base.scss */
.table .td {
  display: table-cell;
  vertical-align: middle;
}

/* line 33, ../sass/_basics/_base.scss */
.clearfix:after, .block.full .bubbles:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
}

/* line 49, ../sass/_basics/_base.scss */
html {
  font-size: 10px !important;
}

/* line 3, ../sass/_basics/_ui.scss */
h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0.05em;
}

/* line 5, ../sass/_basics/_ui.scss */
p {
  color: #d6d6d6;
  font-family: "Frutiger", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  font-weight: 100;
  line-height: 170%;
  letter-spacing: 0.075em;
}

/* line 10, ../sass/_basics/_ui.scss */
a {
  cursor: pointer;
}

/* line 12, ../sass/_basics/_ui.scss */
.button {
  border: 1px solid;
  display: inline-block;
  font-size: 1.4em;
  font-weight: 100;
  font-family: "Frutiger", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #fff;
  margin-top: 2em;
  border-radius: 2em;
  padding: 1em 2em;
  position: relative;
}

/* line 17, ../sass/_basics/_ui.scss */
.background {
  overflow: hidden;
  background: #101010;
}
/* line 19, ../sass/_basics/_ui.scss */
.background b {
  background: url("") no-repeat center;
  background-size: cover;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* line 22, ../sass/_functions.scss */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* line 27, ../sass/_functions.scss */
::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 10px;
}

/* line 32, ../sass/_functions.scss */
::-webkit-scrollbar-track {
  background: #222;
}

/* line 37, ../sass/_functions.scss */
body {
  scrollbar-face-color: #ddd;
  scrollbar-track-color: #222;
}

@media only screen and (max-width: 767px) {
  /* line 26, ../sass/_basics/_ui.scss */
  p {
    font-size: 1.1em;
    font-weight: 100;
    line-height: 150%;
    letter-spacing: 0.05em;
  }

  /* line 27, ../sass/_basics/_ui.scss */
  .button {
    font-size: 1.4em;
    font-weight: 100;
    margin: 1.2em 0;
    padding: 0.75em 1.25em;
  }
}
/* line 33, ../sass/_basics/_ui.scss */
.origins .more:after {
  background-color: #465a29 !important;
}
/* line 34, ../sass/_basics/_ui.scss */
.origins .more:hover:after {
  background-color: #849172 !important;
}
/* line 35, ../sass/_basics/_ui.scss */
.origins .coffee {
  background-color: #16211d !important;
}
/* line 37, ../sass/_basics/_ui.scss */
.origins .coffee:before {
  background-image: url("../images/cups/origins@2x.jpg");
}
/* line 39, ../sass/_basics/_ui.scss */
.origins .block.full .content,
.origins .inner .block.video-choice {
  background-color: #161e1b !important;
}
/* line 41, ../sass/_basics/_ui.scss */
.origins .block.full .more {
  color: #161e1b !important;
}

/* line 44, ../sass/_basics/_ui.scss */
.voyage .more:after {
  background-color: #806c3e !important;
}
/* line 45, ../sass/_basics/_ui.scss */
.voyage .more:hover:after {
  background-color: #a8a295 !important;
}
/* line 46, ../sass/_basics/_ui.scss */
.voyage .coffee {
  background-color: #29261f !important;
}
/* line 48, ../sass/_basics/_ui.scss */
.voyage .coffee:before {
  background-image: url("../images/cups/voyage@2x.jpg");
}
/* line 49, ../sass/_basics/_ui.scss */
.voyage .block.full .content,
.voyage .inner .block.video-choice {
  background-color: #24221c !important;
}
/* line 51, ../sass/_basics/_ui.scss */
.voyage .block.full .more {
  color: #24221c !important;
}

/* line 54, ../sass/_basics/_ui.scss */
.art .more:after {
  background-color: #2a4366 !important;
}
/* line 55, ../sass/_basics/_ui.scss */
.art .more:hover:after {
  background-color: #74849c !important;
}
/* line 56, ../sass/_basics/_ui.scss */
.art .coffee {
  background-color: #191919 !important;
}
/* line 58, ../sass/_basics/_ui.scss */
.art .coffee:before {
  background-image: url("../images/cups/art@2x.jpg");
}
/* line 59, ../sass/_basics/_ui.scss */
.art .block.full .content,
.art .inner .block.video-choice {
  background-color: #0b202f !important;
}
/* line 61, ../sass/_basics/_ui.scss */
.art .block.full .more {
  color: #0b202f !important;
}

/* line 64, ../sass/_basics/_ui.scss */
.pleasure .more:after {
  background-color: #6b181b !important;
}
/* line 65, ../sass/_basics/_ui.scss */
.pleasure .more:hover:after {
  background-color: #b15155 !important;
}
/* line 66, ../sass/_basics/_ui.scss */
.pleasure .coffee {
  background-color: #191919 !important;
}
/* line 68, ../sass/_basics/_ui.scss */
.pleasure .coffee:before {
  background-image: url("../images/cups/pleasure@2x.jpg");
}
/* line 69, ../sass/_basics/_ui.scss */
.pleasure .block.full .content,
.pleasure .inner .block.video-choice {
  background-color: #2a090d !important;
}
/* line 71, ../sass/_basics/_ui.scss */
.pleasure .block.full .more {
  color: #2a090d !important;
}

/* line 75, ../sass/_basics/_ui.scss */
html.unicode p, html.unicode .button, html.unicode .inner .block.quote h3, html.unicode .inner .block.video-choice h3, html.unicode .inner .block.video-choice .thumbs .thumb a, html.unicode .coffee .content,
html.unicode .collection .ui-slider, html.unicode .main h2 {
  font-family: Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
  /* line 78, ../sass/_basics/_ui.scss */
  html.unicode .home .catchline h2 {
    font-family: Arial, sans-serif;
  }
}

/* line 1, ../sass/_basics/_menu-mobile.scss */
.mobile-menu-expanded {
  position: fixed;
  top: 38px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #101010;
  text-align: center;
  z-index: 229;
  display: none;
}
/* line 3, ../sass/_basics/_menu-mobile.scss */
.mobile-menu-expanded .menu-container {
  padding-top: 50px;
}
/* line 4, ../sass/_basics/_menu-mobile.scss */
.mobile-menu-expanded ul {
  margin-top: 2em;
  width: 100%;
  position: static;
}
/* line 5, ../sass/_basics/_menu-mobile.scss */
.mobile-menu-expanded li {
  float: left;
  width: 33%;
  padding: 1.4em 0;
  border: 0;
}
/* line 8, ../sass/_basics/_menu-mobile.scss */
.mobile-menu-expanded li img {
  max-width: 38px;
  height: auto;
  width: 25%;
  margin: auto;
}
/* line 10, ../sass/_basics/_menu-mobile.scss */
.mobile-menu-expanded li + li {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
/* line 11, ../sass/_basics/_menu-mobile.scss */
.mobile-menu-expanded img.nespresso {
  width: 40%;
  height: auto;
  margin: 3em auto;
  display: block;
}
/* line 12, ../sass/_basics/_menu-mobile.scss */
.mobile-menu-expanded .baseline {
  margin: 0 20px;
  color: #fff;
  font-family: arial, helvetica, sans-serif;
  font-size: 180%;
  font-weight: 100;
}

/* line 1, ../sass/_ui/_popin.scss */
.popin {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url("../images/loader.gif") no-repeat center rgba(0, 0, 0, 0.9);
  opacity: 0;
  -moz-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -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);
}
/* line 4, ../sass/_ui/_popin.scss */
.popin .content {
  -moz-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
  text-align: center;
  position: relative;
  top: 10%;
  height: 80%;
}
/* line 5, ../sass/_ui/_popin.scss */
.popin .close {
  position: fixed;
  top: 20px;
  width: 40px;
  height: 40px;
  right: 20px;
}
/* line 7, ../sass/_ui/_popin.scss */
.popin .close:before, .popin .close:after {
  content: '';
  background: #fff;
  height: 1px;
  width: 100%;
  top: 20px;
  position: absolute;
}
/* line 8, ../sass/_ui/_popin.scss */
.popin .close:before {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 9, ../sass/_ui/_popin.scss */
.popin .close:after {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 11, ../sass/_ui/_popin.scss */
.popin iframe {
  width: 80%;
  height: 100%;
}

/* line 10, ../sass/_ui/_transition.scss */
html.desktop header nav.desktop a:before {
  -moz-transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 11, ../sass/_ui/_transition.scss */
html.desktop header nav.desktop a span {
  -moz-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -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);
}
/* line 12, ../sass/_ui/_transition.scss */
html.desktop header nav.desktop div {
  -moz-transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  -o-transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  -webkit-transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
}
/* line 13, ../sass/_ui/_transition.scss */
html.desktop header nav.desktop .socials a {
  -moz-transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  -o-transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  -webkit-transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
}
/* line 15, ../sass/_ui/_transition.scss */
html.desktop header:after {
  -moz-transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 16, ../sass/_ui/_transition.scss */
html.desktop header:hover:after {
  opacity: 0.4;
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* line 23, ../sass/_ui/_transition.scss */
html.desktop .home nav a:hover b {
  color: #fff;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  color: #fff;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* line 26, ../sass/_ui/_transition.scss */
html.desktop .home nav a:hover b span:before, html.desktop .home nav a:hover b span:after {
  opacity: 1;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 31, ../sass/_ui/_transition.scss */
html.desktop .home nav a:hover .dot {
  background-color: #af9250;
}
/* line 33, ../sass/_ui/_transition.scss */
html.desktop .home nav a:hover .dot:before {
  opacity: 1;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* line 35, ../sass/_ui/_transition.scss */
html.desktop .home nav a:hover img {
  opacity: 0.8;
  -moz-transform: translate3d(0, -40%, 0);
  -ms-transform: translate3d(0, -40%, 0);
  -webkit-transform: translate3d(0, -40%, 0);
  transform: translate3d(0, -40%, 0);
}
/* line 38, ../sass/_ui/_transition.scss */
html.desktop .home nav a b {
  -moz-transition: color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: color 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: color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 40, ../sass/_ui/_transition.scss */
html.desktop .home nav a b span:before, html.desktop .home nav a b span:after {
  -moz-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -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);
}
/* line 42, ../sass/_ui/_transition.scss */
html.desktop .home nav a .dot {
  -moz-transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 44, ../sass/_ui/_transition.scss */
html.desktop .home nav a .dot:before {
  -moz-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -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);
}
/* line 46, ../sass/_ui/_transition.scss */
html.desktop .home nav a img {
  -moz-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 5s linear;
  -o-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 5s linear;
  -webkit-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 5s linear;
  transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), transform 5s linear;
}
/* line 48, ../sass/_ui/_transition.scss */
html.desktop .home .catchline a img {
  -moz-transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  -o-transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
}
/* line 49, ../sass/_ui/_transition.scss */
html.desktop .home .popin {
  -moz-transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  -o-transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
}
/* line 50, ../sass/_ui/_transition.scss */
html.desktop .home .popin .start a {
  -moz-transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  -o-transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
}
/* line 51, ../sass/_ui/_transition.scss */
html.desktop .home .popin .close {
  -moz-transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  -o-transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
}
/* line 54, ../sass/_ui/_transition.scss */
html.desktop .button {
  border-color: #fff;
  -moz-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);
  -o-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);
  -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);
}
/* line 56, ../sass/_ui/_transition.scss */
html.desktop .button:hover {
  background: #fff;
  color: #000;
}
/* line 63, ../sass/_ui/_transition.scss */
html.desktop .block.video a {
  -moz-transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 67, ../sass/_ui/_transition.scss */
html.desktop .block.half .background b {
  -moz-transition: -moz-transform 5s linear, opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: -o-transform 5s linear, opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: -webkit-transform 5s linear, opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 5s linear, opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 70, ../sass/_ui/_transition.scss */
html.desktop .block.half:hover .background b {
  -moz-transition: -moz-transform 4s linear, opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: -o-transform 4s linear, opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: -webkit-transform 4s linear, opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 4s linear, opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
/* line 75, ../sass/_ui/_transition.scss */
html.desktop .block .more:hover:after {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* line 76, ../sass/_ui/_transition.scss */
html.desktop .block .more:hover b:after, html.desktop .block .more:hover b:before {
  background: #000;
}
/* line 84, ../sass/_ui/_transition.scss */
html.desktop .collection .caps > div:hover:before {
  z-index: 200;
}
/* line 85, ../sass/_ui/_transition.scss */
html.desktop .collection .caps > div:hover:after {
  opacity: 1;
  -moz-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 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);
}
/* line 86, ../sass/_ui/_transition.scss */
html.desktop .collection .caps > div:hover .info {
  z-index: 100;
  opacity: 1;
  -moz-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
/* line 90, ../sass/_ui/_transition.scss */
html.desktop .pleasure .milk-more .block.video a {
  -moz-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 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);
}
/* line 91, ../sass/_ui/_transition.scss */
html.desktop .pleasure .milk-more .block.video a:after {
  -moz-transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 95, ../sass/_ui/_transition.scss */
html.desktop .inner .block.video-choice .thumbs .thumb a {
  -moz-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 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);
}
@-moz-keyframes focus {
  from {
    -moz-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  to {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes focus {
  from {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes focus {
  from {
    -moz-transform: translate3d(0, -10px, 0);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  to {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 99, ../sass/_ui/_transition.scss */
html.desktop .chevron img {
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-name: focus;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -moz-animation-delay: 0;
  -moz-animation-duration: 0.35s;
  -moz-animation-name: focus;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;
  -o-animation-delay: 0;
  -o-animation-duration: 0.35s;
  -o-animation-name: focus;
  -o-animation-timing-function: ease-out;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: alternate;
  animation-delay: 0;
  animation-duration: 0.35s;
  animation-name: focus;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 101, ../sass/_ui/_transition.scss */
html.desktop .scrolling .block.half:hover .background b {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* line 103, ../sass/_ui/_transition.scss */
html.desktop .inner {
  background: #171717;
}
/* line 105, ../sass/_ui/_transition.scss */
html.desktop .inner.active > * {
  -moz-transform: translate3d(0, 8em, 0);
  -ms-transform: translate3d(0, 8em, 0);
  -webkit-transform: translate3d(0, 8em, 0);
  transform: translate3d(0, 8em, 0);
}
/* line 106, ../sass/_ui/_transition.scss */
html.desktop .inner > * {
  opacity: 0;
  -moz-transition: -moz-transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: -o-transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 107, ../sass/_ui/_transition.scss */
html.desktop .inner > .active {
  opacity: 1;
  -moz-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}

/* line 113, ../sass/_ui/_transition.scss */
html.ie .block.half:hover .background b {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* line 117, ../sass/_ui/_transition.scss */
html.no-csstransitions.desktop .half.block:hover .background b {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* line 121, ../sass/_ui/_transition.scss */
.collection .caps .info {
  -moz-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -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);
}

/* line 125, ../sass/_ui/_transition.scss */
.background b {
  -moz-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* line 126, ../sass/_ui/_transition.scss */
.background.loaded b {
  opacity: 1;
}

/* line 129, ../sass/_ui/_transition.scss */
.block .more:after {
  -moz-transition: background 0.4s linear, -moz-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: background 0.4s linear, -o-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition: background 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: background 0.4s linear, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
/* line 131, ../sass/_ui/_transition.scss */
.block .more b {
  -moz-transition: -moz-transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: -o-transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 132, ../sass/_ui/_transition.scss */
.block .more b:after, .block .more b:before {
  -moz-transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 135, ../sass/_ui/_transition.scss */
.block .more.active b {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
/* line 136, ../sass/_ui/_transition.scss */
.block .more.active b:before {
  opacity: 0;
}

/* line 141, ../sass/_ui/_transition.scss */
html.mobile .main .background.loaded b {
  opacity: 0.8;
}

/* line 1, ../sass/_ui/_icons.scss */
[data-icon]:before {
  font-family: "Icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 14, ../sass/_ui/_icons.scss */
[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;
}

/* line 27, ../sass/_ui/_icons.scss */
.icon-share:before {
  content: "a";
}

/* line 30, ../sass/_ui/_icons.scss */
.icon-home:before {
  content: "b";
}

/* line 33, ../sass/_ui/_icons.scss */
.icon-social-facebook:before {
  content: "c";
}

/* line 36, ../sass/_ui/_icons.scss */
.icon-social-googleplus:before {
  content: "d";
}

/* line 39, ../sass/_ui/_icons.scss */
.icon-social-twitter:before {
  content: "e";
}

/* line 1, ../sass/_components/_nav.scss */
header {
  width: 60px;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 500;
  -webkit-transform: translateZ(0);
}
/* line 3, ../sass/_components/_nav.scss */
header:after {
  position: absolute;
  right: 0;
  width: 300%;
  height: 100%;
  top: 0;
  content: '';
  -moz-transform: scaleX(0.33333);
  -ms-transform: scaleX(0.33333);
  -webkit-transform: scaleX(0.33333);
  transform: scaleX(0.33333);
  z-index: -1;
  opacity: 0.1;
  background: url("../images/backgrounds/gradient.png") no-repeat center/100% 100%;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  display: block;
}
/* line 7, ../sass/_components/_nav.scss */
header nav.desktop {
  width: 100%;
  padding: 1em 0;
  text-align: center;
}
/* line 10, ../sass/_components/_nav.scss */
header nav.desktop:hover .menu a span {
  opacity: 0.5;
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* line 11, ../sass/_components/_nav.scss */
header nav.desktop:hover .socials a {
  opacity: 0.5;
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* line 13, ../sass/_components/_nav.scss */
header nav.desktop a.home {
  font-size: 1.5em;
  color: #fff;
  margin-bottom: 0.8em;
  display: inline-block;
}
/* line 16, ../sass/_components/_nav.scss */
header nav.desktop .menu a {
  display: block;
  text-align: center;
  padding: 1em 0;
  position: relative;
}
/* line 18, ../sass/_components/_nav.scss */
header nav.desktop .menu a:before {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
/* line 19, ../sass/_components/_nav.scss */
header nav.desktop .menu a:hover:before, header nav.desktop .menu a.active:before {
  background-color: #fff;
}
/* line 20, ../sass/_components/_nav.scss */
header nav.desktop .menu a span {
  position: absolute;
  right: 100%;
  top: 50%;
  margin-top: -0.5em;
  font-size: 1.3em;
  color: #fff;
  white-space: nowrap;
  text-transform: uppercase;
  font-family: Frutiger, Arial;
  opacity: 0;
  -moz-transform: translate3d(1em, 0, 0);
  -webkit-transform: translate3d(1em, 0, 0);
  transform: translate3d(1em, 0, 0);
}
/* line 24, ../sass/_components/_nav.scss */
header nav.desktop .menu a:hover span {
  opacity: 1 !important;
}
/* line 27, ../sass/_components/_nav.scss */
header nav.desktop .menu div + a {
  margin: 1em auto 0 auto;
}
/* line 29, ../sass/_components/_nav.scss */
header nav.desktop .menu a.active + div {
  padding: 1em 0;
  opacity: 1;
}
/* line 30, ../sass/_components/_nav.scss */
header nav.desktop .menu a.active + div.count-3 {
  height: 9em;
}
/* line 31, ../sass/_components/_nav.scss */
header nav.desktop .menu a.active + div.count-4 {
  height: 12em;
}
/* line 32, ../sass/_components/_nav.scss */
header nav.desktop .menu a.active + div.count-5 {
  height: 15em;
}
/* line 33, ../sass/_components/_nav.scss */
header nav.desktop .menu a.active + div.count-6 {
  height: 18em;
}
/* line 36, ../sass/_components/_nav.scss */
header nav.desktop .socials {
  font-size: 1.5em;
  color: #fff;
  margin-top: 1em;
  position: relative;
  cursor: pointer;
}
/* line 38, ../sass/_components/_nav.scss */
header nav.desktop .socials:before {
  color: #fff;
}
/* line 39, ../sass/_components/_nav.scss */
header nav.desktop .socials div {
  white-space: nowrap;
  position: absolute;
  right: 100%;
  top: 0;
}
/* line 40, ../sass/_components/_nav.scss */
header nav.desktop .socials a {
  display: inline-block;
  text-align: center;
  padding: 0 0.5em;
  -moz-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}
/* line 41, ../sass/_components/_nav.scss */
header nav.desktop .socials .icon-social-twitter {
  -moz-transform: translate3d(200%, 0, 0);
  -webkit-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0);
}
/* line 42, ../sass/_components/_nav.scss */
header nav.desktop .socials .icon-social-facebook {
  -moz-transform: translate3d(300%, 0, 0);
  -webkit-transform: translate3d(300%, 0, 0);
  transform: translate3d(300%, 0, 0);
}
/* line 43, ../sass/_components/_nav.scss */
header nav.desktop .socials a:hover {
  opacity: 1 !important;
}
/* line 49, ../sass/_components/_nav.scss */
header nav.mobile {
  display: none;
  width: 100%;
  height: 100%;
  background: #101010;
  padding: 0 1.5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 52, ../sass/_components/_nav.scss */
header nav.mobile a {
  height: 100%;
  display: block;
  float: left;
}
/* line 54, ../sass/_components/_nav.scss */
header nav.mobile .menu, header nav.mobile .basket {
  width: 20%;
}
/* line 55, ../sass/_components/_nav.scss */
header nav.mobile .logo {
  width: 60%;
}
/* line 57, ../sass/_components/_nav.scss */
header nav.mobile .menu {
  background: url("../images/icons/_mobile-menu@2x.png") no-repeat center left;
  background-size: 25px 22px;
}
/* line 58, ../sass/_components/_nav.scss */
header nav.mobile .basket {
  background: url("../images/icons/_mobile-basket@2x.png") no-repeat center right;
  background-size: 25px 22px;
}
/* line 59, ../sass/_components/_nav.scss */
header nav.mobile .logo {
  background: url("../images/icons/_mobile-logo@2x.png") no-repeat center;
  background-size: 75px 22px;
}

/* line 66, ../sass/_components/_nav.scss */
html.ie9 header nav.desktop .socials a {
  padding: 1em 0;
}
/* line 67, ../sass/_components/_nav.scss */
html.ie9 header nav.desktop .socials a:before {
  display: none;
}
/* line 68, ../sass/_components/_nav.scss */
html.ie9 header nav.desktop .socials .icon-social-facebook {
  background: url("../images/icons/facebook.png") no-repeat center;
}
/* line 69, ../sass/_components/_nav.scss */
html.ie9 header nav.desktop .socials .icon-social-twitter {
  background: url("../images/icons/twitter.png") no-repeat center;
}
/* line 70, ../sass/_components/_nav.scss */
html.ie9 header nav.desktop .socials .icon-social-googleplus {
  background: url("../images/icons/gplus.png") no-repeat center;
}

@media only screen and (max-width: 767px) {
  /* line 77, ../sass/_components/_nav.scss */
  header {
    width: 100%;
    height: 4.5em;
  }
  /* line 78, ../sass/_components/_nav.scss */
  header nav.desktop {
    display: none;
  }
  /* line 79, ../sass/_components/_nav.scss */
  header nav.mobile {
    display: block;
  }
}
/* line 1, ../sass/_components/_home.scss */
.home {
  height: 100%;
}
/* line 3, ../sass/_components/_home.scss */
.home .video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #000;
}
/* line 5, ../sass/_components/_home.scss */
.home .video video {
  opacity: 0.7;
}
/* line 6, ../sass/_components/_home.scss */
.home .video:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40%;
  z-index: 1;
  content: '';
  background: url("../images/backgrounds/gradient-v.png") no-repeat;
  background-size: 100% 100%;
}
/* line 11, ../sass/_components/_home.scss */
.home .catchline {
  width: 100%;
  height: 100%;
  text-align: center;
}
/* line 13, ../sass/_components/_home.scss */
.home .catchline h1 {
  font-size: 4em;
  color: #fff;
  font-style: italic;
  text-align: center;
  font-family: "Didot", times, serif !important;
  max-width: 60%;
  margin: 0 auto;
  margin-bottom: 0.8em;
}
/* line 14, ../sass/_components/_home.scss */
.home .catchline a {
  display: inline-block;
  position: relative;
}
/* line 16, ../sass/_components/_home.scss */
.home .catchline a:after, .home .catchline a:before {
  width: 70px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
  content: '';
  opacity: 0.4;
  margin-top: -1px;
}
/* line 17, ../sass/_components/_home.scss */
.home .catchline a:after {
  left: 140%;
}
/* line 18, ../sass/_components/_home.scss */
.home .catchline a:before {
  right: 140%;
}
/* line 19, ../sass/_components/_home.scss */
.home .catchline a:hover img {
  -moz-transform: scale(1.15, 1.15);
  -ms-transform: scale(1.15, 1.15);
  -webkit-transform: scale(1.15, 1.15);
  transform: scale(1.15, 1.15);
}
/* line 21, ../sass/_components/_home.scss */
.home .catchline p {
  font-size: 12px;
  color: #ede4d1;
  text-transform: uppercase;
  text-align: center;
  max-width: 600px;
  width: 90%;
  margin: auto;
  margin-top: 2em;
  line-height: 180%;
  margin-bottom: 17em;
}
/* line 27, ../sass/_components/_home.scss */
.home .chevron {
  text-align: center;
  font-family: "Didot", times, serif !important;
  color: #fff;
  font-size: 3.5em;
  font-style: italic;
  display: block;
  left: 0;
  width: 100%;
  bottom: 1em;
  margin-left: 0;
}
/* line 30, ../sass/_components/_home.scss */
.home .chevron img {
  margin: 0.8em 0;
}
/* line 31, ../sass/_components/_home.scss */
.home .chevron:after {
  width: 1px;
  height: 45px;
  background: #fff;
  border: 0;
  content: '';
  opacity: 0.4;
  display: inline-block;
}
/* line 35, ../sass/_components/_home.scss */
.home .popin {
  display: none;
  position: fixed;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  opacity: 0;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}
/* line 38, ../sass/_components/_home.scss */
.home .popin #jwplayer_caption > div {
  bottom: 40px !important;
}
/* line 40, ../sass/_components/_home.scss */
.home .popin .start {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 1;
  bottom: 6em;
  display: none;
}
/* line 42, ../sass/_components/_home.scss */
.home .popin .start a {
  padding: 1em 2em;
  border: 1px solid #fff;
  border-radius: 2em;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.2);
  font-family: "Frutiger", Helvetica, Arial, sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: 100;
  letter-spacing: 0.1em;
}
/* line 45, ../sass/_components/_home.scss */
.home .popin .start a:hover {
  color: #333;
  background: #fff;
}
/* line 51, ../sass/_components/_home.scss */
.home .popin .close {
  position: absolute;
  top: 20px;
  width: 40px;
  height: 40px;
  right: 20px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  z-index: 1;
}
/* line 53, ../sass/_components/_home.scss */
.home .popin .close:before, .home .popin .close:after {
  content: '';
  background: #fff;
  height: 1px;
  width: 50%;
  top: 20px;
  position: absolute;
  left: 10px;
}
/* line 54, ../sass/_components/_home.scss */
.home .popin .close:before {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 55, ../sass/_components/_home.scss */
.home .popin .close:after {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 56, ../sass/_components/_home.scss */
.home .popin .close:hover {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 64, ../sass/_components/_home.scss */
body.show-start-button .start {
  display: block !important;
}

@media only screen and (max-height: 700px) {
  /* line 69, ../sass/_components/_home.scss */
  .home .chevron img {
    margin-bottom: 0;
  }
  /* line 70, ../sass/_components/_home.scss */
  .home .chevron:after {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  /* line 76, ../sass/_components/_home.scss */
  .home {
    padding-top: 4.5em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 79, ../sass/_components/_home.scss */
  .home .catchline h1, .home .catchline p {
    text-align: center;
    max-width: 95%;
  }
  /* line 80, ../sass/_components/_home.scss */
  .home .catchline h1 {
    font-size: 2em;
  }
  /* line 81, ../sass/_components/_home.scss */
  .home .catchline p {
    font-size: 1.2em;
    margin-top: 1.5em;
    line-height: 130%;
  }
  /* line 84, ../sass/_components/_home.scss */
  .home .video {
    background: url("../movies/mobile.jpg") no-repeat center/cover;
  }
  /* line 86, ../sass/_components/_home.scss */
  .home .video video {
    display: none;
  }
  /* line 90, ../sass/_components/_home.scss */
  .home .chevron span {
    font-size: 0.6em;
    position: relative;
    top: -0.3em;
  }
  /* line 91, ../sass/_components/_home.scss */
  .home .chevron img {
    margin: 0.1em 0;
  }
  /* line 92, ../sass/_components/_home.scss */
  .home .chevron:after {
    display: none;
  }
}
/* line 102, ../sass/_components/_home.scss */
html.mobile .home nav a b {
  color: #fff;
  font-size: 1.7em;
  letter-spacing: 0.35em;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* line 104, ../sass/_components/_home.scss */
html.mobile .home nav a b span:after, html.mobile .home nav a b span:before {
  display: none;
}
/* line 105, ../sass/_components/_home.scss */
html.mobile .home nav a b:after {
  content: '';
  display: block;
  width: 120px;
  height: 11px;
  margin: 0.5em auto 0 auto;
  background: url("../images/icons/line-hexa@2x.png") no-repeat center;
  background-size: 120px 11px;
}
/* line 109, ../sass/_components/_home.scss */
html.mobile .home nav a img {
  opacity: 0.7;
  -moz-transform: translate3d(0, -20%, 0);
  -ms-transform: translate3d(0, -20%, 0);
  -webkit-transform: translate3d(0, -20%, 0);
  transform: translate3d(0, -20%, 0);
}
/* line 110, ../sass/_components/_home.scss */
html.mobile .home nav a .dot {
  display: none;
}
/* line 111, ../sass/_components/_home.scss */
html.mobile .home nav a:after {
  display: none;
}

/* line 119, ../sass/_components/_home.scss */
.mode-nc3 .home .catchline h1 {
  margin-top: 58px;
}

@media only screen and (max-height: 650px) {
  /* line 125, ../sass/_components/_home.scss */
  .mode-nc3 .home nav a:after {
    display: none;
  }
}
@media only screen and (max-height: 750px) {
  /* line 132, ../sass/_components/_home.scss */
  .mode-nc3 .home nav {
    height: 55%;
  }
  /* line 134, ../sass/_components/_home.scss */
  .mode-nc3 .home nav a {
    font-size: 0.8em;
  }
  /* line 135, ../sass/_components/_home.scss */
  .mode-nc3 .home nav a .dot {
    display: none;
  }
  /* line 137, ../sass/_components/_home.scss */
  .mode-nc3 .home .catchline {
    height: 43%;
  }
  /* line 138, ../sass/_components/_home.scss */
  .mode-nc3 .home .catchline h1 {
    margin-top: 80px;
  }
}
/* line 1, ../sass/_components/_main.scss */
.main {
  height: 100vh;
  color: #fff;
  position: relative;
}
/* line 4, ../sass/_components/_main.scss */
.main .background {
  height: 100%;
  top: 0;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: -1;
}
/* line 6, ../sass/_components/_main.scss */
.main .background b {
  height: 125%;
}
/* line 9, ../sass/_components/_main.scss */
.main h1, .main h2 {
  text-align: center;
  margin: 0 auto;
  text-transform: uppercase;
}
/* line 11, ../sass/_components/_main.scss */
.main h1 {
  max-width: 80%;
  font-size: 10em;
  font-family: "Didot", times, serif !important;
  letter-spacing: 0.4em;
  margin-bottom: 0.4em;
}
/* line 14, ../sass/_components/_main.scss */
.main h1 small {
  font-size: 0.4em;
  font-style: italic;
  display: block;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 0.3em;
}
/* line 17, ../sass/_components/_main.scss */
.main h2 {
  max-width: 60%;
  font-size: 2em;
  font-family: "Frutiger", Helvetica, Arial, sans-serif;
  font-weight: 100;
  letter-spacing: 0.2em;
  line-height: 130%;
}

/* line 22, ../sass/_components/_main.scss */
.chevron {
  position: absolute;
  bottom: 2em;
  left: 50%;
  margin-left: -17px;
}

@media only screen and (max-width: 768px) {
  /* line 29, ../sass/_components/_main.scss */
  .main h1 {
    font-size: 7em;
  }
}
@media only screen and (max-width: 767px) {
  /* line 34, ../sass/_components/_main.scss */
  .main {
    height: 25em;
  }
  /* line 36, ../sass/_components/_main.scss */
  .main h1 {
    font-size: 3.2em;
    letter-spacing: 0.4em;
    margin-bottom: 0.4em;
  }
  /* line 38, ../sass/_components/_main.scss */
  .main h1 small {
    font-size: 0.5em;
    font-style: italic;
    display: block;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 0.3em;
  }
  /* line 41, ../sass/_components/_main.scss */
  .main h2 {
    max-width: 80%;
    font-size: 1em;
    font-weight: normal;
  }
  /* line 43, ../sass/_components/_main.scss */
  .main .background b {
    height: 100%;
  }

  /* line 46, ../sass/_components/_main.scss */
  .chevron {
    display: none;
  }
}
/* line 1, ../sass/_components/_coffee.scss */
.coffee {
  display: block;
  height: 25em;
  width: 100%;
  padding: 0 20%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 4, ../sass/_components/_coffee.scss */
.coffee:before {
  float: left;
  width: 40%;
  height: 100%;
  content: '';
  background: url("") no-repeat center;
  background-size: contain;
}
/* line 9, ../sass/_components/_coffee.scss */
.coffee .content {
  float: left;
  width: 60%;
  height: 100%;
  font-family: "Frutiger", Helvetica, Arial, sans-serif;
  color: #beb7a8;
  letter-spacing: 0.15em;
  padding-left: 2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 13, ../sass/_components/_coffee.scss */
.coffee .content h3 {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 1em;
}
/* line 15, ../sass/_components/_coffee.scss */
.coffee .content p {
  font-size: 1.3em;
  font-weight: 100;
  line-height: 150%;
}

@media only screen and (max-width: 1024px) {
  /* line 24, ../sass/_components/_coffee.scss */
  .coffee {
    padding: 0 10%;
  }
}
@media only screen and (max-width: 767px) {
  /* line 30, ../sass/_components/_coffee.scss */
  .coffee {
    height: auto;
    padding: 3em;
  }
  /* line 32, ../sass/_components/_coffee.scss */
  .coffee:before {
    float: none;
    width: 100%;
    height: 13em;
    background-size: auto 100%;
    display: block;
  }
  /* line 33, ../sass/_components/_coffee.scss */
  .coffee .content {
    float: none;
    width: 100%;
    height: auto;
    padding-left: 0;
    text-align: center;
  }
  /* line 35, ../sass/_components/_coffee.scss */
  .coffee .content .td {
    vertical-align: top;
  }
  /* line 36, ../sass/_components/_coffee.scss */
  .coffee .content h3 {
    font-size: 1.3em;
    margin-bottom: 1.3em;
  }
  /* line 37, ../sass/_components/_coffee.scss */
  .coffee .content p {
    font-size: 1.1em;
  }
}
/* line 1, ../sass/_components/_subtitle.scss */
.subtitle {
  display: block;
  width: 100%;
  height: 17em;
  background-color: #1e1e1e;
  padding: 0 10%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
/* line 4, ../sass/_components/_subtitle.scss */
.subtitle p {
  text-transform: uppercase;
}
/* line 5, ../sass/_components/_subtitle.scss */
.subtitle p:after {
  content: '';
  display: block;
  height: 17px;
  margin-top: 1em;
  border: none;
  background: url("../images/icons/line-hexa@2x.png") no-repeat center;
  background-size: 220px 17px;
}

@media only screen and (max-width: 767px) {
  /* line 13, ../sass/_components/_subtitle.scss */
  .subtitle {
    height: 7em;
    padding: 0 3em;
  }
  /* line 14, ../sass/_components/_subtitle.scss */
  .subtitle p:after {
    content: none;
  }
}
/* line 1, ../sass/_components/_collection.scss */
.collection {
  display: block;
  width: 100%;
  padding: 5em 10%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #1c0609;
}
/* line 3, ../sass/_components/_collection.scss */
.collection p {
  text-align: center;
}
/* line 5, ../sass/_components/_collection.scss */
.collection p:after {
  content: '';
  display: block;
  height: 17px;
  margin: 3em 0;
  border: none;
  background: url("../images/icons/line-hexa@2x.png") no-repeat center;
  background-size: 220px 17px;
}
/* line 13, ../sass/_components/_collection.scss */
.collection .category > div {
  width: 20%;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.5em;
  float: left;
  font-weight: bold;
  letter-spacing: 0.05em;
  background-image: none;
}
/* line 18, ../sass/_components/_collection.scss */
.collection .ui-slider {
  font-family: "Frutiger", Helvetica, Arial, sans-serif;
  overflow: visible;
}
/* line 22, ../sass/_components/_collection.scss */
.collection .caps {
  width: 20%;
  float: left;
}
/* line 24, ../sass/_components/_collection.scss */
.collection .caps > div {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0.15)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  position: relative;
  width: 100%;
  margin-top: 1em;
  font-size: 1.4em;
  font-weight: 100;
  color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1em;
  height: 5em;
}
/* line 28, ../sass/_components/_collection.scss */
.collection .caps > div:after {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  content: '';
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  position: absolute;
  opacity: 0;
}
/* line 33, ../sass/_components/_collection.scss */
.collection .caps > div:before {
  background: url("") no-repeat center/100% 100%;
  z-index: 1;
  content: '';
  width: 37px;
  height: 29px;
  position: absolute;
  left: 1em;
  top: 50%;
  margin-top: -16px;
}
/* line 38, ../sass/_components/_collection.scss */
.collection .caps > div .name {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  left: 5em;
  z-index: 1;
  right: 1em;
}
/* line 40, ../sass/_components/_collection.scss */
.collection .caps > div.kazaar:before {
  background-image: url("../images/caps/kazaar.png");
}
/* line 41, ../sass/_components/_collection.scss */
.collection .caps > div.livanto:before {
  background-image: url("../images/caps/livanto.png");
}
/* line 42, ../sass/_components/_collection.scss */
.collection .caps > div.indriya:before {
  background-image: url("../images/caps/indriya.png");
}
/* line 43, ../sass/_components/_collection.scss */
.collection .caps > div.intenso:before {
  background-image: url("../images/caps/intenso.png");
}
/* line 44, ../sass/_components/_collection.scss */
.collection .caps > div.caramelito:before {
  background-image: url("../images/caps/caramelito.png");
}
/* line 45, ../sass/_components/_collection.scss */
.collection .caps > div.dharkan:before {
  background-image: url("../images/caps/dharkan.png");
}
/* line 46, ../sass/_components/_collection.scss */
.collection .caps > div.cappricio:before {
  background-image: url("../images/caps/cappricio.png");
}
/* line 47, ../sass/_components/_collection.scss */
.collection .caps > div.rosabaya:before {
  background-image: url("../images/caps/rosabaya.png");
}
/* line 48, ../sass/_components/_collection.scss */
.collection .caps > div.decaffeniato:before {
  background-image: url("../images/caps/decaffeniato.png");
}
/* line 49, ../sass/_components/_collection.scss */
.collection .caps > div.vanillo:before {
  background-image: url("../images/caps/vanilio.png");
}
/* line 50, ../sass/_components/_collection.scss */
.collection .caps > div.ristretto:before {
  background-image: url("../images/caps/ristretto.png");
}
/* line 51, ../sass/_components/_collection.scss */
.collection .caps > div.volluto:before {
  background-image: url("../images/caps/volluto.png");
}
/* line 52, ../sass/_components/_collection.scss */
.collection .caps > div.dulsao:before {
  background-image: url("../images/caps/dulsao.png");
}
/* line 53, ../sass/_components/_collection.scss */
.collection .caps > div.ciocattino:before {
  background-image: url("../images/caps/ciocattino.png");
}
/* line 54, ../sass/_components/_collection.scss */
.collection .caps > div.arpeggio:before {
  background-image: url("../images/caps/arpeggio.png");
}
/* line 55, ../sass/_components/_collection.scss */
.collection .caps > div.cosi:before {
  background-image: url("../images/caps/cosi.png");
}
/* line 56, ../sass/_components/_collection.scss */
.collection .caps > div.bukeela:before {
  background-image: url("../images/caps/bukeela.png");
}
/* line 57, ../sass/_components/_collection.scss */
.collection .caps > div.roma:before {
  background-image: url("../images/caps/roma.png");
}
/* line 63, ../sass/_components/_collection.scss */
.collection .caps .info {
  position: absolute;
  width: 50rem;
  height: 35rem;
  text-align: center;
  left: -46.6rem;
  top: -17.5rem;
  margin-top: 3rem;
  z-index: -1;
  line-height: normal;
  opacity: 0;
  -moz-transform: translate3d(-2em, 0, 0);
  -webkit-transform: translate3d(-2em, 0, 0);
  transform: translate3d(-2em, 0, 0);
}
/* line 67, ../sass/_components/_collection.scss */
.collection .caps .info h1 {
  font-size: 2rem;
  font-weight: bold;
}
/* line 68, ../sass/_components/_collection.scss */
.collection .caps .info h4 {
  font-size: 1.1rem;
  font-weight: 100;
}
/* line 70, ../sass/_components/_collection.scss */
.collection .caps .info .title, .collection .caps .info .recipes {
  display: block;
  width: 100%;
}
/* line 72, ../sass/_components/_collection.scss */
.collection .caps .info .title {
  height: 30%;
  background: #4f4041;
}
/* line 74, ../sass/_components/_collection.scss */
.collection .caps .info .title .intensity {
  margin-top: 1rem;
}
/* line 75, ../sass/_components/_collection.scss */
.collection .caps .info .title .intensity span {
  text-transform: uppercase;
  font-size: 1.1rem;
  color: #c99760;
}
/* line 76, ../sass/_components/_collection.scss */
.collection .caps .info .title .intensity ul {
  display: inline-block;
  margin: 0 1rem;
}
/* line 77, ../sass/_components/_collection.scss */
.collection .caps .info .title .intensity ul li {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  display: inline-block;
  background: #735a4a;
}
/* line 78, ../sass/_components/_collection.scss */
.collection .caps .info .title .intensity ul li.active {
  background: #c99760;
}
/* line 84, ../sass/_components/_collection.scss */
.collection .caps .info .recipes {
  height: 70%;
  background: #413031;
  padding: 0 2%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 86, ../sass/_components/_collection.scss */
.collection .caps .info .recipes.count-3 .recipe {
  width: 33.33%;
}
/* line 87, ../sass/_components/_collection.scss */
.collection .caps .info .recipes.count-2 .recipe {
  width: 50%;
}
/* line 88, ../sass/_components/_collection.scss */
.collection .caps .info .recipes.count-1 .recipe {
  width: 100%;
}
/* line 89, ../sass/_components/_collection.scss */
.collection .caps .info .recipes .recipe {
  float: left;
  padding: 0 2%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 91, ../sass/_components/_collection.scss */
.collection .caps .info .recipes .recipe h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.5rem;
}
/* line 92, ../sass/_components/_collection.scss */
.collection .caps .info .recipes .recipe .taste:before {
  content: '';
  width: 85px;
  height: 85px;
  display: block;
  margin: 1rem auto;
}
/* line 93, ../sass/_components/_collection.scss */
.collection .caps .info .recipes .recipe.macchiato .taste:before {
  background: url("../images/icons/macchiato.png") no-repeat center;
  background-size: 85px 85px;
}
/* line 94, ../sass/_components/_collection.scss */
.collection .caps .info .recipes .recipe.capuccino .taste:before {
  background: url("../images/icons/capuccino.png") no-repeat center;
  background-size: 85px 85px;
}
/* line 95, ../sass/_components/_collection.scss */
.collection .caps .info .recipes .recipe.latte .taste:before {
  background: url("../images/icons/latte.png") no-repeat center;
  background-size: 85px 85px;
}
/* line 102, ../sass/_components/_collection.scss */
.collection .caps.coll1 .info, .collection .caps.coll2 .info {
  left: auto;
  right: -46.6rem;
  -moz-transform: translate3d(2em, 0, 0);
  -webkit-transform: translate3d(2em, 0, 0);
  transform: translate3d(2em, 0, 0);
}

@media only screen and (max-width: 1024px) {
  /* line 107, ../sass/_components/_collection.scss */
  .collection {
    padding: 5em 5%;
  }
  /* line 113, ../sass/_components/_collection.scss */
  .collection .caps > div.hover .info {
    z-index: 999;
    opacity: 1;
  }
  /* line 115, ../sass/_components/_collection.scss */
  .collection .caps.coll1 .info, .collection .caps.coll2 .info, .collection .caps .info {
    position: fixed;
    width: auto;
    height: 50%;
    left: 20%;
    right: 20%;
    top: 25%;
    margin-top: 0;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
  /* line 118, ../sass/_components/_collection.scss */
  .collection .caps.coll1 .info .close, .collection .caps.coll2 .info .close, .collection .caps .info .close {
    position: absolute;
    right: 10px;
    top: 10px;
    background: url("../mobile-images/close.png") no-repeat center/100% 100%;
    width: 31px;
    height: 31px;
  }
  /* line 120, ../sass/_components/_collection.scss */
  .collection .caps.coll1 .info .title, .collection .caps.coll2 .info .title, .collection .caps .info .title {
    height: 35%;
  }
  /* line 121, ../sass/_components/_collection.scss */
  .collection .caps.coll1 .info .title h1, .collection .caps.coll2 .info .title h1, .collection .caps .info .title h1 {
    font-size: 1.8rem;
  }
  /* line 122, ../sass/_components/_collection.scss */
  .collection .caps.coll1 .info .title h3, .collection .caps.coll2 .info .title h3, .collection .caps .info .title h3 {
    margin-top: 0.5rem;
  }
  /* line 126, ../sass/_components/_collection.scss */
  .collection .caps.coll1 .info .title .intensity, .collection .caps.coll2 .info .title .intensity, .collection .caps .info .title .intensity {
    margin-top: 0.5rem;
  }
  /* line 128, ../sass/_components/_collection.scss */
  .collection .caps.coll1 .info .recipes, .collection .caps.coll2 .info .recipes, .collection .caps .info .recipes {
    height: 65%;
  }
  /* line 130, ../sass/_components/_collection.scss */
  .collection .caps.coll1 .info .recipes .recipe h2, .collection .caps.coll2 .info .recipes .recipe h2, .collection .caps .info .recipes .recipe h2 {
    font-size: 1rem;
  }
  /* line 131, ../sass/_components/_collection.scss */
  .collection .caps.coll1 .info .recipes .recipe h3, .collection .caps.coll2 .info .recipes .recipe h3, .collection .caps .info .recipes .recipe h3 {
    font-size: 0.8rem;
  }
  /* line 132, ../sass/_components/_collection.scss */
  .collection .caps.coll1 .info .recipes .recipe h4, .collection .caps.coll2 .info .recipes .recipe h4, .collection .caps .info .recipes .recipe h4 {
    font-size: 0.9rem;
  }
  /* line 133, ../sass/_components/_collection.scss */
  .collection .caps.coll1 .info .recipes .recipe .taste:before, .collection .caps.coll2 .info .recipes .recipe .taste:before, .collection .caps .info .recipes .recipe .taste:before {
    width: 45px;
    height: 45px;
    margin: 0.5rem auto;
  }
  /* line 134, ../sass/_components/_collection.scss */
  .collection .caps.coll1 .info .recipes .recipe.macchiato .taste:before, .collection .caps.coll1 .info .recipes .recipe.capuccino .taste:before, .collection .caps.coll1 .info .recipes .recipe.latte .taste:before, .collection .caps.coll2 .info .recipes .recipe.macchiato .taste:before, .collection .caps.coll2 .info .recipes .recipe.capuccino .taste:before, .collection .caps.coll2 .info .recipes .recipe.latte .taste:before, .collection .caps .info .recipes .recipe.macchiato .taste:before, .collection .caps .info .recipes .recipe.capuccino .taste:before, .collection .caps .info .recipes .recipe.latte .taste:before {
    background-size: 45px 45px;
  }
  /* line 137, ../sass/_components/_collection.scss */
  .collection .caps.coll1 .info:after, .collection .caps.coll2 .info:after, .collection .caps .info:after {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    z-index: -1;
  }
}
@media only screen and (max-width: 767px) {
  /* line 146, ../sass/_components/_collection.scss */
  .collection {
    padding: 5em 0;
  }
  /* line 148, ../sass/_components/_collection.scss */
  .collection p {
    padding: 0 3em;
  }
  /* line 149, ../sass/_components/_collection.scss */
  .collection p:after {
    content: none;
  }
  /* line 153, ../sass/_components/_collection.scss */
  .collection .ui-slides {
    width: 135%;
    padding-right: 20%;
  }
  /* line 157, ../sass/_components/_collection.scss */
  .collection .ui-slider {
    width: 100%;
    overflow-x: scroll;
    overflow-y: visible;
    position: relative;
  }
  /* line 159, ../sass/_components/_collection.scss */
  .collection .capsules {
    position: relative;
  }
  /* line 160, ../sass/_components/_collection.scss */
  .collection .ui-arrow {
    position: absolute;
    height: 100%;
    width: 25%;
    z-index: 100;
  }
  /* line 161, ../sass/_components/_collection.scss */
  .collection .ui-arrow.right {
    right: 0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFjMDYwOSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzA2MDkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(28, 6, 9, 0)), color-stop(100%, #1c0609));
    background-image: -moz-linear-gradient(left, rgba(28, 6, 9, 0), #1c0609);
    background-image: -webkit-linear-gradient(left, rgba(28, 6, 9, 0), #1c0609);
    background-image: linear-gradient(to right, rgba(28, 6, 9, 0), #1c0609);
  }
  /* line 162, ../sass/_components/_collection.scss */
  .collection .ui-arrow.right:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/icons/arrow-right@2x.png") no-repeat center;
    background-size: 12px 25px;
  }
  /* line 169, ../sass/_components/_collection.scss */
  .collection .caps > div {
    height: 11em;
  }
  /* line 170, ../sass/_components/_collection.scss */
  .collection .caps.coll1 .info, .collection .caps.coll2 .info, .collection .caps .info {
    height: 70%;
    left: 2%;
    right: 2%;
    top: 15%;
  }
  /* line 176, ../sass/_components/_collection.scss */
  .collection .category {
    margin-top: 2em;
    margin-bottom: 1em;
  }
  /* line 178, ../sass/_components/_collection.scss */
  .collection .category div {
    font-size: 1.1em;
    letter-spacing: 0;
  }
  /* line 182, ../sass/_components/_collection.scss */
  .collection .caps > div {
    background: #2f1b1d;
    font-weight: normal;
    border: 2px solid #1c0609;
    font-size: 1em;
    padding: 1em 0 0 0;
    text-align: center;
    margin-top: 0;
  }
  /* line 184, ../sass/_components/_collection.scss */
  .collection .caps > div .name {
    position: static;
    margin-top: 0;
  }
  /* line 185, ../sass/_components/_collection.scss */
  .collection .caps > div:before {
    width: 100%;
    height: 39px;
    left: 0;
    top: 0;
    background-size: 50px 39px;
    margin-top: 9px;
    position: static;
    display: block;
    margin-bottom: 1em;
  }
}
/* line 1, ../sass/_components/_AAA.scss */
.AAA {
  display: block;
  width: 100%;
  height: 50em;
  background: #171717;
  padding: 0 15%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 3, ../sass/_components/_AAA.scss */
.AAA:before {
  float: left;
  width: 60%;
  height: 100%;
  content: '';
  background: url("../images/icons/AAA@2x.png") no-repeat center;
  background-size: 70% auto;
}
/* line 7, ../sass/_components/_AAA.scss */
.AAA .content {
  float: left;
  width: 30%;
  height: 100%;
}

@media only screen and (max-width: 1024px) {
  /* line 14, ../sass/_components/_AAA.scss */
  .AAA {
    padding: 0 10%;
  }
}
@media only screen and (max-width: 767px) {
  /* line 20, ../sass/_components/_AAA.scss */
  .AAA {
    height: auto;
    padding: 2em 3em;
  }
  /* line 22, ../sass/_components/_AAA.scss */
  .AAA:before {
    float: none;
    width: 100%;
    height: 11em;
    background-size: auto 100%;
    background-position: center;
  }
  /* line 24, ../sass/_components/_AAA.scss */
  .AAA .content {
    float: none;
    width: 100%;
    height: auto;
    padding-top: 2em;
    margin: 0;
    text-align: center;
  }
}
/* line 1, ../sass/_components/_blocks.scss */
.block {
  width: 100%;
  display: block;
  position: relative;
}
/* line 7, ../sass/_components/_blocks.scss */
.block h3, .block h4, .block h5 {
  line-height: 1.7em;
}
/* line 8, ../sass/_components/_blocks.scss */
.block h3, .block h4, .block h5 {
  font-family: "Didot", times, serif !important;
  font-size: 2.6em;
  color: #fff;
}
/* line 9, ../sass/_components/_blocks.scss */
.block h6 {
  font-size: 6em;
}
/* line 10, ../sass/_components/_blocks.scss */
.block h3 {
  text-transform: uppercase;
  display: inline-block;
  margin: 0 auto;
  position: relative;
}
/* line 12, ../sass/_components/_blocks.scss */
.block h3:before, .block h3:after {
  content: '';
  width: 130px;
  height: 17px;
  display: block;
  position: absolute;
  top: 0.45em;
}
/* line 13, ../sass/_components/_blocks.scss */
.block h3:before {
  left: -160px;
  background-image: url("../images/icons/line-hexa-left@2x.png");
  background-size: 130px 17px;
}
/* line 14, ../sass/_components/_blocks.scss */
.block h3:after {
  right: -160px;
  background-image: url("../images/icons/line-hexa-right@2x.png");
  background-size: 130px 17px;
}
/* line 16, ../sass/_components/_blocks.scss */
.block h5 {
  display: block;
  font-style: italic;
  color: #beb7a8;
}
/* line 17, ../sass/_components/_blocks.scss */
.block h6 {
  display: block;
  font-style: italic;
  color: #beb7a8;
}
/* line 19, ../sass/_components/_blocks.scss */
.block p {
  max-width: 70%;
  text-align: left;
  margin: 0 auto;
}
/* line 24, ../sass/_components/_blocks.scss */
.block .more {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: block;
  border: 10px solid;
  z-index: 100;
}
/* line 26, ../sass/_components/_blocks.scss */
.block .more:after {
  position: absolute;
  width: 104%;
  height: 104%;
  border-radius: 50%;
  left: -2%;
  top: -2%;
  content: '';
  z-index: 1;
  display: block;
}
/* line 27, ../sass/_components/_blocks.scss */
.block .more b, .block .more b:after, .block .more b:before {
  background: #fff;
  position: absolute;
  height: 1px;
  content: '';
  display: inline-block;
  left: 0;
  z-index: 2;
}
/* line 28, ../sass/_components/_blocks.scss */
.block .more b {
  top: 50%;
  left: 30%;
  width: 40%;
  opacity: 0.7;
  background: transparent;
}
/* line 29, ../sass/_components/_blocks.scss */
.block .more b:after {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 100%;
  height: 100%;
}
/* line 30, ../sass/_components/_blocks.scss */
.block .more b:before {
  width: 100%;
  height: 100%;
}
/* line 34, ../sass/_components/_blocks.scss */
.block.play .more b {
  background: url("../images/icons/play-line@2x.png") no-repeat center/100% 100%;
  width: 21px;
  height: 21px;
  margin-top: -10px;
}
/* line 35, ../sass/_components/_blocks.scss */
.block.play .more b:before, .block.play .more b:after {
  display: none;
}
/* line 43, ../sass/_components/_blocks.scss */
.block .content {
  padding-left: 5em;
  padding-right: 5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 49, ../sass/_components/_blocks.scss */
.block.full {
  text-align: center;
}
/* line 52, ../sass/_components/_blocks.scss */
.block.full h4, .block.full h5 {
  width: 60%;
  margin: auto;
}
/* line 54, ../sass/_components/_blocks.scss */
.block.full .content {
  width: 100%;
  padding-top: 8em;
  padding-bottom: 8em;
  position: relative;
}
/* line 55, ../sass/_components/_blocks.scss */
.block.full .more {
  margin-left: -35px;
  left: 50%;
}
/* line 57, ../sass/_components/_blocks.scss */
.block.full .bubbles {
  width: 50%;
  margin: 3em auto 0 auto;
  max-width: 65em;
  display: none;
}
/* line 59, ../sass/_components/_blocks.scss */
.block.full .bubbles .bubble {
  display: block;
  float: left;
  width: 20%;
}
/* line 60, ../sass/_components/_blocks.scss */
.block.full .bubbles .bubble .img {
  width: 8em;
  height: 8em;
  border-radius: 4em;
  overflow: hidden;
  margin: 0 auto;
  background-position: center;
  background-size: cover;
}
/* line 62, ../sass/_components/_blocks.scss */
.block.full .bubbles .bubble .img.soil {
  background-image: url("../images/origins/circle-1.png");
}
/* line 63, ../sass/_components/_blocks.scss */
.block.full .bubbles .bubble .img.altitude {
  background-image: url("../images/origins/circle-2.png");
}
/* line 64, ../sass/_components/_blocks.scss */
.block.full .bubbles .bubble .img.latitude {
  background-image: url("../images/origins/circle-3.png");
}
/* line 65, ../sass/_components/_blocks.scss */
.block.full .bubbles .bubble .img.rainfall {
  background-image: url("../images/origins/circle-4.png");
}
/* line 66, ../sass/_components/_blocks.scss */
.block.full .bubbles .bubble .img.sunshine {
  background-image: url("../images/origins/circle-5.png");
}
/* line 68, ../sass/_components/_blocks.scss */
.block.full .bubbles .bubble span {
  display: block;
  text-align: center;
  font-family: "Didot", times, serif !important;
  font-style: italic;
  color: #fff;
  font-size: 1.6em;
  margin-top: 1em;
}
/* line 74, ../sass/_components/_blocks.scss */
.block.full.with_bubbles .bubbles {
  display: block;
}
/* line 76, ../sass/_components/_blocks.scss */
.block.full.bottom .more, .block.full.with_circles .more {
  bottom: -35px;
}
/* line 77, ../sass/_components/_blocks.scss */
.block.full.top .more {
  top: -35px;
}
/* line 79, ../sass/_components/_blocks.scss */
.block.full.top .background, .block.full.bottom .background {
  width: 100%;
  height: 25em;
}
/* line 81, ../sass/_components/_blocks.scss */
.block.full.top .background b, .block.full.bottom .background b {
  height: 160%;
}
/* line 88, ../sass/_components/_blocks.scss */
.block.half {
  background: #101010;
  text-align: center;
  height: 50em;
}
/* line 92, ../sass/_components/_blocks.scss */
.block.half .content {
  width: 50%;
  height: 100%;
  position: relative;
  float: left;
}
/* line 94, ../sass/_components/_blocks.scss */
.block.half .content h5:after {
  content: '';
  display: block;
  height: 17px;
  margin-top: 1.5em;
  border: none;
  background: url("../images/icons/line-hexa@2x.png") no-repeat center;
  background-size: auto 100%;
}
/* line 99, ../sass/_components/_blocks.scss */
.block.half .content.first .more {
  right: -35px;
}
/* line 100, ../sass/_components/_blocks.scss */
.block.half .content.last .more {
  left: -35px;
}
/* line 104, ../sass/_components/_blocks.scss */
.block.half.with_subtitle h5:after {
  display: none;
}
/* line 105, ../sass/_components/_blocks.scss */
.block.half.with_subtitle h6 {
  margin-top: 0.2em;
}
/* line 106, ../sass/_components/_blocks.scss */
.block.half.with_subtitle h6:after {
  content: '';
  display: block;
  height: 17px;
  margin-top: 0.7em;
  border: none;
  background: url("../images/icons/line-hexa@2x.png") no-repeat center;
  background-size: auto 100%;
}
/* line 112, ../sass/_components/_blocks.scss */
.block.half .button {
  display: none;
}
/* line 114, ../sass/_components/_blocks.scss */
.block.half .more {
  margin-top: -35px;
  top: 50%;
  color: #101010;
  left: 50%;
  margin-left: -35px;
}
/* line 116, ../sass/_components/_blocks.scss */
.block.half.left .background, .block.half.right .background {
  width: 50%;
  height: 100%;
}
/* line 118, ../sass/_components/_blocks.scss */
.block.half.right .background {
  float: right;
}
/* line 119, ../sass/_components/_blocks.scss */
.block.half.left .background {
  float: left;
}
/* line 122, ../sass/_components/_blocks.scss */
.block.half.with_bubbles h5:after {
  background: url("../images/bubbles/1.png") no-repeat center;
  background-size: auto 100%;
  height: 85px;
  margin-top: 1em;
}
/* line 129, ../sass/_components/_blocks.scss */
.block.half.with_button h5:after {
  display: none;
}
/* line 130, ../sass/_components/_blocks.scss */
.block.half.with_button .button {
  display: inline-block;
}

/* line 137, ../sass/_components/_blocks.scss */
.block + .inner {
  display: none;
  overflow: hidden;
}

/* line 139, ../sass/_components/_blocks.scss */
.inner.milk-more {
  overflow: visible;
}

/* line 145, ../sass/_components/_blocks.scss */
.inner .block.half.small {
  height: 40em;
}
/* line 146, ../sass/_components/_blocks.scss */
.inner .block.simple.with_title h3 {
  display: block;
}
/* line 149, ../sass/_components/_blocks.scss */
.inner .block.simple h3 {
  font-style: italic;
  display: none;
  top: 0;
  text-transform: none;
  font-size: 5em;
  color: rgba(255, 255, 255, 0.7);
  z-index: 1;
  line-height: 100%;
  text-align: left;
  margin-bottom: 0.5em;
}
/* line 152, ../sass/_components/_blocks.scss */
.inner .block.simple h3:before, .inner .block.simple h3:after {
  content: none;
}
/* line 156, ../sass/_components/_blocks.scss */
.inner .block.half h3 {
  width: 50%;
}
/* line 157, ../sass/_components/_blocks.scss */
.inner .block.half.left h3 {
  left: 0;
}
/* line 158, ../sass/_components/_blocks.scss */
.inner .block.half.right h3 {
  right: 0;
}
/* line 163, ../sass/_components/_blocks.scss */
.inner .block.quote {
  height: 25em;
  padding: 0 20%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  background: url("") no-repeat center #101010;
  background-size: cover;
}
/* line 167, ../sass/_components/_blocks.scss */
.inner .block.quote h3 {
  font-size: 1.5em;
  font-family: "Frutiger", Helvetica, Arial, sans-serif;
  font-weight: 100;
  color: #fff;
}
/* line 169, ../sass/_components/_blocks.scss */
.inner .block.quote h3:before, .inner .block.quote h3:after {
  content: none;
}
/* line 172, ../sass/_components/_blocks.scss */
.inner .block.quote h4 {
  font-style: italic;
  font-size: 3.2em;
  color: #919191;
  text-transform: none;
  line-height: 120%;
  margin-top: 0.5em;
}
/* line 177, ../sass/_components/_blocks.scss */
.inner .block.video-choice {
  height: 25em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 179, ../sass/_components/_blocks.scss */
.inner .block.video-choice h3 {
  font-family: "Frutiger", Helvetica, Arial, sans-serif;
  font-size: 1.6em;
  font-weight: 100;
  display: block;
  text-align: center;
  color: #fff;
}
/* line 180, ../sass/_components/_blocks.scss */
.inner .block.video-choice h3:after, .inner .block.video-choice h3:before {
  content: none;
  margin: 0 auto;
}
/* line 183, ../sass/_components/_blocks.scss */
.inner .block.video-choice .thumbs {
  width: 70%;
  margin: 3em auto 0 auto;
  height: 12em;
}
/* line 185, ../sass/_components/_blocks.scss */
.inner .block.video-choice .thumbs .thumb {
  width: 20%;
  height: 100%;
  display: block;
  float: left;
  margin-right: 6.66%;
  position: relative;
  background: url("") no-repeat center;
  background-size: cover;
}
/* line 188, ../sass/_components/_blocks.scss */
.inner .block.video-choice .thumbs .thumb:last-child {
  margin-right: 0;
}
/* line 189, ../sass/_components/_blocks.scss */
.inner .block.video-choice .thumbs .thumb a {
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  opacity: 0.6;
  color: #fff;
  font-size: 1.6em;
  font-weight: 100;
  font-family: "Frutiger", Helvetica, Arial, sans-serif;
  letter-spacing: 0.05em;
}
/* line 192, ../sass/_components/_blocks.scss */
.inner .block.video-choice .thumbs .thumb a.active {
  opacity: 0;
}
/* line 193, ../sass/_components/_blocks.scss */
.inner .block.video-choice .thumbs .thumb a:hover {
  opacity: 0.8;
}
/* line 200, ../sass/_components/_blocks.scss */
.inner .block.video-choice + .video a {
  background-size: cover;
  opacity: 0;
  background-position: center;
  /*&:after{
    left: 0; top: 0; position: absolute; width: 100%; height: 100%; content: '';
    background: url('../images/icons/play@2x.png') no-repeat center rgba(0,0,0,0.4); background-size: 88px 100px;
  }*/
}
/* line 202, ../sass/_components/_blocks.scss */
.inner .block.video-choice + .video a.active {
  opacity: 1;
  z-index: 2;
}
/* line 207, ../sass/_components/_blocks.scss */
.inner .block.video-choice + .video a:hover:after {
  background-color: rgba(0, 0, 0, 0.6);
}
/* line 211, ../sass/_components/_blocks.scss */
.inner .block.video {
  position: relative;
  height: 50em;
  background: url("") no-repeat center #101010;
  background-size: cover;
}
/* line 213, ../sass/_components/_blocks.scss */
.inner .block.video .background {
  height: 100%;
}
/* line 214, ../sass/_components/_blocks.scss */
.inner .block.video a {
  position: absolute;
  width: 100%;
  height: 100%;
  /*background: url('../images/icons/play@2x.png') no-repeat center; background-size: 88px 100px;*/
  z-index: 1;
  top: 0;
}
/* line 215, ../sass/_components/_blocks.scss */
.inner .block.video a:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

@media only screen and (max-width: 1024px) {
  /* line 223, ../sass/_components/_blocks.scss */
  .block p {
    max-width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  /* line 231, ../sass/_components/_blocks.scss */
  .block h3, .block h4, .block h5 {
    line-height: 120%;
    margin-bottom: 0.4em;
  }

  /* line 236, ../sass/_components/_blocks.scss */
  .block.full .bubbles, .block.full h4, .block.full h5 {
    width: 90%;
  }

  /* line 241, ../sass/_components/_blocks.scss */
  .inner .block.quote h4 {
    font-size: 2.6em;
  }
  /* line 242, ../sass/_components/_blocks.scss */
  .inner .block.half h3 {
    width: 100%;
    text-align: center;
  }

  /* line 245, ../sass/_components/_blocks.scss */
  .block.half.with_bubbles h5:after {
    background-size: auto 83%;
  }
}
@media only screen and (max-width: 767px) {
  /* line 255, ../sass/_components/_blocks.scss */
  .block h3, .block h4 {
    font-size: 1.6em;
    color: #fff;
  }
  /* line 256, ../sass/_components/_blocks.scss */
  .block h5 {
    font-size: 1.8em;
  }
  /* line 257, ../sass/_components/_blocks.scss */
  .block h6 {
    font-size: 3em;
  }
  /* line 257, ../sass/_components/_blocks.scss */
  .block h6:after {
    display: none !important;
  }
  /* line 258, ../sass/_components/_blocks.scss */
  .block h3 {
    text-transform: none;
  }
  /* line 260, ../sass/_components/_blocks.scss */
  .block h3:before, .block h3:after {
    content: none;
  }
  /* line 266, ../sass/_components/_blocks.scss */
  .block .more {
    border: 6px solid;
    margin-left: -26px !important;
    margin-top: -26px !important;
  }
  /* line 273, ../sass/_components/_blocks.scss */
  .block .content {
    width: 100% !important;
    height: 20em !important;
    padding: 0 3em !important;
  }
  /* line 281, ../sass/_components/_blocks.scss */
  .block.full .content .elements {
    width: 100%;
    margin: 2.5em auto 0 auto;
  }
  /* line 283, ../sass/_components/_blocks.scss */
  .block.full .content .elements .element .img {
    width: 4em;
    height: 4em;
    border-radius: 2em;
  }
  /* line 284, ../sass/_components/_blocks.scss */
  .block.full .content .elements .element span {
    font-style: normal;
    font-size: 1em;
  }
  /* line 288, ../sass/_components/_blocks.scss */
  .block.full .img {
    height: 15em;
  }
  /* line 289, ../sass/_components/_blocks.scss */
  .block.full h4, .block.full h5 {
    width: 100%;
    line-height: 120%;
  }
  /* line 290, ../sass/_components/_blocks.scss */
  .block.full h5 {
    font-size: 1.6em;
  }
  /* line 293, ../sass/_components/_blocks.scss */
  .block.full.top .more, .block.full.bottom .more {
    top: auto;
    bottom: -25px;
  }
  /* line 294, ../sass/_components/_blocks.scss */
  .block.full.top .background b, .block.full.bottom .background b {
    height: 100%;
  }
  /* line 298, ../sass/_components/_blocks.scss */
  .block.full.with_bubbles .content {
    height: auto !important;
    padding-top: 3em !important;
    padding-bottom: 5em !important;
  }
  /* line 299, ../sass/_components/_blocks.scss */
  .block.full.with_bubbles .bubbles {
    margin-left: -7%;
    width: 114%;
  }
  /* line 302, ../sass/_components/_blocks.scss */
  .block.full.with_bubbles .bubbles .bubble .img {
    width: 4.5em;
    height: 4.5em;
  }
  /* line 303, ../sass/_components/_blocks.scss */
  .block.full.with_bubbles .bubbles .bubble span {
    font-size: 1.3em;
  }
  /* line 308, ../sass/_components/_blocks.scss */
  .block.full.top .background, .block.full.bottom .background {
    height: 20em;
  }
  /* line 314, ../sass/_components/_blocks.scss */
  .block.half {
    height: auto;
  }
  /* line 315, ../sass/_components/_blocks.scss */
  .block.half .content {
    float: none;
  }
  /* line 316, ../sass/_components/_blocks.scss */
  .block.half .content h4:after, .block.half .content h5:after {
    content: none;
  }
  /* line 318, ../sass/_components/_blocks.scss */
  .block.half.right .background, .block.half.left .background {
    width: 100%;
    height: 20em;
    float: none;
  }

  /* line 325, ../sass/_components/_blocks.scss */
  .inner .block .content, .inner .block .background {
    height: 25em !important;
  }
  /* line 329, ../sass/_components/_blocks.scss */
  .inner .block.half.small {
    height: auto;
  }
  /* line 330, ../sass/_components/_blocks.scss */
  .inner .block.half.small .content {
    height: 30em !important;
  }
  /* line 331, ../sass/_components/_blocks.scss */
  .inner .block.half.small h3 {
    font-size: 6.5em;
  }
  /* line 336, ../sass/_components/_blocks.scss */
  .inner .block.quote {
    height: 20em;
    padding: 0 3em;
  }
  /* line 337, ../sass/_components/_blocks.scss */
  .inner .block.quote h4 {
    font-size: 1.1em;
  }
  /* line 338, ../sass/_components/_blocks.scss */
  .inner .block.quote h3 {
    font-size: 2em;
    line-height: 120%;
    margin-top: 0.5em;
  }
  /* line 343, ../sass/_components/_blocks.scss */
  .inner .block.video-choice {
    height: 20em;
  }
  /* line 345, ../sass/_components/_blocks.scss */
  .inner .block.video-choice .ui-slider {
    overflow-x: scroll;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  /* line 347, ../sass/_components/_blocks.scss */
  .inner .block.video-choice .ui-slider .thumbs {
    width: 150%;
    margin: 3em 3em 0 3em;
    height: 7em;
  }
  /* line 349, ../sass/_components/_blocks.scss */
  .inner .block.video-choice .ui-slider .thumbs .thumb {
    margin-right: 4%;
  }
  /* line 350, ../sass/_components/_blocks.scss */
  .inner .block.video-choice .ui-slider .thumbs .thumb a {
    font-weight: normal;
  }
  /* line 356, ../sass/_components/_blocks.scss */
  .inner .block.video {
    height: 20em;
  }
  /* line 357, ../sass/_components/_blocks.scss */
  .inner .block.video a {
    background-size: 44px 50px;
  }
}
/* line 2, ../sass/_content/_images.scss */
.origins .main .background.load b {
  background-image: url("../images/origins/main.jpg");
}
/* line 4, ../sass/_content/_images.scss */
.origins .coffee .background.load b {
  background-image: url("../images/origins/coffee.jpg");
}
/* line 6, ../sass/_content/_images.scss */
.origins .story.block .background.load b {
  background-image: url("../images/origins/story1.jpg");
}
/* line 7, ../sass/_content/_images.scss */
.origins .story-more .block.right .background.load b {
  background-image: url("../images/origins/story2.jpg");
}
/* line 9, ../sass/_content/_images.scss */
.origins .artisanal.block .background.load b {
  background-image: url("../images/origins/artisanal1.jpg");
}
/* line 10, ../sass/_content/_images.scss */
.origins .artisanal-more .block.quote {
  background-image: url("../images/origins/artisanal3.jpg");
}
/* line 11, ../sass/_content/_images.scss */
.origins .artisanal-more .block.left .background.load b {
  background-image: url("../images/origins/artisanal4.jpg");
}
/* line 12, ../sass/_content/_images.scss */
.origins .artisanal-more .block.video .background.load b {
  background-image: url("../images/origins/video.jpg");
}
/* line 14, ../sass/_content/_images.scss */
.origins .plantations.block .background.load b {
  background-image: url("../images/origins/plantations1.jpg");
}
/* line 15, ../sass/_content/_images.scss */
.origins .plantations-more .block.right .background.load b {
  background-image: url("../images/origins/plantations2.jpg");
}
/* line 17, ../sass/_content/_images.scss */
.origins .cherries.block .background.load b {
  background-image: url("../images/origins/plantations3.jpg");
}
/* line 18, ../sass/_content/_images.scss */
.origins .cherries-more .block.right .background.load b {
  background-image: url("../images/origins/plantations4.jpg");
}
/* line 19, ../sass/_content/_images.scss */
.origins .cherries-more .block.left .background.load b {
  background-image: url("../images/origins/plantations5.jpg");
}

/* line 23, ../sass/_content/_images.scss */
.voyage .main .background.load b {
  background-image: url("../images/voyage/main.jpg");
}
/* line 25, ../sass/_content/_images.scss */
.voyage .coffee .background.load b {
  background-image: url("../images/voyage/coffee.jpg");
}
/* line 27, ../sass/_content/_images.scss */
.voyage .ship.block .background.load b {
  background-image: url("../images/voyage/ship1.jpg");
}
/* line 28, ../sass/_content/_images.scss */
.voyage .ship-more .block.right .background.load b {
  background-image: url("../images/voyage/ship2.jpg");
}
/* line 30, ../sass/_content/_images.scss */
.voyage .protect.block .background.load b {
  background-image: url("../images/voyage/protect1.jpg");
}
/* line 31, ../sass/_content/_images.scss */
.voyage .protect-more .block.left .background.load b {
  background-image: url("../images/voyage/protect2.jpg");
}
/* line 32, ../sass/_content/_images.scss */
.voyage .protect-more .block.right .background.load b {
  background-image: url("../images/voyage/protect3.jpg");
}
/* line 34, ../sass/_content/_images.scss */
.voyage .testing.block .background.load b {
  background-image: url("../images/voyage/testing1.jpg");
}
/* line 35, ../sass/_content/_images.scss */
.voyage .testing-more .block.right .background.load b {
  background-image: url("../images/voyage/testing2.jpg");
}
/* line 36, ../sass/_content/_images.scss */
.voyage .testing-more .block.quote {
  background-image: url("../images/voyage/testing3.jpg");
}

/* line 40, ../sass/_content/_images.scss */
.art .main .background.load b {
  background-image: url("../images/art/main.jpg");
}
/* line 42, ../sass/_content/_images.scss */
.art .coffee .background.load b {
  background-image: url("../images/art/coffee.jpg");
}
/* line 44, ../sass/_content/_images.scss */
.art .blender.block .background.load b {
  background-image: url("../images/art/blender1.jpg");
}
/* line 45, ../sass/_content/_images.scss */
.art .blender-more .block.right .background.load b {
  background-image: url("../images/art/blender2.jpg");
}
/* line 46, ../sass/_content/_images.scss */
.art .blender-more .block.video .background.load b {
  background-image: url("../images/art/video.jpg");
}
/* line 48, ../sass/_content/_images.scss */
.art .roasting.block .background.load b {
  background-image: url("../images/art/roasting1.jpg");
}
/* line 49, ../sass/_content/_images.scss */
.art .roasting-more .block.left .background.load b {
  background-image: url("../images/art/roasting2.jpg");
}
/* line 50, ../sass/_content/_images.scss */
.art .roasting-more .block.right .background.load b {
  background-image: url("../images/art/roasting3.jpg");
}
/* line 52, ../sass/_content/_images.scss */
.art .calculation.block .background.load b {
  background-image: url("../images/art/calculation1.jpg");
}
/* line 53, ../sass/_content/_images.scss */
.art .calculation-more .block.right .background.load b {
  background-image: url("../images/art/calculation2.jpg");
}
/* line 55, ../sass/_content/_images.scss */
.art .encapsulation.block .background.load b {
  background-image: url("../images/art/encapsulation1.jpg");
}
/* line 56, ../sass/_content/_images.scss */
.art .encapsulation-more .block.right .background.load b {
  background-image: url("../images/art/encapsulation2.jpg");
}

/* line 62, ../sass/_content/_images.scss */
.pleasure .main .background.load b {
  background-image: url("../images/pleasure/main.jpg");
}
/* line 64, ../sass/_content/_images.scss */
.pleasure .coffee .background.load b {
  background-image: url("../images/pleasure/coffee.jpg");
}
/* line 66, ../sass/_content/_images.scss */
.pleasure .extraction.block .background.load b {
  background-image: url("../images/pleasure/extraction1.jpg");
}
/* line 67, ../sass/_content/_images.scss */
.pleasure .extraction-more .block.left .background.load b {
  background-image: url("../images/pleasure/extraction2.jpg");
}
/* line 69, ../sass/_content/_images.scss */
.pleasure .experiencing.block .background.load b {
  background-image: url("../images/pleasure/experiencing1.jpg");
}
/* line 70, ../sass/_content/_images.scss */
.pleasure .experiencing-more .block.left .background.load b {
  background-image: url("../images/pleasure/experiencing2.jpg");
}
/* line 71, ../sass/_content/_images.scss */
.pleasure .experiencing-more .block.right .background.load b {
  background-image: url("../images/pleasure/experiencing3.jpg");
}
/* line 72, ../sass/_content/_images.scss */
.pleasure .experiencing-more .block.left:last-of-type .background.load b {
  background-image: url("../images/pleasure/experiencing4.jpg");
}
/* line 74, ../sass/_content/_images.scss */
.pleasure .milk.block .background.load b {
  background-image: url("../images/pleasure/milk1.jpg");
}
/* line 76, ../sass/_content/_images.scss */
.pleasure .recipes.block .background.load b {
  background-image: url("../images/pleasure/recipes1.jpg");
}
/* line 77, ../sass/_content/_images.scss */
.pleasure .recipes-more .block.right .background.load b {
  background-image: url("../images/pleasure/recipes2.jpg");
}
/* line 79, ../sass/_content/_images.scss */
.pleasure .aromaties.block .background.load b {
  background-image: url("../images/pleasure/aromaties1.jpg");
}
/* line 80, ../sass/_content/_images.scss */
.pleasure .aromaties-more .block.left .background.load b {
  background-image: url("../images/pleasure/aromaties2.jpg");
}
/* line 81, ../sass/_content/_images.scss */
.pleasure .aromaties-more .block.left .background.load b {
  background-image: url("../images/pleasure/aromaties2.jpg");
}
/* line 83, ../sass/_content/_images.scss */
.pleasure .block.video-choice .thumbs .thumb.video-1 {
  background-image: url("../images/pleasure/video-1.jpg");
}
/* line 84, ../sass/_content/_images.scss */
.pleasure .block.video-choice .thumbs .thumb.video-2 {
  background-image: url("../images/pleasure/video-2.jpg");
}
/* line 85, ../sass/_content/_images.scss */
.pleasure .block.video-choice .thumbs .thumb.video-3 {
  background-image: url("../images/pleasure/video-3.jpg");
}
/* line 86, ../sass/_content/_images.scss */
.pleasure .block.video-choice .thumbs .thumb.video-4 {
  background-image: url("../images/pleasure/video-4.jpg");
}
/* line 88, ../sass/_content/_images.scss */
.pleasure .experiencing-more .block.video .background.load b {
  background-image: url("../images/pleasure/video.jpg");
}
/* line 89, ../sass/_content/_images.scss */
.pleasure .milk-more .block.video .video-1 {
  background-image: url("../images/pleasure/video2.jpg");
}
/* line 90, ../sass/_content/_images.scss */
.pleasure .milk-more .block.video .video-2 {
  background-image: url("../images/pleasure/video3.jpg");
}
/* line 91, ../sass/_content/_images.scss */
.pleasure .milk-more .block.video .video-3 {
  background-image: url("../images/pleasure/video4.jpg");
}
/* line 92, ../sass/_content/_images.scss */
.pleasure .milk-more .block.video .video-4 {
  background-image: url("../images/pleasure/video5.jpg");
}

@media only screen and (max-width: 1024px) {
  /* line 98, ../sass/_content/_images.scss */
  .pleasure .milk.block .background.load b {
    -moz-transform: translate3d(0%, -30%, 0);
    -webkit-transform: translate3d(0%, -30%, 0);
    transform: translate3d(0%, -30%, 0);
  }
}
@media only screen and (max-width: 767px) {
  /* line 104, ../sass/_content/_images.scss */
  .origins .main .background.load b {
    background-image: url("../mobile-images/origins/main.jpg");
  }
  /* line 106, ../sass/_content/_images.scss */
  .origins .coffee .background.load b {
    background-image: url("../mobile-images/origins/coffee.jpg");
  }
  /* line 108, ../sass/_content/_images.scss */
  .origins .story.block .background.load b {
    background-image: url("../mobile-images/origins/story1.jpg");
  }
  /* line 109, ../sass/_content/_images.scss */
  .origins .story-more .block.right .background.load b {
    background-image: url("../mobile-images/origins/story2.jpg");
  }
  /* line 111, ../sass/_content/_images.scss */
  .origins .artisanal.block .background.load b {
    background-image: url("../mobile-images/origins/artisanal1.jpg");
  }
  /* line 112, ../sass/_content/_images.scss */
  .origins .artisanal-more .block.quote {
    background-image: url("../mobile-images/origins/artisanal3.jpg");
  }
  /* line 113, ../sass/_content/_images.scss */
  .origins .artisanal-more .block.left .background.load b {
    background-image: url("../mobile-images/origins/artisanal4.jpg");
  }
  /* line 115, ../sass/_content/_images.scss */
  .origins .plantations.block .background.load b {
    background-image: url("../mobile-images/origins/plantations1.jpg");
  }
  /* line 116, ../sass/_content/_images.scss */
  .origins .plantations-more .block.right .background.load b {
    background-image: url("../mobile-images/origins/plantations2.jpg");
  }
  /* line 118, ../sass/_content/_images.scss */
  .origins .cherries.block .background.load b {
    background-image: url("../mobile-images/origins/plantations3.jpg");
  }
  /* line 119, ../sass/_content/_images.scss */
  .origins .cherries-more .block.right .background.load b {
    background-image: url("../mobile-images/origins/plantations4.jpg");
  }
  /* line 120, ../sass/_content/_images.scss */
  .origins .cherries-more .block.left .background.load b {
    background-image: url("../mobile-images/origins/plantations5.jpg");
  }

  /* line 124, ../sass/_content/_images.scss */
  .voyage .main .background.load b {
    background-image: url("../mobile-images/voyage/main.jpg");
  }
  /* line 126, ../sass/_content/_images.scss */
  .voyage .coffee .background.load b {
    background-image: url("../mobile-images/voyage/coffee.jpg");
  }
  /* line 128, ../sass/_content/_images.scss */
  .voyage .ship.block .background.load b {
    background-image: url("../mobile-images/voyage/ship1.jpg");
  }
  /* line 129, ../sass/_content/_images.scss */
  .voyage .ship-more .block.right .background.load b {
    background-image: url("../mobile-images/voyage/ship2.jpg");
  }
  /* line 131, ../sass/_content/_images.scss */
  .voyage .protect.block .background.load b {
    background-image: url("../mobile-images/voyage/protect1.jpg");
  }
  /* line 132, ../sass/_content/_images.scss */
  .voyage .protect-more .block.left .background.load b {
    background-image: url("../mobile-images/voyage/protect2.jpg");
  }
  /* line 133, ../sass/_content/_images.scss */
  .voyage .protect-more .block.right .background.load b {
    background-image: url("../mobile-images/voyage/protect3.jpg");
  }
  /* line 135, ../sass/_content/_images.scss */
  .voyage .testing.block .background.load b {
    background-image: url("../mobile-images/voyage/testing1.jpg");
  }
  /* line 136, ../sass/_content/_images.scss */
  .voyage .testing-more .block.right .background.load b {
    background-image: url("../mobile-images/voyage/testing2.jpg");
  }
  /* line 137, ../sass/_content/_images.scss */
  .voyage .testing-more .block.quote {
    background-image: url("../mobile-images/voyage/testing3.jpg");
  }

  /* line 141, ../sass/_content/_images.scss */
  .art .main .background.load b {
    background-image: url("../mobile-images/art/main.jpg");
  }
  /* line 143, ../sass/_content/_images.scss */
  .art .coffee .background.load b {
    background-image: url("../mobile-images/art/coffee.jpg");
  }
  /* line 145, ../sass/_content/_images.scss */
  .art .blender.block .background.load b {
    background-image: url("../mobile-images/art/blender1.jpg");
  }
  /* line 146, ../sass/_content/_images.scss */
  .art .blender-more .block.right .background.load b {
    background-image: url("../mobile-images/art/blender2.jpg");
  }
  /* line 148, ../sass/_content/_images.scss */
  .art .roasting.block .background.load b {
    background-image: url("../mobile-images/art/roasting1.jpg");
  }
  /* line 149, ../sass/_content/_images.scss */
  .art .roasting-more .block.left .background.load b {
    background-image: url("../mobile-images/art/roasting2.jpg");
  }
  /* line 150, ../sass/_content/_images.scss */
  .art .roasting-more .block.right .background.load b {
    background-image: url("../mobile-images/art/roasting3.jpg");
  }
  /* line 152, ../sass/_content/_images.scss */
  .art .calculation.block .background.load b {
    background-image: url("../mobile-images/art/calculation1.jpg");
  }
  /* line 153, ../sass/_content/_images.scss */
  .art .calculation-more .block.right .background.load b {
    background-image: url("../mobile-images/art/calculation2.jpg");
  }
  /* line 155, ../sass/_content/_images.scss */
  .art .encapsulation.block .background.load b {
    background-image: url("../mobile-images/art/encapsulation1.jpg");
  }
  /* line 156, ../sass/_content/_images.scss */
  .art .encapsulation-more .block.right .background.load b {
    background-image: url("../mobile-images/art/encapsulation2.jpg");
  }

  /* line 161, ../sass/_content/_images.scss */
  .pleasure .main .background.load b {
    background-image: url("../mobile-images/pleasure/main.jpg");
  }
  /* line 163, ../sass/_content/_images.scss */
  .pleasure .coffee .background.load b {
    background-image: url("../mobile-images/pleasure/coffee.jpg");
  }
  /* line 165, ../sass/_content/_images.scss */
  .pleasure .extraction.block .background.load b {
    background-image: url("../mobile-images/pleasure/extraction1.jpg");
  }
  /* line 166, ../sass/_content/_images.scss */
  .pleasure .extraction-more .block.left .background.load b {
    background-image: url("../mobile-images/pleasure/extraction2.jpg");
  }
  /* line 168, ../sass/_content/_images.scss */
  .pleasure .experiencing.block .background.load b {
    background-image: url("../mobile-images/pleasure/experiencing1.jpg");
  }
  /* line 169, ../sass/_content/_images.scss */
  .pleasure .experiencing-more .block.left .background.load b {
    background-image: url("../mobile-images/pleasure/experiencing2.jpg");
  }
  /* line 170, ../sass/_content/_images.scss */
  .pleasure .experiencing-more .block.right .background.load b {
    background-image: url("../mobile-images/pleasure/experiencing3.jpg");
  }
  /* line 171, ../sass/_content/_images.scss */
  .pleasure .experiencing-more .block.left:last-of-type .background.load b {
    background-image: url("../mobile-images/pleasure/experiencing4.jpg");
  }
  /* line 173, ../sass/_content/_images.scss */
  .pleasure .milk.block .background.load b {
    background-image: url("../mobile-images/pleasure/milk1.jpg");
  }
  /* line 175, ../sass/_content/_images.scss */
  .pleasure .recipes.block .background.load b {
    background-image: url("../mobile-images/pleasure/recipes1.jpg");
  }
  /* line 176, ../sass/_content/_images.scss */
  .pleasure .recipes-more .block.right .background.load b {
    background-image: url("../mobile-images/pleasure/recipes2.jpg");
  }
  /* line 178, ../sass/_content/_images.scss */
  .pleasure .aromaties.block .background.load b {
    background-image: url("../mobile-images/pleasure/aromaties1.jpg");
  }
  /* line 179, ../sass/_content/_images.scss */
  .pleasure .aromaties-more .block.left .background.load b {
    background-image: url("../mobile-images/pleasure/aromaties2.jpg");
  }
  /* line 180, ../sass/_content/_images.scss */
  .pleasure .aromaties-more .block.left .background.load b {
    background-image: url("../mobile-images/pleasure/aromaties2.jpg");
  }
  /* line 182, ../sass/_content/_images.scss */
  .pleasure .block.video-choice .thumbs .thumb.video-1 {
    background-image: url("../mobile-images/pleasure/video-1.jpg");
  }
  /* line 183, ../sass/_content/_images.scss */
  .pleasure .block.video-choice .thumbs .thumb.video-2 {
    background-image: url("../mobile-images/pleasure/video-2.jpg");
  }
  /* line 184, ../sass/_content/_images.scss */
  .pleasure .block.video-choice .thumbs .thumb.video-3 {
    background-image: url("../mobile-images/pleasure/video-3.jpg");
  }
  /* line 185, ../sass/_content/_images.scss */
  .pleasure .block.video-choice .thumbs .thumb.video-4 {
    background-image: url("../mobile-images/pleasure/video-4.jpg");
  }
}
/* line 3, ../sass/_tablet.scss */
.tablet #header, .mode-default #header {
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 15px;
  height: 40px;
  z-index: 1500;
  font-size: 10px;
}
/* line 7, ../sass/_tablet.scss */
.tablet #footer, .mode-default #footer {
  font-size: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 20px;
  height: 15px;
  z-index: 1099;
  background: #000;
}
/* line 9, ../sass/_tablet.scss */
.tablet #footer .left, .mode-default #footer .left {
  float: left;
}
/* line 10, ../sass/_tablet.scss */
.tablet #footer .right, .mode-default #footer .right {
  float: right;
}
/* line 11, ../sass/_tablet.scss */
.tablet #footer nav a, .mode-default #footer nav a {
  color: #666;
  text-decoration: none;
  margin-right: 4px;
  font-family: Arial;
}
/* line 12, ../sass/_tablet.scss */
.tablet #footer nav a img, .mode-default #footer nav a img {
  vertical-align: middle;
}
/* line 13, ../sass/_tablet.scss */
.tablet #footer nav a:after, .mode-default #footer nav a:after {
  color: #666;
  content: '.';
  margin-left: 6px;
  position: relative;
  top: -3px;
}
/* line 14, ../sass/_tablet.scss */
.tablet #footer .language, .mode-default #footer .language {
  position: relative;
  top: 3px;
}
/* line 18, ../sass/_tablet.scss */
.tablet .home, .mode-default .home {
  margin-top: 70px;
  height: calc(100% - 105px);
}

/* line 1, ../sass/_locales.scss */
.popup-locales {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 35px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10001;
  display: none;
  font-family: Arial;
}

/* line 16, ../sass/_locales.scss */
.popup-locales ul {
  position: static;
}

/* line 17, ../sass/_locales.scss */
.popup-locales li {
  border: 0;
}

/* line 19, ../sass/_locales.scss */
.popup-locales * {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 25, ../sass/_locales.scss */
.popup-locales .window {
  position: relative;
  width: 730px;
  margin: auto;
  color: #FFF;
  background: #564f4a;
  box-shadow: 4px 4px 24px #000;
  -moz-box-shadow: 4px 4px 24px #000;
  -webkit-box-shadow: 4px 4px 24px #000;
  -o-box-shadow: 4px 4px 24px #000;
  text-align: left;
}

/* line 38, ../sass/_locales.scss */
.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;
}

/* line 50, ../sass/_locales.scss */
.popup-locales .gradient-bg {
  background: #333;
}

/* line 54, ../sass/_locales.scss */
.popup-locales .window-title {
  height: 70px;
  line-height: 70px;
  font-size: 20px;
  padding-left: 25px;
  font-weight: bold;
}

/* line 62, ../sass/_locales.scss */
.popup-locales .content {
  /*margin: 30px 20px;*/
}

/* line 66, ../sass/_locales.scss */
.popup-locales .nav-continent {
  background: #666;
  padding-left: 25px;
}

/* line 71, ../sass/_locales.scss */
.popup-locales .btn-continent {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 35px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  color: #222;
  text-transform: uppercase;
  font-size: 11px;
}

/* line 84, ../sass/_locales.scss */
.popup-locales .btn-continent.current {
  color: #FFF;
}

/* line 88, ../sass/_locales.scss */
.popup-locales .continents {
  padding: 25px 0 25px 25px;
}

/* line 92, ../sass/_locales.scss */
.popup-locales .continent {
  display: none;
}

/* line 96, ../sass/_locales.scss */
.popup-locales .continent.current {
  display: block;
}

/* line 100, ../sass/_locales.scss */
.popup-locales .country {
  width: 228px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-bottom: 25px;
  font-size: 11px;
  position: relative;
}

/* line 111, ../sass/_locales.scss */
.popup-locales .country-label {
  text-transform: uppercase;
  display: block;
  margin-bottom: 3px;
  margin-left: 25px;
}

/* line 118, ../sass/_locales.scss */
html.win .popup-locales .countries {
  font-family: Arial, sans-serif;
}

/* line 122, ../sass/_locales.scss */
html.win .popup-locales .nav-continent {
  font-family: Arial, sans-serif;
}

/* line 126, ../sass/_locales.scss */
.popup-locales .country.last {
  width: auto;
}

/* line 130, ../sass/_locales.scss */
.popup-locales .langs {
  margin-left: 25px;
}

/* line 134, ../sass/_locales.scss */
.popup-locales .lang {
  display: inline;
}

/* line 138, ../sass/_locales.scss */
.popup-locales .lang:before {
  content: '\2022';
  margin: 0 5px;
}

/* line 143, ../sass/_locales.scss */
.popup-locales .lang.first:before {
  content: '';
  margin: 0;
}

/* line 148, ../sass/_locales.scss */
.popup-locales .lang a {
  color: #FFF;
  text-decoration: none;
}

/* line 153, ../sass/_locales.scss */
.popup-locales .sprite {
  position: absolute;
  top: 0;
  left: 0;
}

/* Sprite */
/* line 160, ../sass/_locales.scss */
.sprite {
  background: url(sprites_nespresso.png) no-repeat;
  width: 16px;
  height: 11px;
}

/* line 166, ../sass/_locales.scss */
.sprite-ad-png {
  background-position: -432px -286px;
}

/* line 170, ../sass/_locales.scss */
.sprite-ae-png {
  background-position: -432px -264px;
}

/* line 174, ../sass/_locales.scss */
.sprite-af-png {
  background-position: -432px -242px;
}

/* line 178, ../sass/_locales.scss */
.sprite-ag-png {
  background-position: -432px -220px;
}

/* line 182, ../sass/_locales.scss */
.sprite-ai-png {
  background-position: -432px -198px;
}

/* line 186, ../sass/_locales.scss */
.sprite-al-png {
  background-position: -432px -176px;
}

/* line 190, ../sass/_locales.scss */
.sprite-am-png {
  background-position: -432px -154px;
}

/* line 194, ../sass/_locales.scss */
.sprite-an-png {
  background-position: -432px -132px;
}

/* line 198, ../sass/_locales.scss */
.sprite-ao-png {
  background-position: -433px -110px;
}

/* line 202, ../sass/_locales.scss */
.sprite-ar-png {
  background-position: -437px -88px;
}

/* line 206, ../sass/_locales.scss */
.sprite-as-png {
  background-position: -437px -66px;
}

/* line 210, ../sass/_locales.scss */
.sprite-at-png {
  background-position: -434px -44px;
}

/* line 214, ../sass/_locales.scss */
.sprite-au-png {
  background-position: -434px -22px;
}

/* line 218, ../sass/_locales.scss */
.sprite-aw-png {
  background-position: -434px -0px;
}

/* line 222, ../sass/_locales.scss */
.sprite-ax-png {
  background-position: -405px -418px;
}

/* line 226, ../sass/_locales.scss */
.sprite-az-png {
  background-position: -378px -418px;
}

/* line 230, ../sass/_locales.scss */
.sprite-ba-png {
  background-position: -351px -418px;
}

/* line 234, ../sass/_locales.scss */
.sprite-bb-png {
  background-position: -324px -418px;
}

/* line 238, ../sass/_locales.scss */
.sprite-bd-png {
  background-position: -297px -418px;
}

/* line 242, ../sass/_locales.scss */
.sprite-be-png {
  background-position: -270px -418px;
}

/* line 246, ../sass/_locales.scss */
.sprite-bf-png {
  background-position: -243px -418px;
}

/* line 250, ../sass/_locales.scss */
.sprite-bg-png {
  background-position: -216px -418px;
}

/* line 254, ../sass/_locales.scss */
.sprite-bh-png {
  background-position: -189px -418px;
}

/* line 258, ../sass/_locales.scss */
.sprite-bi-png {
  background-position: -162px -418px;
}

/* line 262, ../sass/_locales.scss */
.sprite-bj-png {
  background-position: -135px -418px;
}

/* line 266, ../sass/_locales.scss */
.sprite-bm-png {
  background-position: -108px -418px;
}

/* line 270, ../sass/_locales.scss */
.sprite-bn-png {
  background-position: -81px -418px;
}

/* line 274, ../sass/_locales.scss */
.sprite-bo-png {
  background-position: -54px -418px;
}

/* line 278, ../sass/_locales.scss */
.sprite-br-png {
  background-position: -27px -418px;
}

/* line 282, ../sass/_locales.scss */
.sprite-bs-png {
  background-position: -0px -418px;
}

/* line 286, ../sass/_locales.scss */
.sprite-bt-png {
  background-position: -405px -396px;
}

/* line 290, ../sass/_locales.scss */
.sprite-bv-png {
  background-position: -405px -374px;
}

/* line 294, ../sass/_locales.scss */
.sprite-bw-png {
  background-position: -405px -352px;
}

/* line 298, ../sass/_locales.scss */
.sprite-by-png {
  background-position: -405px -330px;
}

/* line 302, ../sass/_locales.scss */
.sprite-bz-png {
  background-position: -405px -308px;
}

/* line 306, ../sass/_locales.scss */
.sprite-ca-png {
  background-position: -405px -286px;
}

/* line 310, ../sass/_locales.scss */
.sprite-catalonia-png {
  background-position: -405px -264px;
}

/* line 314, ../sass/_locales.scss */
.sprite-cc-png {
  background-position: -405px -242px;
}

/* line 318, ../sass/_locales.scss */
.sprite-cd-png {
  background-position: -405px -220px;
}

/* line 322, ../sass/_locales.scss */
.sprite-cf-png {
  background-position: -405px -198px;
}

/* line 326, ../sass/_locales.scss */
.sprite-cg-png {
  background-position: -405px -176px;
}

/* line 330, ../sass/_locales.scss */
.sprite-ch-png {
  background-position: -452px -110px;
}

/* line 334, ../sass/_locales.scss */
.sprite-ci-png {
  background-position: -405px -154px;
}

/* line 338, ../sass/_locales.scss */
.sprite-ck-png {
  background-position: -405px -132px;
}

/* line 342, ../sass/_locales.scss */
.sprite-cl-png {
  background-position: -406px -110px;
}

/* line 346, ../sass/_locales.scss */
.sprite-cm-png {
  background-position: -410px -88px;
}

/* line 350, ../sass/_locales.scss */
.sprite-cn-png {
  background-position: -410px -66px;
}

/* line 354, ../sass/_locales.scss */
.sprite-co-png {
  background-position: -407px -44px;
}

/* line 358, ../sass/_locales.scss */
.sprite-cr-png {
  background-position: -407px -22px;
}

/* line 362, ../sass/_locales.scss */
.sprite-cs-png {
  background-position: -407px -0px;
}

/* line 366, ../sass/_locales.scss */
.sprite-cu-png {
  background-position: -378px -394px;
}

/* line 370, ../sass/_locales.scss */
.sprite-cv-png {
  background-position: -351px -394px;
}

/* line 374, ../sass/_locales.scss */
.sprite-cx-png {
  background-position: -324px -394px;
}

/* line 378, ../sass/_locales.scss */
.sprite-cy-png {
  background-position: -297px -394px;
}

/* line 382, ../sass/_locales.scss */
.sprite-cz-png {
  background-position: -270px -394px;
}

/* line 386, ../sass/_locales.scss */
.sprite-de-png {
  background-position: -243px -394px;
}

/* line 390, ../sass/_locales.scss */
.sprite-dj-png {
  background-position: -216px -394px;
}

/* line 394, ../sass/_locales.scss */
.sprite-dk-png {
  background-position: -189px -394px;
}

/* line 398, ../sass/_locales.scss */
.sprite-dm-png {
  background-position: -162px -394px;
}

/* line 402, ../sass/_locales.scss */
.sprite-do-png {
  background-position: -135px -394px;
}

/* line 406, ../sass/_locales.scss */
.sprite-dz-png {
  background-position: -108px -394px;
}

/* line 410, ../sass/_locales.scss */
.sprite-ec-png {
  background-position: -81px -394px;
}

/* line 414, ../sass/_locales.scss */
.sprite-ee-png {
  background-position: -54px -394px;
}

/* line 418, ../sass/_locales.scss */
.sprite-eg-png {
  background-position: -27px -394px;
}

/* line 422, ../sass/_locales.scss */
.sprite-eh-png {
  background-position: -0px -394px;
}

/* line 426, ../sass/_locales.scss */
.sprite-england-png {
  background-position: -378px -372px;
}

/* line 430, ../sass/_locales.scss */
.sprite-er-png {
  background-position: -351px -372px;
}

/* line 434, ../sass/_locales.scss */
.sprite-es-png {
  background-position: -324px -372px;
}

/* line 438, ../sass/_locales.scss */
.sprite-et-png {
  background-position: -297px -372px;
}

/* line 442, ../sass/_locales.scss */
.sprite-europeanunion-png {
  background-position: -270px -372px;
}

/* line 446, ../sass/_locales.scss */
.sprite-fam-png {
  background-position: -243px -372px;
}

/* line 450, ../sass/_locales.scss */
.sprite-fi-png {
  background-position: -216px -372px;
}

/* line 454, ../sass/_locales.scss */
.sprite-fj-png {
  background-position: -189px -372px;
}

/* line 458, ../sass/_locales.scss */
.sprite-fk-png {
  background-position: -162px -372px;
}

/* line 462, ../sass/_locales.scss */
.sprite-fm-png {
  background-position: -135px -372px;
}

/* line 466, ../sass/_locales.scss */
.sprite-fo-png {
  background-position: -108px -372px;
}

/* line 470, ../sass/_locales.scss */
.sprite-fr-png {
  background-position: -81px -372px;
}

/* line 474, ../sass/_locales.scss */
.sprite-ga-png {
  background-position: -54px -372px;
}

/* line 478, ../sass/_locales.scss */
.sprite-gb-png {
  background-position: -27px -372px;
}

/* line 482, ../sass/_locales.scss */
.sprite-gd-png {
  background-position: -0px -372px;
}

/* line 486, ../sass/_locales.scss */
.sprite-ge-png {
  background-position: -378px -350px;
}

/* line 490, ../sass/_locales.scss */
.sprite-gf-png {
  background-position: -351px -350px;
}

/* line 494, ../sass/_locales.scss */
.sprite-gh-png {
  background-position: -324px -350px;
}

/* line 498, ../sass/_locales.scss */
.sprite-gi-png {
  background-position: -297px -350px;
}

/* line 502, ../sass/_locales.scss */
.sprite-gl-png {
  background-position: -270px -350px;
}

/* line 506, ../sass/_locales.scss */
.sprite-gm-png {
  background-position: -243px -350px;
}

/* line 510, ../sass/_locales.scss */
.sprite-gn-png {
  background-position: -216px -350px;
}

/* line 514, ../sass/_locales.scss */
.sprite-gp-png {
  background-position: -81px -372px;
}

/* line 518, ../sass/_locales.scss */
.sprite-gq-png {
  background-position: -162px -350px;
}

/* line 522, ../sass/_locales.scss */
.sprite-gr-png {
  background-position: -135px -350px;
}

/* line 526, ../sass/_locales.scss */
.sprite-gs-png {
  background-position: -108px -350px;
}

/* line 530, ../sass/_locales.scss */
.sprite-gt-png {
  background-position: -81px -350px;
}

/* line 534, ../sass/_locales.scss */
.sprite-gu-png {
  background-position: -54px -350px;
}

/* line 538, ../sass/_locales.scss */
.sprite-gw-png {
  background-position: -27px -350px;
}

/* line 542, ../sass/_locales.scss */
.sprite-gy-png {
  background-position: -0px -350px;
}

/* line 546, ../sass/_locales.scss */
.sprite-hk-png {
  background-position: -378px -328px;
}

/* line 550, ../sass/_locales.scss */
.sprite-hm-png {
  background-position: -351px -328px;
}

/* line 554, ../sass/_locales.scss */
.sprite-hn-png {
  background-position: -324px -328px;
}

/* line 558, ../sass/_locales.scss */
.sprite-hr-png {
  background-position: -297px -328px;
}

/* line 562, ../sass/_locales.scss */
.sprite-ht-png {
  background-position: -270px -328px;
}

/* line 566, ../sass/_locales.scss */
.sprite-hu-png {
  background-position: -243px -328px;
}

/* line 570, ../sass/_locales.scss */
.sprite-id-png {
  background-position: -216px -328px;
}

/* line 574, ../sass/_locales.scss */
.sprite-ie-png {
  background-position: -189px -328px;
}

/* line 578, ../sass/_locales.scss */
.sprite-il-png {
  background-position: -162px -328px;
}

/* line 582, ../sass/_locales.scss */
.sprite-in-png {
  background-position: -135px -328px;
}

/* line 586, ../sass/_locales.scss */
.sprite-int-png {
  width: 15px;
  height: 17px;
  background-position: -163px -126px;
}

/* line 592, ../sass/_locales.scss */
.sprite-io-png {
  background-position: -108px -328px;
}

/* line 596, ../sass/_locales.scss */
.sprite-iq-png {
  background-position: -81px -328px;
}

/* line 600, ../sass/_locales.scss */
.sprite-ir-png {
  background-position: -54px -328px;
}

/* line 604, ../sass/_locales.scss */
.sprite-is-png {
  background-position: -27px -328px;
}

/* line 608, ../sass/_locales.scss */
.sprite-it-png {
  background-position: -0px -328px;
}

/* line 612, ../sass/_locales.scss */
.sprite-jm-png {
  background-position: -378px -306px;
}

/* line 616, ../sass/_locales.scss */
.sprite-jo-png {
  background-position: -351px -306px;
}

/* line 620, ../sass/_locales.scss */
.sprite-jp-png {
  background-position: -324px -306px;
}

/* line 624, ../sass/_locales.scss */
.sprite-ke-png {
  background-position: -297px -306px;
}

/* line 628, ../sass/_locales.scss */
.sprite-kg-png {
  background-position: -270px -306px;
}

/* line 632, ../sass/_locales.scss */
.sprite-kh-png {
  background-position: -243px -306px;
}

/* line 636, ../sass/_locales.scss */
.sprite-ki-png {
  background-position: -216px -306px;
}

/* line 640, ../sass/_locales.scss */
.sprite-km-png {
  background-position: -189px -306px;
}

/* line 644, ../sass/_locales.scss */
.sprite-kn-png {
  background-position: -162px -306px;
}

/* line 648, ../sass/_locales.scss */
.sprite-kp-png {
  background-position: -135px -306px;
}

/* line 652, ../sass/_locales.scss */
.sprite-kr-png {
  background-position: -108px -306px;
}

/* line 656, ../sass/_locales.scss */
.sprite-kw-png {
  background-position: -81px -306px;
}

/* line 660, ../sass/_locales.scss */
.sprite-ky-png {
  background-position: -54px -306px;
}

/* line 664, ../sass/_locales.scss */
.sprite-kz-png {
  background-position: -27px -306px;
}

/* line 668, ../sass/_locales.scss */
.sprite-la-png {
  background-position: -0px -306px;
}

/* line 672, ../sass/_locales.scss */
.sprite-lb-png {
  background-position: -378px -284px;
}

/* line 676, ../sass/_locales.scss */
.sprite-lc-png {
  background-position: -351px -284px;
}

/* line 680, ../sass/_locales.scss */
.sprite-li-png {
  background-position: -324px -284px;
}

/* line 684, ../sass/_locales.scss */
.sprite-lk-png {
  background-position: -297px -284px;
}

/* line 688, ../sass/_locales.scss */
.sprite-lr-png {
  background-position: -270px -284px;
}

/* line 692, ../sass/_locales.scss */
.sprite-ls-png {
  background-position: -243px -284px;
}

/* line 696, ../sass/_locales.scss */
.sprite-lt-png {
  background-position: -216px -284px;
}

/* line 700, ../sass/_locales.scss */
.sprite-lu-png {
  background-position: -189px -284px;
}

/* line 704, ../sass/_locales.scss */
.sprite-lv-png {
  background-position: -162px -284px;
}

/* line 708, ../sass/_locales.scss */
.sprite-ly-png {
  background-position: -135px -284px;
}

/* line 712, ../sass/_locales.scss */
.sprite-ma-png {
  background-position: -108px -284px;
}

/* line 716, ../sass/_locales.scss */
.sprite-machine-aeroccino-gif {
  width: 50px;
  height: 60px;
  background-position: -305px -0px;
}

/* line 722, ../sass/_locales.scss */
.market-tw .sprite-machine-citiz-gif {
  width: 50px;
  height: 60px;
  background-position: -428px -319px;
}

/* line 728, ../sass/_locales.scss */
.sprite-machine-citiz-gif {
  width: 50px;
  height: 60px;
  background-position: -244px -0px;
}

/* line 734, ../sass/_locales.scss */
.sprite-machine-essenza-gif {
  width: 50px;
  height: 60px;
  background-position: -183px -0px;
}

/* line 740, ../sass/_locales.scss */
.sprite-machine-latissima-gif {
  width: 50px;
  height: 60px;
  background-position: -122px -0px;
}

/* line 746, ../sass/_locales.scss */
.sprite-machine-maestria-gif {
  width: 50px;
  height: 60px;
  background-position: -61px -0px;
}

/* line 752, ../sass/_locales.scss */
.sprite-machine-pixie-gif {
  width: 50px;
  height: 60px;
  background-position: -0px -0px;
}

/* line 758, ../sass/_locales.scss */
.sprite-machine-nessu-gif {
  width: 50px;
  height: 60px;
  background-position: -427px -377px;
}

/* line 764, ../sass/_locales.scss */
.sprite-machine-umilk-gif {
  width: 50px;
  height: 60px;
  background-position: -427px -439px;
}

/* line 770, ../sass/_locales.scss */
.sprite-mc-png {
  background-position: -81px -284px;
}

/* line 774, ../sass/_locales.scss */
.sprite-md-png {
  background-position: -54px -284px;
}

/* line 778, ../sass/_locales.scss */
.sprite-me-png {
  width: 16px;
  height: 12px;
  background-position: -190px -108px;
}

/* line 784, ../sass/_locales.scss */
.sprite-mg-png {
  background-position: -27px -284px;
}

/* line 788, ../sass/_locales.scss */
.sprite-mh-png {
  background-position: -0px -284px;
}

/* line 792, ../sass/_locales.scss */
.sprite-mk-png {
  background-position: -378px -262px;
}

/* line 796, ../sass/_locales.scss */
.sprite-ml-png {
  background-position: -351px -262px;
}

/* line 800, ../sass/_locales.scss */
.sprite-mm-png {
  background-position: -324px -262px;
}

/* line 804, ../sass/_locales.scss */
.sprite-mn-png {
  background-position: -297px -262px;
}

/* line 808, ../sass/_locales.scss */
.sprite-mo-png {
  background-position: -270px -262px;
}

/* line 812, ../sass/_locales.scss */
.sprite-mp-png {
  background-position: -243px -262px;
}

/* line 816, ../sass/_locales.scss */
.sprite-mq-png {
  background-position: -81px -372px;
}

/* line 820, ../sass/_locales.scss */
.sprite-mr-png {
  background-position: -189px -262px;
}

/* line 824, ../sass/_locales.scss */
.sprite-ms-png {
  background-position: -162px -262px;
}

/* line 828, ../sass/_locales.scss */
.sprite-mt-png {
  background-position: -135px -262px;
}

/* line 832, ../sass/_locales.scss */
.sprite-mu-png {
  background-position: -108px -262px;
}

/* line 836, ../sass/_locales.scss */
.sprite-mv-png {
  background-position: -81px -262px;
}

/* line 840, ../sass/_locales.scss */
.sprite-mw-png {
  background-position: -54px -262px;
}

/* line 844, ../sass/_locales.scss */
.sprite-mx-png {
  background-position: -27px -262px;
}

/* line 848, ../sass/_locales.scss */
.sprite-my-png {
  background-position: -0px -262px;
}

/* line 852, ../sass/_locales.scss */
.sprite-mz-png {
  background-position: -378px -240px;
}

/* line 856, ../sass/_locales.scss */
.sprite-na-png {
  background-position: -351px -240px;
}

/* line 860, ../sass/_locales.scss */
.sprite-nc-png {
  background-position: -324px -240px;
}

/* line 864, ../sass/_locales.scss */
.sprite-ne-png {
  background-position: -297px -240px;
}

/* line 868, ../sass/_locales.scss */
.sprite-nf-png {
  background-position: -270px -240px;
}

/* line 872, ../sass/_locales.scss */
.sprite-ng-png {
  background-position: -243px -240px;
}

/* line 876, ../sass/_locales.scss */
.sprite-ni-png {
  background-position: -216px -240px;
}

/* line 880, ../sass/_locales.scss */
.sprite-nl-png {
  background-position: -189px -240px;
}

/* line 884, ../sass/_locales.scss */
.sprite-no-png {
  background-position: -162px -240px;
}

/* line 888, ../sass/_locales.scss */
.sprite-np-png {
  width: 9px;
  height: 11px;
  background-position: -461px -0px;
}

/* line 894, ../sass/_locales.scss */
.sprite-nr-png {
  background-position: -135px -240px;
}

/* line 898, ../sass/_locales.scss */
.sprite-nu-png {
  background-position: -108px -240px;
}

/* line 902, ../sass/_locales.scss */
.sprite-nz-png {
  background-position: -81px -240px;
}

/* line 906, ../sass/_locales.scss */
.sprite-om-png {
  background-position: -54px -240px;
}

/* line 910, ../sass/_locales.scss */
.sprite-pa-png {
  background-position: -27px -240px;
}

/* line 914, ../sass/_locales.scss */
.sprite-pe-png {
  background-position: -0px -240px;
}

/* line 918, ../sass/_locales.scss */
.sprite-pf-png {
  background-position: -378px -218px;
}

/* line 922, ../sass/_locales.scss */
.sprite-pg-png {
  background-position: -351px -218px;
}

/* line 926, ../sass/_locales.scss */
.sprite-ph-png {
  background-position: -324px -218px;
}

/* line 930, ../sass/_locales.scss */
.sprite-pk-png {
  background-position: -297px -218px;
}

/* line 934, ../sass/_locales.scss */
.sprite-pl-png {
  background-position: -270px -218px;
}

/* line 938, ../sass/_locales.scss */
.sprite-pm-png {
  background-position: -243px -218px;
}

/* line 942, ../sass/_locales.scss */
.sprite-pn-png {
  background-position: -216px -218px;
}

/* line 946, ../sass/_locales.scss */
.sprite-pr-png {
  background-position: -189px -218px;
}

/* line 950, ../sass/_locales.scss */
.sprite-ps-png {
  background-position: -162px -218px;
}

/* line 954, ../sass/_locales.scss */
.sprite-pt-png {
  background-position: -135px -218px;
}

/* line 958, ../sass/_locales.scss */
.sprite-pw-png {
  background-position: -108px -218px;
}

/* line 962, ../sass/_locales.scss */
.sprite-py-png {
  background-position: -81px -218px;
}

/* line 966, ../sass/_locales.scss */
.sprite-qa-png {
  background-position: -54px -218px;
}

/* line 970, ../sass/_locales.scss */
.sprite-re-png {
  background-position: -27px -218px;
}

/* line 974, ../sass/_locales.scss */
.sprite-ro-png {
  background-position: -0px -218px;
}

/* line 978, ../sass/_locales.scss */
.sprite-rs-png {
  background-position: -378px -196px;
}

/* line 982, ../sass/_locales.scss */
.sprite-ru-png {
  background-position: -351px -196px;
}

/* line 986, ../sass/_locales.scss */
.sprite-rw-png {
  background-position: -324px -196px;
}

/* line 990, ../sass/_locales.scss */
.sprite-sa-png {
  background-position: -297px -196px;
}

/* line 994, ../sass/_locales.scss */
.sprite-sb-png {
  background-position: -270px -196px;
}

/* line 998, ../sass/_locales.scss */
.sprite-sc-png {
  background-position: -243px -196px;
}

/* line 1002, ../sass/_locales.scss */
.sprite-scotland-png {
  background-position: -216px -196px;
}

/* line 1006, ../sass/_locales.scss */
.sprite-sd-png {
  background-position: -189px -196px;
}

/* line 1010, ../sass/_locales.scss */
.sprite-se-png {
  background-position: -162px -196px;
}

/* line 1014, ../sass/_locales.scss */
.sprite-sg-png {
  background-position: -135px -196px;
}

/* line 1018, ../sass/_locales.scss */
.sprite-sh-png {
  background-position: -108px -196px;
}

/* line 1022, ../sass/_locales.scss */
.sprite-si-png {
  background-position: -81px -196px;
}

/* line 1026, ../sass/_locales.scss */
.sprite-sj-png {
  background-position: -54px -196px;
}

/* line 1030, ../sass/_locales.scss */
.sprite-sk-png {
  background-position: -27px -196px;
}

/* line 1034, ../sass/_locales.scss */
.sprite-sl-png {
  background-position: -0px -196px;
}

/* line 1038, ../sass/_locales.scss */
.sprite-sm-png {
  background-position: -378px -174px;
}

/* line 1042, ../sass/_locales.scss */
.sprite-sn-png {
  background-position: -351px -174px;
}

/* line 1046, ../sass/_locales.scss */
.sprite-so-png {
  background-position: -324px -174px;
}

/* line 1050, ../sass/_locales.scss */
.sprite-sr-png {
  background-position: -297px -174px;
}

/* line 1054, ../sass/_locales.scss */
.sprite-st-png {
  background-position: -270px -174px;
}

/* line 1058, ../sass/_locales.scss */
.sprite-sv-png {
  background-position: -243px -174px;
}

/* line 1062, ../sass/_locales.scss */
.sprite-sy-png {
  background-position: -216px -174px;
}

/* line 1066, ../sass/_locales.scss */
.sprite-sz-png {
  background-position: -189px -174px;
}

/* line 1070, ../sass/_locales.scss */
.sprite-tc-png {
  background-position: -162px -174px;
}

/* line 1074, ../sass/_locales.scss */
.sprite-td-png {
  background-position: -135px -174px;
}

/* line 1078, ../sass/_locales.scss */
.sprite-tf-png {
  background-position: -108px -174px;
}

/* line 1082, ../sass/_locales.scss */
.sprite-tg-png {
  background-position: -81px -174px;
}

/* line 1086, ../sass/_locales.scss */
.sprite-th-png {
  background-position: -54px -174px;
}

/* line 1090, ../sass/_locales.scss */
.sprite-tj-png {
  background-position: -27px -174px;
}

/* line 1094, ../sass/_locales.scss */
.sprite-tk-png {
  background-position: -0px -174px;
}

/* line 1098, ../sass/_locales.scss */
.sprite-tl-png {
  background-position: -378px -152px;
}

/* line 1102, ../sass/_locales.scss */
.sprite-tm-png {
  background-position: -351px -152px;
}

/* line 1106, ../sass/_locales.scss */
.sprite-tn-png {
  background-position: -324px -152px;
}

/* line 1110, ../sass/_locales.scss */
.sprite-to-png {
  background-position: -297px -152px;
}

/* line 1114, ../sass/_locales.scss */
.sprite-tr-png {
  background-position: -270px -152px;
}

/* line 1118, ../sass/_locales.scss */
.sprite-tt-png {
  background-position: -243px -152px;
}

/* line 1122, ../sass/_locales.scss */
.sprite-tv-png {
  background-position: -216px -152px;
}

/* line 1126, ../sass/_locales.scss */
.sprite-tw-png {
  background-position: -189px -152px;
}

/* line 1130, ../sass/_locales.scss */
.sprite-tz-png {
  background-position: -162px -152px;
}

/* line 1134, ../sass/_locales.scss */
.sprite-ua-png {
  background-position: -135px -152px;
}

/* line 1138, ../sass/_locales.scss */
.sprite-ug-png {
  background-position: -108px -152px;
}

/* line 1142, ../sass/_locales.scss */
.sprite-uk-png {
  width: 14px;
  height: 11px;
  background-position: -432px -308px;
}

/* line 1148, ../sass/_locales.scss */
.sprite-um-png {
  background-position: -81px -152px;
}

/* line 1152, ../sass/_locales.scss */
.sprite-us-png {
  background-position: -54px -152px;
}

/* line 1156, ../sass/_locales.scss */
.sprite-uy-png {
  background-position: -27px -152px;
}

/* line 1160, ../sass/_locales.scss */
.sprite-uz-png {
  background-position: -0px -152px;
}

/* line 1164, ../sass/_locales.scss */
.sprite-va-png {
  background-position: -379px -130px;
}

/* line 1168, ../sass/_locales.scss */
.sprite-vc-png {
  background-position: -352px -130px;
}

/* line 1172, ../sass/_locales.scss */
.sprite-ve-png {
  background-position: -325px -130px;
}

/* line 1176, ../sass/_locales.scss */
.sprite-vg-png {
  background-position: -298px -130px;
}

/* line 1180, ../sass/_locales.scss */
.sprite-vi-png {
  background-position: -271px -130px;
}

/* line 1184, ../sass/_locales.scss */
.sprite-vn-png {
  background-position: -244px -130px;
}

/* line 1188, ../sass/_locales.scss */
.sprite-vu-png {
  background-position: -217px -130px;
}

/* line 1192, ../sass/_locales.scss */
.sprite-wales-png {
  background-position: -190px -130px;
}

/* line 1196, ../sass/_locales.scss */
.sprite-wf-png {
  background-position: -379px -108px;
}

/* line 1200, ../sass/_locales.scss */
.sprite-ws-png {
  background-position: -352px -108px;
}

/* line 1204, ../sass/_locales.scss */
.sprite-ye-png {
  background-position: -325px -108px;
}

/* line 1208, ../sass/_locales.scss */
.sprite-yt-png {
  background-position: -298px -108px;
}

/* line 1212, ../sass/_locales.scss */
.sprite-za-png {
  background-position: -271px -108px;
}

/* line 1216, ../sass/_locales.scss */
.sprite-zm-png {
  background-position: -244px -108px;
}

/* line 1220, ../sass/_locales.scss */
.sprite-zw-png {
  background-position: -217px -108px;
}

@media only screen and (max-width: 640px) {
  /* line 1225, ../sass/_locales.scss */
  .locales section {
    display: none;
  }

  /* line 1228, ../sass/_locales.scss */
  .popup-locales {
    position: absolute;
    display: block;
  }

  /* line 1231, ../sass/_locales.scss */
  .popup-locales .window {
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
  }

  /* line 1239, ../sass/_locales.scss */
  .popup-locales .window-title {
    font-size: 12px;
    line-height: 41px;
    height: auto;
    padding: 0 10px;
  }

  /* line 1245, ../sass/_locales.scss */
  .popup-locales .nav-continent {
    padding-left: 10px;
  }

  /* line 1248, ../sass/_locales.scss */
  .popup-locales .btn-continent {
    margin-right: 12px;
  }

  /* line 1251, ../sass/_locales.scss */
  .popup-locales .continents {
    padding: 0;
    padding-top: 15px;
  }

  /* line 1255, ../sass/_locales.scss */
  .popup-locales .country {
    width: 100%;
    margin: 0px 0px 15px 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #666;
  }

  /* line 1261, ../sass/_locales.scss */
  .popup-locales .country.last {
    width: 100%;
  }

  /* line 1264, ../sass/_locales.scss */
  .popup-locales .country:last-child {
    margin-bottom: 0px;
  }

  /* line 1267, ../sass/_locales.scss */
  .popup-locales .sprite {
    left: 10px;
  }

  /* line 1270, ../sass/_locales.scss */
  .popup-locales .country-label {
    margin-left: 35px;
  }

  /* line 1273, ../sass/_locales.scss */
  .popup-locales .langs {
    float: right;
    margin-top: -20px;
    margin-right: 10px;
  }

  /* line 1278, ../sass/_locales.scss */
  .popup-locales .lang-label {
    display: inline-block;
    padding: 4px 8px;
  }

  /* line 1282, ../sass/_locales.scss */
  .popup-locales .country-CH .langs {
    margin-top: 5px;
  }
}
@media only screen and (max-height: 550px) {
  /* line 1288, ../sass/_locales.scss */
  .popup-locales .country {
    margin-bottom: 10px;
  }
}
/* line 41, ../sass/front.scss */
body.lang-ru .main h1 {
  font-size: 7em;
}
/* line 42, ../sass/front.scss */
body.lang-ru .main h2 {
  font-size: 1.5em;
}

/* line 47, ../sass/front.scss */
html.smartphone body.country-DE .recipes .button {
  display: none;
}

/* line 52, ../sass/front.scss */
body.lang-zh .main h1 {
  letter-spacing: 0;
}

/* line 56, ../sass/front.scss */
body.country-TW .aromaties {
  display: none;
}