@-webkit-keyframes ol_moving_1920 {
    0% {
        -webkit-transform: translate(-50%, -112.875em);
        transform: translate(-50%, -112.875em)
    }

    to {
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@keyframes ol_moving_1920 {
    0% {
        -webkit-transform: translate(-50%, -112.875em);
        transform: translate(-50%, -112.875em)F
    }

    to {
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@-webkit-keyframes ol_moving_2560 {
    0% {
        -webkit-transform: translate(-50%, -170.16667em);
        transform: translate(-50%, -170.16667em)
    }

    to {
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@keyframes ol_moving_2560 {
    0% {
        -webkit-transform: translate(-50%, -170.16667em);
        transform: translate(-50%, -170.16667em)
    }

    to {
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@-webkit-keyframes vl_moving_1920 {
    0% {
        -webkit-transform: translate(-50%, -44.125em);
        transform: translate(-50%, -44.125em)
    }

    to {
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@keyframes vl_moving_1920 {
    0% {
        -webkit-transform: translate(-50%, -44.125em);
        transform: translate(-50%, -44.125em)
    }

    to {
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@-webkit-keyframes vl_moving_2560 {
    0% {
        -webkit-transform: translate(-50%, -78.5em);
        transform: translate(-50%, -78.5em)
    }

    to {
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@keyframes vl_moving_2560 {
    0% {
        -webkit-transform: translate(-50%, -78.5em);
        transform: translate(-50%, -78.5em)
    }

    to {
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

.g .g_hero:not(.g_banner) {
    padding-top: 60px
}

.g .g_hero .g_coffeeBg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.g .g_hero .g_coffeeOverflow {
    height: calc(100% + 3em);
    -webkit-overflow-scrolling: touch;
    background-size: cover;
    background-position: 50%
}

.g .g_hero .g_coffeeTable {
    display: table;
    width: 100%;
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.g .g_hero .g_coffeeCell {
    display: table-cell;
    vertical-align: bottom;
    height: 100%;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s
}

.g .g_hero .g_coffeeCell.ol_chiaro .g_placeholder {
    background-image: url("../images/ol_chiaro.jpg")
}

.g .g_hero .g_coffeeCell.ol_scuro .g_placeholder {
    background-image: url("../images/ol_scuro.jpg")
}

.g .g_hero .g_coffeeCell.ol_corto .g_placeholder {
    background-image: url("../images/ol_corto.jpg")
}

.g .g_hero .g_coffeeCell.vl_bianco_leggero .g_placeholder {
    background-image: url("../images/vl_bianco_leggero.jpg")
}

.g .g_hero .g_coffeeCell.vl_bianco_forte .g_placeholder {
    background-image: url("../images/vl_bianco_forte.jpg")
}

.g .g_hero .g_debugIE {
    width: 100%;
    height: 100%;
    position: relative
}

.g .g_hero .g_debugIETable {
    display: table;
    height: 100%;
    width: 100%
}

.g .g_hero .g_debugIECell {
    display: table-cell;
    vertical-align: bottom;
    height: 100%;
    padding: 0 0 6em
}

.g .g_hero .g_overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .7)), color-stop(50%, transparent));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .7) 0, transparent 50%)
}

.g .g_hero .g_bgTranslate {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.g .g_hero .g_bgTranslate .g_bgImg {
    position: absolute;
    background-size: cover;
    background-position: bottom;
    -webkit-transition: 1s;
    transition: 1s
}

.g .g_hero .g_bgTranslate .g_placeholder {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    background-position: center -44em !important
}

.g .g_hero .g_poster {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.g .g_hero .g_poster,
.g .g_hero .g_shape {
    position: absolute;
    background-position: 50%
}

.g .g_hero .g_shape {
    width: 20em;
    height: 20em;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: -2em;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .25s;
    transition: .25s
}

.g .g_hero .g_clickableZone {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 7em;
    left: 0;
    z-index: 1;
    cursor: pointer
}

.g .g_hero .g_capsule,
.g .g_hero .g_capsuleAndText {
    -webkit-transition: .5s;
    transition: .5s
}

.g .g_hero .g_capsule {
    position: relative
}

.g .g_hero .g_ol_placeholder,
.g .g_hero .g_shadow,
.g .g_hero .g_visual,
.g .g_hero .g_vl_placeholder {
    display: block;
    margin: 0 auto .5em;
    position: relative;
    width: 11em
}

.g .g_hero .g_ol_placeholder {
    background-image: url("../images/ol_placeholder.png")
}

.g .g_hero .g_ol_placeholder,
.g .g_hero .g_vl_placeholder {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 5.875em
}

.g .g_hero .g_vl_placeholder {
    background-image: url("../images/vl_placeholder.png")
}

.g .g_hero .g_real {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.g .g_hero .g_shadow {
    margin-left: -.5em;
    opacity: .25
}

.g .g_hero .g_shadow,
.g .g_hero .g_video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: .5em
}

.g .g_hero .g_video {
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto;
    width: 6.375em;
    height: 6.375em;
    -webkit-mask-position: center center;
    mask-position: center center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s
}

.g .g_hero .g_video video {
    position: relative
}

.g_edge .g .g_hero .g_video,
.g_ie .g .g_hero .g_video {
    display: none
}

.g .g_hero .g_h4 {
    position: relative;
    margin-bottom: .25em;
    -webkit-transition: .25s;
    transition: .25s
}

.g .g_hero .g_infos {
    width: 20em;
    padding: 0 2em;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s
}

.g .g_hero .g_banner_touch_infos {
    display: none
}

.g .g_hero .g_link {
    color: #ae8d5b;
    margin-left: .25em;
    z-index: 1;
    position: relative
}

.g .g_hero .g_txt_M:first-letter p {
    text-transform: uppercase
}

.g .g_hero .g_addToCartContainer {
    min-height: 4.625em
}

.g .g_hero .g_productPrice[data-disabled=true] {
    color: hsla(0, 0%, 100%, .3)
}

.g .g_hero .g_btnBuy[disabled=disabled] {
    background: hsla(0, 0%, 100%, .3)
}

.g .g_hero .g_btnBuy[disabled=disabled] i {
    color: #000
}

.g .g_hero .g_restrict {
    pointer-events: none;
    -webkit-transition: 1s;
    transition: 1s
}

.g .g_hero .g_content {
    padding-top: calc(2vw + 1em) !important;
    padding-bottom: calc(8vw + 10em);
    height: auto
}

.g .g_hero .g_logo {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: calc(15vw + 3em);
    margin-bottom: 0;
    position: relative
}

.g .g_hero .g_logoShape {
    top: 0;
    bottom: 0
}

.g .g_hero .g_logoInside>div,
.g .g_hero .g_logoShape {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    left: 0
}

.g .g_hero .g_logoInside>div {
    top: 29%;
    bottom: 10%
}

.g .g_hero .g_logoShadow {
    position: absolute;
    opacity: .5;
    -webkit-filter: brightness(0) blur(2px);
    filter: brightness(0) blur(2px)
}

.g_ie .g .g_hero .g_logoShadow {
    display: none
}

.g .g_hero .g_h2 {
    font-size: 1.75em;
    font-weight: 400;
    text-shadow: 0 0 1px rgba(0, 0, 0, .25), 0 0 5px rgba(0, 0, 0, .5);
    width: 66%
}

@media screen and (min-width:768px) {
    .g .g_hero .g_productPrice {
        font-size: 1em
    }
}

.g .g_hero .g_posterAndTranslate {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.g .g_hero .g_poster {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .5s 5s;
    transition: .5s 5s
}

.g .g_hero .g_addToCart,
.g .g_hero .g_capsuleAndText {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none
}

.g .g_hero .g_coffeeCell:first-child .g_posterAndTranslate {
    -webkit-transition: transform .375s .5s, opacity .375s 1.25s;
    -webkit-transition: opacity .375s 1.25s, -webkit-transform .375s .5s;
    transition: opacity .375s 1.25s, -webkit-transform .375s .5s;
    transition: transform .375s .5s, opacity .375s 1.25s;
    transition: transform .375s .5s, opacity .375s 1.25s, -webkit-transform .375s .5s
}

.g .g_hero .g_coffeeCell:first-child .g_capsuleAndTextAndATC {
    -webkit-transition: .375s 1.5s;
    transition: .375s 1.5s
}

.g .g_hero .g_coffeeCell:nth-child(2) .g_posterAndTranslate {
    -webkit-transition: transform .5s .625s, opacity .5s 1.375s;
    -webkit-transition: opacity .5s 1.375s, -webkit-transform .5s .625s;
    transition: opacity .5s 1.375s, -webkit-transform .5s .625s;
    transition: transform .5s .625s, opacity .5s 1.375s;
    transition: transform .5s .625s, opacity .5s 1.375s, -webkit-transform .5s .625s
}

.g .g_hero .g_coffeeCell:nth-child(2) .g_capsuleAndTextAndATC {
    -webkit-transition: .5s 1.625s;
    transition: .5s 1.625s
}

.g .g_hero .g_coffeeCell:nth-child(3) .g_posterAndTranslate {
    -webkit-transition: transform .625s .75s, opacity .625s 1.5s;
    -webkit-transition: opacity .625s 1.5s, -webkit-transform .625s .75s;
    transition: opacity .625s 1.5s, -webkit-transform .625s .75s;
    transition: transform .625s .75s, opacity .625s 1.5s;
    transition: transform .625s .75s, opacity .625s 1.5s, -webkit-transform .625s .75s
}

.g .g_hero .g_coffeeCell:nth-child(3) .g_capsuleAndTextAndATC {
    -webkit-transition: .625s 1.75s;
    transition: .625s 1.75s
}

.g .g_hero .g_coffeeCell:nth-child(4) .g_posterAndTranslate {
    -webkit-transition: transform .75s .875s, opacity .75s 1.625s;
    -webkit-transition: opacity .75s 1.625s, -webkit-transform .75s .875s;
    transition: opacity .75s 1.625s, -webkit-transform .75s .875s;
    transition: transform .75s .875s, opacity .75s 1.625s;
    transition: transform .75s .875s, opacity .75s 1.625s, -webkit-transform .75s .875s
}

.g .g_hero .g_coffeeCell:nth-child(4) .g_capsuleAndTextAndATC {
    -webkit-transition: .75s 1.875s;
    transition: .75s 1.875s
}

.g .g_hero .g_coffeeCell:nth-child(5) .g_posterAndTranslate {
    -webkit-transition: transform .875s 1s, opacity .875s 1.75s;
    -webkit-transition: opacity .875s 1.75s, -webkit-transform .875s 1s;
    transition: opacity .875s 1.75s, -webkit-transform .875s 1s;
    transition: transform .875s 1s, opacity .875s 1.75s;
    transition: transform .875s 1s, opacity .875s 1.75s, -webkit-transform .875s 1s
}

.g .g_hero .g_coffeeCell:nth-child(5) .g_capsuleAndTextAndATC {
    -webkit-transition: .875s 2s;
    transition: .875s 2s
}

.g .g_hero .g_coffeeCell:nth-child(6) .g_posterAndTranslate {
    -webkit-transition: transform 1s 1.125s, opacity 1s 1.875s;
    -webkit-transition: opacity 1s 1.875s, -webkit-transform 1s 1.125s;
    transition: opacity 1s 1.875s, -webkit-transform 1s 1.125s;
    transition: transform 1s 1.125s, opacity 1s 1.875s;
    transition: transform 1s 1.125s, opacity 1s 1.875s, -webkit-transform 1s 1.125s
}

.g .g_hero .g_coffeeCell:nth-child(6) .g_capsuleAndTextAndATC {
    -webkit-transition: 1s 2.125s;
    transition: 1s 2.125s
}

.g .g_hero .g_coffeeCell:nth-child(7) .g_posterAndTranslate {
    -webkit-transition: transform 1.125s 1.25s, opacity 1.125s 2s;
    -webkit-transition: opacity 1.125s 2s, -webkit-transform 1.125s 1.25s;
    transition: opacity 1.125s 2s, -webkit-transform 1.125s 1.25s;
    transition: transform 1.125s 1.25s, opacity 1.125s 2s;
    transition: transform 1.125s 1.25s, opacity 1.125s 2s, -webkit-transform 1.125s 1.25s
}

.g .g_hero .g_coffeeCell:nth-child(7) .g_capsuleAndTextAndATC {
    -webkit-transition: 1.125s 2.25s;
    transition: 1.125s 2.25s
}

.g .g_hero .g_restrict .g_logo {
    -webkit-transition: 2s 2s;
    transition: 2s 2s;
    opacity: 1;
    visibility: visible
}

.g .g_hero .g_restrict .g_logo .g_logoInside {
    -webkit-transition: 2s 3s;
    transition: 2s 3s;
    opacity: 1;
    visibility: visible
}

.g .g_hero .g_restrict .g_h2 {
    -webkit-transition: 2s 4s;
    transition: 2s 4s;
    opacity: 1;
    visibility: visible
}

html:not(.g_mounted) .g .g_hero .g_posterAndTranslate {
    opacity: 0;
    -webkit-transform: translateY(-2em);
    transform: translateY(-2em)
}

html:not(.g_mounted) .g .g_hero .g_poster {
    opacity: 0;
    visibility: hidden
}

html:not(.g_mounted) .g .g_hero .g_capsuleAndTextAndATC {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-2em);
    transform: translateY(-2em)
}

html:not(.g_mounted) .g .g_hero .g_restrict .g_h2,
html:not(.g_mounted) .g .g_hero .g_restrict .g_logo,
html:not(.g_mounted) .g .g_hero .g_restrict .g_logo .g_logoInside {
    opacity: 0;
    visibility: hidden
}

.g_ol_placeholder,
.g_placeholder,
.g_vl_placeholder {
    -webkit-transition: .25s;
    transition: .25s
}

.g_bgTranslate .g_bgImg.g_imgSrc_loaded+.g_placeholder,
.g_real.g_imgSrc_loaded+.g_ol_placeholder,
.g_real.g_imgSrc_loaded+.g_vl_placeholder {
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width:767px) {
    .g .g_hero .g_restrict .g_logo {
        -webkit-transition: 2s 1.5s;
        transition: 2s 1.5s
    }

    .g .g_hero .g_restrict .g_logo .g_logoInside {
        -webkit-transition: 2s 2.5s;
        transition: 2s 2.5s
    }

    .g .g_hero .g_restrict .g_h2 {
        -webkit-transition: 2s 3.5s;
        transition: 2s 3.5s
    }
}

@media screen and (min-width:1280px) {
    html:not(.g_isTouch) .g .g_hero .g_bgTranslate {
        -webkit-transition: 1s cubic-bezier(.25, .46, .45, .94);
        transition: 1s cubic-bezier(.25, .46, .45, .94)
    }

    html:not(.g_isTouch) .g .g_hero .g_bgTranslate .g_bgImg {
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }

    html:not(.g_isTouch) .g .g_hero .g_overlay:after,
    html:not(.g_isTouch) .g .g_hero .g_overlay:before {
        content: "";
        background: transparent;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-transition: .5s;
        transition: .5s
    }

    html:not(.g_isTouch) .g .g_hero .g_overlay:after {
        background-color: transparent;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .5)), color-stop(75%, transparent));
        background-image: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, transparent 75%);
        opacity: 0
    }

    html:not(.g_isTouch) .g .g_hero .g_coffeeCell {
        width: 33.33333%
    }

    html:not(.g_isTouch) .g .g_hero .g_bgImg {
        width: 40em;
        height: 171.875em;
        -webkit-animation: ol_moving_1920 25s linear infinite paused;
        animation: ol_moving_1920 25s linear infinite paused
    }
}

@media screen and (min-width:1280px) and (min-width:2560px) {
    html:not(.g_isTouch) .g .g_hero .g_bgImg {
        width: 53.33333em;
        height: 229.16667em;
        -webkit-animation: ol_moving_2560 25s linear infinite paused;
        animation: ol_moving_2560 25s linear infinite paused
    }
}

@media screen and (min-width:1280px) {
    html:not(.g_isTouch) .g .g_hero .g_poster {
        background-size: 80em auto
    }
}

@media screen and (min-width:1280px) and (min-width:2560px) {
    html:not(.g_isTouch) .g .g_hero .g_poster {
        background-size: 80em auto
    }
}

@media screen and (min-width:1280px) {
    html:not(.g_isTouch) .g .g_hero .g_coffeeBg.g_opened .g_coffeeCell {
        width: 25%
    }

    html:not(.g_isTouch) .g .g_hero .g_coffeeBg.g_opened .g_coffeeCell.g_selected {
        width: 50% !important
    }

    html:not(.g_isTouch) .g.g_isBothTech .g_hero .g_coffeeCell {
        width: 20%
    }

    html:not(.g_isTouch) .g.g_isBothTech .g_hero .g_bgImg {
        width: 24em;
        height: 154.6875em;
        -webkit-animation: vl_moving_1920 15s linear infinite paused;
        animation: vl_moving_1920 15s linear infinite paused
    }
}

@media screen and (min-width:1280px) and (min-width:2560px) {
    html:not(.g_isTouch) .g.g_isBothTech .g_hero .g_bgImg {
        width: 32em;
        height: 137.5em;
        -webkit-animation: vl_moving_2560 15s linear infinite paused;
        animation: vl_moving_2560 15s linear infinite paused
    }
}

@media screen and (min-width:1280px) {
    html:not(.g_isTouch) .g.g_isBothTech .g_hero .g_poster {
        background-size: 48em auto
    }
}

@media screen and (min-width:1280px) and (min-width:2560px) {
    html:not(.g_isTouch) .g.g_isBothTech .g_hero .g_poster {
        background-size: 53.33333em auto
    }
}

@media screen and (min-width:1280px) {
    html:not(.g_isTouch) .g.g_isBothTech .g_hero .g_coffeeBg.g_opened .g_coffeeCell {
        width: 16.66667%
    }

    html:not(.g_isTouch) .g.g_isBothTech .g_hero .g_coffeeBg.g_opened .g_coffeeCell.g_selected {
        width: 33.33333% !important
    }

    html:not(.g_isTouch) .g .g_hero .g_coffeeCell:not(.g_selected):hover .g_bgTranslate .g_bgImg {
        -webkit-animation-play-state: running;
        animation-play-state: running
    }

    html:not(.g_isTouch) .g .g_hero .g_coffeeCell:not(.g_selected):hover .g_overlay:before {
        background-color: hsla(0, 0%, 100%, .05)
    }

    html:not(.g_isTouch) .g .g_hero .g_coffeeCell:not(.g_selected):hover .g_capsule {
        -webkit-transform: scale(1.1) translateY(-.25em);
        transform: scale(1.1) translateY(-.25em)
    }

    html:not(.g_isTouch) .g .g_hero .g_coffeeCell:not(.g_selected):hover .g_video {
        opacity: 1;
        visibility: visible
    }

    html:not(.g_isTouch) .g .g_hero .g_coffeeCell:not(.g_selected):hover .g_bgTranslate {
        -webkit-transform: translateY(-.7525em);
        transform: translateY(-.7525em)
    }
}

@media screen and (min-width:1280px) and (min-width:2560px) {
    html:not(.g_isTouch) .g .g_hero .g_coffeeCell:not(.g_selected):hover .g_bgTranslate {
        -webkit-transform: translateY(-1.13444em);
        transform: translateY(-1.13444em)
    }
}

@media screen and (min-width:1280px) {
    html:not(.g_isTouch) .g.g_isBothTech .g_hero .g_coffeeCell:not(.g_selected):hover .g_bgTranslate {
        -webkit-transform: translateY(-.49028em);
        transform: translateY(-.49028em)
    }
}

@media screen and (min-width:1280px) and (min-width:2560px) {
    html:not(.g_isTouch) .g.g_isBothTech .g_hero .g_coffeeCell:not(.g_selected):hover .g_bgTranslate {
        -webkit-transform: translateY(-.87222em);
        transform: translateY(-.87222em)
    }
}

@media screen and (min-width:1280px) {
    html:not(.g_isTouch) .g .g_hero .g_coffeeBg.g_opened+.g_restrict {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .5s;
        transition: .5s
    }

    html:not(.g_isTouch) .g .g_hero .g_coffeeBg.g_opened .g_coffeeCell.g_selected .g_bgImg {
        -webkit-transition: .25s;
        transition: .25s;
        opacity: 0;
        visibility: hidden
    }

    html:not(.g_isTouch) .g .g_hero .g_coffeeBg.g_opened .g_coffeeCell.g_selected .g_capsule {
        -webkit-transform: scale(1.8) translateY(-1.8em);
        transform: scale(1.8) translateY(-1.8em)
    }

    html:not(.g_isTouch) .g .g_hero .g_coffeeBg.g_opened .g_coffeeCell.g_selected .g_capsuleAndText {
        -webkit-transform: translateY(-6.5em);
        transform: translateY(-6.5em)
    }

    html:not(.g_isTouch) .g .g_hero .g_coffeeBg.g_opened .g_coffeeCell.g_selected .g_capsuleAndText .g_h4 {
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }

    html:not(.g_isTouch) .g .g_hero .g_coffeeBg.g_opened .g_coffeeCell.g_selected .g_infos {
        opacity: 1;
        visibility: visible
    }

    html:not(.g_isTouch) .g .g_hero .g_coffeeBg.g_opened .g_coffeeCell.g_selected .g_overlay:after {
        opacity: 0
    }

    html:not(.g_isTouch) .g .g_hero .g_coffeeBg.g_opened .g_coffeeCell.g_selected .g_clickableZone {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 14em;
        left: 0
    }

    html:not(.g_isTouch) .g .g_hero .g_coffeeBg.g_opened .g_coffeeCell.g_selected:hover .g_overlay:before {
        background-color: hsla(0, 0%, 100%, .05)
    }
}

html:not(.g_isTouch) .g .g_hero .g_coffeeCell:not(.g_selected):first-child .g_addToCart .g_quantity_scene {
    -webkit-transform: translate(-33.33%, -100%);
    transform: translate(-33.33%, -100%)
}

html:not(.g_isTouch) .g .g_hero .g_coffeeCell:not(.g_selected):first-child .g_addToCart .g_quantity_scene .g_quantity_popin:after,
html:not(.g_isTouch) .g .g_hero .g_coffeeCell:not(.g_selected):first-child .g_addToCart .g_quantity_scene .g_quantity_popin:before {
    bottom: 1%;
    left: 33.33%
}

html:not(.g_isTouch) .g .g_hero .g_coffeeCell:not(.g_selected):last-child .g_addToCart .g_quantity_scene {
    -webkit-transform: translate(-66.66%, -100%);
    transform: translate(-66.66%, -100%)
}

html:not(.g_isTouch) .g .g_hero .g_coffeeCell:not(.g_selected):last-child .g_addToCart .g_quantity_scene .g_quantity_popin:after,
html:not(.g_isTouch) .g .g_hero .g_coffeeCell:not(.g_selected):last-child .g_addToCart .g_quantity_scene .g_quantity_popin:before {
    bottom: 1%;
    left: 66.66%
}

.g_isTouch.QSOpened .g .g_hero .g_coffeeOverflow {
    -webkit-overflow-scrolling: auto
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .g .g_hero .g_coffeeTable {
        min-width: 100vw
    }

    .g .g_hero .g_coffeeOverflow {
        overflow: auto
    }

    .g .g_hero .g_bgTranslate .g_bgImg {
        width: 22.22222vw
    }

    .g .g_hero .g_infos {
        display: none
    }

    .g .g_hero .g_overlay {
        background-color: rgba(0, 0, 0, .1);
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(0, 0, 0, .8)), color-stop(66%, rgba(0, 0, 0, .1)));
        background-image: linear-gradient(0deg, rgba(0, 0, 0, .8) 20%, rgba(0, 0, 0, .1) 66%)
    }

    .g .g_hero .g_content {
        height: 75vw;
        padding-bottom: 17em
    }

    .g:not(.g_isBothTech) .g_hero .g_coffeeTable {
        width: 66.66667vw !important
    }

    .g.g_isBothTech .g_hero .g_coffeeTable {
        width: 111.11111vw !important
    }
}

@media screen and (max-width:767px) {
    .g .g_hero:not(.g_banner) {
        padding-top: 1.875em
    }

    .g .g_hero .g_coffeeOverflow {
        overflow: auto;
        width: 100vw
    }

    .g .g_hero .g_bgTranslate .g_bgImg {
        left: 0;
        width: 40vw;
        height: 100%
    }

    .g .g_hero .g_overlay {
        background-color: rgba(0, 0, 0, .1);
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(0, 0, 0, .8)), color-stop(66%, rgba(0, 0, 0, .1)));
        background-image: linear-gradient(0deg, rgba(0, 0, 0, .8) 20%, rgba(0, 0, 0, .1) 66%)
    }

    .g .g_hero .g_ol_placeholder,
    .g .g_hero .g_shadow,
    .g .g_hero .g_visual,
    .g .g_hero .g_vl_placeholder {
        width: 8.75em;
        margin-bottom: 0
    }

    .g .g_hero .g_ol_placeholder,
    .g .g_hero .g_vl_placeholder {
        opacity: .5
    }

    .g .g_hero .g_content {
        vertical-align: top;
        padding-top: 0 !important;
        padding-bottom: 17em
    }

    .g .g_hero.g_banner .g_content {
        padding-bottom: 18em
    }

    .g .g_hero .g_logo {
        width: 106%;
        margin-left: -3%;
        height: 9em;
        margin-bottom: 1em !important
    }

    .g .g_hero .g_logoShadow {
        -webkit-filter: brightness(0) blur(1px);
        filter: brightness(0) blur(1px)
    }

    .g .g_hero .g_h2 {
        width: 80%;
        font-size: 1.5em;
        letter-spacing: .075em
    }

    .g .g_hero .g_addToCartCustom {
        margin-top: .5em
    }

    .g .g_hero .g_h4 {
        font-size: .9375em
    }

    .g .g_hero .vl_bianco_leggero .g_h4 {
        letter-spacing: .04em
    }

    .g .g_hero .vl_bianco_forte .g_h4 {
        letter-spacing: .08em
    }

    .g:not(.g_isBothTech) .g_hero .g_coffeeTable {
        width: 120vw !important
    }

    .g.g_isBothTech .g_hero .g_coffeeTable {
        width: 200vw !important
    }
}

.g_isTouch .g .g_hero .g_clickableZone {
    display: none
}

.g_isTouch .g .g_hero .g_banner_touch_infos {
    display: block;
    position: relative;
    margin-top: -.25em
}

.g_isTouch .g .g_hero .g_banner_touch_infos a {
    margin-bottom: .25em
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .g .g_hero.g_banner .g_content {
        padding-bottom: 18em
    }
}

@media screen and (max-width:767px) {
    .g .g_hero.g_banner .g_content {
        padding-bottom: 18em
    }
}

.g .g_popin.g_popinVideo .g_popinRestrict {
    width: 100%;
    min-height: 100%;
    background-color: #000;
    overflow: hidden
}

.g .g_popin.g_popinVideo .g_btnClose {
    background-color: #4e4e4e
}

@media screen and (min-width:768px) {
    .g .g_popin.g_popinVideo .g_btnClose {
        top: 3.75em
    }
}

@media screen and (max-width:767px) {
    .g .g_popin.g_popinVideo .g_popinContent {
        height: 100vh
    }
}

.g .g_backgroundVideo .g_placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 0
}

.g .g_backgroundVideo .g_placeholder .g_embedVideo {
    position: relative;
    margin: 0;
    height: 100%
}

.g .g_backgroundVideo .g_placeholder .g_embedVideo .g_embedVideoPlayer:after {
    content: "";
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.g .g_backgroundVideo .g_placeholder iframe,
.g .g_backgroundVideo .g_placeholder object {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 56.25vw
}

@media screen and (min-height:80vw) {

    .g .g_backgroundVideo .g_placeholder iframe,
    .g .g_backgroundVideo .g_placeholder object {
        height: 70vh;
        width: 124.44444vh
    }
}

.g .g_playVideo {
    margin-top: 1.5em;
    padding-right: 2.25em;
    position: relative
}

.g .g_playVideo i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    font-size: 1.5em;
    margin-top: -.075em
}

.g .g_embedVideo {
    height: 100%;
    -webkit-transition: .25s;
    transition: .25s
}

.g .g_embedVideo .g_embedVideoPlayer>* {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%
}

.g .g_embedVideo div[id^=youkuplayer]>#iframeId {
    width: 100%;
    height: 82vh;
    margin-top: 9vh
}

@media screen and (min-width:768px) {
    .g_keyTab .g .g_playVideo:focus {
        color: #4298ad
    }
}

@media screen and (max-width:767px) {
    .g .g_embedVideo .g_embedVideoPlayer>* {
        height: 100%;
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .g .g_storyTelling .g_content {
        vertical-align: top;
        padding-bottom: 32vw
    }

    .g .g_storyTelling .g_bg {
        background-position: bottom;
        background-size: cover
    }
}

@media screen and (max-width:1279px) {
    .g .g_storyTelling .g_content {
        padding-bottom: 28.125em
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .g .g_storyTelling .g_restrict {
        max-width: 50em
    }
}

@media screen and (max-width:767px) {
    .g .g_storyTelling .g_restrict {
        padding-top: 65vw
    }

    .g .g_storyTelling .g_content {
        padding-bottom: 5em
    }
}

.g .g_imageGrid {
    width: 100%;
    height: 50vw;
    max-height: 100vh;
    background: #f9f9f9
}

.g .g_imageGrid>div {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden
}

.g .g_imageGrid>div,
.g .g_imageGrid>div>div {
    background-size: cover;
    background-position: 50%
}

.g .g_imageGrid>div>div {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 50%;
    height: 50%;
    overflow: hidden
}

.g .g_imageGrid .bg_placeholder {
    background-size: cover;
    background-position: 50%;
    position: absolute;
    width: 100%;
    height: 100%
}

.g .g_imageGrid .g_buttonContainer {
    display: block
}

.g .g_imageGrid .g_buttonContainerCover {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%
}

.g .g_imageGrid button {
    z-index: 1;
    width: 100%;
    height: 100%;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.g .g_imageGrid button:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .1)
}

html:not(.g_isTouch) .g .g_imageGrid button:hover {
    background: hsla(0, 0%, 100%, .15)
}

.g_keyTab .g .g_imageGrid button:focus {
    -webkit-filter: sepia(100%) hue-rotate(145deg) saturate(300%);
    filter: sepia(100%) hue-rotate(145deg) saturate(300%);
    -webkit-box-shadow: inset 0 0 1px 2px #4298ad;
    box-shadow: inset 0 0 1px 2px #4298ad
}

.g .g_imageGrid .g_h3 {
    position: absolute;
    bottom: 0;
    margin-bottom: 1.25em;
    width: 100%;
    color: #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.g .g_imageGrid .g_h3 span {
    padding: 0 1.66667em;
    display: block;
    position: relative
}

.g .g_imageGrid .g_h3:before {
    content: "";
    position: absolute;
    bottom: -1.25em;
    width: 100%;
    height: 10em;
    left: 0;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .8)), to(transparent));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .8) 0, transparent)
}

