.mobile .vue .v_reveal>.v_wrapper {
    padding: 0
}

.mobile .v_screen {
    width: 100%;
    height: calc(100vh - 44px - 4em);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    padding: 1em
}

.mobile .v_screen>* {
    display: table-row
}

.mobile .v_screen>*>* {
    display: table-cell;
    vertical-align: middle
}

.desktop .vue.v_pagehome,
.tablet .vue.v_pagehome {
    display: table
}

.desktop .vue.v_pagehome .v_reveal,
.tablet .vue.v_pagehome .v_reveal {
    display: table-cell;
    vertical-align: middle
}

.desktop .vue.v_pagehome .v_reveal>.v_wrapper,
.tablet .vue.v_pagehome .v_reveal>.v_wrapper {
    padding: 2em calc((100vw - 85.71429em) / 2) 3em
}

.vue {
    color: #000;
    background-color: #fff;
    text-align: center;
    position: relative
}

.vue .v_reveal>.v_wrapper {
    padding: 0 calc((100vw - 57.14286em) / 2) 3em
}

.v_orderMenu {
    z-index: 9999;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 4.28571em;
    background-color: #fff
}

.v_orderMenu .v_bar {
    padding: 1em 0;
    margin: 0 auto;
    width: 71.14286em;
    display: table
}

.v_orderMenu .v_bar>div {
    width: 50%;
    display: table-cell;
    vertical-align: middle
}

.v_orderMenu .v_bar .v_sleeves {
    text-align: left
}

