Your IP : 18.220.65.39

Current Path : /home/bitrix/ext_www/coffe.land/ncp/modules/event-tpc/ui/
Current File : /home/bitrix/ext_www/coffe.land/ncp/modules/event-tpc/ui/screen.css
/*
  Theme Name: The Perfect Cup
  Theme URI: http://www.metabolism.fr
  Version: 1.0
  Author: Metabolism
*/
@font-face {
  font-family: "Nespresso";
  src: url("ncp/modules/event-tpc/ui/../fonts/Nespresso-Light.eot");
  src: url("ncp/modules/event-tpc/ui/ncp/modules/event-tpc/ui/../fonts/Nespresso-Light.eot") format("embedded-opentype"), url("ncp/modules/event-tpc/ui/../fonts/Nespresso-Light.woff") format("woff"), url("ncp/modules/event-tpc/ui/../fonts/Nespresso-Light.ttf") format("truetype"), url("ncp/modules/event-tpc/ui/../fonts/Nespresso-Light.svg") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "Nespresso";
  src: url("ncp/modules/event-tpc/ui/../fonts/Nespresso-Regular.eot");
  src: url("ncp/modules/event-tpc/ui/ncp/modules/event-tpc/ui/../fonts/Nespresso-Regular.eot") format("embedded-opentype"), url("ncp/modules/event-tpc/ui/../fonts/Nespresso-Regular.woff") format("woff"), url("ncp/modules/event-tpc/ui/../fonts/Nespresso-Regular.ttf") format("truetype"), url("ncp/modules/event-tpc/ui/../fonts/Nespresso-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Nespresso";
  src: url("ncp/modules/event-tpc/ui/../fonts/Nespresso-Bold.eot");
  src: url("ncp/modules/event-tpc/ui/ncp/modules/event-tpc/ui/../fonts/Nespresso-Bold.eot") format("embedded-opentype"), url("ncp/modules/event-tpc/ui/../fonts/Nespresso-Bold.woff") format("woff"), url("ncp/modules/event-tpc/ui/../fonts/Nespresso-Bold.ttf") format("truetype"), url("ncp/modules/event-tpc/ui/../fonts/Nespresso-Bold.svg") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "Avenir";
  src: url("ncp/modules/event-tpc/ui/../fonts/Avenir-Light.eot");
  src: url("ncp/modules/event-tpc/ui/ncp/modules/event-tpc/ui/../fonts/Avenir-Light.eot") format("embedded-opentype"), url("ncp/modules/event-tpc/ui/../fonts/Avenir-Light.woff") format("woff"), url("ncp/modules/event-tpc/ui/../fonts/Avenir-Light.ttf") format("truetype"), url("ncp/modules/event-tpc/ui/../fonts/Avenir-Light.svg") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "Avenir";
  src: url("ncp/modules/event-tpc/ui/../fonts/Avenir-Regular.eot");
  src: url("ncp/modules/event-tpc/ui/ncp/modules/event-tpc/ui/../fonts/Avenir-Regular.eot") format("embedded-opentype"), url("ncp/modules/event-tpc/ui/../fonts/Avenir-Regular.woff") format("woff"), url("ncp/modules/event-tpc/ui/../fonts/Avenir-Regular.ttf") format("truetype"), url("ncp/modules/event-tpc/ui/../fonts/Avenir-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Avenir";
  src: url("ncp/modules/event-tpc/ui/../fonts/Avenir-Black.eot");
  src: url("ncp/modules/event-tpc/ui/ncp/modules/event-tpc/ui/../fonts/Avenir-Black.eot") format("embedded-opentype"), url("ncp/modules/event-tpc/ui/../fonts/Avenir-Black.woff") format("woff"), url("ncp/modules/event-tpc/ui/../fonts/Avenir-Black.ttf") format("truetype"), url("ncp/modules/event-tpc/ui/../fonts/Avenir-Black.svg") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "nespresso-tpc";
  src: url("ncp/modules/event-tpc/ui/../fonts/nespresso-tpc.eot");
  src: url("ncp/modules/event-tpc/ui/ncp/modules/event-tpc/ui/../fonts/nespresso-tpc.eot") format("embedded-opentype"), url("ncp/modules/event-tpc/ui/../fonts/nespresso-tpc.woff") format("woff"), url("ncp/modules/event-tpc/ui/../fonts/nespresso-tpc.ttf") format("truetype"), url("ncp/modules/event-tpc/ui/../fonts/nespresso-tpc.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

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

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

.icon-share:before, .side-nav__share:before, .cover__nav__share:before {
  content: "e"; }

.icon-home:before, .sticky-bar__home-icon:before {
  content: "f"; }

.icon-quote-2:before, .icon_quote-2:after, .quote:after {
  content: "g"; }

.icon-quote:before, .quote:before {
  content: "h"; }

.icon-camera:before, .block-regular__img__video__icon:before {
  content: "i"; }

.icon-play:before, .block-regular__img__video__title__play:before {
  content: "j"; }

.icon-speaker:before, .ui-player__buttons__volume:before {
  content: "k"; }

.icon-fullscreen:before, .ui-player__buttons__fullscreen:before {
  content: "l"; }

.icon-social-twitter:before, .side-nav__share .twitter:before, .cover__nav__share .twitter:before {
  content: "m"; }

.icon-social-facebook:before, .side-nav__share .facebook:before, .cover__nav__share .facebook:before {
  content: "n"; }

.icon-arrow-top:before, .side-nav__arrow.prev:before {
  content: "a"; }

.icon-arrow-bottom:before, .side-nav__arrow.next:before {
  content: "b"; }

.icon-close:before, .cover__discover__close:before {
  content: "c"; }

.icon-speaker-off:before, .ui-player.muted .ui-player__buttons__volume:before {
  content: "d"; }

html.iframe {
  height: 100%; }
  html.iframe body {
    height: 100%;
    overflow: hidden;
    padding: 0; }
  html.iframe .footer {
    display: none; }
  html.iframe [ui-view] {
    height: 100%; }
  html.iframe .iframe-content {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0; }
  html.iframe .header.mobile .menu a {
    display: none; }
  html.iframe .footer-mobile {
    display: none !important; }

.ui-slider {
  position: relative; }
  .ui-slider__slides {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 100%; }
  .ui-slider__slide {
    height: 100%;
    position: absolute;
    width: 100%;
    -webkit-transition: 0.3s opacity cubic-bezier(0.645, 0.045, 0.355, 1), 0.3s -webkit-transform cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: 0.3s opacity cubic-bezier(0.645, 0.045, 0.355, 1), 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1); }
  .ui-slider__pagination {
    position: absolute;
    z-index: 6; }
  .ui-slider__arrows {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    z-index: 2; }
    .ui-slider__arrows .separator {
      display: inline-block;
      width: 2px;
      height: 100%;
      background: #666; }
  .ui-slider__arrow {
    cursor: pointer;
    font-family: icons;
    color: #666;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    font-size: 1.5em;
    display: inline-block;
    -webkit-transition: 0.3s opacity cubic-bezier(0.645, 0.045, 0.355, 1), 0.3s -webkit-transform cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: 0.3s opacity cubic-bezier(0.645, 0.045, 0.355, 1), 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1); }
    .ui-slider__arrow.left {
      left: -1.5em; }
    .ui-slider__arrow.right {
      right: -1.5em; }

[data-popin] {
  cursor: pointer; }

.ui-popin {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.9);
  -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);
  text-align: center;
  opacity: 0; }
  .ui-popin__content {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    display: inline-block;
    position: relative; }
  .ui-popin__close {
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 2em;
    width: 2em;
    height: 2em;
    -webkit-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    cursor: pointer;
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
    color: #fff;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
    .ui-popin__close:after, .ui-popin__close:before {
      width: 120%;
      height: 0;
      border-bottom: 1px solid;
      content: '';
      position: absolute;
      left: -10%;
      top: 50%; }
    .ui-popin__close:after {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .ui-popin__close:before {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }

.ui-popin--added .ui-popin {
  opacity: 1; }
  .ui-popin--added .ui-popin__content {
    -webkit-transform: scale(1);
            transform: scale(1); }
  .ui-popin--added .ui-popin__close {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
    .ui-popin--added .ui-popin__close:hover {
      -webkit-transform: scale(1) rotate(90deg);
              transform: scale(1) rotate(90deg); }

.ui-more__content {
  display: none; }

.ui-more__button {
  cursor: pointer; }

/* ===============================================================
Basic Swiper Styles
================================================================*/
.loaded .swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 1; }
  .loaded .swiper-container .swiper-wrapper {
    position: relative;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0s;
            transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
            transform: translate3d(0px, 0, 0);
    -webkit-transition-property: -webkit-transform, left, top;
            transition-property: transform, left, top;
    box-sizing: content-box; }
  .loaded .swiper-container .swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    margin: 0 auto; }

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

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

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container, .swiper-wrapper, .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden; }

/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-transition: 350ms linear all;
          transition: 350ms linear all; }

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0; }

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1; }

#loading-bar .bar {
  -webkit-transition: width 350ms;
          transition: width 350ms;
  background: #FFFFFF;
  position: fixed;
  z-index: 10002;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px; }

/* Fancy blur effect */
#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 2px;
  opacity: .45;
  box-shadow: #FFFFFF 1px 0 6px 1px;
  border-radius: 100%; }

#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 10002;
  top: 10px;
  left: 10px; }

#loading-bar-spinner .spinner-icon {
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #FFFFFF;
  border-left-color: #FFFFFF;
  border-radius: 10px;
  -webkit-animation: loading-bar-spinner 400ms linear infinite;
          animation: loading-bar-spinner 400ms linear infinite; }

@-webkit-keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.mCustomScrollbar {
  -ms-touch-action: none;
  touch-action: none; }

.mCustomScrollbar.mCS_no_scrollbar {
  -ms-touch-action: auto;
  touch-action: auto; }

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: 0;
  direction: ltr; }

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto; }

.mCSB_inside > .mCSB_container {
  margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0; }

.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px; }

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
  box-sizing: border-box; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
  box-sizing: border-box; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out,background-color .2s ease-in-out; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
  transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out; }

.mCSB_scrollTools {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
  background-image: url(img/mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: .4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0; }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px; }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px; }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px; }

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: .9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%; }

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px; }

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px; }

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0; }

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0; }

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px; }

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px; }

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px; }

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  opacity: .3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); }

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px; }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px; }

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  border-radius: 16px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px; }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px; }

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px; }

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px; }

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px; }

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0; }

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px; }

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0; }

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2); }

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/* Dropdown control */
.selectBox-dropdown {
  min-width: 150px;
  position: relative;
  border: solid 1px #BBB;
  line-height: 1.5;
  text-decoration: none;
  text-align: left;
  color: #000;
  outline: none;
  vertical-align: middle;
  background: #F2F2F2;
  background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  border-radius: 4px;
  display: inline-block;
  cursor: default; }

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
  border-color: #666; }