html:not(.g_isTouch) .g .g_imageGrid .g_h3:hover:after {
    color: #fff
}

@media screen and (min-width:768px) {
    .g .g_popin.g_popinRecipe .g_leftCol .g_header .g_tableCell {
        height: auto
    }
}

@media screen and (max-width:767px) {
    .g .g_popin.g_popinRecipe .g_btnClose {
        background: #fff;
        color: #000
    }

    .g .g_popin.g_popinRecipe .g_leftCol {
        height: auto;
        padding: 2.5em 1.25em
    }
}

.g .g_imageGrid img {
    position: absolute;
    height: 0;
    width: 0;
    color: transparent
}

@media screen and (max-width:767px) {
    .g .g_popin.g_popinRecipe .g_rightCol {
        position: relative;
        height: auto;
        top: auto;
        left: auto;
        opacity: 1;
        padding: 2.5em 1.25em
    }

    .g .g_popin.g_popinRecipe .g_rightCol .g_table .g_sectionRow {
        padding: 0
    }
}

.g_recipes {
    overflow: hidden
}

.g_recipes .g_restrict .g_content {
    height: auto;
    padding: 6.25em 0 3.125em
}

.g_recipes .g_restrict .g_content .g_h2 {
    margin-bottom: 0
}

.g_recipes .g_restrict .g_content .g_h2,
.g_recipes .g_restrict .g_content .g_h3 {
    text-align: center
}