.v_orderMenu .v_bar .v_sleeves img {
    height: 10em;
    position: absolute;
    bottom: 1em;
    right: 50%;
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.v_orderMenu .v_bar .v_atc {
    text-align: right
}

.v_orderMenu .v_bar .v_atc .v_priceAndButton p {
    padding-right: 1em;
    display: inline-block
}

svg[data-v-b445a76e] {
    width: 100%
}

.v_bottomNav {
    display: table;
    width: 100%
}

.v_bottomNav>div {
    display: table-row
}

.v_bottomNav>div>div {
    display: table-cell;
    width: 30%;
    vertical-align: middle
}

.v_bottomNav>div>div:first-child {
    text-align: left
}

.v_bottomNav>div>div:last-child {
    text-align: right
}

.v_bottomNav a {
    color: #9d9d9c;
    font-family: Nespresso-Bold;
    display: block;
    text-transform: uppercase
}

.v_bottomNav a svg {
    fill: #9d9d9c
}

.v_bottomNav a:hover {
    color: #000
}

.v_bottomNav a:hover svg {
    fill: #000
}

.tablet .v_story .v_right {
    width: 8.92857em
}

.v_story .v_left,
.v_story .v_right {
    position: fixed;
    bottom: 0;
    width: calc((100vw - 57.14286em) / 2);
    height: 100vh
}

.v_story .v_left.v_fixed,
.v_story .v_right.v_fixed {
    display: block
}

.v_story .v_left {
    left: 0;
    background-repeat: no-repeat;
    background-size: cover
}

.v_story .v_left .v_countryLogo,
.v_story .v_left .v_numEdition {
    position: absolute;
    right: 0
}

.v_story .v_right {
    right: 0
}

.v_story .v_right .v_bar {
    position: absolute;
    left: 0;
    width: 8.92857em;
    height: 100%
}

.v_story .v_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.v_story .v_bg svg {
    margin-top: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.v_story .v_scrollBar {
    position: absolute;
    left: 50%;
    top: 4em;
    bottom: 4em
}


.v_story .v_scrollBar .v_logo {
    position: absolute;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    width: 4em;
    height: 4em
}

.v_story .v_scrollBar .v_logo strong {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    color: #fff;
    font-size: .78571em
}

.v_story .v_scrollBar .v_logo strong:after {
    content: "";
    display: block;
    width: 20%;
    border-top: 2px solid #000;
    margin: 0 auto;
    margin-top: .3em;
    border-top-color: #fff;
    border-top-width: 1px
}

.tablet.portrait .v_story.v_laos .v_bg svg {
    height: 107.14286em
}

.v_story.v_kenya .v_bg svg {
    height: 67.14286em
}

.v_story.v_kenya .v_right .v_bar,
.v_story.v_kenya ::-moz-selection {
    background-color: #e8a230
}

.v_story.v_kenya .v_right .v_bar,
.v_story.v_kenya ::selection {
    background-color: #e8a230
}

.v_story.v_kenya .v_left .v_logo:before {
    background-color: #d0d0d0
}

.v_story.v_kenya .v_navigation a:hover {
    background-color: #e8a230
}

.v_story.v_laos .v_bg svg {
    height: 87.14286em
}

.v_story.v_laos ::-moz-selection {
    background-color: #336
}

.v_story.v_laos ::selection {
    background-color: #336
}

.v_story.v_laos .v_right .v_bar {
    background-color: #336
}

.v_story.v_laos .v_right .v_logo.v_circle {
    background-color: #d0d0d0
}

.v_story.v_laos .v_navigation a:hover {
    background-color: #336
}

.v_story .v_left .v_numEdition {
    height: 70%;
    bottom: 10%
}

.v_story .v_left .v_countryLogo {
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    bottom: 15%;
    max-width: 10.71429em
}

.v_story .v_left .v_logo:before {
    content: "";
    width: 70%;
    height: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #336;
    -ms-transform: translate(-50%, -50%) scaleY(1.3) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) scaleY(1.3) rotate(45deg);
    transform: translate(-50%, -50%) scaleY(1.3) rotate(45deg)
}

.v_story .v_right .v_logo {
    background-color: #e8a230;
    border-radius: 50%
}

.v_chapter {
    padding-top: 4em
}

.v_chapter.v_an-exceptional-environment .v_emphasis,
.v_chapter.v_the-prized-peaberry .v_emphasis {
    margin-top: 3em
}

.v_chapter.v_an-exceptional-environment>div,
.v_chapter.v_the-prized-peaberry>div {
    vertical-align: bottom
}

.v_chapter.v_a-hidden-treasure section .v_dots {
    margin-bottom: 1em
}

.v_chapter.v_a-story-in-taste .v_format_square {
    height: 32.35714em
}

.v_chapter.v_inspired-by-a-colourful-community .v_twoPart>div:first-child {
    width: 40% !important
}

.v_chapter.v_inspired-by-a-colourful-community .v_twoPart .v_wysiwyg,
.v_chapter.v_nespresso-innovation .v_twoPart .v_wysiwyg {
    text-align: left;
    padding: .5em 0
}

.v_chapter.v_discover-a-fine-cereal-profile .v_cover p {
    font-size: 1.57143em
}

.v_chapter.v_a-proud-culture-of-coffee .v_cover:after {
    content: "";
    display: block;
    height: 100%;
    background-color: rgba(0, 0, 0, .15)
}

.v_chapter .v_dots+.v_cover {
    margin-top: 1em
}

.v_chapter .v_emphasis,
.v_chapter h3 {
    margin-left: .35714em
}

.v_chapter section>.v_wysiwyg:first-child {
    padding: 0 3em 3em
}

.v_chapter section>h3 {
    margin-top: 1em
}

.v_chapter section>h3:after {
    content: "";
    display: block;
    width: 20%;
    border-top: 2px solid #000;
    margin: 0 auto;
    margin-top: .5em
}

.v_chapter section>.v_imageWrapper:last-child,
.v_chapter section>.v_twoPart:last-child {
    margin-bottom: 3em
}

.v_chapter h3 {
    font-size: 2.14286em;
    line-height: 1.66667em
}

.v_chapter .v_ccp {
    padding: 5em 0 0
}

.v_chapter .v_ccp .fn_angleRight {
    font-size: 2em
}

.v_chapter .v_ccp .fn_angleRight,
.v_chapter .v_ccp strong {
    vertical-align: middle
}

.v_chapter .v_ccp .fn_angleRight,
.v_chapter .v_ccp a {
    color: #8b6d4c
}

.v_chapter .v_ccp strong {
    font-family: Nespresso-Bold
}

.v_chapter .v_ccp a {
    font-size: 1.07143em;
    letter-spacing: .14em
}

.v_chapter .v_coffees {
    margin-top: 3em;
    display: table
}

.v_chapter .v_coffees>div {
    display: table-row
}

.v_chapter .v_coffees>div>div {
    display: table-cell;
    width: 50%
}

.v_chapter .v_coffees>div>div:first-child {
    padding-right: 2em
}

.v_chapter .v_coffees>div>div:last-child {
    padding-left: 2em
}

.v_chapter .v_coffees h3 {
    font-size: 1.28571em;
    line-height: 1.71429em;
    margin: .77778em 0
}

.v_chapter .v_coffees .v_shapeWrapper {
    height: 7em
}

.v_chapter .v_coffees .v_wysiwyg {
    padding: 0 0 2em
}

.v_chapter .v_addToCart {
    margin-bottom: 2em
}

.v_chapter .v_recipe,
.v_chapter .v_riedelGlass {
    margin-top: 5em
}

.v_chapter .v_recipe h3,
.v_chapter .v_riedelGlass h3 {
    line-height: 1.33333em;
    margin: 1.27273em 0
}

.v_chapter .v_recipe h3:after,
.v_chapter .v_riedelGlass h3:after {
    content: "";
    display: block;
    width: 20%;
    border-top: 2px solid #000;
    margin: 0 auto;
    margin-top: .5em
}

.v_chapter .v_recipe .v_format_4_3,
.v_chapter .v_riedelGlass .v_format_4_3 {
    height: 22.57143em
}

.v_chapter .v_riedelGlass h3 .v_brand {
    font-style: italic;
    font-weight: 400
}

.v_chapter .v_riedelGlass>div {
    margin-top: 3em;
    display: table
}

.v_chapter .v_riedelGlass>div>div {
    display: table-cell
}

.v_chapter .v_riedelGlass>div>div:first-child {
    vertical-align: top;
    width: 50%
}

.v_chapter .v_riedelGlass>div>div:last-child {
    vertical-align: middle
}

.v_chapter .v_riedelGlass .v_wysiwyg {
    margin: 0;
    padding: 1em 0
}

.v_chapter .v_twoPart {
    display: table
}

.v_chapter .v_twoPart>div {
    display: table-cell;
    vertical-align: top;
    width: 50%
}

.v_chapter .v_twoPart>div:first-child {
    padding-right: 1em
}

.v_chapter .v_twoPart>div:last-child {
    padding-left: 1em
}

.v_chapter .v_twoPart .v_wysiwyg {
    padding: 2em 0;
    text-align: left
}

.v_chapter .v_twoPart .v_screenEnd {
    margin-top: 2em
}

.v_chapter .v_emphasis {
    display: table;
    margin-top: 1em;
    margin-bottom: 3em
}

.v_chapter .v_emphasis h3 {
    text-align: left
}

.v_chapter .v_emphasis h3:after {
    content: "";
    display: block;
    width: 20%;
    border-top: 2px solid #000;
    margin: 0 auto;
    margin-top: .5em;
    margin: .5em 0 0
}

.v_chapter .v_emphasis>div {
    display: table-cell;
    vertical-align: middle
}

.v_chapter .v_emphasis .v_wysiwyg {
    padding: 0;
    text-align: left
}

.v_chapter .v_emphasis .v_wysiwyg>p {
    width: 70%
}

.v_chapter .v_emphasis .v_screenEnd {
    width: 20%
}

/*! explorations - 1.0.0 | Wed Jan 24 2018 16:20:01 GMT+0100 (CET) */
.vue {
    font-size: 14px
}

.mobile .vue {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

@media screen and (orientation:portrait) {
    .mobile .vue {
        font-size: 3.73333vw
    }
}

@media screen and (orientation:portrait) and (min-width:414px) {
    .mobile .vue {
        font-size: 3.46667vw
    }
}

@media screen and (orientation:portrait) and (min-width:480px) {
    .mobile .vue {
        font-size: 3.2vw
    }
}

@media screen and (orientation:portrait) and (min-width:640px) {
    .mobile .vue {
        font-size: 2.93333vw
    }
}

@media screen and (orientation:portrait) and (min-width:720px) {
    .mobile .vue {
        font-size: 2.66667vw
    }
}

@media screen and (orientation:portrait) and (min-width:768px) {
    .mobile .vue {
        font-size: 2.4vw
    }
}

@media screen and (orientation:landscape) {
    .mobile .vue {
        font-size: 2.09895vw
    }
}

.vue .v_visually_hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.desktop .v_hiddenDesktop,
.mobile .v_hiddenMobile,
.tablet .v_hiddenTablet {
    display: none !important
}

@font-face {
    font-family: Nespresso Icons;
    src: url('../fonts/nespresso-icons-webfont.woff') format("woff");
    font-style: normal;
    font-weight: 400
}

.vue [class^=fn_] {
    font-family: Nespresso Icons !important
}

.vue [class^=fn_][class*=Up]:before {
    -webkit-transform: translate(-50%, -50%) rotate3D(0, 0, 1, -90deg) !important;
    transform: translate(-50%, -50%) rotate3D(0, 0, 1, -90deg) !important
}

.vue [class^=fn_][class*=Down]:before {
    -webkit-transform: translate(-50%, -50%) rotate3D(0, 0, 1, 90deg) !important;
    transform: translate(-50%, -50%) rotate3D(0, 0, 1, 90deg) !important
}

.vue [class^=fn_][class*=Left]:before {
    -webkit-transform: translate(-50%, -50%) rotate3D(0, 0, 1, 180deg) !important;
    transform: translate(-50%, -50%) rotate3D(0, 0, 1, 180deg) !important
}

.vue .fn_logo:before {
    content: "\E91A"
}

.vue .fn_basket:before {
    content: "\E928"
}

.vue .fn_persons:before {
    content: "\E919"
}

.vue .fn_bean:before {
    content: "\E918"
}

.vue .fn_addToCart:before {
    content: "\E91B"
}

.vue .fn_menu:before {
    content: "\E912"
}

.vue .fn_emptyCircle:before {
    content: "\E907"
}

.vue .fn_angleDown:before,
.vue .fn_angleLeft:before,
.vue .fn_angleRight:before,
.vue .fn_angleUp:before {
    content: "\E901"
}

.vue .fn_angleDownCircle:before,
.vue .fn_angleLeftCircle:before,
.vue .fn_angleRightCircle:before,
.vue .fn_angleUpCircle:before {
    content: "\E903"
}

.vue .fn_video:before,
.vue .fn_videoCircle:before {
    content: "\E914"
}

.vue .fn_close:before {
    content: "\E905"
}

.vue .fn_closeCircle:before {
    content: "\E906"
}

.vue .fn_more:before {
    content: "\E908"
}

.vue .fn_moreCircle:before {
    content: "\E909"
}

.vue .fn_tick:before {
    content: "\E90B"
}

.vue .fn_tickCircle:before {
    content: "\E90C"
}

.vue .fn_arrowRight:before {
    content: "\E901"
}

.vue .fn_arrowLink:before {
    content: "\E915"
}

.vue .fn_camera:before {
    content: "\E916"
}

.vue .fn_amp:before {
    content: "\E91C"
}

.vue .fn_quotes:before {
    content: "\E91D"
}

.vue .fn_reset:before {
    content: "\E91E"
}

.vue .fn_minus:before {
    content: "\E923"
}

.vue .fn_play:before {
    content: "\E924"
}

.vue .fn_ristretto:before {
    content: "\E90E"
}

.vue .fn_espresso:before {
    content: "\E902"
}

.vue .fn_lungo:before {
    content: "\E90A"
}

.vue .fn_americano:before {
    content: "\E900"
}

.vue .fn_hotwater:before {
    content: "\E904"
}

.vue .fn_ristrettoFilled:before {
    content: "\E91F"
}

.vue .fn_espressoFilled:before {
    content: "\E920"
}

.vue .fn_lungoFilled:before {
    content: "\E921"
}

.vue .fn_americanoFilled:before {
    content: "\E925"
}

.vue .fn_mugFilled:before {
    content: "\E922"
}

.vue .fn_temp0:before {
    content: "\E90F"
}

.vue .fn_temp1:before {
    content: "\E910"
}

.vue .fn_temp2:before {
    content: "\E911"
}

.vue .fn_temp3:before {
    content: "\E913"
}

.vue .fn_email:before {
    content: "\E92F"
}

.vue .fn_facebook:before {
    content: "\E92D"
}

.vue .fn_twitter:before {
    content: "\E92C"
}

.vue .fn_googleplus:before {
    content: "\E92E"
}

.vue .fn_youtube:before {
    content: "\E92A"
}

.vue .fn_pinterest:before {
    content: "\E929"
}

.vue .fn_instagram:before {
    content: "\E92B"
}

.vue .fn_weibo:before {
    content: "\E926"
}

.vue .fn_wechat:before {
    content: "\E927"
}

.vue .fn_whatsapp:before {
    content: "\E930"
}

.vue .fn_linkedin:before {
    content: "\E931"
}

.vue article,
.vue aside,
.vue footer,
.vue header,
.vue nav,
.vue section {
    display: block
}

.vue h1 {
    font-size: 2em;
    margin: .67em 0
}

.vue figcaption,
.vue figure {
    display: block
}

.vue figure {
    margin: 1em 40px
}

.vue hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

.vue pre {
    font-family: monospace, monospace;
    font-size: 1em
}

.vue a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

.vue a:active,
.vue a:hover {
    outline-width: 0
}

.vue abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.vue b,
.vue strong {
    font-weight: inherit;
    font-weight: bolder
}

.vue code,
.vue kbd,
.vue samp {
    font-family: monospace, monospace;
    font-size: 1em
}

.vue dfn {
    font-style: italic
}

.vue mark {
    background-color: #ff0;
    color: #000
}

.vue small {
    font-size: 80%
}

.vue sub,
.vue sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.vue sub {
    bottom: -.25em
}

.vue sup {
    top: -.5em
}

.vue audio,
.vue video {
    display: inline-block
}

.vue audio:not([controls]) {
    display: none;
    height: 0
}

.vue img {
    border-style: none
}

.vue button,
.vue input,
.vue optgroup,
.vue select,
.vue textarea {
    font: inherit;
    margin: 0
}

.vue optgroup {
    font-weight: 700
}

.vue button,
.vue input {
    overflow: visible
}

.vue button,
.vue select {
    text-transform: none
}

.vue [type=button],
.vue [type=reset],
.vue [type=submit],
.vue button {
    -webkit-appearance: button
}

.vue [type=button]::-moz-focus-inner,
.vue [type=reset]::-moz-focus-inner,
.vue [type=submit]::-moz-focus-inner,
.vue button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

.vue [type=button]:-moz-focusring,
.vue [type=reset]:-moz-focusring,
.vue [type=submit]:-moz-focusring,
.vue button:-moz-focusring {
    outline: 1px dotted ButtonText
}

.vue legend {
    color: inherit;
    white-space: normal
}

.vue progress {
    display: inline-block;
    vertical-align: baseline
}

.vue textarea {
    overflow: auto
}

.vue [type=checkbox],
.vue [type=radio] {
    box-sizing: border-box;
    padding: 0
}

.vue [type=number]::-webkit-inner-spin-button,
.vue [type=number]::-webkit-outer-spin-button {
    height: auto
}

.vue [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

.vue [type=search]::-webkit-search-cancel-button,
.vue [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.vue ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.vue details,
.vue menu {
    display: block
}

.vue summary {
    display: list-item
}

.vue canvas {
    display: inline-block
}

.nes_view-fonction,
.vue [hidden],
.vue template {
    display: none
}

.vue h2,
.vue h3 {
    color: inherit
}

.vue fieldset {
    border: 0
}

html {
    height: auto
}

#container {
    min-height: 0;
    margin-bottom: 0 !important
}

#nes_global {
    min-height: 0;
    padding-bottom: 0 !important
}

.nes_img-content-admin {
    position: absolute
}

.nes_free-html .nes_bg-content-bloc {
    margin-top: 0 !important;
    min-height: 0
}

.nes_free-html .nes_bg-content-bloc>p {
    margin: 0
}

.vue {
    font-weight: 400;
    line-height: normal;
    color: #000;
    cursor: default;
    background: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: auto;
    -ms-text-size-adjust: auto;
    -moz-text-size-adjust: auto
}

.vue ::-moz-selection {
    color: #fff;
    background: #4298ad;
    text-shadow: none
}

.vue ::selection {
    color: #fff;
    background: #4298ad;
    text-shadow: none
}

.vue nav ol,
.vue nav ul {
    list-style: inherit
}

.vue img {
    vertical-align: inherit
}

.vue button,
.vue input[type=button],
.vue input[type=reset],
.vue input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button
}

.vue input[type=email],
.vue input[type=password],
.vue input[type=text] {
    font-size: inherit;
    padding: 0;
    margin: 0
}

.vue button,
.vue input {
    line-height: normal
}

.vue button,
.vue input,
.vue select,
.vue textarea {
    font-size: inherit;
    vertical-align: inherit;
    outline: none;
    padding: 0
}

.vue label {
    font-size: 1em
}

.vue mark {
    font-weight: inherit
}

.vue svg {
    overflow: visible !important
}

body #header {
    z-index: 100;
    transition: all .5s
}