.selectBox-dropdown.selectBox-menuShowing-bottom {
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.selectBox-dropdown.selectBox-menuShowing-top {
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.selectBox-dropdown .selectBox-label {
  padding: 2px 8px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden; }

.selectBox-dropdown .selectBox-arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 23px;
  height: 100%;
  background: url(jquery.selectBox-arrow.gif) 50% center no-repeat;
  border-left: solid 1px #BBB; }

/* Dropdown menu */
.selectBox-dropdown-menu {
  position: absolute;
  z-index: 99999;
  max-height: 200px;
  min-height: 1em;
  border: solid 1px #BBB;
  /* should be the same border width as .selectBox-dropdown */
  background: #FFF;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

/* Inline control */
.selectBox-inline {
  min-width: 150px;
  outline: none;
  border: solid 1px #BBB;
  background: #FFF;
  display: inline-block;
  border-radius: 4px;
  overflow: auto; }

.selectBox-inline:focus {
  border-color: #666; }

/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
  list-style: none;
  display: block;
  cursor: default;
  padding: 0;
  margin: 0; }

.selectBox-options.selectBox-options-top {
  border-bottom: none;
  margin-top: 1px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.selectBox-options.selectBox-options-bottom {
  border-top: none;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.selectBox-options LI A {
  line-height: 1.5;
  padding: 0 .5em;
  white-space: nowrap;
  overflow: hidden;
  background: 6px center no-repeat; }

.selectBox-options LI.selectBox-hover A {
  background-color: #EEE; }

.selectBox-options LI.selectBox-disabled A {
  color: #888;
  background-color: transparent; }

.selectBox-options LI.selectBox-selected A {
  background-color: #C8DEF4; }

.selectBox-options .selectBox-optgroup {
  color: #666;
  background: #EEE;
  font-weight: bold;
  line-height: 1.5;
  padding: 0 .3em;
  white-space: nowrap; }

/* Disabled state */
.selectBox.selectBox-disabled {
  color: #888 !important; }

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
  opacity: .5;
  filter: alpha(opacity=50);
  border-color: #666; }

.selectBox-inline.selectBox-disabled {
  color: #888 !important; }

.selectBox-inline.selectBox-disabled .selectBox-options A {
  background-color: transparent !important; }

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

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

template {
  display: none; }

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

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

.__background-cover, .innovation__img, .manifest, .commitment__img, .cover, .block-regular__img, .page-letter .img-top-corner,
.page-commitment .img-top-corner,
.page-innovation .img-top-corner {
  background: url("") no-repeat center;
  background-size: cover; }

.__background-contain {
  background: url("") no-repeat center;
  background-size: contain; }

.__background-fit {
  background: url("") no-repeat center;
  background-size: 100% 100%; }

.__background-fit-width, .footer__follow__icon, .header__btn-order:after, .header__btn-order:before {
  background: url("") no-repeat center;
  background-size: 100% auto; }

.__background-fit-height, .commitment.intro .commitment__img, .cover__know-more:after, .container-slider.top-pagination .ui-slider__slide {
  background: url("") no-repeat center;
  background-size: auto 100%; }

.__mask, .btn:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.__clearfix:after, .container:after, .innovations__slides:after, .manifests__block:after, .block-quote:after, .block-regular:after, .block-intro:after, .page-letter .container:after,
.page-commitment .container:after,
.page-innovation .container:after, .container-slider .ui-slider__pagination:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both; }

._transition, .btn, .btn:after, .innovations, .innovation__img__link-popin, .innovation__img__link-article, .sticky-bar__home-icon, .sticky-bar__recycle-icon, .manifest__container, .manifest__inner, .page-index .btn, .side-nav__arrow.prev:before, .side-nav__arrow.next:before, .side-nav__go-to-section__text, .side-nav__go-to-section:before, .side-nav__share .facebook, .side-nav__share .twitter, .commitment__link span, .commitment__link:after, .commitment__inner:before, .commitment__inner:after, .commitment__ontitle, .commitment__subtitle, .commitment__title, .commitment__text, .commitment__link, .commitment__scroll, .commitment__img, .cover__subtitle, .cover__title, .cover__discover, .cover__know-more, .cover__nav__share .facebook, .cover__nav__share .twitter, .cover__discover__play:after, .cover .ui-player__container, .cover .container, .cover .ui-player__youtube, .cover .cover__discover__close, .block-quote__right__text, .block-regular__text, .block-regular__img__video, .block-intro__text, .page-letter .img-top-corner, .page-letter .column,
.page-commitment .img-top-corner,
.page-commitment .column,
.page-innovation .img-top-corner,
.page-innovation .column {
  -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), color 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), background 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), color 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.vcenter {
  display: table !important;
  height: 100% !important;
  width: 100%; }
  .vcenter > * {
    display: table-cell;
    vertical-align: middle; }

.display-desktop {
  display: block; }

.display-mobile {
  display: none; }

@media screen and (max-width: 740px) {
  .display-desktop {
    display: none; }
  .display-mobile {
    display: block; } }

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

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

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

html {
  font-size: 10px; }

body {
  font-family: "Nespresso", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  background-color: #000;
  width: 100%;
  padding-top: calc(8rem + 1px); }

.container {
  max-width: 100rem;
  width: 90%;
  margin: 0 auto; }

@media screen and (max-width: 1024px) {
  html {
    font-size: 8px !important; }
  .container {
    width: calc(100% - 4rem); } }

@media screen and (max-width: 740px) {
  html {
    font-size: 10px !important; }
  body {
    padding-top: 4rem; } }

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

p, a {
  font-family: "Avenir", Helvetica, Arial, sans-serif; }

hr {
  height: 1px;
  border: none;
  background-color: rgba(0, 0, 0, 0.2); }

.quote {
  font-size: 3.6rem;
  position: relative;
  line-height: 1.2em;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 100; }
  .quote:before, .quote:after {
    font-family: "nespresso-tpc" !important;
    color: #989898; }
  .quote:before {
    position: absolute;
    left: -55px;
    top: -30px; }
  .quote:after {
    position: relative;
    display: inline-block;
    top: 30px;
    left: 16px; }
  @media screen and (max-width: 740px) {
    .quote {
      font-size: 2.4rem; }
      .quote:before {
        left: -35px;
        top: -30px; }
      .quote:after {
        position: absolute;
        bottom: -30px;
        right: -35px;
        top: auto;
        left: auto; } }

p.first-cap::first-letter {
  font-size: 3em;
  float: left;
  margin: 1.5rem 1rem 0 0; }

.btn {
  font-size: 1.4em;
  text-align: center;
  font-family: "Nespresso", Helvetica, Arial, sans-serif;
  display: block;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  max-width: 100rem;
  z-index: 10;
  padding: 1.5em 0;
  position: relative;
  width: 90%;
  cursor: pointer;
  box-sizing: border-box; }
  .btn, .btn:after {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s; }
  .btn:after {
    background-color: #fff;
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
    z-index: -10; }
  .btn:hover, .btn.active {
    color: #000; }
    .btn:hover:after, .btn.active:after {
      -webkit-transform: scale(1);
              transform: scale(1); }
  .btn.border {
    border: 4px solid #fff; }

.ui-more__button {
  text-align: center;
  display: block;
  font-size: 1.4rem;
  text-transform: uppercase;
  float: left;
  width: 100%; }
  .ui-more__button:before {
    width: 2px;
    height: 30px;
    display: block;
    margin: 6.5rem auto 2rem auto;
    content: '';
    background-color: #000; }

.ui-more__content {
  float: left; }

@media screen and (max-width: 740px) {
  .btn {
    font-size: 1em; } }

::-webkit-scrollbar {
  width: 6px; }

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #989898; }

/*[ui-view] {

  position: relative;
  &.ng-enter, &.ng-leave { transition: 5s $ease-in-out-cubic opacity; }
  &.ng-enter { opacity: 0; position: fixed; z-index:99999; width:100%; top:0; left:0; }
  &.ng-enter-active { opacity: 1; }
  &.ng-leave-active { opacity: 0; }

}*/
.innovations {
  background-color: #fff;
  position: relative;
  margin-top: 12rem;
  box-sizing: border-box;
  padding: 5rem 6rem;
  z-index: 200;
  -webkit-transform: translate3d(0, 6rem, 0);
          transform: translate3d(0, 6rem, 0);
  opacity: 0; }
  .innovations.ui-scroll-active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; }
  .innovations.one-article, .innovations.two-articles {
    width: 70rem; }
  .innovations.four-or-more-articles, .innovations.three-articles {
    width: 100rem; }
  .innovations.four-or-more-articles {
    padding-right: 0; }
  .innovations.one-article .innovations__slides {
    height: 15rem; }
  .innovations.one-article .innovations__arrow {
    display: none; }
  .innovations__arrow {
    position: absolute;
    right: 0;
    top: 5rem;
    width: 4rem;
    height: 4rem;
    content: '';
    cursor: pointer;
    pointer-events: none;
    background: url("img/slider-arrow.png");
    background-size: 100% 100%;
    z-index: 99;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0); }
    .innovations__arrow.prev {
      right: auto;
      left: 0;
      -webkit-transform: translate3d(-50%, 0, 0) rotate(180deg);
              transform: translate3d(-50%, 0, 0) rotate(180deg); }
  .has-prev .innovations__arrow.prev, .has-next .innovations__arrow.next {
    opacity: 1;
    pointer-events: all; }
  .has-prev .innovations__arrow.prev {
    -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
            transform: translate3d(0, 0, 0) rotate(180deg); }
  .has-next .innovations__arrow.next {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .innovations__title {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold; }
  .innovations__slides {
    margin-top: 3em !important;
    height: 30rem; }
  @media screen and (max-width: 740px) {
    .innovations.one-article, .innovations.two-articles, .innovations.three-articles, .innovations.four-or-more-articles {
      margin: 4rem 0 0 2rem !important;
      padding: 2rem;
      width: calc(100% - 2rem); }
    .innovations__title {
      font-size: 1.5rem; }
    .innovations__slides {
      margin-top: 2rem;
      height: 30rem !important; } }

.innovation {
  display: block;
  float: left;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  height: 30rem;
  position: relative; }
  .innovation.coffee .innovation__subtitle {
    color: #cab99a; }
  .innovation.climat .innovation__subtitle {
    color: #a0b9bf; }
  .innovation.capsule .innovation__subtitle {
    color: #a3ba94; }
  .innovation.various .innovation__subtitle {
    color: #989898; }
  .innovation__img {
    width: 100%;
    height: 14rem;
    background-color: #000;
    position: relative;
    -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); }
    .innovation__img__link-popin, .innovation__img__link-article {
      display: none;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: url("") no-repeat center;
      background-color: rgba(0, 0, 0, 0.5);
      background-image: url("../images/icons/video@2x.png");
      background-size: 52px 42px;
      opacity: 0; }
    .innovation__img__link-popin:hover {
      opacity: 1; }
    .innovation__img__link-article {
      display: block; }
    .innovation__img:hover {
      opacity: 0.7; }
  .innovation__subtitle {
    font-size: 1.4rem;
    font-weight: bold;
    width: 90%;
    text-transform: uppercase;
    margin-top: 2em; }
  .innovation__title {
    font-size: 1.5rem;
    text-transform: uppercase;
    width: 80%;
    margin-top: 0.7em;
    line-height: 1.2em; }
  .innovation__text {
    font-size: 1.3rem !important;
    color: #252424;
    margin-top: 1.5rem !important; }
    .innovation__text br + br {
      display: none; }
  .innovation__link {
    font-size: 1.3rem;
    font-weight: bold;
    -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #989898;
    position: absolute;
    z-index: 2;
    bottom: 0;
    font-family: "Nespresso", Helvetica, Arial, sans-serif; }
    .innovation__link:hover {
      color: #323232; }
  .two-articles .innovation {
    width: 50%; }
  .three-articles .innovation, .four-or-more-articles .innovation {
    width: 33.33%; }
  @media screen and (max-width: 740px) {
    .innovation {
      height: 27rem;
      width: 100%; }
      .innovation__img {
        height: 14rem; }
      .innovation__subtitle {
        font-size: 1.3rem; }
      .innovation__title {
        font-size: 1.4rem;
        margin-top: 0.3em; }
      .innovation__link {
        font-size: 1.3rem;
        border: 2px solid #989898;
        padding: 0.7em; } }

@media screen and (min-width: 741px) {
  .one-article .innovation {
    width: 100%;
    height: 14rem; }
    .one-article .innovation .innovation__img {
      height: 100%;
      width: 50%; }
    .one-article .innovation .innovation__img,
    .one-article .innovation .innovation__subtitle,
    .one-article .innovation .innovation__title {
      float: left; }
    .one-article .innovation .innovation__subtitle,
    .one-article .innovation .innovation__title {
      width: 44%;
      margin-left: 6%; }
    .one-article .innovation .innovation__subtitle {
      margin-top: 0; }
    .one-article .innovation .innovation__link {
      left: 56%; } }

.footer {
  width: 100%;
  height: 13rem;
  background-color: #000;
  display: none;
  color: #fff;
  border-top: 1px solid #3b3b3b;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  margin-top: 12rem; }
  .footer .container {
    height: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 172px 31px;
    background-image: url("img/nespresso_2x.png"); }
  .footer__link {
    font-size: 1.35rem;
    display: inline-block;
    margin-top: 6.5rem;
    margin-left: 200px;
    -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); }
    .footer__link + .footer__link {
      margin-left: 2.5rem; }
    .footer__link:hover {
      opacity: 0.5; }
  .footer__follow {
    font-size: 1.35rem;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 4.5rem; }
    @media screen and (max-height: 700px) {
      .footer__follow {
        margin-top: 3.6rem; } }
    .footer__follow__icon {
      width: 27px;
      height: 30px;
      opacity: 0.5;
      -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);
      display: inline-block;
      position: relative;
      top: 12px;
      margin-left: 2rem; }
      .footer__follow__icon + .footer__follow__icon {
        margin-left: 1rem; }
      .footer__follow__icon.facebook {
        background-image: url("img/facebook_2x.png"); }
      .footer__follow__icon.twitter {
        background-image: url("img/twitter_2x.png"); }
      .footer__follow__icon.youtube {
        background-image: url("img/youtube_2x.png"); }
    .footer__follow__icon:hover {
      opacity: 1; }
  @media screen and (max-width: 740px) {
    .footer {
      margin-top: 0; }
      .footer .container {
        background: none;
        width: 100%;
        text-align: center;
        margin-top: 4em; }
      .footer__follow {
        position: static;
        text-align: center;
        margin: 2em 0; }
      .footer__link {
        margin-left: 1em !important;
        margin-right: 1em !important;
        margin-top: 1em; } }
  @media screen and (max-width: 800px) {
    .footer .container {
      background: none; }
    .footer__link {
      margin-left: 2rem; } }

.loaded .footer {
  display: block; }

.footer-mobile {
  display: none; }
  @media screen and (max-width: 740px) {
    .footer-mobile {
      display: block;
      position: fixed;
      height: 4em;
      bottom: 0;
      left: 0;
      width: 100%;
      background: #d9c9ab;
      text-align: center;
      z-index: 1000;
      cursor: pointer; }
      .footer-mobile .footer-mobile__recycle-icon {
        height: 100%;
        cursor: pointer;
        background: url(img/recycle.png) center no-repeat;
        background-color: #d9c9ab;
        background-size: auto 45%;
        background-position: 0 center;
        padding-top: 1.7em;
        box-sizing: border-box;
        color: #000;
        text-transform: uppercase;
        display: inline-block;
        margin: auto;
        padding-left: 2em; } }

.ui-player__container {
  position: absolute;
  width: 100%;
  z-index: 2;
  height: 15rem;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.ui-player__youtube {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  z-index: 0; }

.ui-player__bar {
  position: absolute;
  width: calc(100% - 20rem);
  height: 2px;
  top: 4.5rem;
  left: 10rem;
  background-color: #5b5b5a; }
  .ui-player__bar__progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    background-color: #d8af97;
    height: 100%;
    -webkit-transition: width 1s linear;
            transition: width 1s linear; }
    .ui-player__bar__progress:after {
      content: '';
      position: absolute;
      width: 5px;
      height: 5px;
      background-color: #514e4e;
      right: 0;
      top: -5px;
      border-radius: 100%;
      border: 4px solid #fff; }

.ui-player__time {
  position: absolute;
  right: 10rem;
  top: 6.5rem;
  color: #989898;
  font-size: 1.3rem; }
  .ui-player__time__spent {
    color: #fff; }
    .ui-player__time__spent:after {
      content: '/';
      margin: 0 0.1em 0 0.5em; }

.ui-player__buttons {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 7rem;
  text-align: center; }
  .ui-player__buttons a {
    display: inline-block;
    height: 4rem;
    width: 4rem;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 1.2rem;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .ui-player__buttons__play {
    border: 2px solid #989898;
    background-position: 55% 50% !important;
    border-radius: 100%; }
  .ui-player__buttons__play {
    background-image: url("img/play_2x.png");
    background-size: 12px 14px; }
  .ui-player__buttons__volume, .ui-player__buttons__fullscreen {
    font-family: "nespresso-tpc" !important;
    position: relative;
    font-size: 3rem;
    color: #989898; }
    .ui-player__buttons__volume:before, .ui-player__buttons__fullscreen:before {
      position: absolute;
      left: 50%;
      top: 50%;
      margin-top: -0.5em;
      margin-left: -0.5em;
      -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
              transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ui-player.playing .ui-player__buttons__play {
  background-image: url("img/pause_2x.png"); }

@media screen and (max-width: 740px) {
  .ui-player__bar {
    width: calc(100% - 2rem);
    left: 1rem; } }

.manifests {
  z-index: 1000;
  position: relative; }

.sticky-bar {
  position: fixed;
  bottom: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  width: 100%;
  height: 6rem;
  background-color: #1c1c1c;
  color: #fff;
  z-index: 500; }
  .sticky-bar__home {
    font-size: 1.6em;
    -webkit-transition: 0.3s color cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: 0.3s color cubic-bezier(0.645, 0.045, 0.355, 1);
    position: absolute;
    top: 2.5rem;
    left: 3rem; }
    .sticky-bar__home:hover {
      color: #999; }
  .sticky-bar__home-icon {
    font-size: 2em;
    background: #363636;
    font-family: "nespresso-tpc" !important;
    padding: 1em;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%; }
    .sticky-bar__home-icon:hover {
      background: #4f4f4f; }
  .sticky-bar__recycle-icon {
    font-size: 1.5em;
    height: 100%;
    display: block;
    cursor: pointer;
    position: absolute;
    right: 3.2em;
    bottom: 0;
    background: url(img/recycle.png) center no-repeat;
    background-color: #e9e0d0;
    background-size: auto 45%;
    background-position: 1.4em center;
    padding-top: 1.7em;
    box-sizing: border-box;
    padding-left: 3.5em;
    padding-right: 2.5em;
    color: #000;
    text-transform: uppercase; }
    @media (max-width: 1070px) {
      .sticky-bar__recycle-icon {
        width: 4.5em;
        padding: 0; }
        .sticky-bar__recycle-icon span {
          display: none; } }
    .sticky-bar__recycle-icon:hover {
      background-color: #f9f7f3; }
    html.state-home .sticky-bar__recycle-icon {
      right: 0; }
  .sticky-bar .container {
    height: 100%;
    position: relative; }
  .sticky-bar__manifest {
    width: 33.33%;
    height: 100%;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.4rem;
    color: #cab99a;
    padding-top: 1.8em;
    box-sizing: border-box;
    display: block;
    float: left;
    -webkit-transition: 0.3s color cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: 0.3s color cubic-bezier(0.645, 0.045, 0.355, 1); }
    .sticky-bar__manifest:hover {
      color: #fff; }
    .sticky-bar__manifest:after {
      -webkit-transition: 0.2s opacity;
              transition: 0.2s opacity;
      content: '';
      position: absolute;
      width: 2px;
      height: 30px;
      z-index: 100;
      left: calc(50% - 1px);
      bottom: -20px;
      background-color: #cab99a;
      opacity: 0; }

.page-index .sticky-bar__home-icon {
  opacity: 0; }

@media screen and (max-width: 800px) {
  .sticky-bar__manifest {
    width: 25%; }
  .sticky-bar__manifest:first-of-type {
    margin-left: 25%; } }

@media screen and (max-width: 740px) {
  .sticky-bar {
    display: none; } }

.manifests__block {
  width: 100rem;
  margin: 0 auto;
  height: 68rem;
  position: relative;
  z-index: 10; }

.manifest {
  width: 33.33%;
  height: 100%;
  position: relative;
  float: left;
  -webkit-perspective: 600px;
          perspective: 600px; }
  .manifest--innovations {
    background-image: url("img/innovations.jpg"); }
  .manifest--commitments {
    background-image: url("img/commitments.jpg"); }
  .manifest--letter {
    background-image: url("img/letter.jpg"); }
  .manifest:nth-child(2) .manifest__container {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s; }
  .manifest:nth-child(3) .manifest__container {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s; }
  .manifest__title {
    display: none; }
  .manifest__container {
    position: absolute;
    right: 0;
    bottom: -2rem;
    -webkit-transform: rotateY(20deg);
            transform: rotateY(20deg);
    opacity: 0;
    left: 10%;
    top: 40%;
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%; }
    .manifest__container.ui-scroll-active {
      -webkit-transform: none;
              transform: none;
      opacity: 1; }
  .manifest__inner {
    padding: 4rem;
    height: 100%;
    background-color: #fff;
    box-sizing: border-box;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s; }
    .manifest__inner__title {
      display: none; }
    .manifest__inner__text {
      font-size: 1.6em;
      color: #989898;
      line-height: 1.6em; }
    .manifest__inner__more {
      position: absolute;
      bottom: 6rem;
      left: 4rem;
      color: #cab99a;
      font-weight: bold;
      font-size: 1.3rem;
      font-family: "Nespresso", Helvetica, Arial, sans-serif;
      -webkit-transition: color cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
              transition: color cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; }
    .manifest__inner__link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
    .manifest__inner:hover {
      -webkit-transform: translateY(-2rem);
              transform: translateY(-2rem); }

.manifests.ui-scroll-active .sticky-bar {
  position: relative; }
  .manifests.ui-scroll-active .sticky-bar__manifest:after {
    opacity: 1; }

@media screen and (max-width: 740px) {
  .manifests__block {
    width: 100%;
    height: auto; }
  .manifest {
    width: 100%;
    height: 45rem;
    margin-top: 0; }
    .manifest__container {
      bottom: 0; }
    .manifest__title {
      display: block;
      position: absolute;
      width: 100%;
      height: 5rem;
      background-color: #1c1c1c;
      top: -5rem;
      text-align: center;
      color: #cab99a;
      font-size: 1.5rem;
      text-transform: uppercase;
      font-weight: bold;
      padding-top: 1.7rem;
      box-sizing: border-box; }
    .manifest__inner {
      right: 2rem;
      bottom: 2rem;
      left: 2rem;
      padding: 2rem;
      top: 14rem; }
      .manifest__inner__text {
        font-size: 1.5em;
        line-height: 1.3em; }
      .manifest__inner__title {
        display: none; }
      .manifest__inner__more {
        bottom: 2rem;
        left: 2rem;
        border: 2px solid;
        padding: 0.6em 0.6em 0.8em 0.6em; }
    .manifest:before {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.8) 100%);
      background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.8) 100%); } }

.recycle {
  background: url("img/recycle.jpg") no-repeat center #272727;
  height: 31rem !important; }
  .recycle .container {
    width: 60rem;
    margin-left: 40rem; }
  .recycle__title {
    text-transform: uppercase;
    font-size: 1.6rem;
    color: #fff;
    margin-left: 34rem;
    margin-right: 15rem; }
  .recycle__text {
    font-size: 1.6rem;
    color: #999;
    margin-left: 34rem;
    margin-top: 1em !important;
    margin-bottom: 2em;
    margin-right: 15rem; }
  .recycle .btn {
    margin-left: 34rem;
    width: auto;
    display: inline-block;
    text-transform: none;
    border-width: 2px;
    padding: 1em 2em;
    color: #cab99a;
    border-color: #cab99a; }
    .recycle .btn:after {
      background: #cab99a; }
    .recycle .btn:hover {
      color: #000; }

.header {
  width: 100%;
  height: 8rem;
  border-bottom: 1px solid #3b3b3b;
  background-color: #090909;
  position: fixed;
  top: 0;
  z-index: 1000;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .header .container {
    height: 100%;
    position: relative; }
  .header__logo {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    -webkit-transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
            transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; }
    .header__logo:hover {
      opacity: 0.7; }
  .header__lang {
    position: absolute;
    right: 0;
    top: 2rem; }
    .header__lang img {
      display: block; }
  .header__btn-order {
    position: absolute;
    right: 0;
    bottom: -1px;
    display: block;
    line-height: 38px;
    height: 32px;
    padding: 0 4.5rem 0 6rem;
    box-sizing: border-box;
    background-size: auto 100%;
    background-position: top left;
    background-image: url("img/btn-header-order-btn_2x.png");
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: bold; }
    .header__btn-order:after, .header__btn-order:before {
      content: '';
      position: absolute;
      top: 0;
      height: 100%; }
    .header__btn-order:after {
      width: 18px;
      right: 1.2rem;
      background-image: url("img/cup.png"); }
    .header__btn-order:before {
      width: 3px;
      left: 4.5rem;
      background-image: url("img/order-btn-arrow_2x.png"); }
  @media screen and (max-width: 740px) {
    .header {
      height: 5rem; }
      .header__btn-order, .header__lang {
        display: none; }
      .header .container {
        background-position: center;
        background-size: auto 45%; } }
  @media screen and (max-width: 1024px) {
    .header .container {
      max-width: none;
      width: 100%; }
    .header__logo {
      margin-left: 2rem; }
    .header__lang {
      right: 1rem; } }

.page-index {
  width: 100%;
  overflow: hidden; }
  .page-index .btn {
    margin: 12rem auto; }
  .page-index .btn.ui-scroll-inactive {
    opacity: 0;
    -webkit-transform: translate3d(0, 70%, 0);
            transform: translate3d(0, 70%, 0); }
  .page-index .btn.ui-scroll-active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .page-index:after {
    content: '';
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    width: 15rem;
    background: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.6));
    background: linear-gradient(left, transparent, rgba(0, 0, 0, 0.6));
    z-index: 999; }
  .page-index .innovation__text {
    display: none; }

@media screen and (max-width: 740px) {
  .page-index .btn {
    margin: 2rem auto;
    -webkit-transition: 0.6s;
            transition: 0.6s; }
  .page-index:after {
    display: none; } }

.side-nav {
  position: fixed;
  height: 10rem;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  width: 3rem;
  z-index: 1000;
  right: 2rem;
  top: calc(50% - 7.25rem); }
  .side-nav__arrow, .side-nav__go-to-section {
    display: block; }
  .side-nav__arrow {
    height: 20%; }
    .side-nav__arrow.prev, .side-nav__arrow.next {
      font-family: "nespresso-tpc" !important;
      color: #fff;
      position: relative;
      font-size: 1.5em;
      -webkit-transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
              transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
      cursor: pointer; }
      .side-nav__arrow.prev:before, .side-nav__arrow.next:before {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -0.5em;
        margin-left: -0.5em;
        -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s; }
    .side-nav__arrow.prev:hover:before {
      -webkit-transform: translate3d(0, -30%, 0);
              transform: translate3d(0, -30%, 0); }
    .side-nav__arrow.next:hover:before {
      -webkit-transform: translate3d(0, 30%, 0);
              transform: translate3d(0, 30%, 0); }
  .side-nav__go-to-section {
    height: 15%;
    position: relative; }
    .side-nav__go-to-section__text, .side-nav__go-to-section:before {
      -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s; }
    .side-nav__go-to-section__text {
      color: #fff;
      position: absolute;
      right: 4.3rem;
      white-space: nowrap;
      font-size: 11px;
      top: 0.2rem;
      opacity: 0;
      -webkit-transform: translate3d(-10%, 0, 0);
              transform: translate3d(-10%, 0, 0); }
    .side-nav__go-to-section:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 50%;
      top: 25%;
      background-color: #989898;
      -webkit-transform: scale(1, 0.5);
              transform: scale(1, 0.5); }
    .side-nav__go-to-section.intro:hover:before {
      background-color: #fff; }
    .side-nav__go-to-section.coffee:hover:before {
      background-color: #d8af97; }
    .side-nav__go-to-section.capsules:hover:before {
      background-color: #a3ba94; }
    .side-nav__go-to-section.climat:hover:before {
      background-color: #a0b9bf; }
  .side-nav__go-to-section:hover .side-nav__go-to-section__text {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .side-nav__go-to-section:hover:before {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  .side-nav__share {
    display: block;
    position: relative;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    width: 100%;
    height: 3rem;
    margin-top: 1.5rem;
    background: url("") no-repeat center;
    background: #3c3c3c;
    font-family: "nespresso-tpc" !important;
    color: #fff; }
    .side-nav__share:hover .facebook, .side-nav__share:hover .twitter {
      opacity: 1;
      -webkit-transform: none;
              transform: none;
      pointer-events: all; }
    .side-nav__share:before {
      position: absolute;
      left: 50%;
      top: 50%;
      margin-top: -0.5em;
      margin-left: -0.5em;
      font-size: 1.2em; }
    .side-nav__share .facebook, .side-nav__share .twitter {
      position: absolute;
      right: 0;
      background: #3c3c3c;
      font-family: "nespresso-tpc" !important;
      top: 0;
      width: 100%;
      height: 100%;
      font-size: 1.4em;
      cursor: pointer;
      opacity: 0;
      -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s;
      pointer-events: none; }
      .side-nav__share .facebook:before, .side-nav__share .twitter:before {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -0.5em;
        margin-left: -0.5em; }
      .side-nav__share .facebook:hover, .side-nav__share .twitter:hover {
        background: #6f6f6f; }
    .side-nav__share .twitter {
      right: 100%;
      -webkit-transform: translate3d(50%, 0, 0);
              transform: translate3d(50%, 0, 0); }

/*.commitment-intro .side-nav__arrow.prev{ opacity: 0 }
.commitment-climat .side-nav__arrow.next{ opacity: 0 }*/
.commitment-intro .side-nav__go-to-section.intro:before {
  background-color: #fff;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1); }

.commitment-coffee .side-nav__go-to-section.coffee:before {
  background-color: #d8af97;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1); }

.commitment-capsules .side-nav__go-to-section.capsules:before {
  background-color: #a3ba94;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1); }

.commitment-climat .side-nav__go-to-section.climat:before {
  background-color: #a0b9bf;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1); }

@media screen and (max-width: 740px) {
  .side-nav {
    display: none; } }

.commitment {
  position: relative; }
  .commitment:nth-child(2n) .commitment__inner, .commitment:nth-child(2n) .innovations {
    margin-left: auto;
    margin-right: calc(50% - 50rem); }
  .commitment:nth-child(2n) .commitment__inner:after, .commitment:nth-child(2n) .commitment__inner:before {
    right: 0; }
  .commitment:nth-child(2n) .commitment__inner:before {
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%; }
  .commitment:nth-child(2n) .commitment__img {
    left: 0; }
  .commitment:nth-child(2n+1) .commitment__inner, .commitment:nth-child(2n+1) .innovations {
    margin-right: auto;
    margin-left: calc(50% - 50rem); }
  .commitment:nth-child(2n+1) .commitment__inner:after, .commitment:nth-child(2n+1) .commitment__inner:before {
    left: 0; }
  .commitment:nth-child(2n+1) .commitment__inner:before {
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%; }
  .commitment:nth-child(2n+1) .commitment__img {
    right: 0; }
  .commitment.capsules .commitment__title, .commitment.capsules .commitment__link, .commitment.capsules .innovations__title {
    color: #a3ba94; }
  .commitment.capsules .commitment__inner:after, .commitment.capsules .commitment__inner:before {
    background-color: #a3ba94; }
  .commitment.coffee .commitment__title, .commitment.coffee .commitment__link, .commitment.coffee .innovations__title {
    color: #cab99a; }
  .commitment.coffee .commitment__inner:after, .commitment.coffee .commitment__inner:before {
    background-color: #cab99a; }
  .commitment.climat .commitment__title, .commitment.climat .commitment__link, .commitment.climat .innovations__title {
    color: #a0b9bf; }
  .commitment.climat .commitment__inner:after, .commitment.climat .commitment__inner:before {
    background-color: #a0b9bf; }
  .commitment__inner {
    margin-top: 12rem;
    padding: 6rem;
    color: #fff;
    position: relative;
    width: 50rem;
    z-index: 100;
    padding-bottom: 0;
    box-sizing: border-box; }
    .commitment__inner:before, .commitment__inner:after {
      position: absolute;
      content: '';
      background-color: #fff; }
    .commitment__inner:before {
      height: 4px;
      top: 0;
      width: 400%; }
    .commitment__inner:after {
      width: 4px;
      top: 0;
      height: 100%;
      -webkit-transform-origin: 50% 0;
              transform-origin: 50% 0; }
  .commitment__title {
    font-size: 4.5rem;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2em; }
  .commitment__subtitle {
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 1.3em;
    color: #cab99a; }
  .commitment__ontitle {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 0.5em;
    text-transform: uppercase; }
  .commitment__text {
    font-size: 1.6rem;
    margin-top: 2.5em;
    line-height: 1.8em; }
  .commitment__link {
    font-size: 1.4rem;
    font-weight: bold;
    font-family: "Nespresso", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-top: 4em;
    top: 12px;
    display: inline-block;
    position: relative; }
    .commitment__link span {
      padding: 10px 0;
      display: inline-block; }
    .commitment__link:after {
      content: '';
      border-bottom: 3px solid;
      width: 100%;
      left: 0;
      bottom: 12px;
      position: absolute;
      height: 0;
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 0;
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%; }
    .commitment__link:hover span {
      -webkit-transform: translateY(-12px);
              transform: translateY(-12px); }
    .commitment__link:hover:after {
      -webkit-transform: none;
              transform: none;
      opacity: 1; }
  .commitment__scroll {
    display: inline-block;
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 3em; }
    .commitment__scroll:after {
      content: '';
      display: block;
      margin: 1.5rem auto 0 auto;
      height: 8px;
      background-image: url("img/arrow-down_2x.png");
      background-size: auto 100%;
      background-repeat: no-repeat;
      background-position: center; }
  .commitment__img {
    position: absolute;
    width: 50%;
    height: 90rem;
    top: -12rem; }
  .commitment.intro + section {
    margin-top: 36rem; }
  .commitment.intro .commitment__inner {
    margin-left: 50%; }
    .commitment.intro .commitment__inner:before {
      width: 100%; }
    .commitment.intro .commitment__inner:after {
      left: auto;
      right: 0; }
  .commitment.intro .commitment__title {
    font-size: 3.6rem; }
  .commitment.intro .commitment__img {
    width: 50rem;
    right: 50%;
    left: auto;
    height: 70rem; }
  .commitment__inner:before {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1); }
  .commitment__inner:after {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0); }
  .commitment__ontitle, .commitment__subtitle, .commitment__title, .commitment__text, .commitment__link, .commitment__scroll, .commitment__img {
    opacity: 0;
    -webkit-transform: translate3d(0, 6rem, 0);
            transform: translate3d(0, 6rem, 0); }
  .commitment.ui-scroll-active .commitment__inner:before,
  .commitment.ui-scroll-active .commitment__inner:after {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  .commitment.ui-scroll-active .commitment__inner:after {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s; }
  .commitment.ui-scroll-active .commitment__inner:before {
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .commitment.ui-scroll-active .commitment__ontitle,
  .commitment.ui-scroll-active .commitment__subtitle,
  .commitment.ui-scroll-active .commitment__title,
  .commitment.ui-scroll-active .commitment__text,
  .commitment.ui-scroll-active .commitment__link,
  .commitment.ui-scroll-active .commitment__scroll,
  .commitment.ui-scroll-active .commitment__img {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .commitment.ui-scroll-active .commitment__ontitle,
  .commitment.ui-scroll-active .commitment__subtitle,
  .commitment.ui-scroll-active .commitment__title,
  .commitment.ui-scroll-active .commitment__text,
  .commitment.ui-scroll-active .commitment__scroll,
  .commitment.ui-scroll-active .commitment__link {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s; }
  .commitment.ui-scroll-active .commitment__img {
    -webkit-transition-delay: 1s;
            transition-delay: 1s; }
  @media screen and (max-width: 740px) {
    .commitment + .commitment .commitment__inner {
      margin-top: 6rem; }
    .commitment:nth-child(2n+1) .commitment__inner, .commitment:nth-child(2n+1) .articles, .commitment:nth-child(2n) .commitment__inner, .commitment:nth-child(2n) .articles {
      margin-left: auto;
      margin-right: auto; }
    .commitment:nth-child(2n+1) .commitment__inner:after, .commitment:nth-child(2n+1) .commitment__inner:before, .commitment:nth-child(2n) .commitment__inner:after, .commitment:nth-child(2n) .commitment__inner:before {
      left: 0;
      right: auto; }
    .commitment:nth-child(2n+1) .commitment__inner:after, .commitment:nth-child(2n+1) .commitment__inner:before, .commitment:nth-child(2n) .commitment__inner:after, .commitment:nth-child(2n) .commitment__inner:before {
      -webkit-transform-origin: 50% 0;
              transform-origin: 50% 0; }
    .commitment:nth-child(2n+1) .commitment__img, .commitment:nth-child(2n) .commitment__img {
      left: 0; }
    .commitment__inner {
      margin-top: 2rem;
      padding: 2rem;
      width: calc(100% - 4rem);
      padding-top: 20rem;
      padding-bottom: 0; }
    .commitment__title {
      font-size: 2.5rem; }
    .commitment__subtitle {
      font-size: 2rem; }
    .commitment__ontitle {
      font-size: 0.9rem; }
    .commitment__ontitle + .commitment__title {
      margin-top: 0.5em; }
    .commitment__text {
      font-size: 1.3rem;
      margin-top: 2em; }
    .commitment__link {
      font-size: 1.3rem;
      margin-top: 3em;
      border: 4px solid;
      padding: 1em;
      position: relative;
      left: -2rem; }
      .commitment__link span {
        padding: 0; }
    .commitment__img {
      width: 100%;
      height: 20rem;
      top: -2rem; }
    .commitment.intro {
      height: 100vh; }
      .commitment.intro + section {
        margin-top: 0; }
      .commitment.intro .commitment__inner {
        width: 60%;
        left: calc(40% - 2rem);
        margin-top: 0;
        position: absolute;
        top: 8em;
        padding-top: 2rem; }
        .commitment.intro .commitment__inner:after {
          left: auto;
          right: 0; }
      .commitment.intro .commitment__title {
        font-size: 2.2rem; }
      .commitment.intro .commitment__img {
        width: 100%;
        right: 0;
        height: 100%;
        background-position: -16rem center; } }

.page-article {
  width: 100%;
  overflow: hidden; }
  .page-article .innovations {
    margin: 12rem auto; }
  .page-article .innovation__text {
    display: none; }
  .page-article .recycle .container {
    width: 100em;
    margin-left: auto; }
  .page-article .capsule .cover__subtitle, .page-article .capsule .cover__discover,
  .page-article .capsule .block-quote__right__text:first-letter,
  .page-article .capsule .block-regular__text__title, .page-article .capsule .block-regular__text b, .page-article .capsule .block-regular__text strong,
  .page-article .capsule .innovations__title, .page-article .capsule .innovation__subtitle,
  .page-article .capsule .quote:before, .page-article .capsule .quote:after,
  .page-article .capsule .ui-player__buttons__volume:hover,
  .page-article .capsule .ui-player__buttons__fullscreen:hover,
  .page-article .capsule .block-intro__text p::first-letter,
  .page-article .capsule .cover__nav a:hover {
    color: #a3ba94; }
  .page-article .capsule .cover__discover__play,
  .page-article .capsule .ui-player__buttons__play:hover {
    border-color: #a3ba94; }
  .page-article .capsule .ui-player__bar__progress {
    background-color: #a3ba94; }
  .page-article .coffee .cover__subtitle, .page-article .coffee .cover__discover,
  .page-article .coffee .block-quote__right__text:first-letter,
  .page-article .coffee .block-regular__text__title, .page-article .coffee .block-regular__text b, .page-article .coffee .block-regular__text strong,
  .page-article .coffee .innovations__title, .page-article .coffee .innovation__subtitle,
  .page-article .coffee .quote:before, .page-article .coffee .quote:after,
  .page-article .coffee .ui-player__buttons__volume:hover,
  .page-article .coffee .ui-player__buttons__fullscreen:hover,
  .page-article .coffee .block-intro__text p::first-letter,
  .page-article .coffee .cover__nav a:hover {
    color: #cab99a; }
  .page-article .coffee .cover__discover__play,
  .page-article .coffee .ui-player__buttons__play:hover {
    border-color: #cab99a; }
  .page-article .coffee .ui-player__bar__progress {
    background-color: #cab99a; }
  .page-article .climat .cover__subtitle, .page-article .climat .cover__discover,
  .page-article .climat .block-quote__right__text:first-letter,
  .page-article .climat .block-regular__text__title, .page-article .climat .block-regular__text b, .page-article .climat .block-regular__text strong,
  .page-article .climat .innovations__title, .page-article .climat .innovation__subtitle,
  .page-article .climat .quote:before, .page-article .climat .quote:after,
  .page-article .climat .ui-player__buttons__volume:hover,
  .page-article .climat .ui-player__buttons__fullscreen:hover,
  .page-article .climat .block-intro__text p::first-letter,
  .page-article .climat .cover__nav a:hover {
    color: #a0b9bf; }
  .page-article .climat .cover__discover__play,
  .page-article .climat .ui-player__buttons__play:hover {
    border-color: #a0b9bf; }
  .page-article .climat .ui-player__bar__progress {
    background-color: #a0b9bf; }

.loaded .cover__subtitle, .loaded .cover__title, .loaded .cover__discover, .loaded .cover__know-more {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.cover {
  height: calc(100vh - 14rem);
  text-align: center;
  position: relative;
  overflow: hidden; }
  .cover_container {
    position: relative;
    z-index: 1;
    height: 100%; }
  .cover__subtitle, .cover__title, .cover__discover, .cover__know-more {
    font-weight: bold;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transform: translate3d(0, 3rem, 0);
            transform: translate3d(0, 3rem, 0); }
  .cover__subtitle, .cover__discover {
    color: #d8af97; }
  .cover__title, .cover__know-more {
    color: #fff; }
  .cover__subtitle {
    font-size: 2rem; }
  .cover__title {
    font-size: 4.2rem;
    color: #fff;
    margin-top: 0.5em;
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s; }
  .cover__nav {
    position: absolute;
    right: 1.5em;
    top: 50%;
    margin-top: -1.5em;
    color: #fff;
    z-index: 5;
    width: 3rem; }
    .cover__nav__share {
      display: block;
      position: relative;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      width: 100%;
      height: 3rem;
      background: url("") no-repeat center;
      background: #3c3c3c;
      font-family: "nespresso-tpc" !important;
      color: #fff; }
      .cover__nav__share:hover .facebook, .cover__nav__share:hover .twitter {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
        pointer-events: all; }
      .cover__nav__share:before {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -0.5em;
        margin-left: -0.5em;
        font-size: 1.2em; }
      .cover__nav__share .facebook, .cover__nav__share .twitter {
        position: absolute;
        right: 0;
        background: #3c3c3c;
        font-family: "nespresso-tpc" !important;
        top: 0;
        width: 100%;
        height: 100%;
        font-size: 1.4em;
        cursor: pointer;
        opacity: 0;
        -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
        pointer-events: none; }
        .cover__nav__share .facebook:before, .cover__nav__share .twitter:before {
          position: absolute;
          left: 50%;
          top: 50%;
          margin-top: -0.5em;
          margin-left: -0.5em; }
        .cover__nav__share .facebook:hover, .cover__nav__share .twitter:hover {
          background: #6f6f6f; }
      .cover__nav__share .twitter {
        right: 100%;
        -webkit-transform: translate3d(50%, 0, 0);
                transform: translate3d(50%, 0, 0); }
  .cover__discover {
    font-size: 1.6rem;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s; }
    .cover__discover:before {
      content: '';
      display: block;
      width: 2px;
      height: 30px;
      margin: 2rem auto;
      background-color: #fff; }
    .cover__discover__close {
      color: #fff;
      font-size: 3rem;
      position: absolute;
      right: 0;
      top: 0;
      padding: 1em;
      font-family: "nespresso-tpc" !important;
      cursor: pointer;
      z-index: 5 !important; }
    .cover__discover__play {
      height: 4.5rem;
      width: 4.5rem;
      margin: 2rem auto 0 auto;
      cursor: pointer;
      border-radius: 50%;
      border: 2px solid #989898;
      position: relative;
      background: url("") no-repeat;
      background-position: 55% 50%;
      background-size: 12px 14px;
      background-color: #1c1c1c;
      background-image: url("img/play_2x.png");
      display: block; }
      .cover__discover__play:after {
        position: absolute;
        left: -1px;
        top: -1px;
        width: 100%;
        height: 100%;
        border: 1px solid;
        content: '';
        border-radius: 50%;
        opacity: 0.5;
        -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
        -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
                transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
      .cover__discover__play:hover:after {
        -webkit-transform: scale(1.3);
                transform: scale(1.3); }
  .cover__know-more {
    position: absolute;
    width: 16rem;
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
    bottom: 0;
    font-size: 1.4rem;
    cursor: pointer;
    left: calc(50% - 8rem); }
    .cover__know-more:after {
      content: '';
      display: block;
      margin: 2.5rem auto 4.5rem auto;
      width: 100%;
      height: 8px;
      background-image: url("img/arrow-down_2x.png"); }
  .cover:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: 0;
    opacity: 0.3; }

.cover .ui-player__container {
  -webkit-transform: translate3d(0, 200%, 0);
          transform: translate3d(0, 200%, 0); }

.cover .ui-player__youtube, .cover .cover__discover__close {
  opacity: 0; }

.cover .cover__discover__close {
  -webkit-transform: scale(0.5);
          transform: scale(0.5); }

.cover.video-player {
  height: calc(100vh - 25em);
  overflow: visible; }
  .cover.video-player .ui-player__container {
    -webkit-transform: translate3d(0, 87%, 0);
            transform: translate3d(0, 87%, 0); }
  .cover.video-player .ui-player__youtube, .cover.video-player .cover__discover__close {
    opacity: 1;
    z-index: 2; }
  .cover.video-player .cover__discover__close {
    -webkit-transform: scale(1);
            transform: scale(1); }
  .cover.video-player .container {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: translate3d(0, 60%, 0);
            transform: translate3d(0, 60%, 0); }
  .cover.video-player .ui-player__buttons {
    bottom: 10px; }

@media screen and (max-width: 740px) {
  .cover {
    height: calc(100vh - 5rem) !important; }
    .cover .ui-player__container {
      display: none; }
    .cover__subtitle {
      font-size: 1.5rem; }
    .cover__nav {
      display: none; }
    .cover__title {
      font-size: 2.5rem; }
    .cover__discover {
      font-size: 1.5rem;
      margin-bottom: 4em; }
      .cover__discover:before {
        width: 1px;
        height: 15px;
        margin: 1.25rem auto; }
    .cover__know-more:after {
      margin: 1.5rem auto 2.5rem auto; }
    .cover:after {
      display: none; } }

.block-quote {
  height: 50rem;
  color: #fff; }
  .block-quote .container {
    height: 100%; }
  .block-quote.ui-scroll-active .block-quote__right__text {
    -webkit-transform: none;
            transform: none;
    opacity: 1; }
  .block-quote__left, .block-quote__right {
    float: left;
    width: 50%; }
  .block-quote__right {
    padding-left: 14rem;
    box-sizing: border-box; }
    .block-quote__right__text {
      font-size: 1.6rem;
      line-height: 1.6em;
      -webkit-transform: translate3d(0, 6rem, 0);
              transform: translate3d(0, 6rem, 0);
      opacity: 0; }
      .block-quote__right__text.first-cap::first-letter {
        color: #989898; }
  .block-quote.block-quote-onecol {
    height: 40em;
    text-align: center; }
    .block-quote.block-quote-onecol .quote {
      display: inline-block; }

@media screen and (max-width: 740px) {
  .block-quote {
    height: auto; }
    .block-quote .container {
      height: auto;
      width: calc(100% - 12rem); }
    .block-quote__left, .block-quote__right {
      width: 100%; }
    .block-quote__left {
      margin: 6rem 0; }
    .block-quote__right {
      padding-left: 0;
      margin-bottom: 6rem; }
      .block-quote__right__text {
        font-size: 1.5rem; } }

.block-regular {
  height: 70rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  position: relative; }
  .block-regular__text, .block-regular__img {
    width: 50%;
    height: 100%; }
  .block-regular.ui-scroll-active .block-regular__text, .block-regular.ui-scroll-active .block-regular__img__video {
    -webkit-transform: none;
            transform: none;
    opacity: 1; }
  .block-regular__text {
    -webkit-transform: translate3d(0, 6rem, 0);
            transform: translate3d(0, 6rem, 0);
    opacity: 0; }
    .block-regular__text .container {
      height: 100%;
      margin: 0;
      width: 50rem;
      box-sizing: border-box; }
      .block-regular__text .container .content {
        padding-top: 5em;
        padding-bottom: 5em; }
    .block-regular__text__title {
      font-size: 1.4rem;
      font-weight: bold;
      text-transform: uppercase;
      color: #989898; }
    .block-regular__text h4 {
      font-size: 2.4rem; }
    .block-regular__text p {
      line-height: 1.6em; }
    .block-regular__text__title + h4 {
      margin-top: 2em; }
    .block-regular__text h4 + p {
      margin-top: 2em; }
    .block-regular__text p + h4 {
      margin-top: 1.5em; }
    .block-regular__text h5 {
      font-size: 1.4rem;
      text-transform: uppercase;
      margin-top: 2em;
      margin-bottom: 2em; }
  .block-regular__img {
    position: relative; }
    .block-regular__img:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 100;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.4); }
    .block-regular__img__link {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 300; }
    .block-regular__img__video {
      width: 24rem;
      height: 20rem;
      position: absolute;
      z-index: 200;
      top: calc(50% - 10rem);
      left: calc(50% - 12rem);
      border: 4px solid #fff;
      opacity: 0; }
      .block-regular__img__video__icon {
        position: absolute;
        font-family: "nespresso-tpc" !important;
        color: #fff;
        font-size: 8rem;
        width: 100%;
        height: calc(100% - 4rem); }
        .block-regular__img__video__icon:before {
          position: absolute;
          left: 50%;
          top: 50%;
          margin-top: -0.5em;
          margin-left: -0.5em; }
      .block-regular__img__video__title {
        position: absolute;
        width: 100%;
        height: 4rem;
        border-top: 4px solid #fff;
        font-weight: bold;
        left: 0;
        bottom: 0;
        box-sizing: border-box;
        font-size: 1.3rem;
        font-family: "Avenir", Helvetica, Arial, sans-serif;
        padding: 0.5rem;
        padding-right: 4.5rem;
        line-height: 1.2em;
        color: #fff; }
        .block-regular__img__video__title__play {
          position: absolute;
          top: 0;
          right: 0;
          background-color: #fff;
          width: 4rem;
          height: 100%;
          color: #000;
          font-size: 1.5rem;
          font-family: "nespresso-tpc" !important; }
          .block-regular__img__video__title__play:before {
            position: absolute;
            left: 50%;
            top: 50%;
            margin-top: -0.5em;
            margin-left: -0.5em; }
  .block-regular__play {
    position: absolute;
    width: 150px;
    height: 150px;
    left: calc(50% - 75px);
    top: calc(50% - 75px);
    border: 2px solid white;
    z-index: 400;
    cursor: pointer;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
    .block-regular__play__picto {
      width: 100%;
      height: 60%;
      background: url(img/video.png) no-repeat;
      background-size: auto 40%;
      background-position: center;
      cursor: pointer;
      -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
              transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
      .block-regular__play__picto:hover {
        background-size: auto 45%; }
    .block-regular__play__title {
      position: relative;
      width: 100%;
      height: 40%;
      border-top: 2px solid white;
      display: table; }
      .block-regular__play__title:after {
        position: absolute;
        content: " ";
        width: 3.5em;
        height: 100%;
        background: white;
        right: 0;
        top: 0;
        z-index: 1; }
      .block-regular__play__title:before {
        position: absolute;
        content: " ";
        right: 1em;
        top: calc(50% - 0.8em);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0.8em 0 0.8em 1em;
        border-color: transparent transparent transparent #000000;
        z-index: 2; }
      .block-regular__play__title > span {
        display: table-cell;
        vertical-align: middle;
        padding-left: 1em;
        padding-right: 3.5em;
        color: white;
        font-size: 1.3em;
        text-align: left;
        box-sizing: border-box; }
  .block-regular .ui-player {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 400;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform 0.3s ease;
            transition: transform 0.3s ease;
    opacity: 0; }
  @media screen and (max-width: 740px) {
    .block-regular.video-player {
      height: 50em !important; } }
  .block-regular.video-player .block-regular__play {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    opacity: 0; }
  .block-regular.video-player .ui-player {
    -webkit-transform: none;
            transform: none;
    opacity: 1; }
  .block-regular .mCSB_scrollTools {
    top: 3%;
    bottom: 3%;
    right: 7%; }
  .block-regular .mCSB_draggerRail,
  .block-regular .mCSB_dragger_bar {
    width: 3px !important; }

.block-regular.light {
  color: #000;
  background-color: #fff; }

.block-regular.dark {
  color: #fff;
  background-color: #1c1c1c; }

.block-regular.text-small p {
  font-size: 1.4rem; }

.block-regular.text-big p {
  font-size: 1.6rem; }

.block-regular:nth-child(2n+1) .block-regular__text, .block-regular:nth-child(2n+1) .block-regular__img {
  float: right; }

.block-regular:nth-child(2n+1) .block-regular__text .container {
  padding-right: 14rem;
  margin-left: calc(100% - 50rem); }
  @media screen and (max-width: 1024px) {
    .block-regular:nth-child(2n+1) .block-regular__text .container {
      padding: 0;
      width: 80%;
      margin: auto; } }

.block-regular:nth-child(2n) .block-regular__text, .block-regular:nth-child(2n) .block-regular__img {
  float: left; }

.block-regular:nth-child(2n) .block-regular__text .container {
  padding-left: 14rem; }
  @media screen and (max-width: 1024px) {
    .block-regular:nth-child(2n) .block-regular__text .container {
      padding: 0;
      width: 80%;
      margin: auto; } }

/* Specific for new articles */
.block-regular.tpc-new:nth-child(2n+1) .block-regular__text, .block-regular.tpc-new:nth-child(2n+1) .block-regular__img {
  float: left; }

.block-regular.tpc-new:nth-child(2n+1) .block-regular__text .container {
  padding-left: 14rem;
  padding-right: 0;
  margin-left: 0; }
  @media screen and (max-width: 1024px) {
    .block-regular.tpc-new:nth-child(2n+1) .block-regular__text .container {
      padding: 0;
      width: 80%;
      margin: auto; } }

.block-regular.tpc-new:nth-child(2n) .block-regular__text, .block-regular.tpc-new:nth-child(2n) .block-regular__img {
  float: right; }

.block-regular.tpc-new:nth-child(2n) .block-regular__text .container {
  padding-right: 14rem;
  padding-left: 0;
  margin-left: calc(100% - 50rem); }
  @media screen and (max-width: 1024px) {
    .block-regular.tpc-new:nth-child(2n) .block-regular__text .container {
      padding: 0;
      width: 80%;
      margin: auto; } }

.tpc-new .block-regular__img.initial:before {
  background-color: transparent; }

.block-regular.no-image.no-text,
.block-regular.no-image-new.no-text-new {
  display: none; }

.block-regular.no-image.shrink,
.block-regular.no-image-new.shrink {
  float: left;
  width: 50%; }

.block-regular.no-image .block-regular__text,
.block-regular.no-image-new .block-regular__text {
  width: 70em;
  margin: auto;
  float: none !important; }
  .block-regular.no-image .block-regular__text .container,
  .block-regular.no-image-new .block-regular__text .container {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important; }

.block-regular.no-text,
.block-regular.no-text-new {
  padding-top: 8rem;
  padding-bottom: 8rem; }
  .block-regular.no-text.shrink,
  .block-regular.no-text-new.shrink {
    float: left;
    width: 50%; }
  .block-regular.no-text .block-regular__text,
  .block-regular.no-text-new .block-regular__text {
    display: none; }
  .block-regular.no-text .block-regular__img,
  .block-regular.no-text-new .block-regular__img {
    float: none !important;
    margin: auto;
    right: 0 !important;
    left: 0 !important; }
    .block-regular.no-text .block-regular__img .container,
    .block-regular.no-text-new .block-regular__img .container {
      width: 100%;
      margin: 0;
      padding-right: 0;
      padding-left: 0; }
  .block-regular.no-text:nth-child(2n) .block-regular__img,
  .block-regular.no-text-new:nth-child(2n) .block-regular__img {
    left: 25%; }
  .block-regular.no-text:nth-child(2n+1) .block-regular__img,
  .block-regular.no-text-new:nth-child(2n+1) .block-regular__img {
    right: 25%; }

@media screen and (max-width: 740px) {
  .block-regular {
    height: auto; }
    .block-regular__text, .block-regular__img {
      width: 100%; }
    .block-regular__text {
      height: auto;
      padding: 6rem 0; }
      .block-regular__text .container {
        width: calc(100% - 12rem);
        margin: 0 auto !important; }
    .block-regular__img {
      height: 20rem; }
      .block-regular__img:before, .block-regular__img a, .block-regular__img__video {
        display: none; }
  .block-regular:nth-child(2n) .block-regular__text, .block-regular:nth-child(2n) .block-regular__img,
  .block-regular:nth-child(2n+1) .block-regular__text,
  .block-regular:nth-child(2n+1) .block-regular__img {
    float: left; }
  .block-regular:nth-child(2n) .block-regular__text .container,
  .block-regular:nth-child(2n+1) .block-regular__text .container {
    padding-right: 0;
    margin-left: 0;
    padding-left: 0; } }

.block-intro {
  font-family: "Avenir", Helvetica, Arial, sans-serif; }
  .block-intro__text {
    width: 100%; }
  .block-intro.ui-scroll-active .block-intro__text, .block-intro.ui-scroll-active .block-intro__img__video {
    -webkit-transform: none;
            transform: none;
    opacity: 1; }
  .block-intro__text {
    -webkit-transform: translate3d(0, 6rem, 0);
            transform: translate3d(0, 6rem, 0);
    opacity: 0; }
    .block-intro__text .container {
      margin: auto;
      width: 71em;
      box-sizing: border-box; }
      .block-intro__text .container .content {
        padding-top: 8em;
        padding-bottom: 8em; }
    .block-intro__text__title {
      font-size: 2.8rem; }
    .block-intro__text h4 {
      font-size: 1.4rem;
      text-transform: uppercase; }
    .block-intro__text p {
      font-size: 1.4rem;
      line-height: 1.6em; }
      .block-intro__text p::first-letter {
        font-size: 3.3em;
        padding-right: 0.2em;
        float: left;
        line-height: 0.95em; }
    .block-intro__text__title + h4 {
      margin-top: 2em; }
    .block-intro__text h4 + p {
      margin-top: 2em; }
    .block-intro__text p + h4 {
      margin-top: 1.5em; }

.block-intro.light {
  color: #000;
  background-color: #fff; }

.block-intro.dark {
  color: #fff;
  background-color: #000; }

.block-intro.text-small p {
  font-size: 1.4rem; }

.block-intro.text-big p {
  font-size: 1.6rem; }

.block-intro:nth-child(2n+1) .block-intro__text, .block-intro:nth-child(2n+1) .block-intro__img {
  float: right; }

.block-intro:nth-child(2n+1) .block-intro__text .container {
  /*
      TODO ?
      padding-right: 14rem;
      margin-left: calc(100% - 50rem);
      */ }
  @media screen and (max-width: 1024px) {
    .block-intro:nth-child(2n+1) .block-intro__text .container {
      padding: 0;
      width: 80%;
      margin: auto; } }

@media screen and (max-width: 740px) {
  .block-intro {
    height: auto; }
    .block-intro__text, .block-intro__img {
      width: 100%; }
    .block-intro__text {
      height: auto;
      padding: 6rem 0; }
      .block-intro__text .container {
        width: calc(100% - 12rem);
        margin: 0 auto !important; }
    .block-intro__img {
      height: 20rem; }
      .block-intro__img:before, .block-intro__img a, .block-intro__img__video {
        display: none; }
  .block-intro:nth-child(2n) .block-intro__text, .block-intro:nth-child(2n) .block-intro__img, .block-intro:nth-child(2n+1) .block-intro__text, .block-intro:nth-child(2n+1) .block-intro__img {
    float: left; }
  .block-intro:nth-child(2n) .block-intro__text .container, .block-intro:nth-child(2n+1) .block-intro__text .container {
    padding-right: 0;
    margin-left: 0;
    padding-left: 0; } }

.is_page .footer {
  margin-top: 0; }

.page-letter,
.page-commitment,
.page-innovation {
  background-color: #fff;
  padding-top: 12rem;
  width: 100%;
  overflow: hidden;
  -webkit-transition: 2s -webkit-transform;
          transition: 2s transform; }
  .page-letter .close,
  .page-commitment .close,
  .page-innovation .close {
    position: fixed;
    left: calc(50% + 53rem);
    top: 13.5em;
    width: 4em;
    height: 4em;
    z-index: 999;
    cursor: pointer;
    color: #333;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
    .page-letter .close:after, .page-letter .close:before,
    .page-commitment .close:after,
    .page-commitment .close:before,
    .page-innovation .close:after,
    .page-innovation .close:before {
      width: 120%;
      height: 0;
      border-bottom: 1px solid;
      border-top: 1px solid #fff;
      content: '';
      position: absolute;
      left: -10%;
      top: 50%; }
    .page-letter .close:after,
    .page-commitment .close:after,
    .page-innovation .close:after {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .page-letter .close:before,
    .page-commitment .close:before,
    .page-innovation .close:before {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    @media screen and (max-width: 761px) {
      .page-letter .close,
      .page-commitment .close,
      .page-innovation .close {
        left: calc(50% + 40rem); } }
  .page-letter .relative,
  .page-commitment .relative,
  .page-innovation .relative {
    position: relative;
    width: 100% !important; }
  .page-letter .container,
  .page-commitment .container,
  .page-innovation .container {
    max-width: 100rem;
    width: 90%;
    margin: 0 auto;
    display: block; }
    .page-letter .container .column,
    .page-commitment .container .column,
    .page-innovation .container .column {
      width: 45%;
      float: left; }
      .page-letter .container .column.right,
      .page-commitment .container .column.right,
      .page-innovation .container .column.right {
        margin-left: 10%; }
        .page-letter .container .column.right.first,
        .page-commitment .container .column.right.first,
        .page-innovation .container .column.right.first {
          margin-left: 55%;
          min-height: 48rem;
          margin-bottom: 8em; }
      .page-letter .container .column.full,
      .page-commitment .container .column.full,
      .page-innovation .container .column.full {
        width: 100%;
        text-align: center; }
      .page-letter .container .column.left.first,
      .page-commitment .container .column.left.first,
      .page-innovation .container .column.left.first {
        margin-top: 60rem; }
  .page-letter .category,
  .page-commitment .category,
  .page-innovation .category {
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #989898;
    position: relative; }
    .page-letter .category:before, .page-letter .category:after,
    .page-commitment .category:before,
    .page-commitment .category:after,
    .page-innovation .category:before,
    .page-innovation .category:after {
      content: '';
      position: absolute;
      border-radius: 100%; }
    .page-letter .category:before,
    .page-commitment .category:before,
    .page-innovation .category:before {
      width: 5px;
      height: 5px;
      background-color: #989898;
      left: -31px;
      top: 5px; }
    .page-letter .category:after,
    .page-commitment .category:after,
    .page-innovation .category:after {
      width: 11px;
      height: 11px;
      border: 1px solid #989898;
      left: -35px;
      top: 1px; }
  .page-letter .title, .page-letter .title-dual,
  .page-commitment .title,
  .page-commitment .title-dual,
  .page-innovation .title,
  .page-innovation .title-dual {
    font-size: 2.5rem;
    color: #cab99a;
    text-transform: uppercase;
    line-height: 1.2em; }
  .page-letter .quote:before, .page-letter .quote:after,
  .page-commitment .quote:before,
  .page-commitment .quote:after,
  .page-innovation .quote:before,
  .page-innovation .quote:after {
    color: #cab99a; }
  .page-letter .quote-border,
  .page-commitment .quote-border,
  .page-innovation .quote-border {
    margin: 0 auto; }
  .page-letter .title-dual__first,
  .page-commitment .title-dual__first,
  .page-innovation .title-dual__first {
    color: #cab99a; }
  .page-letter .title-dual__second,
  .page-commitment .title-dual__second,
  .page-innovation .title-dual__second {
    color: #000; }
  .page-letter .title-dual span,
  .page-commitment .title-dual span,
  .page-innovation .title-dual span {
    display: block; }
  .page-letter .subtitle,
  .page-commitment .subtitle,
  .page-innovation .subtitle {
    font-size: 2.2rem;
    line-height: 1.6em;
    font-family: "Avenir", Helvetica, Arial, sans-serif; }
  .page-letter h3,
  .page-commitment h3,
  .page-innovation h3 {
    font-size: 2rem; }
  .page-letter p,
  .page-commitment p,
  .page-innovation p {
    font-size: 1.6rem;
    line-height: 1.6em; }
  .page-letter .column.left p.first-cap::first-letter,
  .page-commitment .column.left p.first-cap::first-letter,
  .page-innovation .column.left p.first-cap::first-letter {
    color: #989898; }
  .page-letter hr,
  .page-commitment hr,
  .page-innovation hr {
    margin: 7rem 0; }
    .page-letter hr.first,
    .page-commitment hr.first,
    .page-innovation hr.first {
      margin-top: 0; }
  .page-letter img,
  .page-commitment img,
  .page-innovation img {
    height: auto;
    width: 120%;
    position: relative; }
  .page-letter .column.left img,
  .page-commitment .column.left img,
  .page-innovation .column.left img {
    float: right; }
  .page-letter blockquote,
  .page-commitment blockquote,
  .page-innovation blockquote {
    font-size: 1.3rem;
    color: #989898;
    font-style: italic;
    border: 3px solid #989898;
    padding: 2em;
    display: block;
    line-height: 160%;
    margin: 4em 0; }
  .page-letter .sourced-coffee blockquote,
  .page-commitment .sourced-coffee blockquote,
  .page-innovation .sourced-coffee blockquote {
    color: #cab99a;
    border-color: #cab99a; }
  .page-letter .sourced-coffee .column.left p.first-cap::first-letter,
  .page-commitment .sourced-coffee .column.left p.first-cap::first-letter,
  .page-innovation .sourced-coffee .column.left p.first-cap::first-letter {
    color: #cab99a; }
  .page-letter .sourced-coffee .title-dual__first,
  .page-commitment .sourced-coffee .title-dual__first,
  .page-innovation .sourced-coffee .title-dual__first {
    color: #cab99a; }
  .page-letter .managed-aluminium blockquote,
  .page-commitment .managed-aluminium blockquote,
  .page-innovation .managed-aluminium blockquote {
    color: #a3ba94;
    border-color: #a3ba94; }
  .page-letter .managed-aluminium .column.left p.first-cap::first-letter,
  .page-commitment .managed-aluminium .column.left p.first-cap::first-letter,
  .page-innovation .managed-aluminium .column.left p.first-cap::first-letter {
    color: #a3ba94; }
  .page-letter .managed-aluminium .title-dual__first,
  .page-commitment .managed-aluminium .title-dual__first,
  .page-innovation .managed-aluminium .title-dual__first {
    color: #a3ba94; }
  .page-letter .carbon-insetting,
  .page-commitment .carbon-insetting,
  .page-innovation .carbon-insetting {
    padding-bottom: 8em; }
    .page-letter .carbon-insetting blockquote,
    .page-commitment .carbon-insetting blockquote,
    .page-innovation .carbon-insetting blockquote {
      color: #648b95;
      border-color: #a0b9bf; }
    .page-letter .carbon-insetting .column.left p.first-cap::first-letter,
    .page-commitment .carbon-insetting .column.left p.first-cap::first-letter,
    .page-innovation .carbon-insetting .column.left p.first-cap::first-letter {
      color: #a0b9bf; }
    .page-letter .carbon-insetting .title-dual__first,
    .page-commitment .carbon-insetting .title-dual__first,
    .page-innovation .carbon-insetting .title-dual__first {
      color: #a0b9bf; }
  .page-letter .category + .title,
  .page-commitment .category + .title,
  .page-innovation .category + .title {
    margin-top: 1.5em; }
  .page-letter .title + p,
  .page-letter * + p,
  .page-commitment .title + p,
  .page-commitment * + p,
  .page-innovation .title + p,
  .page-innovation * + p {
    margin-top: 2.5em; }
  .page-letter p + .subtitle,
  .page-commitment p + .subtitle,
  .page-innovation p + .subtitle {
    margin-top: 3em; }
  .page-letter img + .subtitle,
  .page-commitment img + .subtitle,
  .page-innovation img + .subtitle {
    margin-top: 2.5em; }
  .page-letter p + img,
  .page-commitment p + img,
  .page-innovation p + img {
    margin-top: 6em; }
  .page-letter .column.full .title,
  .page-commitment .column.full .title,
  .page-innovation .column.full .title {
    margin-top: 2.5em; }
  .page-letter .column.full .title-dual,
  .page-commitment .column.full .title-dual,
  .page-innovation .column.full .title-dual {
    margin: 3em 0; }
  .page-letter .column.full .subtitle,
  .page-commitment .column.full .subtitle,
  .page-innovation .column.full .subtitle {
    margin-top: 3em; }
  .page-letter .column.full .subtitle + .title,
  .page-commitment .column.full .subtitle + .title,
  .page-innovation .column.full .subtitle + .title {
    margin-top: 1em; }
  .page-letter .img-top-corner,
  .page-commitment .img-top-corner,
  .page-innovation .img-top-corner {
    position: absolute;
    left: 0;
    top: 0;
    height: 60rem;
    width: calc(50% - 5rem);
    background-position: top center;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .page-letter .img-top-corner, .page-letter .column,
  .page-commitment .img-top-corner,
  .page-commitment .column,
  .page-innovation .img-top-corner,
  .page-innovation .column {
    -webkit-transform: translate3d(0, 10rem, 0);
            transform: translate3d(0, 10rem, 0);
    opacity: 0; }
  .page-letter .column,
  .page-commitment .column,
  .page-innovation .column {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s; }

.loaded .page-letter .img-top-corner, .loaded .page-letter .column,
.loaded .page-commitment .img-top-corner,
.loaded .page-commitment .column,
.loaded .page-innovation .img-top-corner,
.loaded .page-innovation .column {
  opacity: 1;
  -webkit-transform: none;
          transform: none; }

.page-commitment .ui-more .column.left, .page-commitment .ui-more .column.right {
  margin-top: 8em; }

.page-letter .ui-more .column.full, .page-innovation .ui-more .column.full {
  margin-top: 6em; }

@media screen and (max-width: 740px) {
  .page-letter,
  .page-commitment,
  .page-innovation {
    padding-top: 0; }
    .page-letter .container,
    .page-commitment .container,
    .page-innovation .container {
      width: calc(100% - 12rem); }
      .page-letter .container .column,
      .page-commitment .container .column,
      .page-innovation .container .column {
        width: 100%; }
        .page-letter .container .column.right,
        .page-commitment .container .column.right,
        .page-innovation .container .column.right {
          margin-left: 0; }
          .page-letter .container .column.right.first,
          .page-commitment .container .column.right.first,
          .page-innovation .container .column.right.first {
            margin-left: 0; }
        .page-letter .container .column.left.first,
        .page-commitment .container .column.left.first,
        .page-innovation .container .column.left.first {
          margin-top: 0;
          margin-bottom: 8rem; }
    .page-letter .category,
    .page-commitment .category,
    .page-innovation .category {
      margin-left: 2.5rem; }
      .page-letter .category:before,
      .page-commitment .category:before,
      .page-innovation .category:before {
        left: -21px;
        top: 5px; }
      .page-letter .category:after,
      .page-commitment .category:after,
      .page-innovation .category:after {
        left: -25px;
        top: 1px; }
    .page-letter .title, .page-letter .title-dual,
    .page-commitment .title,
    .page-commitment .title-dual,
    .page-innovation .title,
    .page-innovation .title-dual {
      font-size: 2rem; }
    .page-letter .subtitle,
    .page-commitment .subtitle,
    .page-innovation .subtitle {
      font-size: 1.9rem;
      line-height: 1.4em; }
    .page-letter hr,
    .page-commitment hr,
    .page-innovation hr {
      margin: 5rem 0; }
    .page-letter img,
    .page-commitment img,
    .page-innovation img {
      width: calc(100% + 8rem); }
    .page-letter .column.left img,
    .page-commitment .column.left img,
    .page-innovation .column.left img {
      right: 2rem; }
    .page-letter .column.right img,
    .page-commitment .column.right img,
    .page-innovation .column.right img {
      left: -6rem; }
    .page-letter .category + .title,
    .page-letter p + p,
    .page-commitment .category + .title,
    .page-commitment p + p,
    .page-innovation .category + .title,
    .page-innovation p + p {
      margin-top: 1em; }
    .page-letter p + .subtitle,
    .page-letter .subtitle + p,
    .page-letter p + .quote,
    .page-commitment p + .subtitle,
    .page-commitment .subtitle + p,
    .page-commitment p + .quote,
    .page-innovation p + .subtitle,
    .page-innovation .subtitle + p,
    .page-innovation p + .quote {
      margin-top: 2em; }
    .page-letter .img-top-corner,
    .page-commitment .img-top-corner,
    .page-innovation .img-top-corner {
      position: relative;
      left: -6rem;
      top: 0;
      height: 30rem;
      width: calc(100% + 12rem);
      margin-bottom: 5rem; } }

.author {
  width: 100%;
  background-color: #f2f2f2;
  margin-top: 7rem; }
  .author .column.full .subtitle {
    margin: 2.5rem 0 !important; }
    .author .column.full .subtitle span:last-child {
      color: #cab99a; }
      .author .column.full .subtitle span:last-child:before {
        content: '-';
        color: #000;
        padding: 0 0.5em 0 0.3em; }

.quote-border {
  border: 4px solid #cab99a;
  padding: 4rem 6rem;
  box-sizing: border-box;
  margin: 8rem auto;
  width: 90%;
  font-family: "Avenir", Helvetica, Arial, sans-serif; }
  .quote-border__text {
    font-size: 2.3rem;
    line-height: 1.6em; }
  .quote-border__author {
    font-size: 1.6rem;
    margin-top: 1em;
    color: #989898; }

@media screen and (max-width: 740px) {
  .quote-border {
    padding: 2rem 4rem;
    position: relative;
    left: -2rem;
    margin: 4rem auto;
    width: calc(100% + 4rem); }
    .quote-border__text {
      font-size: 2rem; } }

.container-slider {
  height: 55em;
  width: 100%;
  margin-top: 6em;
  text-align: center; }
  .container-slider .ui-slider {
    margin: 0 auto;
    height: 100%;
    color: #fff; }
    .container-slider .ui-slider__pagination {
      font-family: "Avenir", Helvetica, Arial, sans-serif; }
      .container-slider .ui-slider__pagination .btn {
        width: 33.33%;
        box-sizing: border-box;
        float: left;
        padding: 1.5rem 0;
        margin: 0;
        font-size: 1.6rem;
        font-weight: bold; }
        .container-slider .ui-slider__pagination .btn:nth-child(2) {
          border-left: 0;
          border-right: 0; }
    .container-slider .ui-slider__slide {
      box-sizing: border-box; }
      .container-slider .ui-slider__slide .container {
        max-width: 100rem;
        width: 90%;
        margin: 0 auto; }

.container-slider.top-pagination {
  background: #000; }
  .container-slider.top-pagination .ui-slider__pagination {
    width: 80rem;
    left: calc(50% - 40rem);
    top: 8rem; }
  .container-slider.top-pagination .ui-slider__slide {
    padding-top: 18rem;
    background-position: left center;
    box-sizing: border-box;
    background-color: #000; }

.container-slider.bottom-pagination {
  height: auto;
  text-align: left; }
  .container-slider.bottom-pagination .intro {
    background: url("img/2020.jpg") no-repeat center;
    background-size: cover;
    height: 34rem !important;
    color: #fff;
    text-align: center; }
    .container-slider.bottom-pagination .intro h2 {
      font-size: 2.8rem;
      text-transform: uppercase; }
    .container-slider.bottom-pagination .intro h3 {
      font-size: 1.6rem;
      text-transform: uppercase; }
    .container-slider.bottom-pagination .intro p {
      max-width: 70rem;
      margin: auto;
      font-size: 1.6rem; }
    .container-slider.bottom-pagination .intro p {
      margin-top: 1.5em;
      margin-bottom: 3em; }
  .container-slider.bottom-pagination .ui-slider__pagination {
    position: static;
    background: #000;
    text-align: center;
    padding: 3rem 0; }
    .container-slider.bottom-pagination .ui-slider__pagination a {
      width: 20rem;
      float: none;
      display: inline-block;
      margin-left: -2px;
      margin-right: -2px; }
  .container-slider.bottom-pagination .ui-slider__slides {
    position: relative; }
  .container-slider.bottom-pagination .ui-slider__slide {
    position: static;
    color: #000; }
    .container-slider.bottom-pagination .ui-slider__slide img {
      height: 48rem;
      width: auto; }
    .container-slider.bottom-pagination .ui-slider__slide.active {
      z-index: 2;
      opacity: 1; }
    .container-slider.bottom-pagination .ui-slider__slide.sourced-coffee, .container-slider.bottom-pagination .ui-slider__slide.carbon-insetting, .container-slider.bottom-pagination .ui-slider__slide.managed-aluminium {
      padding-bottom: 12rem; }
    .container-slider.bottom-pagination .ui-slider__slide.managed-aluminium .recycle {
      position: relative;
      bottom: -12rem; }
  .container-slider.bottom-pagination .ui-slider .mobile {
    display: none; }

.container-slider.top-pagination .mobile {
  display: none; }

@media screen and (max-width: 740px) {
  .container-slider {
    height: auto;
    margin-top: 4em; }
    .container-slider .ui-slider {
      height: auto; }
      .container-slider .ui-slider__pagination .btn {
        padding: 1.2rem 0;
        font-size: 1.3rem; }
      .container-slider .ui-slider__slide .container {
        width: calc(100% - 4rem);
        margin: 0 auto; }
  .container-slider.top-pagination .ui-slider__pagination {
    position: absolute;
    bottom: 2em;
    top: auto;
    z-index: 99;
    text-align: center;
    padding: 0; }
    .container-slider.top-pagination .ui-slider__pagination a {
      width: 10px;
      height: 10px;
      border: 1px solid #fff !important;
      float: none;
      display: inline-block;
      padding: 0;
      border-radius: 50%; }
      .container-slider.top-pagination .ui-slider__pagination a.active {
        background: #fff; }
      .container-slider.top-pagination .ui-slider__pagination a:after {
        display: none; }
      .container-slider.top-pagination .ui-slider__pagination a span {
        display: none; }
  .container-slider.top-pagination .ui-slider__slide {
    position: relative;
    background-size: 100% auto;
    background-position: bottom;
    padding: 4rem;
    padding-bottom: 15rem; }
    .container-slider.top-pagination .ui-slider__slide a.mobile {
      display: block;
      width: 70%;
      margin: auto;
      background: #fff;
      color: #000;
      float: none;
      padding: 1.5rem 0;
      margin-bottom: 4rem; }
  .container-slider.bottom-pagination {
    height: auto; }
    .container-slider.bottom-pagination .intro p, .container-slider.bottom-pagination .intro h3 {
      width: 90%;
      margin-left: auto;
      margin-right: auto; }
    .container-slider.bottom-pagination .ui-slider__pagination {
      width: 100%; }
      .container-slider.bottom-pagination .ui-slider__pagination a {
        margin-bottom: 5px;
        border: 4px solid #fff !important; }
    .container-slider.bottom-pagination .ui-slider__slides {
      width: 80%;
      margin: auto; }
    .container-slider.bottom-pagination .ui-slider__slide {
      background: url("") no-repeat center;
      background-size: cover; }
      .container-slider.bottom-pagination .ui-slider__slide img {
        width: 120%;
        height: auto;
        left: 10%;
        right: auto;
        margin-bottom: 4rem; }
    .container-slider.bottom-pagination .ui-slider .column.right img {
      left: -10%;
      margin-top: 4rem;
      margin-bottom: 0; }
    .container-slider.bottom-pagination .ui-slider .recycle {
      display: none !important; }
    .container-slider.bottom-pagination .ui-slider .desktop {
      display: none; }
    .container-slider.bottom-pagination .ui-slider .mobile {
      display: block; } }

.innovations-grid {
  background-color: #f2f2f2;
  margin-top: 6rem;
  padding-bottom: 12rem; }
  .innovations-grid .title {
    text-align: center;
    color: #000 !important;
    padding: 7rem 0; }
    @media screen and (max-width: 740px) {
      .innovations-grid .title {
        padding-bottom: 0 !important; } }
  .innovations-grid__filters {
    text-align: center;
    padding: 3rem 0;
    background-color: #fff;
    position: relative;
    font-size: 1.4rem;
    color: #989898;
    font-family: "Avenir", Helvetica, Arial, sans-serif;
    cursor: pointer; }
    .innovations-grid__filters span {
      position: absolute;
      left: 5rem; }
    .innovations-grid__filters a {
      text-transform: uppercase;
      position: relative; }
      .innovations-grid__filters a + a {
        margin-left: 4rem; }
        .innovations-grid__filters a + a:before {
          content: '';
          position: absolute;
          width: 1px;
          height: 3rem;
          background-color: #dddddd;
          left: -2rem;
          top: -0.5rem; }
      .innovations-grid__filters a.active.coffee {
        color: #d8af97; }
      .innovations-grid__filters a.active.capsule {
        color: #a3ba94; }
      .innovations-grid__filters a.active.climat {
        color: #a0b9bf; }
    @media screen and (max-width: 740px) {
      .innovations-grid__filters {
        background: #f2f2f2; } }
    .innovations-grid__filters select {
      display: none; }
    .innovations-grid__filters a.selectBox {
      display: none !important;
      margin: 0;
      width: calc(100% - 2.6em) !important;
      border-radius: 0;
      background: white;
      border: 1px solid #acabab;
      padding-top: 0.8em;
      font-size: 0.8em; }
      .innovations-grid__filters a.selectBox .selectBox-arrow {
        left: auto;
        border: 0;
        background-image: url(img/arrow.jpg); }
      @media screen and (max-width: 740px) {
        .innovations-grid__filters a.selectBox {
          display: block !important; } }
    @media screen and (max-width: 740px) {
      .innovations-grid__filters > span {
        display: none !important; }
      .innovations-grid__filters .filter {
        display: none; } }
  .innovations-grid .container {
    width: 120rem !important; }
    @media screen and (max-width: 1024px) {
      .innovations-grid .container {
        width: 100% !important; } }
    .innovations-grid .container .innovation {
      width: 33.33%;
      height: 52rem;
      padding: 5rem;
      box-sizing: border-box;
      background-color: #fff;
      border-top: 1px solid #f2f2f2; }
      .innovations-grid .container .innovation + .innovation {
        border-left: 1px solid #f2f2f2; }
      .innovations-grid .container .innovation:nth-child(3n+2) {
        border-left: 0; }
      .innovations-grid .container .innovation__title {
        width: 100%;
        color: #1c1c1c; }
      .innovations-grid .container .innovation__link {
        bottom: 5rem; }

@media screen and (max-width: 740px) {
  .innovations-grid {
    margin-top: 3rem;
    padding-bottom: 3rem; }
    .innovations-grid .title {
      padding: 4rem 0; }
    .innovations-grid__filters {
      text-align: left;
      padding-left: 3rem; }
      .innovations-grid__filters span {
        position: static;
        display: block;
        color: #333; }
      .innovations-grid__filters a {
        display: block;
        margin-left: 0 !important;
        margin-top: 1rem; }
        .innovations-grid__filters a:before {
          display: none; }
    .innovations-grid .container {
      width: calc(100% - 4rem) !important; }
      .innovations-grid .container .innovation {
        width: 100%;
        height: auto;
        padding: 3rem; }
        .innovations-grid .container .innovation + .innovation {
          border-left: 0; }
        .innovations-grid .container .innovation__img {
          height: 9rem; }
        .innovations-grid .container .innovation__title {
          width: 100%;
          color: #1c1c1c; }
        .innovations-grid .container .innovation__link {
          position: static;
          margin-top: 2rem;
          display: inline-block; } }

.selectBox-dropdown-menu {
  border-radius: 0 !important; }
  .selectBox-dropdown-menu li {
    padding: 1em;
    margin-top: 1; }

.selectBox-options LI.selectBox-selected A {
  background: none; }

.stakeholders {
  width: 114rem;
  margin: 12rem auto;
  background-color: #1c1c1c; }
  .stakeholders .innovations {
    max-width: 100rem;
    width: 90%;
    background-color: transparent;
    margin: 0 auto;
    padding: 6rem 0; }
    .stakeholders .innovations__title {
      color: #d8af97; }
    .stakeholders .innovations .innovation {
      text-align: center;
      height: 24rem; }
      .stakeholders .innovations .innovation__img__link-popin {
        display: block; }
      .stakeholders .innovations .innovation__title {
        color: #fff;
        width: 90%;
        margin-left: 5%; }
      .stakeholders .innovations .innovation__link {
        display: none; }

@media screen and (max-width: 740px) {
  .stakeholders {
    width: 100%;
    margin: 2rem auto 0 auto; }
    .stakeholders .innovations {
      width: calc(100% - 6rem);
      margin: 4rem auto 0 auto !important;
      margin: 0 auto;
      padding: 6rem 0; }
      .stakeholders .innovations .innovation {
        text-align: left; }
        .stakeholders .innovations .innovation__title {
          width: 100%;
          margin-left: 0; } }

.page-recycling__content {
  max-width: 921px; }

.page-recycling__back {
  color: white;
  margin: 2em 0;
  font-size: 1.3em; }
  .page-recycling__back a {
    background: url(img/leftarrow23.png) 3px center no-repeat;
    background-size: auto 60%;
    padding-left: 17px;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease; }
    .page-recycling__back a:hover {
      background-position: 0 center; }

.page-recycling__title {
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 3em;
  margin: 2em 6em 1em 6em; }
  .page-recycling__title:after {
    content: "|";
    display: block;
    font-weight: normal;
    margin-top: 1em;
    font-size: 0.8em; }
  .page-recycling__title.no-desc:after {
    display: none; }

.page-recycling__description {
  color: white;
  font-size: 1.3em;
  margin: 0 15em;
  text-align: center;
  line-height: 1.4em; }

.page-recycling iframe {
  margin: 3em 0 10em 0;
  width: 100%;
  height: 750px; }

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

.mobile-menu {
  position: fixed;
  top: 4em;
  height: calc(100% - 4em);
  left: 0;
  width: 75%;
  background: #1c1c1c;
  opacity: 1;
  text-align: left;
  z-index: 1001;
  overflow: hidden;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .mobile-menu.closed {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0; }
  .mobile-menu .menu-container {
    padding-top: 50px; }
  .mobile-menu__title {
    color: #fff;
    font-size: 1.6rem;
    padding: 2em 1em; }
    @media (orientation: landscape) {
      .mobile-menu__title {
        padding: 1em 1em; } }
  .mobile-menu__link {
    color: #fff;
    font-size: 1.3rem;
    padding: 2em 1em;
    display: block;
    text-transform: uppercase;
    background: #202022;
    margin-bottom: 1px; }
  .mobile-menu__bottom {
    position: absolute;
    left: 0;
    width: 100%;
    color: #fff;
    font-size: 2em;
    bottom: 1em; }
    .mobile-menu__bottom li {
      width: 33.3%;
      text-align: center;
      float: left;
      border-right: 1px solid #444;
      box-sizing: border-box; }
    .mobile-menu__bottom li:last-child {
      border-right: 0; }
    .mobile-menu__bottom a {
      opacity: 0.7; }

html.mobile #loading-bar-spinner {
  display: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: "nespresso-icons";
  src: url("ncp/modules/event-tpc/ui/../fonts/nespresso.eot");
  src: url("ncp/modules/event-tpc/ui/ncp/modules/event-tpc/ui/../fonts/nespresso.eot") format("embedded-opentype"), url("ncp/modules/event-tpc/ui/../fonts/nespresso.woff") format("woff"), url("ncp/modules/event-tpc/ui/../fonts/nespresso.ttf") format("truetype"), url("ncp/modules/event-tpc/ui/../fonts/nespresso.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

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

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

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

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

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

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

html.unicode body {
  font-family: Arial, helvetica, sans-serif !important; }

html.unicode p {
  font-size: 1.6em !important;
  font-family: Arial, helvetica, sans-serif !important; }

html.unicode .quote-border {
  font-family: Arial, helvetica, sans-serif !important; }

html.unicode h1 {
  font-size: 3.8em; }
  html.unicode h1.innovation__title {
    font-size: 1.2em; }
  html.unicode h1.innovation__subtitle {
    font-size: 1.8em; }

html.unicode h2 {
  font-size: 1.6em; }

html.unicode h3 {
  font-family: Arial, helvetica, sans-serif !important; }

html.unicode h4 {
  font-family: Arial, helvetica, sans-serif !important; }

html.unicode .commitment__title {
  font-size: 3em; }

html.unicode .home .title h1 {
  font-size: 4.8em; }

html.unicode .home .title h2 {
  font-size: 2.5em; }

html.unicode .features .machine .block ul li {
  font-size: 1.6em; }

html.unicode .design .content .colors .color span {
  font-size: 1.6em; }

html.unicode .coffee-range .ranges .range .cap .infos .recipes .recipe .milk,
html.unicode .coffee-range .ranges .range .cap .infos .recipes .recipe .description {
  font-size: 1.3em; }

html.unicode .recipes h2 {
  margin-top: 0.5em; }

html.unicode .recipes .creations {
  margin: 2em auto 0 auto; }

html.unicode .quote {
  font-family: arial, helvetica, sans-serif !important; }

html.unicode p, html.unicode a {
  font-family: Arial, helvetica, sans-serif; }

.country-PL .innovation__text {
  line-height: 1.2em; }
  .country-PL .innovation__text a {
    font-size: 0.7em;
    line-height: 100%; }

.country-PL .commitment__scroll,
.country-PL .innovation__link {
  font-family: Arial !important; }

.country-CZ .innovation__text {
  line-height: 1.2em; }
  .country-CZ .innovation__text a {
    font-size: 0.7em;
    line-height: 100%; }

.country-HU .innovations-grid .container .innovation {
  height: 56rem !important; }

.page-article.aaa_sustainable_quality.tpc_old section:nth-of-type(4) .block-regular__text .content .picto-certification {
  display: block;
  height: 10em;
  width: 100%;
  background-image: url(img/aaa_sustainable_quality.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.page-article.aaa_sustainable_quality.tpc_old section:nth-of-type(4) .block-regular__text .content .container .content {
  vertical-align: top; }
/*# sourceMappingURL=screen.css.map */