.g_recipes .g_restrict .g_content .g_h3 {
    margin-bottom: 1em
}

@media screen and (max-width:767px) {
    .g .g_recipes .g_restrict .g_content {
        padding: 5em 0
    }

    .g .g_recipes .g_imageGrid {
        height: auto;
        max-height: none
    }

    .g .g_recipes .g_imageGrid>div,
    .g .g_recipes .g_imageGrid>div+div {
        width: 100%;
        height: 100vw
    }

    .g .g_recipes .g_imageGrid .g_h3 {
        margin-bottom: .5em;
        font-size: 1.1em
    }

    .g .g_recipes .g_imageGrid .g_h3:after {
        top: -.15em;
        left: 50%;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }

    .g .g_recipes .g_imageGrid .g_h3 span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 1em;
        text-align: center
    }
}

.g .g_recipes1 .g_imageGrid {
    height: 33.33vw
}

.g .g_recipes1 .g_imageGrid>div {
    width: 100%;
    height: 100%
}

.g .g_recipes2 .g_imageGrid {
    height: 33.33vw;
    max-height: 75vh
}

.g .g_recipes2 .g_imageGrid>div {
    width: 50%;
    height: 100%
}

.g .g_recipes3 .g_imageGrid {
    height: 33.33vw;
    max-height: 75vh
}