.v_hideHeader body #header {
    top: -44px
}

body#mobilePage {
    padding-top: 0
}

body#mobilePage #truste-consent-track {
    top: 44px;
    position: fixed;
    z-index: 100
}

h2 {
    text-transform: none
}

#content div.cms-rich-text {
    padding: 0
}

#footer-navigation,
ul#footer {
    display: none
}

.vue * {
    box-sizing: content-box
}

html {
    overflow-x: hidden
}

.vue * {
    margin: 0;
    padding: 0
}

.vue [contentEditable=true]:focus,
.vue [tabindex]:focus,
.vue a:focus,
.vue area:focus,
.vue button:focus,
.vue iframe:focus,
.vue input:focus,
.vue select:focus,
.vue textarea:focus {
    outline: none
}

.vue button {
    border: 0;
    cursor: pointer;
    background: none;
    text-align: left;
    color: inherit
}

.vue i {
    font-style: normal;
    position: relative
}

.vue b {
    font-weight: 400
}

.vue mark {
    background: transparent;
    color: inherit
}

.vue input {
    border: 0
}

.vue label,
.vue select {
    cursor: pointer
}

.vue a {
    text-decoration: none
}

.vue a[href^="tel:"] {
    white-space: nowrap
}

.vue input[type=email],
.vue input[type=number],
.vue input[type=password],
.vue input[type=text],
.vue select,
.vue textarea {
    box-sizing: border-box
}

.vue select {
    -moz-appearance: none;
    -webkit-appearance: none
}

.vue input[type=checkbox],
.vue input[type=radio] {
    width: 30px;
    margin: 0 0 0 -30px;
    opacity: 0;
    float: left;
    -webkit-transform: translate(-10000px);
    transform: translate(-10000px)
}

.vue legend {
    position: absolute;
    height: 0;
    width: 0;
    overflow: hidden
}

@font-face {
    font-family: Lucas;
    src: url('../fonts/NespressoLucas-XtraBd.otf') format("truetype");
    font-style: normal;
    font-weight: 800
}

@font-face {
    font-family: Lucas;
    src: url('../fonts/NespressoLucas-Regular.ttf') format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: Lucas;
    src: url('../fonts/NespressoLucas-Bold.ttf') format("truetype");
    font-style: normal;
    font-weight: 700
}

.mobile #mobilePage {
    background-color: #fff
}

.mobile .vue {
    margin-top: 44px
}

.vue {
    width: 100%
}

.vue .v_brand em {
    font-style: normal
}

.vue :focus {
    outline: none
}

.vue h2,
.vue h3 {
    letter-spacing: .25em;
    word-break: break-word
}

.vue h2,
.vue h3,
.vue strong {
    text-transform: uppercase;
    font-family: Nespresso-ExtraBold
}

.vue p {
    font-family: Nespresso-Regular;
    line-height: 1.57143em
}

.vue p .v_brand {
    text-transform: none
}

.vue .v_explorationsCollection {
    position: relative;
    z-index: 1;
    padding: 1em 0;
    background-color: #fff
}

.vue .v_explorationsCollection .fn_angleRight {
    font-size: 2em
}

.vue .v_explorationsCollection .fn_angleRight,
.vue .v_explorationsCollection strong {
    vertical-align: middle
}

.vue .v_explorationsCollection .fn_angleRight,
.vue .v_explorationsCollection a {
    color: #666
}

.vue .v_explorationsCollection a {
    font-size: .99429em;
    letter-spacing: .1em
}

.mobile .vue .v_explorationsCollection {
    background-color: #f5f5f5;
    padding-top: .5em;
    padding-bottom: .5em;
    border-bottom: 1px solid #666
}

.mobile .vue .v_explorationsCollection a {
    font-size: .74179em;
    letter-spacing: .14em
}

.desktop .vue.v_pagehome .v_explorationsCollection,
.tablet .vue.v_pagehome .v_explorationsCollection {
    display: table-caption
}

.v_scrollLock {
    overflow: hidden !important;
    width: auto
}

.v_addToCart .add-to-cart {
    height: auto;
    width: auto;
    min-width: 4em;
    padding: .7em 1em;
    color: #fff !important;
    font-weight: 400;
    letter-spacing: normal;
    font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    line-height: 1.2;
    text-shadow: 1px 1px 1px #000;
    text-align: center;
    background: none;
    background-color: #387d12;
    border-radius: 3px;
    border: 0;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .75)
}

.v_addToCart .add-to-cart:hover {
    background-color: #2c541c
}

.v_addToCart .v_productPrice {
    font-size: 1.14286em;
    margin: 0;
    line-height: 32px;
    color: #986f38
}

.v_addToCart .v_addToCartCustom {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.v_addToCart .v_addToCartCustom .v_visually_hidden {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    text-indent: -100000px
}

.v_addToCart .v_addToCartCustom>button {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    width: auto;
    white-space: normal;
    line-height: 1.2;
    font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: center;
    background: #387d12;
    padding: .7em 1em .7em 4em;
    border-radius: 3px;
    border: 0;
    box-shadow: inset 1px 1px 0 1px hsla(0, 0%, 100%, .1);
    border: 1px solid rgba(0, 0, 0, .75);
    transition: .25s
}

.v_addToCart .v_addToCartCustom>button .v_label {
    font-size: 1.1em
}

.v_addToCart .v_addToCartCustom>button.v_quantitySelectorOpened,
.v_addToCart .v_addToCartCustom>button:active,
.v_addToCart .v_addToCartCustom>button:focus,
.v_addToCart .v_addToCartCustom>button:hover {
    background-color: #2c541c
}

.v_keyTab .v_addToCart .v_addToCartCustom>button:focus {
    background-color: #4298ad
}

.v_addToCart .v_addToCartCustom>button:disabled {
    background: #c8cacc;
    box-shadow: inset 1px 1px 0 1px hsla(0, 0%, 100%, .3);
    border: 1px solid #666;
    cursor: no-drop;
    color: #666
}

.v_addToCart .v_addToCartCustom>button:disabled i {
    color: #666
}

.v_addToCart .v_addToCartCustom>button:disabled i:after {
    opacity: .25
}

.v_addToCart .v_addToCartCustom>button i {
    position: absolute;
    display: block;
    top: 1px;
    left: 1px;
    height: calc(100% - 2px);
    text-align: center;
    width: calc(3em - 2px);
    color: #fff;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    font-weight: 400
}

.v_addToCart .v_addToCartCustom>button i:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .3);
    border-left: 1px solid rgba(0, 0, 0, .75)
}

.v_addToCart .v_addToCartCustom>button i:before {
    opacity: 0;
    visibility: hidden;
    font-family: Nespresso Icons;
    position: absolute;
    font-size: 1.5em;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.v_addToCart .v_addToCartCustom>button i.fn_addToCart:before {
    opacity: 1;
    visibility: visible;
    font-size: 12px
}

.v_addToCart .v_addToCartCustom>button i span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden
}

.v_addToCart .v_addToCartCustom>button i.v_quantity span {
    opacity: 1;
    visibility: visible
}

.v_addToCart .v_addToCartCustom>button i.fn_addToCart:before,
.v_addToCart .v_addToCartCustom>button i.v_quantity span {
    transition: all 1s ease
}

.v_addToCart.v_mini {
    white-space: nowrap
}