.g .g_recipes3 .g_imageGrid>div {
    width: 33.33%;
    height: 100%
}

.g .g_recipes4 .g_imageGrid {
    height: 25vw;
    max-height: 50vh
}

.g .g_recipes4 .g_imageGrid>div {
    width: 25%;
    height: 100%
}

@media screen and (max-width:767px) {
    .g .g_recipes2 .g_imageGrid {
        height: 75vw
    }

    .g .g_recipes2 .g_imageGrid>div,
    .g .g_recipes2 .g_imageGrid>div+div {
        width: 50%;
        height: 100%
    }

    .g .g_recipes3 .g_imageGrid {
        height: 175vw
    }

    .g .g_recipes3 .g_imageGrid>div {
        width: 100%;
        height: 60%
    }

    .g .g_recipes3 .g_imageGrid>div+div {
        width: 50%;
        height: 40%
    }

    .g .g_recipes4 .g_imageGrid {
        height: 125vw
    }

    .g .g_recipes4 .g_imageGrid>div,
    .g .g_recipes4 .g_imageGrid>div+div {
        width: 50%;
        height: 50%
    }
}

.g .g_coffeeSections {
    background: #757575
}

.g .g_coffeeSections .g_tileVideo .g_embedVideoPlayer {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.g .g_coffeeSections .g_bg {
    -webkit-transition: .5s;
    transition: .5s;
    background-position: 50%
}

.g .g_coffeeSections .g_bg:after,
.g .g_coffeeSections .g_bg:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.g .g_coffeeSections .g_table {
    display: table;
    table-layout: fixed;
    width: 100%
}

.g .g_coffeeSections .g_table .g_tableCell {
    display: table-cell;
    vertical-align: middle
}

.g .g_coffeeSections .g_table .g_tableCell .g_ccpLink {
    display: block;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.g .g_coffeeSections .g_table .g_tableCell .g_ccpLink span {
    position: absolute;
    left: 50%;
    width: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    bottom: -1.5em;
    opacity: 1;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 1.125em;
    letter-spacing: .0625em;
    text-transform: uppercase
}

.g .g_coffeeSections .g_table .g_tableCell .g_sectionShapes {
    height: 30em;
    width: 30em;
    background-repeat: no-repeat;
    background-size: contain
}

.g .g_coffeeSections .g_table .g_tableCell:not(.g_tile) {
    padding-left: 0
}

.g .g_coffeeSections .g_table .g_tile {
    position: relative;
    height: auto;
    padding-right: 0
}

.g .g_coffeeSections .g_table .g_tile .g_tileCoffee {
    padding: 1em 2em 0;
    text-align: center;
    background-color: hsla(0, 0%, 100%, .8)
}

.g .g_coffeeSections .g_table .g_tile .g_tileCoffee .g_fairtrade {
    left: 2em;
    position: absolute;
    width: 4em;
    height: 4em;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.g .g_coffeeSections .g_table .g_tile .g_tileCoffee>div {
    text-align: center;
    cursor: pointer
}

.g .g_coffeeSections .g_table .g_tile .g_tileCoffee>div .g_tileCapsule {
    background-size: 170px auto;
    height: 9em;
    background-repeat: no-repeat;
    background-position: 50%
}
.g .g_coffeeSections .g_table .g_tile .g_tileCoffee>div .g_wysiwyg {
   display: block !important;
}

.g .g_coffeeSections .g_table .g_tile .g_tileCoffee>div .g_wysiwyg p {
    width: 100%;
    bottom: 0;
    color: #000;
    text-align: center
}

.g .g_coffeeSections .g_table .g_tile .g_tileCoffee>div .g_roundButton {
    max-width: 2.25em;
    width: 3.75em;
    height: 2.25em;
    color: #fff;
    border-radius: 50%;
    background-color: #8f7247;
    margin: 2em;
}

.g .g_coffeeSections .g_table .g_tile .g_tileCoffee>div .g_roundButton i {
    font-size: .8em
}

.g .g_coffeeSections .g_table .g_tile .g_tileRecipe,
.g .g_coffeeSections .g_table .g_tile .g_tileVideo iframe {
    height: 19em;
    width: 100%;
    background: #000;
    position: relative
}

.g .g_coffeeSections .g_table .g_tile .g_tileRecipe .g_tileRecipeImage,
.g .g_coffeeSections .g_table .g_tile .g_tileVideo iframe .g_tileRecipeImage {
    position: relative;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.g .g_coffeeSections .g_table .g_tile .g_tileRecipe .g_tileRecipeImage:after,
.g .g_coffeeSections .g_table .g_tile .g_tileVideo iframe .g_tileRecipeImage:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(20%, transparent));
    background-image: linear-gradient(0deg, #000 0, transparent 20%)
}

.g .g_coffeeSections .g_table .g_tile .g_tileRecipe .g_wysiwyg,
.g .g_coffeeSections .g_table .g_tile .g_tileVideo iframe .g_wysiwyg {
    position: absolute;
    bottom: .5em;
    width: 100%
}

.g .g_coffeeSections .g_table .g_tile .g_tileRecipe .g_wysiwyg p,
.g .g_coffeeSections .g_table .g_tile .g_tileVideo iframe .g_wysiwyg p {
    color: #fff;
    text-align: center
}

.g .g_coffeeSections .g_table .g_tile .g_tileRecipe .g_wysiwyg span,
.g .g_coffeeSections .g_table .g_tile .g_tileVideo iframe .g_wysiwyg span {
    text-transform: uppercase;
    font-weight: bolder
}

.g .g_coffeeSections.g_even .g_table {
    direction: rtl
}

.g .g_coffeeSections.g_even .g_table .g_tableCell {
    direction: ltr
}

.g .g_coffeeSections.g_even .g_table .g_tableCell.g_tile,
.g .g_coffeeSections.g_even .g_table .g_tableCell:not(.g_tile) {
    padding-left: 0;
    padding-right: 0
}

.g .g_coffeeSections.g_even .g_table .g_ccpLink {
    -webkit-transform-origin: right center;
    transform-origin: right center
}

html:not(.g_isTouch) .g .g_coffeeSections .g_table .g_tableCell .g_ccpLink span {
    opacity: 0
}

html:not(.g_isTouch) .g .g_coffeeSections #g_bg {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

html:not(.g_isTouch) .g .g_coffeeSections #g_bg:after {
    background-color: rgba(0, 0, 0, .5)
}

html:not(.g_isTouch) .g .g_coffeeSections #g_bg+.g_restrict .g_table .g_tableCell .g_ccpLink {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

html:not(.g_isTouch) .g .g_coffeeSections #g_bg+.g_restrict .g_table .g_tableCell .g_ccpLink i,
html:not(.g_isTouch) .g .g_coffeeSections #g_bg+.g_restrict .g_table .g_tableCell .g_ccpLink span {
    opacity: 1
}

html.g_isTouch .g_ccpLink span {
    text-shadow: 0 0 1px #000, 0 0 .2em #000, 0 0 1em #000, 0 0 2em #000
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .g .g_coffeeSections .g_bg {
        background-size: auto 100%;
        background-position: calc(50% - 2em) 0
    }

    .g .g_coffeeSections.g_even .g_bg {
        background-position: calc(50% + 2em) 0
    }

    .g .g_coffeeSections .g_table .g_tile .g_tileCoffee {
        padding: .5em 1em
    }

    .g .g_coffeeSections .g_table .g_tile .g_tileCoffee>div .g_roundButton {
        margin: 1em
    }

    .g .g_coffeeSections .g_table .g_tile .g_tileRecipe {
        height: 27vw
    }
}

@media screen and (max-width:767px) {
    .g .g_coffeeSections .g_bg {
        background-position: top
    }

    .g .g_coffeeSections .g_ccpLink span {
        position: absolute;
        color: #fff;
        top: 20em;
        left: 0;
        right: 0
    }

    .g .g_coffeeSections .g_ccpLink span:after {
        content: " >"
    }

    .g .g_coffeeSections .g_ccpLink .g_sectionShapes {
        position: absolute;
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain;
        top: 0;
        left: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
        height: 20em;
        width: 100%
    }

    .g .g_coffeeSections .g_content {
        padding-top: 0
    }

    .g .g_coffeeSections .g_table .g_tableCell {
        display: block
    }

    .g .g_coffeeSections .g_table .g_tableCell.g_tile {
        padding: 0
    }

    .g .g_coffeeSections .g_table .g_tableCell.g_tile .g_fairtrade {
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 4em auto
    }

    .g .g_coffeeSections .g_table .g_tableCell.g_tile .g_tileCoffee {
        padding: 2em 1em 0
    }

    .g .g_coffeeSections .g_table .g_tableCell.g_tile .g_tileCoffee .g_tileCapsule {
        display: none
    }

    .g .g_coffeeSections .g_table .g_tableCell.g_tile .g_tileCoffee .g_h3 {
        margin: .5em 0
    }

    .g .g_coffeeSections .g_table .g_tableCell.g_tile .g_tileRecipe {
        height: 14em;
        margin: 0;
        padding: 0
    }

    .g .g_coffeeSections .g_table .g_tableCell.g_tile .g_tileRecipe .g_wysiwyg p {
        bottom: 1.5em
    }
}

@media screen and (min-width:768px) {
    .g .g_popin .g_link {
        margin-bottom: 0;
        margin-top: .5em;
        padding-right: 2em
    }

    .g .g_popin .g_popinFixed .g_logo {
        height: 7em !important
    }

    .g .g_popin .g_popinFixed .g_table .g_headerRow .g_coffeeHeader.g_masterOriginHeader .g_background {
        height: calc(3em + (85vw - 16px - 50vw + 50vh)/2*0.4257)
    }

    .g .g_popin .g_popinFixed .g_table .g_headerRow .g_coffeeHeader.g_masterOriginHeader .g_title {
        margin-top: 2.5em
    }

    .g .g_popin .g_popinCoffe .g_logoPopin {
        height: 6em !important;
        position: absolute;
        left: 0;
        top: 3.5em
    }

    .g .g_popin .g_popinCoffe .g_wysiwyg {
        padding-top: 7em
    }
}

@media screen and (max-width:767px) {
    .g .g_popin .g_rightCol .g_btnBack {
        background: #000;
        color: #fff
    }
}

.g .g_machineExperience .g_bg {
    background-position: top;
    background-size: cover
}

.g .g_machineExperience .g_content {
    padding-top: 42vw;
    height: auto
}

.g .g_machineExperience .g_txt_XL {
    margin-bottom: 0 !important
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .g .g_machineExperience .g_restrict {
        max-width: 50em
    }

    .g .g_machineExperience .g_content {
        padding-top: 60vw
    }
}

@media screen and (max-width:767px) {
    .g .g_machineExperience .g_bg {
        background-size: 100% auto
    }

    .g .g_machineExperience.g_mobileBottom .g_restrict {
        padding-top: 11em
    }
}

.g .g_visually_hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    text-transform: none
}

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

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

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

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

.g figure {
    margin: 1em 40px
}

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

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

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

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

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

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

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

.g dfn {
    font-style: italic
}

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

.g small {
    font-size: 80%
}

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

.g sub {
    bottom: -.25em
}

.g sup {
    top: -.5em
}

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

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

.g img {
    border-style: none
}

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

.g optgroup {
    font-weight: 700
}

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

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

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

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

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

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

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

.g textarea {
    overflow: auto
}

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

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

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

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

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

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

.g summary {
    display: list-item
}

.g canvas {
    display: inline-block
}

.g [hidden],
.g template {
    display: none
}

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

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

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

.g img {
    vertical-align: inherit
}

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

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

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

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

.g label {
    font-size: 1em
}

.g mark {
    font-weight: inherit
}

.g svg {
    overflow: visible !important
}

.g .g_swiper * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

#header .OrderLinksBanner {
    display: none
}

.g_native body {
    padding-top: 0
}

.g_native #footer,
.g_native #footer-navigation,
.g_native #header {
    display: none
}

.g_native .g a[href="#"] {
    -webkit-transition: none !important;
    transition: none !important;
    cursor: default !important;
    pointer-events: none;
    text-decoration: inherit !important;
    color: inherit !important
}

html {
    overflow-x: hidden
}

.g * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