.v_addToCart.v_mini .v_addToCartCustom>button {
    font-size: 11px;
    width: 32px;
    height: 32px;
    min-width: 0;
    padding: 0
}

.v_addToCart.v_mini .v_addToCartCustom>button i {
    width: calc(100% - 2px)
}

.v_addToCart.v_mini .v_addToCartCustom>button .v_label,
.v_addToCart.v_mini .v_addToCartCustom>button i:after {
    display: none
}

.v_addToCart.v_mini .v_addToCartCustom>button:disabled i {
    display: block;
    color: #666
}

.mobile .v_addToCart .v_productPrice {
    line-height: 36px
}

.mobile .v_addToCart.v_mini .v_addToCartCustom>button {
    width: 36px;
    height: 36px
}

.v_addToCart .v_quantity_popin {
    white-space: normal
}

.desktop .v_addToCart .v_quantity_scene {
    -webkit-perspective: 150px;
    perspective: 150px;
    position: absolute;
    z-index: 5000;
    top: -.75em;
    margin-left: 17px;
    visibility: hidden;
    -webkit-perspective-origin: bottom;
    perspective-origin: bottom;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.desktop .v_addToCart .v_quantity_popin {
    position: relative;
    top: 0;
    left: 0;
    margin-left: 0;
    box-sizing: border-box;
    width: 15em;
    padding: .5em;
    border-radius: .25em;
    color: #000 !important;
    text-shadow: 1px 1px 1px #fff;
    box-shadow: .25em .25em .5em rgba(0, 0, 0, .25);
    background-color: #f1f1f1;
    background-image: linear-gradient(0deg, #c8cacc, #f1f1f1);
    -webkit-transform: translateY(10%) scale(.5, .25) rotateX(30deg);
    transform: translateY(10%) scale(.5, .25) rotateX(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    transition: .5s cubic-bezier(.75, -.5, 0, 1.25);
    opacity: 0;
    visibility: hidden
}

.desktop .v_addToCart .v_quantity_popin:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 99%);
    transform: translate(-50%, 99%);
    border-style: solid;
    border-width: 1em 1em 0;
    border-color: #c8cacc transparent transparent
}

.desktop .v_addToCart .v_quantity_popin .v_close,
.desktop .v_addToCart .v_quantity_popin .v_productNameRow {
    display: none
}

.desktop .v_addToCart .v_quantity_popin li {
    display: inline-block;
    width: 20%;
    height: 2em;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid hsla(0, 0%, 100%, .7);
    border-left: 1px solid hsla(0, 0%, 100%, .7);
    box-sizing: border-box
}

.desktop .v_addToCart .v_quantity_popin li:nth-child(5n+1) {
    border-left: 0
}

.desktop .v_addToCart .v_quantity_popin li:nth-child(5n) {
    border-right: 0
}

.desktop .v_addToCart .v_quantity_popin li:nth-child(-n+5) {
    border-top: 0
}

.desktop .v_addToCart .v_quantity_popin li:nth-last-child(-n+5) {
    border-bottom: 0
}

.desktop .v_addToCart .v_quantity_popin li button {
    line-height: 2em;
    color: #000 !important
}

.desktop .v_addToCart .v_quantity_popin li button.v_activeQuantity {
    font-weight: 700
}

.desktop .v_addToCart .v_quantity_popin li button:disabled {
    color: #666 !important
}

.desktop .v_addToCart .v_quantity_popin label {
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin: .75em 0;
    padding: .75em 0;
    letter-spacing: 0;
    font-size: .8em;
    line-height: 1.5;
    position: relative;
    color: #000 !important
}

.desktop .v_addToCart .v_quantity_popin label:after,
.desktop .v_addToCart .v_quantity_popin label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, .1);
    border-top: 1px solid hsla(0, 0%, 100%, .7)
}

.desktop .v_addToCart .v_quantity_popin label:after {
    bottom: 0;
    top: auto
}

.desktop .v_addToCart .v_quantity_popin input {
    font-size: 1.1em;
    width: 75%;
    height: 2.5em;
    padding: 0 .5em;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2)
}

.desktop .v_addToCart .v_quantity_popin .v_valid {
    width: 25%;
    height: 2.5em;
    text-align: center;
    text-transform: uppercase;
    color: #333
}

.desktop .v_addToCart .v_quantitySelectorOpened~.v_quantity_scene {
    visibility: visible
}

.desktop .v_addToCart .v_quantitySelectorOpened~.v_quantity_scene .v_quantity_popin {
    -webkit-transform: translate(0) scale(1) rotateX(0deg);
    transform: translate(0) scale(1) rotateX(0deg);
    opacity: 1;
    visibility: visible
}

.mobile .v_addToCart>button,
.mobile .v_addToCart>button i,
.mobile .v_addToCart>button i:after,
.tablet .v_addToCart>button,
.tablet .v_addToCart>button i,
.tablet .v_addToCart>button i:after {
    transition: .25s .25s
}

.mobile .v_addToCart>button i.v_quantity,
.tablet .v_addToCart>button i.v_quantity {
    background: #2c541c;
    text-shadow: none
}

.mobile .v_addToCart>button i.v_quantity:after,
.tablet .v_addToCart>button i.v_quantity:after {
    opacity: 0
}

.mobile .v_addToCart>button.v_quantitySelectorOpened,
.tablet .v_addToCart>button.v_quantitySelectorOpened {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .75), inset 1px 1px 0 1px hsla(0, 0%, 100%, .3), 0 0 0 5px #fff
}

.mobile .v_addToCart>button.v_quantitySelectorOpened i,
.tablet .v_addToCart>button.v_quantitySelectorOpened i {
    background: #fff;
    color: #2c541c;
    text-shadow: none
}

.mobile .v_addToCart>button.v_quantitySelectorOpened i:after,
.tablet .v_addToCart>button.v_quantitySelectorOpened i:after {
    opacity: 0
}

.mobile .v_addToCart .v_quantity_scene,
.tablet .v_addToCart .v_quantity_scene {
    z-index: 5000;
    width: 100vw;
    height: 100%;
    max-height: 100vh;
    background: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    transition: .5s .5s;
    opacity: 0;
    visibility: hidden
}

.mobile .v_addToCart .v_quantity_popin,
.tablet .v_addToCart .v_quantity_popin {
    background: #f1f1f1;
    color: #666;
    font-size: 5vmin;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .25s .25s;
    -webkit-transform: scale(.75);
    transform: scale(.75)
}

.mobile .v_addToCart .v_quantity_popin:after,
.tablet .v_addToCart .v_quantity_popin:after {
    display: none
}

.mobile .v_addToCart .v_quantity-popin-content,
.tablet .v_addToCart .v_quantity-popin-content {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10vmin 15vmin;
    opacity: 0;
    visibility: hidden;
    transition: .25s
}

.mobile .v_addToCart .v_quantitySelectorOpened~.v_quantity_scene,
.tablet .v_addToCart .v_quantitySelectorOpened~.v_quantity_scene {
    opacity: 1;
    visibility: visible;
    transition: .5s
}

.mobile .v_addToCart .v_quantitySelectorOpened~.v_quantity_scene .v_quantity_popin,
.tablet .v_addToCart .v_quantitySelectorOpened~.v_quantity_scene .v_quantity_popin {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: .25s .5s
}

.mobile .v_addToCart .v_quantitySelectorOpened~.v_quantity_scene .v_quantity-popin-content,
.tablet .v_addToCart .v_quantitySelectorOpened~.v_quantity_scene .v_quantity-popin-content {
    opacity: 1;
    visibility: visible;
    transition: .5s .5s
}

.mobile .v_addToCart .v_close,
.tablet .v_addToCart .v_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 15vmin;
    height: 15vmin;
    text-align: center;
    transition: .25s
}

.mobile .v_addToCart .v_close i,
.tablet .v_addToCart .v_close i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 14vmin
}

.mobile .v_addToCart .v_close:focus,
.mobile .v_addToCart .v_close:hover,
.tablet .v_addToCart .v_close:focus,
.tablet .v_addToCart .v_close:hover {
    color: #418200
}

.mobile .v_addToCart .v_close:focus,
.tablet .v_addToCart .v_close:focus {
    color: #fff;
    background: #418200
}

.mobile .v_addToCart form,
.tablet .v_addToCart form {
    display: table;
    width: 100%;
    height: 100%
}

.mobile .v_addToCart .v_productNameRow,
.tablet .v_addToCart .v_productNameRow {
    display: table-row;
    vertical-align: middle
}

.mobile .v_addToCart .v_productNameRow p,
.tablet .v_addToCart .v_productNameRow p {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    text-transform: uppercase;
    color: #418200;
    line-height: 1.5;
    text-align: center;
    letter-spacing: 0;
    margin: 0 !important
}

.mobile .v_addToCart .v_quantitySelectorRow,
.tablet .v_addToCart .v_quantitySelectorRow {
    display: table-row
}

.mobile .v_addToCart .v_quantitySelectorRow ul,
.tablet .v_addToCart .v_quantitySelectorRow ul {
    display: table-cell;
    vertical-align: middle
}

.mobile .v_addToCart .v_quantitySelectorRow ul li button,
.tablet .v_addToCart .v_quantitySelectorRow ul li button {
    text-align: center;
    width: 100%;
    height: 100%;
    transition: .25s
}

.mobile .v_addToCart .v_quantitySelectorRow ul li button.v_activeQuantity,
.tablet .v_addToCart .v_quantitySelectorRow ul li button.v_activeQuantity {
    color: #418200;
    background: #fff
}

.mobile .v_addToCart .v_quantitySelectorRow ul li button:focus,
.mobile .v_addToCart .v_quantitySelectorRow ul li button:hover,
.tablet .v_addToCart .v_quantitySelectorRow ul li button:focus,
.tablet .v_addToCart .v_quantitySelectorRow ul li button:hover {
    color: #fff;
    background: #418200
}

.mobile .v_addToCart .v_quantitySelectorRow ul li button:disabled,
.tablet .v_addToCart .v_quantitySelectorRow ul li button:disabled {
    color: inherit;
    background: inherit;
    opacity: .5
}

.mobile .v_addToCart .v_quantityOtherRow,
.tablet .v_addToCart .v_quantityOtherRow {
    display: table-row
}

.mobile .v_addToCart .v_quantityOtherRow .v_quantityOther,
.tablet .v_addToCart .v_quantityOtherRow .v_quantityOther {
    display: table-cell;
    vertical-align: middle
}

.mobile .v_addToCart .v_quantityOtherRow .v_quantityOther label.v_chooseQuantity,
.tablet .v_addToCart .v_quantityOtherRow .v_quantityOther label.v_chooseQuantity {
    display: none
}

.mobile .v_addToCart .v_quantityOtherRow .v_quantityOther input,
.tablet .v_addToCart .v_quantityOtherRow .v_quantityOther input {
    width: 75%;
    height: 2.5em;
    padding: 0 .5em;
    border-radius: 0;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 0 5vw rgba(0, 0, 0, .05);
    box-sizing: border-box;
    transition: .25s
}

.mobile .v_addToCart .v_quantityOtherRow .v_quantityOther input:focus,
.tablet .v_addToCart .v_quantityOtherRow .v_quantityOther input:focus {
    color: #418200;
    box-shadow: inset 0 0 0 1px #418200, 0 0 5vw rgba(0, 0, 0, .05), 0 0 1vw #418200
}

.mobile .v_addToCart .v_quantityOtherRow .v_quantityOther input:focus~.v_valid,
.tablet .v_addToCart .v_quantityOtherRow .v_quantityOther input:focus~.v_valid {
    box-shadow: 0 0 5vw rgba(0, 0, 0, .05), 0 0 1vw #418200
}

.mobile .v_addToCart .v_quantityOtherRow .v_valid,
.tablet .v_addToCart .v_quantityOtherRow .v_valid {
    background: #418200;
    color: #fff;
    width: 25%;
    height: 2.5em;
    text-align: center;
    text-transform: uppercase;
    text-shadow: .125em .125em 1px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5vw rgba(0, 0, 0, .05);
    transition: .25s
}

.mobile .v_addToCart .v_quantityOtherRow .v_valid:focus,
.mobile .v_addToCart .v_quantityOtherRow .v_valid:hover,
.tablet .v_addToCart .v_quantityOtherRow .v_valid:focus,
.tablet .v_addToCart .v_quantityOtherRow .v_valid:hover {
    background: #4e9c00
}

.mobile .v_addToCart .v_quantityOtherRow .v_valid:focus,
.tablet .v_addToCart .v_quantityOtherRow .v_valid:focus {
    box-shadow: 0 0 5vw rgba(0, 0, 0, .05), 0 0 0 5px #418200
}

.mobile .v_addToCart li,
.tablet .v_addToCart li {
    display: inline-block;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1);
    box-sizing: border-box;
    position: relative
}

@media screen and (orientation:landscape) {
    .mobile .v_addToCart li {
        width: 20%;
        height: 14vh;
        line-height: 14vh
    }

    .mobile .v_addToCart li:nth-child(5n+1) {
        border-left: 0
    }

    .mobile .v_addToCart li:nth-child(5n) {
        border-right: 0
    }

    .mobile .v_addToCart li:nth-child(-n+5) {
        border-top: 0
    }

    .mobile .v_addToCart li:nth-last-child(-n+5) {
        border-bottom: 0
    }
}

@media screen and (orientation:portrait) {
    .mobile .v_addToCart li {
        width: 33.33333%;
        height: 11vh;
        line-height: 11vh
    }

    .mobile .v_addToCart li:nth-child(3n+1) {
        border-left: 0
    }

    .mobile .v_addToCart li:nth-child(3n) {
        border-right: 0
    }

    .mobile .v_addToCart li:nth-child(-n+3) {
        border-top: 0
    }

    .mobile .v_addToCart li:nth-last-child(-n+3) {
        border-bottom: 0
    }
}

.tablet .v_addToCart .v_quantity_popin {
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 33vw;
    min-width: 25em;
    height: 33vw;
    min-height: 25em;
    box-sizing: border-box;
    box-shadow: inset 0 0 3em #fff;
    padding: 3em;
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2)
}

.tablet .v_addToCart .v_quantity-popin-content {
    padding: 0
}