.g button,
.g label,
.g select {
    cursor: pointer
}

.g a {
    text-decoration: none
}

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

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

.g a,
.g button,
.g img,
.g input,
.g label,
.g select,
.g textarea {
    -webkit-transition: .25s ease;
    transition: .25s ease
}

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

.g .g_debugTableIE {
    position: relative;
    width: 100%;
    height: 100%
}

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

.g [class^=fn_] {
    font-family: Nespresso Icons !important;
    font-style: normal;
    font-weight: 400;
    position: relative;
    speak: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.g [class^=fn_][class*=Up]:before {
    -webkit-transform: translate(-50%, -50%) rotate(-90deg) !important;
    transform: translate(-50%, -50%) rotate(-90deg) !important;
    position: absolute
}

.g [class^=fn_][class*=Down]:before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg) !important;
    transform: translate(-50%, -50%) rotate(90deg) !important;
    position: absolute
}

.g [class^=fn_][class*=Left]:before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg) !important;
    transform: translate(-50%, -50%) rotate(180deg) !important;
    position: absolute
}

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

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

.g .fn_persons:before {
    content: "\E916"
}

.g .fn_time:before {
    content: "\E937"
}

.g .fn_bean:before {
    content: "\E912"
}

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

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

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

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

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

.g .fn_chevronDown:before,
.g .fn_chevronLeft:before,
.g .fn_chevronRight:before,
.g .fn_chevronUp:before {
    content: "\E932"
}

.g .fn_video:before {
    content: "\E914"
}

.g .fn_videoCircle:before {
    content: "\E933"
}

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

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

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

.g .fn_more:before {
    content: "\E908";
    font-size: 3.125em;
}

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

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

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

.g .fn_angleLink:before {
    content: "\E932"
}

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

.g .fn_camera:before {
    content: "\E934"
}

.g .fn_shoot:before {
    content: "\E935"
}

.g .fn_upload:before {
    content: "\E918"
}

.g .fn_download:before {
    content: "\E936"
}

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

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

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

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

.g .fn_offAccessories:before {
    content: "\E938"
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g .fn_originalRistretto:before {
    content: "\E93B"
}

.g .fn_originalEspresso:before {
    content: "\E939"
}

.g .fn_originalLungo:before {
    content: "\E93A"
}

.g .fn_vertuoEspresso:before {
    content: "\E93E"
}

.g .fn_vertuoDoubleEspresso:before {
    content: "\E93D"
}

.g .fn_vertuoGranLungo:before {
    content: "\E93F"
}

.g .fn_vertuoMug:before {
    content: "\E940"
}

.g .fn_vertuoAlto:before {
    content: "\E93C"
}

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

@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-Med.ttf') format("truetype");
    font-style: normal;
    font-weight: 500
}

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

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

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

.g {
    font-size: 16px;
    font-family: Lucas, Helvetica, Arial, sans-serif;
    color: #fff;
    background: #000;
    overflow: hidden;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

@media screen and (min-width:1920px) {
    .g {
        font-size: calc(16px + (100vw - 1920px)/200)
    }
}

@media screen and (max-width:1279px) {
    .g {
        font-size: calc(16px + (100vw - 1280px)/200)
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .g_responsive .g {
        font-size: calc(16px + (100vw - 1280px)/135)
    }
}

@media screen and (max-width:767px) and (orientation:portrait) {
    .g {
        font-size: 4.26667vw
    }
}

@media screen and (max-width:767px) and (orientation:landscape) {
    .g {
        font-size: 2.3988vw
    }
}

.g .v_brand {
    font-weight: 800
}

.g .v_brand em {
    font-weight: 500
}

.g .v_brand em,
.g em .v_brand,
.g em .v_brand em,
.g i .v_brand,
.g i .v_brand em {
    font-style: normal
}

.g .g_logoPopin {
    width: 100%;
    height: 22em;
    margin-bottom: 0;
    position: relative
}

.g .g_logoPopin,
.g .g_logoPopin .g_logoSvg {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.g .g_logoPopin .g_logoSvg {
    width: 90%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 2em;
    opacity: .8
}

#ol_chiaro,
.g_coffeeCell.ol_chiaro {
    background-color: #c9a175
}

#ol_scuro,
.g_coffeeCell.ol_scuro {
    background-color: #8d5d37
}

#ol_corto,
.g_coffeeCell.ol_corto {
    background-color: #5a371f
}

#vl_bianco_leggero,
.g_coffeeCell.vl_bianco_leggero {
    background-color: #c1804b
}

#vl_bianco_forte,
.g_coffeeCell.vl_bianco_forte {
    background-color: #7f4723
}

#ol_chiaro .g_bg:before {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(182, 160, 136, .15)), color-stop(50%, rgba(187, 160, 131, 0)), color-stop(80%, rgba(187, 160, 131, 0)), to(rgba(182, 160, 136, .15)));
    background-image: linear-gradient(270deg, rgba(182, 160, 136, .15), rgba(187, 160, 131, 0) 50%, rgba(187, 160, 131, 0) 80%, rgba(182, 160, 136, .15))
}

#ol_chiaro .g_bg:after {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(182, 160, 136, .2)), color-stop(30%, rgba(187, 160, 131, 0)), color-stop(70%, rgba(187, 160, 131, 0)), to(rgba(100, 71, 39, .2)));
    background-image: linear-gradient(0deg, rgba(182, 160, 136, .2), rgba(187, 160, 131, 0) 30%, rgba(187, 160, 131, 0) 70%, rgba(100, 71, 39, .2))
}

#ol_scuro .g_bg:before {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(121, 95, 75, .15)), color-stop(50%, rgba(126, 95, 70, 0)), color-stop(80%, rgba(126, 95, 70, 0)), to(rgba(121, 95, 75, .15)));
    background-image: linear-gradient(90deg, rgba(121, 95, 75, .15), rgba(126, 95, 70, 0) 50%, rgba(126, 95, 70, 0) 80%, rgba(121, 95, 75, .15))
}