.tablet .v_addToCart .v_quantitySelectorOpened+.v_quantity_scene .v_quantity_popin {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.tablet .v_addToCart .v_close {
    width: 3em;
    height: 3em
}

.tablet .v_addToCart .v_close i {
    font-size: 3em
}

.tablet .v_addToCart li {
    width: 20%;
    height: 4em;
    line-height: 4em
}

.tablet .v_addToCart li:nth-child(5n+1) {
    border-left: 0
}

.tablet .v_addToCart li:nth-child(5n) {
    border-right: 0
}

.tablet .v_addToCart li:nth-child(-n+5) {
    border-top: 0
}

.tablet .v_addToCart li:nth-last-child(-n+5) {
    border-bottom: 0
}

.QSOpened .vue_lightbox .v_lightboxFixed {
    -webkit-overflow-scrolling: auto !important
}

.desktop .v_QScenter .v_quantity_scene {
    -webkit-perspective: 150px;
    perspective: 150px;
    left: 50%;
    margin-left: 0
}

.desktop .v_QScenter .v_quantity_scene .v_quantity_popin {
    width: 14em
}

.mobile .v_home .v_screen {
    height: calc(100vh - 44px)
}

.mobile .v_home .v_intro .v_logos {
    display: table;
    width: 100%
}

.mobile .v_home .v_intro .v_content .v_choose>div {
    padding-bottom: 0
}

.mobile .v_home .v_intro .v_content .v_choose>div:after {
    content: "";
    display: block;
    margin: 0 auto;
    margin-top: .5em;
    width: 0;
    height: 0;
    border-left: .71429em solid transparent;
    border-right: .71429em solid transparent;
    border-top: 1.07143em solid #000
}

.mobile .v_home .v_intro .v_content .v_choose .v_logoAnimation {
    width: 3em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mobile .v_home .v_intro .v_content .v_choose .v_logoAnimation:first-child {
    left: 1em
}

.mobile .v_home .v_intro .v_content .v_choose .v_logoAnimation:nth-child(2) {
    right: 1em
}

.mobile .v_home .v_intro .v_content .v_choose strong {
    margin: 1em 5em;
    color: #646363;
    font-size: 1em;
    font-family: Nespresso-Regular
}

.mobile .v_home .v_intro .v_content .v_choose strong:after {
    display: none
}

.mobile .v_home .v_intro .v_content .v_choose .v_dots>.v_dot {
    opacity: 0;
    visibility: hidden
}

.mobile .v_home .v_intro .v_content .v_chooseCoffee p {
    margin: 1em 1.5em;
    font-size: 1.07143em
}

.mobile .v_home .v_intro .v_content .v_chooseCoffee .v_circle {
    position: relative
}

.mobile .v_home .v_intro .v_content .v_chooseCoffee .v_circle svg {
    height: 50vh
}

.mobile .v_home .v_intro .v_content .v_chooseCoffee .v_circle a>svg {
    height: 45vh
}

.v_home .v_intro .v_content {
    display: table;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden
}

.v_home .v_intro .v_content>div {
    display: table-row
}

.v_home .v_intro .v_content .v_chooseCoffee>div {
    vertical-align: middle;
    display: table-cell
}

.v_home .v_intro .v_content .v_chooseCoffee p {
    font-size: 1.14286em;
    text-align: center;
    margin: 0 2em
}

.v_home .v_intro .v_content .v_chooseCoffee .v_circle {
    width: 25%;
    position: relative
}

.v_home .v_intro .v_content .v_chooseCoffee .v_circle>a {
    display: block
}

.v_home .v_intro .v_content .v_chooseCoffee .v_circle svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 20em
}

.v_home .v_intro .v_content .v_chooseCoffee .v_circle a>svg {
    z-index: 1;
    height: 17.85714em
}

.v_home .v_intro .v_content .v_choose>div {
    position: relative;
    padding-bottom: 2em
}

.v_home .v_intro .v_content .v_choose strong {
    margin: 1em;
    line-height: 1.83333em;
    letter-spacing: .25em;
    display: block;
    font-size: 1.28571em;
    font-family: Nespresso-ExtraBold
}

.v_home .v_intro .v_content .v_choose strong:after {
    content: "";
    display: block;
    width: 20%;
    border-top: 2px solid #000;
    margin: 0 auto;
    margin-top: .5em;
    width: 0;
    transition: width .4s ease-in 0s;
    margin-top: 1em
}

.v_home .v_intro .v_content .v_choose strong.v_underline:after {
    width: 20%
}

.v_dot[data-v-1ca4e38e] {
    background-color: #000;
    width: 3px;
    height: 3px;
    margin: 0 auto;
    margin-top: .5em;
    border-radius: 50%
}

.v_explorationsLogo {
    display: inline-block;
    border: 3px solid #000;
    color: #000;
    padding: .3em 2em;
    background-color: #fff
}

.v_explorationsLogo h2,
.v_explorationsLogo h3 {
    text-align: center
}

.v_explorationsLogo h2 {
    margin: 0;
    font-size: 1.3em
}

.v_explorationsLogo h3 {
    font-family: Nespresso-Bold;
    margin: .5em 0;
    font-size: .71429em;
    color: #986f38;
    letter-spacing: normal
}

.vue .v_logoAnimation svg {
    opacity: 0;
    visibility: hidden
}

.vue .v_logosIntro {
    height: 28.42857em
}

.vue .v_logosIntro .v_explorationsLogo {
    max-width: 40%;
    -webkit-transform: translateY(12.5em);
    transform: translateY(12.5em);
    background-color: #fff
}

.vue .v_logosIntro .v_explorationsLogo,
.vue .v_logosIntro>svg {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.vue .v_logosIntro .v_explore {
    text-transform: uppercase;
    font-family: Nespresso-Bold;
    color: #8b6d4c;
    font-size: 1.07143em;
    position: absolute;
    bottom: 15%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.mobile .v_logosIntro {
    position: relative
}

.mobile .v_logosIntro svg {
    height: 50vh
}

.mobile .v_logosIntro>svg {
    height: 45vh
}

.mobile .vue .v_socials {
    padding: 2em 0
}

.vue .v_socials {
    padding: 0 0 3em
}

.vue .v_socials>button,
.vue .v_socials a {
    display: inline-block;
    vertical-align: middle
}

.vue .v_socials img {
    margin: 0 1.3em;
    height: 2.14286em
}

.v_screenEnd .v_dots {
    margin-bottom: 1em
}

.v_screenEnd .v_img,
.v_screenEnd img {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 3.92857em
}

.v_screenEnd .v_caret:after {
    content: "";
    display: block;
    margin: 0 auto;
    margin-top: .5em;
    width: 0;
    height: 0;
    border-left: .71429em solid transparent;
    border-right: .71429em solid transparent;
    border-top: 1.07143em solid #000
}

.mobile .v_story {
    margin-bottom: 4em
}

.mobile .v_story .v_main {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.mobile .v_story .v_main .v_introduction {
    vertical-align: bottom
}

.mobile .v_story .v_main .v_introduction p {
    width: inherit;
    padding: 1em
}

.mobile .v_story .v_navigation {
    padding: 0
}

.mobile .v_story .v_navigation ul li a {
    font-size: 1.07143em;
    letter-spacing: .25em
}

.mobile .v_story .v_navigation ul li a.router-link-active {
    color: #fff
}

.mobile .v_story .v_navigation .v_scrollDown {
    display: table-cell;
    background-repeat: no-repeat;
    background-size: cover
}

.mobile .v_story.v_kenya .v_main .v_introduction {
    vertical-align: middle
}

.mobile .v_story.v_kenya a.router-link-active {
    background-color: #e8a230
}

.mobile .v_story.v_laos a.router-link-active {
    background-color: #336
}

.mobile .v_story.v_ethiopia a.router-link-active {
    background-color: #eb6e48
}

.mobile .v_story.v_colombia ul li a.router-link-active {
    color: #000;
    background-color: #f3efd9
}

.desktop .v_story .v_content,
.tablet .v_story .v_content {
    padding: 0 6em
}

.desktop .v_story .v_main,
.tablet .v_story .v_main {
    display: table;
    height: 100vh;
    width: 100%
}

.desktop .v_story .v_main>div,
.tablet .v_story .v_main>div {
    display: table-row
}

.desktop .v_story .v_main>div>div,
.tablet .v_story .v_main>div>div {
    display: table-cell;
    vertical-align: bottom
}

.desktop .v_story .v_main .v_introduction,
.tablet .v_story .v_main .v_introduction {
    vertical-align: middle
}

.desktop .v_story .v_main .v_introduction .v_screenEnd .v_img,
.tablet .v_story .v_main .v_introduction .v_screenEnd .v_img {
    cursor: pointer
}

.desktop .v_story .v_navigation,
.tablet .v_story .v_navigation {
    padding-top: 2em
}

.desktop .v_story .v_navigation ul,
.tablet .v_story .v_navigation ul {
    width: 70%;
    margin: 0 auto
}

.desktop .v_story .v_navigation ul li a.router-link-active,
.tablet .v_story .v_navigation ul li a.router-link-active {
    color: #000
}

.desktop .v_story .v_navigation ul li a.router-link-active:after,
.tablet .v_story .v_navigation ul li a.router-link-active:after {
    content: "";
    display: block;
    width: 20%;
    border-top: 2px solid #000;
    margin: 0 auto;
    margin-top: .5em
}

.desktop .v_story .v_navigation ul li a.router-link-active:hover:after,
.tablet .v_story .v_navigation ul li a.router-link-active:hover:after {
    border-top-color: #fff
}

.desktop .v_story .v_navigation ul li a:hover,
.tablet .v_story .v_navigation ul li a:hover {
    color: #fff
}

.v_story .v_imageWrapper {
    background-size: cover
}

.v_story .v_imageWrapper,
.v_story .v_shapeWrapper {
    background-repeat: no-repeat;
    background-position: 50%
}

.v_story .v_shapeWrapper {
    background-size: contain
}

.v_story .v_format_16_9 {
    height: 25.39286em
}

.v_story .v_format_4_3 {
    height: 33.85714em
}

.v_story .v_format_5_2 {
    height: 18.05714em
}

.v_story .v_format_4_5 {
    height: 56.42857em
}

.v_story .v_portrait {
    height: 32.35714em
}

.v_story .v_format_square {
    height: 21.57143em
}

.v_story .v_main {
    position: relative
}

.v_story .v_main .v_introduction .v_explorationsLogo {
    margin-bottom: 2em
}

.v_story .v_main .v_introduction>h3 {
    font-size: 2.14286em;
    width: 60%;
    margin: 0 auto
}

.v_story .v_main .v_introduction>h3:after {
    content: "";
    display: block;
    width: 20%;
    border-top: 2px solid #000;
    margin: 0 auto;
    margin-top: .5em
}

.v_story .v_main .v_introduction p {
    text-align: center;
    font-size: 1.21429em;
    padding: 2em;
    width: 70%;
    margin: 0 auto
}

.v_story .v_main .v_introduction .v_sleeves .v_img {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 10em
}

.v_story .v_main .v_introduction .v_addToCart,
.v_story .v_main .v_introduction .v_screenEnd {
    margin: 1em 0
}

.v_story .v_navigation .v_compo h3 {
    padding: 0 4em;
    margin: 1em auto;
    font-size: 2.14286em
}

.v_story .v_navigation .v_compo h3:after {
    content: "";
    display: block;
    width: 20%;
    border-top: 2px solid #000;
    margin: 0 auto;
    margin-top: .2em
}

.v_story .v_navigation ul li {
    list-style-type: none
}

.v_story .v_navigation ul li a {
    display: block;
    color: #9d9d9c;
    font-size: 1em;
    text-transform: uppercase;
    font-family: Nespresso-ExtraBold;
    padding: 1em 3em
}

.v_chapter .v_wysiwyg {
    padding: 3em
}

.v_chapter .v_wysiwyg strong {
    text-transform: inherit
}

.v_chapter .v_wysiwyg p {
    margin-bottom: 1em
}

.v_chapter .v_wysiwyg p:last-child {
    margin-bottom: inherit
}

.v_chapter img.v_imageHalfSize {
    width: 50%
}

.v_chapter .v_cover {
    position: relative
}

.v_chapter .v_cover p {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-family: Nespresso-ExtraBold;
    font-size: 2.14286em;
    width: 85%;
    margin: 0 auto
}

.v_chapter .v_cover p:after {
    content: "";
    display: block;
    width: 20%;
    border-top: 2px solid #000;
    margin: 0 auto;
    margin-top: .5em;
    border-color: #fff
}

.mobile .v_chapter .v_introduction h3 {
    width: 40%
}

.mobile .v_chapter .v_introduction .v_shapeWrapper {
    margin: 0 auto
}

.mobile .v_chapter .v_introduction.v_isOrder .v_aromaticProfile .v_shapeWrapper {
    height: 20vw
}

.mobile .v_chapter .v_introduction.v_isOrder .v_cup .v_shapeWrapper {
    height: 40vw
}

.v_chapter .v_introduction h3 {
    line-height: 1.33333em;
    margin: 2em auto
}

.v_chapter .v_introduction h3:after {
    content: "";
    display: block;
    width: 20%;
    border-top: 2px solid #000;
    margin: 0 auto;
    margin-top: .5em
}

.v_chapter .v_introduction.v_isOrder>div:nth-child(2) {
    display: table;
    width: 100%;
    margin-bottom: 3em
}

.v_chapter .v_introduction.v_isOrder>div:nth-child(2)>div {
    display: table-cell;
    vertical-align: middle
}

.v_chapter .v_introduction.v_isOrder h3 {
    margin-top: 0
}

.v_chapter .v_introduction.v_isOrder .v_aromaticProfile {
    width: 30%
}

.v_chapter .v_introduction.v_isOrder .v_aromaticProfile .v_shapeWrapper {
    height: 5.71429em
}

.v_chapter .v_introduction.v_isOrder .v_aromaticProfile strong {
    display: block;
    margin-top: 1em
}

.v_chapter .v_introduction.v_isOrder .v_cup {
    width: 40%
}

.desktop .v_video,
.tablet .v_video {
    height: 25.39286em;
    padding: 5em 0
}

.v_video iframe {
    width: 100%;
    height: 100%
}