#ol_scuro .g_bg:after {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(121, 95, 75, .3)), color-stop(30%, rgba(126, 95, 70, 0)), color-stop(70%, rgba(126, 95, 70, 0)), to(rgba(13, 8, 5, .3)));
    background-image: linear-gradient(0deg, rgba(121, 95, 75, .3), rgba(126, 95, 70, 0) 30%, rgba(126, 95, 70, 0) 70%, rgba(13, 8, 5, .3))
}

#ol_corto .g_bg:after {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(78, 57, 43, .3)), color-stop(30%, rgba(81, 57, 40, 0)), color-stop(70%, rgba(81, 57, 40, 0)), to(rgba(0, 0, 0, .3)));
    background-image: linear-gradient(0deg, rgba(78, 57, 43, .3), rgba(81, 57, 40, 0) 30%, rgba(81, 57, 40, 0) 70%, rgba(0, 0, 0, .3))
}

#vl_bianco_leggero .g_bg:before {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(169, 130, 99, .15)), color-stop(50%, rgba(175, 130, 93, 0)), color-stop(80%, rgba(175, 130, 93, 0)), to(rgba(169, 130, 99, .15)));
    background-image: linear-gradient(90deg, rgba(169, 130, 99, .15), rgba(175, 130, 93, 0) 50%, rgba(175, 130, 93, 0) 80%, rgba(169, 130, 99, .15))
}

#vl_bianco_leggero .g_bg:after {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(169, 130, 99, .3)), color-stop(30%, rgba(175, 130, 93, 0)), color-stop(70%, rgba(175, 130, 93, 0)), to(rgba(80, 41, 10, .7)));
    background-image: linear-gradient(0deg, rgba(169, 130, 99, .3), rgba(175, 130, 93, 0) 30%, rgba(175, 130, 93, 0) 70%, rgba(80, 41, 10, .7))
}

#vl_bianco_forte .g_bg:before {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(111, 75, 51, .15)), color-stop(50%, rgba(115, 74, 47, 0)), color-stop(80%, rgba(115, 74, 47, 0)), to(rgba(111, 75, 51, .15)));
    background-image: linear-gradient(270deg, rgba(111, 75, 51, .15), rgba(115, 74, 47, 0) 50%, rgba(115, 74, 47, 0) 80%, rgba(111, 75, 51, .15))
}

#vl_bianco_forte .g_bg:after {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(111, 75, 51, .3)), color-stop(30%, rgba(115, 74, 47, 0)), color-stop(70%, rgba(115, 74, 47, 0)), to(rgba(0, 0, 0, .3)));
    background-image: linear-gradient(0deg, rgba(111, 75, 51, .3), rgba(115, 74, 47, 0) 30%, rgba(115, 74, 47, 0) 70%, rgba(0, 0, 0, .3))
}

@media screen and (max-width:767px) {

    .g .g_logo,
    .g .g_logoPopin {
        height: 4em;
        margin-bottom: 1em
    }

    .g .g_breadcrumb .g_nav {
        top: 50px
    }

    .g .g_txt_XL {
        font-size: 1.25em
    }

    .g .g_coffeeSections .g_bg:before {
        display: none
    }

    .g #ol_chiaro .g_bg:after {
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(182, 160, 136, .5)), color-stop(30%, rgba(187, 160, 131, 0)), color-stop(90%, rgba(187, 160, 131, 0)), to(rgba(100, 71, 39, .5)));
        background-image: linear-gradient(0deg, rgba(182, 160, 136, .5), rgba(187, 160, 131, 0) 30%, rgba(187, 160, 131, 0) 90%, rgba(100, 71, 39, .5))
    }

    .g #ol_scuro .g_bg:after {
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(121, 95, 75, .5)), color-stop(30%, rgba(126, 95, 70, 0)), color-stop(90%, rgba(126, 95, 70, 0)), to(rgba(13, 8, 5, .5)));
        background-image: linear-gradient(0deg, rgba(121, 95, 75, .5), rgba(126, 95, 70, 0) 30%, rgba(126, 95, 70, 0) 90%, rgba(13, 8, 5, .5))
    }

    .g #ol_corto .g_bg:after {
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(78, 57, 43, .5)), color-stop(30%, rgba(81, 57, 40, 0)), color-stop(90%, rgba(81, 57, 40, 0)), to(rgba(0, 0, 0, .5)));
        background-image: linear-gradient(0deg, rgba(78, 57, 43, .5), rgba(81, 57, 40, 0) 30%, rgba(81, 57, 40, 0) 90%, rgba(0, 0, 0, .5))
    }

    .g #vl_bianco_leggero .g_bg:after {
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(169, 130, 99, .5)), color-stop(30%, rgba(175, 130, 93, 0)), color-stop(90%, rgba(175, 130, 93, 0)), to(rgba(80, 41, 10, .9)));
        background-image: linear-gradient(0deg, rgba(169, 130, 99, .5), rgba(175, 130, 93, 0) 30%, rgba(175, 130, 93, 0) 90%, rgba(80, 41, 10, .9))
    }

    .g #vl_bianco_forte .g_bg:after {
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(111, 75, 51, .5)), color-stop(30%, rgba(115, 74, 47, 0)), color-stop(90%, rgba(115, 74, 47, 0)), to(rgba(0, 0, 0, .5)));
        background-image: linear-gradient(0deg, rgba(111, 75, 51, .5), rgba(115, 74, 47, 0) 30%, rgba(115, 74, 47, 0) 90%, rgba(0, 0, 0, .5))
    }
}
.g .v-dialog {
    padding: 0;
    box-shadow: none;
    background: transparent;
}

.g .v-dialog .videos-content{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.g .v-dialog video {
    display: block;
    margin-top: 35px;
    box-shadow: 0px 11px 15px -7px rgb(0 0 0 / 20%), 0px 24px 38px 3px rgb(0 0 0 / 14%), 0px 9px 46px 8px rgb(0 0 0 / 12%);
    width:640px;
    height:360px
}

.g .close_video_popup {
    -webkit-font-smoothing: antialiased;
    background-color: transparent;
    border: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    height: 48px;
    line-height: normal;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    transition: .25s ease;
    vertical-align: baseline;
    visibility: inherit;
    width: 48px;
    z-index: 3;
    margin-top: 20px;
}

.g .close_video_popup:focus,
.g .close_video_popup:focus-visible {
    outline: none
}

.g .close_video_popup:hover {
    transform: scale(1.2)
}

@media  (max-width: 767px) {
    .g .v-dialog video {
        width: 100%;
        height: 220px
    }
    
}

@media  (max-width: 600px) {
    .g .v-dialog__content{
        align-items: center;
    }
    
}
.g .sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    color: inherit;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}