body { text-align: center; color: #ffffff; direction: rtl; letter-spacing: normal; font-family: 'HelveticaHebrew'; font-family: 'HelveticaHebrew', 'NespressoLucas',Helvetica, Arial, sans-serif !important; font-size: 18px; background: #000000; }
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'HelveticaHebrew', 'NespressoLucas', 'Open Sans',Helvetica, Arial, sans-serif !important; }
body.overFlowHidden { overflow-y: hidden; }
.scn-reader-only { width: 1px; height: 1px; overflow: hidden; position: absolute; }


p { margin: 0 0 5px; }


::-webkit-scrollbar { width: 6px; height: 2px; }
::-webkit-scrollbar-button { width: 6px; height: 0px; }
::-webkit-scrollbar-thumb { background: #929292; border: 0px none #ffffff; border-radius: 0px; }
    ::-webkit-scrollbar-thumb:hover { background: #929292; }
    ::-webkit-scrollbar-thumb:active { background: #929292; }
::-webkit-scrollbar-track { background: #ffffff; border: 0px none #ffffff; border-radius: 0px; }
    ::-webkit-scrollbar-track:hover { background: #ffffff; }
    ::-webkit-scrollbar-track:active { background: #ffffff; }
::-webkit-scrollbar-corner { background: transparent; }

@font-face { font-family: 'HelveticaHebrew'; src: url(fonts/HelveticaHebrew-Regular.ttf) format('truetype'); src: url(fonts/HelveticaHebrew-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/HelveticaHebrew-Regular.woff) format('woff'), url(fonts/HelveticaHebrew-Regular.ttf) format('truetype'); unicode-range: U+590-5ff,U+000-03F; }

@font-face { font-family: 'NespressoLucas'; font-weight: normal; src: url(fonts/NespressoLucas-Med.eot); src: url(fonts/NespressoLucas-Med.eot?#iefix) format('embedded-opentype'), url(fonts/NespressoLucas-Med.woff) format('woff'), url(fonts/NespressoLucas-Med.ttf) format('truetype'); }

@font-face { font-family: 'NespressoLucas'; font-weight: bold; src: url(fonts/NespressoLucas-XtraBd.eot); src: url(fonts/NespressoLucas-XtraBd.eot?#iefix) format('embedded-opentype'), url(fonts/NespressoLucas-XtraBd.woff) format('woff'), url(fonts/NespressoLucas-XtraBd.ttf) format('truetype'); }

/*@font-face {
    font-family: 'NespressoLucas';
    font-style: italic, oblique;
    src: url(fonts/NespressoLucas-Italic.eot);
    src: url(fonts/NespressoLucas-Italic.eot?#iefix) format('embedded-opentype'),
    url(fonts/NespressoLucas-Italic.woff) format('font-woff'),
    url(fonts/NespressoLucas-Italic.ttf) format('truetype');
}*/


.breadcrumbs { text-align: center; transition: all .4s ease-in-out; width: 100%; font-size: 70%; transform: translateY(-20px); opacity: 0; margin-top: -90px; }
    .breadcrumbs.active { transform: translateY(0px); opacity: 1; }
    .breadcrumbs .previous { left: 0; position: absolute; font-size: 1em; line-height: 2.14286em; letter-spacing: .10714em; }
    .breadcrumbs .link { font-weight: 400; text-decoration: none; color: #b07d3a; position: relative; margin: 0; cursor: pointer; position: absolute; }
    .breadcrumbs ol { display: inline-block; position: relative; margin: 0 auto; padding: 0; list-style: none; direction: ltr; }
        .breadcrumbs ol:before { content: ""; display: block; position: absolute; top: 50%; left: 1px; right: 1px; height: 2px; margin-top: -3px; background: url(images/doted.svg) repeat-x; }
        .breadcrumbs ol li { position: relative; z-index: 10; display: inline-block; margin: 0 16px; border: 1px solid #fff; border-radius: 100%; text-shadow: 0 0 #979797; overflow: hidden; background: #000; box-sizing: border-box; transition: none; width: 28px; height: 28px; }
            .breadcrumbs ol li:first-child { margin-left: 0; }
            .breadcrumbs ol li:last-child { margin-right: 0; }
            .breadcrumbs ol li.checked { background: #fff; }
            .breadcrumbs ol li.active { background: #fff; transition: all 0s ease-in-out .6s; }
                .breadcrumbs ol li.active span { color: #000; transition: all .4s ease-in-out; }
                .breadcrumbs ol li.active:after, .breadcrumbs ol li.active:before { transform: translate(-50%,-50%); }
                .breadcrumbs ol li.active:before { transition: all .4s ease-in-out; }
            .breadcrumbs ol li:after, .breadcrumbs ol li:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 28px; height: 28px; transform: translate(-150%,-50%); border-radius: 100%; background: #fff; }
            .breadcrumbs ol li.checked:before { transition: all .4s ease-in-out; transform: translate(150%,-50%); }
            .breadcrumbs ol li:after, .breadcrumbs ol li:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 28px; height: 28px; transform: translate(-150%,-50%); border-radius: 100%; background: #fff; }
            .breadcrumbs ol li:after { z-index: 1; transition: transform .4s ease-in-out; }
            .breadcrumbs ol li.checked:after { background: #fff; transform: translate(100%,-50%); transition: transform .4s ease-in-out; }
            .breadcrumbs ol li i, .breadcrumbs ol li span { position: relative; z-index: 10; display: block; width: 26px; line-height: 26px; font-size: 1em; text-align: center; transition: all .4s ease-in-out; }
            .breadcrumbs ol li.checked i, .breadcrumbs ol li.checked span { color: #000; }
            .breadcrumbs ol li img { height: 10px; position: relative; top: 3px; }



section.active { display: block; transform: translateX(0px); max-height: 100vh; }
section.fadeOut { max-height: 100vh; display: block }
section.fadeOut, section.fadeIn { display: block; opacity: 0; }
a.generalBtn, .generalBtn { width: 163px; height: 52px; border-radius: 3px; background-color: #986f38; display: inline-block; color: #fff; line-height: 52px; text-decoration: none; transition: .25s ease; transition-property: all; transition-duration: 0.25s; transition-timing-function: ease; }
.container { max-width: 996px; background-color: #000000; /*background-image: url(images/bg.jpg);*/ background-repeat: no-repeat; background-position: top center; background-attachment: fixed; position: relative; min-height: 640px; }
/*.container:before            { content: "";position: absolute;background: rgba(0, 0, 0, 0.5);z-index: 0;width: 100%;height: 100%;display: block;opacity: 1;left: 0;pointer-events:none; }*/

.topBannerWrapper { padding-bottom: 30vh; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; padding-bottom: 30%; }
    .topBannerWrapper h1 { /* position: absolute; */ /* top: 50%; */ /* left: 50%; */ /* transform: translate(-50%,-50%); */ /* -webkit-transform:translate(-50%,-50%); */ margin: 0; font-size: 240%; z-index: 2; display: block; font-weight: bold; }
    .topBannerWrapper:after { background: rgba(0, 0, 0, 0.2); content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.OriginalInner .topBannerWrapper:after { background: rgba(0, 0, 0, 0.05); }
.topBannerWrapper h2 { margin: 0; margin-top: 10px; }
.topContent { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; }
.section-cell { display: table-cell; vertical-align: top; position: relative; overflow: hidden; width: 50%; transition: .45s; -webkit-transition: .45s; float: none; }
.sectionsWrapper { display: table; height: 800px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; }
.buttons-cell { display: table-cell; z-index: 3; overflow: visible; position: relative; float: none; margin: 0; padding: 0; box-sizing: border-box; width: auto; }
.fullContent { top: 0; height: 100%; width: 100%; /*pointer-events: none;*/ position: absolute; left: 50%; opacity: 0; visibility: hidden; /*transform: translateX(-50%);-webkit-transform:translateX(-50%);*/ /*transition: .25s;-webkit-transition: .25s;*/ }
button.g_sideSwitcher { z-index: 1; opacity: 0; position: relative; width: 6.14286em; left: 0; top: 26.5em; margin: 0 2em 0 1em; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: .25s; -webkit-transition: .25s; top: 46%; left: 42%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background: transparent; border: 0; pointer-events: none; }
    button.g_sideSwitcher img { margin-left: 45px; }
    button.g_sideSwitcher div { transform: rotate(270deg); -webkit-transform: rotate(270deg); position: absolute; left: -55px; top: 20%; font-size: 110%; }
#original button.g_sideSwitcher div { left: auto; right: -40px; white-space: nowrap; }
#original button.g_sideSwitcher img { margin-left: 0px; margin-right: 45px; }

.g_rangeSliderDrag button { display: inline-block; vertical-align: top; width: 2.37143em; height: 5.14286em; position: relative; border: 0; background: none; text-align: left; color: inherit; font-size: inherit; vertical-align: inherit; outline: none; padding: 0; line-height: normal; -webkit-appearance: button; }
    .g_rangeSliderDrag button:before { content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border: 0 solid #000; transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transition: .25s; -webkit-transition: .25s; }
button.g_btnLeft:before { border-top-width: 2px; border-left-width: 2px; transform: translate(-10%,-50%) rotate(-45deg); -webkit-transform: translate(-10%,-50%) rotate(-45deg); }
button.g_btnRight:before { border-bottom-width: 2px; border-right-width: 2px; transform: translate(-90%,-50%) rotate(-45deg); -webkit-transform: translate(-90%,-50%) rotate(-45deg); }
.g_rangeSliderDrag { position: absolute; z-index: 2; left: 50%; transform: translate(-50%); -webkit-transform: translate(-50%); top: 20em; border-radius: 100%; background: #fff; width: 5.14286em; height: 5.14286em; box-shadow: 0px 6px 10px 0 rgba(0, 0, 0, 0.25); }
.g_rangeSlider { font-size: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 2px; height: 100%; background-color: transparent; background-image: linear-gradient(0deg,transparent,#fff 20%,#fff 80%,transparent); }

#vertuo { background: #ffffff; color: #000000; background-repeat: no-repeat; background-position: -30% -230%; padding: 0; }
#original { background-repeat: no-repeat; background-position: right 100%; padding: 0; }
.g_debugIECell { width: 100%; position: relative; height: 100%; }
.g_foreground.g_text { position: absolute; left: 15%; top: 18%; max-width: 250px; transition: .9s; -webkit-transition: .9s; }
/*#original .g_debugIECell                { margin-left: 10%; margin-right: auto; }*/
#vertuo .g_foreground.g_text { left: auto; right: 14%; /*max-width: 170px;*/ }

.g_text h2 { font-size: 165%; }
.g_debugIECell .g_foreground.g_text h2 { max-width: 150px; margin: auto; }
#original .g_debugIECell .g_foreground.g_text h2 { max-width: 220px; }
.g_text h2 span.small { font-size: 65%; display: block; margin-bottom: 30px; color: inherit; }
.g_foreground.g_text h2 span.bigger { line-height: 1.3; margin-bottom: 25px; display: block; letter-spacing: 1.8px;}
.g_wysiwyg.g_txt_M { font-size: 90%; margin-bottom: 50px; min-height: 115px; }
button.g_link.g_iconRight { font-size: 105%; background: transparent; border: 0; color: #8f7146; font-weight: bold; }
.fullContent .g_text h2 { font-size: 220%; letter-spacing: 0.8px; }
    .fullContent .g_text h2 span.small { font-size: 53%; }

.section-closed { width: 10%; background-image: none !important; }
.section-open { width: 90%; background-image: none !important; }
.section-closed button.g_sideSwitcher { opacity: 1; pointer-events: all; }
.section-closed .g_foreground.g_text { opacity: 0; visibility: hidden; transition: all 0ms; -webkit-transition: all 0ms; }

.section-open .g_foreground.g_text { opacity: 0; visibility: hidden; transition: all 0ms; -webkit-transition: all 0ms; }
.section-open .fullContent { opacity: 1; visibility: visible; left: 0; z-index: 2 !important; overflow: auto; }


li.g_feature { width: calc(25% - 15px); display: inline-block; vertical-align: top; margin: 6px; opacity: 0; visibility: hidden; transition: .25s; -webkit-transition: .25s; }
.section-open li.g_feature { opacity: 1; visibility: visible; }
li.g_feature:first-child { transition: 1s .375s; -webkit-transition: 1s .375s; }
li.g_feature:nth-child(2) { transition: 1s .5s; -webkit-transition: 1s .5s; }
li.g_feature:nth-child(3) { transition: 1s .625s; -webkit-transition: 1s .625s; }
li.g_feature:nth-child(4) { transition: 1s .75s; -webkit-transition: 1s .75s; }

li.g_feature img { max-width: 90px; max-height: 69px; }
li.g_feature:first-child { margin-right: 0; }
li.g_feature:last-child { margin-left: 0; }
li.g_feature p { font-size: 95%; margin-top: 10px; line-height: 1.2; }

.g_bg.g_imgSrc.g_imgSrc_loaded { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: top center; z-index: 0; /*background-size:100%;*/ opacity: 0; transition: all 750ms ease-in-out; -webkit-transition: all 750ms ease-in-out; }
.g_restrict { z-index: 1; position: absolute; top: 17em; max-width: 600px; left: 160px; opacity: 0; transition: all 750ms ease-in-out; -webkit-transition: all 750ms ease-in-out; }
#vertuo .g_restrict { left: 80px; }
#original .g_restrict { left: 0; right: 40px; }
.section-open .g_restrict { opacity: 1; visibility: visible; transition: .5s .25s; -webkit-transition: .5s .25s; }
.section-open .g_bg.g_imgSrc.g_imgSrc_loaded { opacity: 1; visibility: visible; transition: .5s .25s; -webkit-transition: .5s .25s; }

.g_debugIECell > img { position: absolute; left: 0; max-height: 700px; bottom: 0; transform: translate(-100%,0%); -webkit-transform: translate(-100%,0%); transition: .5s; -webkit-transition: .5s; z-index: 2; }
.section-open .g_debugIECell > img { transform: translate(0%,0%); -webkit-transform: translate(0%,0%); }
#vertuo .g_debugIECell > img { transform: translate(100%,0%); -webkit-transform: translate(100%,0%); right: 0; }
#vertuo.section-open .g_debugIECell > img { transform: translate(0%,0%); -webkit-transform: translate(0%,0%); left: auto; right: 0; }
.fullContent .g_text .g_wysiwyg { font-size: 115%; margin-top: 25px; margin-bottom: 40px; opacity: 0; visibility: hidden; }
.section-open .fullContent .g_text .g_wysiwyg { opacity: 1; visibility: visible; transition: .5s .25s; -webkit-transition: .5s .25s; }


.fullContent a.g_btn.g_btnBuy { background: #8f7247; padding: 10px 40px; color: #ffffff; font-size: 95%; margin-top: 15px; display: inline-block; position: relative; z-index: 2; }

ul.g_Center.g_features.g_row { padding: 0; max-width: 85%; margin: auto; }
.g_rangeSliderDrag button:focus { outline: -webkit-focus-ring-color auto 5px; }

@media(max-width:1170px) {
    .g_foreground.g_text, #vertuo .g_foreground.g_text { max-width: 250px; }
}

@media(max-width:991px) {
    #vertuo { background-position: -30% 100%; background-size: 50%; }
    #original { background-size: 30%; background-position: right 70%; }
    .g_foreground.g_text, #vertuo .g_foreground.g_text { max-width: 200px; }
    .g_wysiwyg.g_txt_M { min-height: 140px; }

    .g_restrict { max-width: 390px; top: 16em; right: 60px; }
    ul.g_center.g_features.g_row { padding: 0; }
    .g_debugIECell > img { max-height: 550px; }
    section.fullSection.row.innerSection .contentBox { padding: 0; }
    .g_debugIECell .g_foreground.g_text h2 { font-size: 150%; }
}

@media(max-width:991px) and (min-width:767px) {
    #vertuo .g_restrict { left: 60px; right: auto; }
    #vertuo .g_debugIECell > img { max-height: 320px; }
    .VertuoInner section.pressure .contentBox { padding: 0px 0px 0px 30px; }
    .fullContent .g_text h2 { font-size: 200%; }
    ul.g_Center.g_features.g_row { max-width: 100%; }
}

@media(max-width:767px) {
    .topBannerWrapper { padding-bottom: 60%; background-image: url(../Content-Vertuo/images/pic_135_B.jpg) !important; }
        .topBannerWrapper h1 { font-size: 210%; }
        .topBannerWrapper h2 { font-size: 150%; }
    .g_debugIECell .g_wysiwyg.g_txt_M { display: none; }
    .g_debugIECell button.g_link.g_iconRight { }
    .g_rangeSliderDrag { top: 10em; }
    #original { background-size: 55%; background-position: right 130px; }
    #vertuo { background-position: -30% 70px; background-size: 70%; }
    .g_foreground.g_text { top: 62%; }
    .sectionsWrapper { height: 550px; }
    .g_text h2 { font-size: 140%; }
    .section-closed { width: 0; }
        .section-closed button.g_sideSwitcher { display: none; }
    .g_debugIECell > img { display: none; }
    .buttons-cell.active { position: absolute; right: 0px; }
    .section-open { width: 100%; }

    .g_bg.g_imgSrc.g_imgSrc_loaded { background-size: 150%; background-position: 70% top; }
    .g_restrict, #original .g_restrict { left: 10%; width: 80%; right: 10%; top: 13em; }
    .sectionsWrapper.active { height: 1000px; overflow: hidden; }
    .fullContent .g_text h2 { font-size: 200%; }
    li.g_feature { width: calc(50% - 15px); margin: 6px; max-width: none; }
    ul.g_center.g_features.g_row { padding: 0; }
    #vertuo .g_bg.g_imgSrc.g_imgSrc_loaded { background-size: 170%; background-position: 30% top; }
    .buttons-cell.active.vert { left: 0; right: auto; }
    .container { overflow: hidden; }
    .section-cell { z-index: 1; }
    .fullContent { pointer-events: none; }
    .section-open .fullContent { pointer-events: all; }
    .g_bg.g_imgSrc.g_imgSrc_loaded, .section-open .g_bg.g_imgSrc.g_imgSrc_loaded, .g_restrict, #original .g_restrict { transition: all 0ms; -webkit-transition: all 0ms; }
    .section-open .fullContent .g_text .g_wysiwyg, li.g_feature, li.g_feature:first-child, li.g_feature:nth-child(2),
    li.g_feature:nth-child(3), li.g_feature:nth-child(4) { transition: all 0ms; -webkit-transition: all 0ms; }
    .g_debugIECell .g_foreground.g_text h2 { font-size: 120%; }
}
@media(max-width:360px) {
    .fullContent a.g_btn.g_btnBuy { padding: 10px 30px;  }
    .g_foreground.g_text h2 span.bigger { font-size: 95%; }
}

@media(max-width:320px) {
    .topBannerWrapper h1 { }
    .g_foreground.g_text h2 span.bigger { font-size: 70%; }
    .g_debugIECell .g_foreground.g_text h2 { max-width: 120px; }
    #original .g_debugIECell .g_foreground.g_text h2 { max-width: 120px; }
}




/****ORIGINAL PAGE****/
.topBannerIcons { position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 2; }
.OriginalInner .topBannerWrapper { /*padding-bottom: 54vh;*/ padding-bottom: 520px; color: #000000; }
    .OriginalInner .topBannerWrapper h1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); margin: 0; font-size: 240%; z-index: 2; font-weight: 500; }
    .OriginalInner .topBannerWrapper h1 { font-size: 265%; top: 40%; }
        .OriginalInner .topBannerWrapper h1 span { display: block; }
.OriginalInner .topBannerIcons img { max-width: 72px; display: block; margin: auto; }
.OriginalInner .topBannerIcons button { display: inline-block; vertical-align: middle; color: inherit; background: transparent; -webkit-appearance: none; border-radius: 0; border: 0; }
    .OriginalInner .topBannerIcons button span { max-width: 80%; display: inline-block; margin-top: 10px; font-size: 90%; }

.contentBox { width: 50%; display: table-cell; padding: 0px 70px; text-align: right; }
.VertuoInner .contentBox { color: #000000; }
.VertuoInner section.fullSection .contentBox { color: #ffffff; }
.VertuoInner section.variety { padding-bottom: 70px; padding-top: 70px; }
.VertuoInner section.innerSection.milk { padding-bottom: 80px; }
section.innerSection { padding: 120px 0px; background-repeat: no-repeat; }
.contentBoxTitle h2 { font-size: 200%; margin-bottom: 25px; margin-top: 0; }
.contentBoxText, .contentBoxLink { font-size: 90%; line-height: 1.2; }
    .contentBoxText h3 { font-size: 120%; }
.contentBoxLink { margin-top: 20px; }
    .contentBoxLink a { color: #8f7146; background: #8f7247; padding: 10px 40px; color: #ffffff; font-size: 95%; margin-top: 15px; display: inline-block; position: relative; }
section.crema.innerSection { padding: 80px 0px; }
    section.crema.innerSection .contentBox { padding: 0px 70px; }
section.fullSection .contentBoxText { font-size: 105%; max-width: 400px; margin: auto; text-align: center; }
section.pressure { padding: 90px 0px; background-position: bottom; }
    section.pressure .contentBox { padding: 0px 130px 0px 0px; }
section.taste.innerSection { color: #000000; padding: 65px 0px; }
.contentBoxLarge { width: 65%; display: table-cell; padding: 0px 70px; text-align: right; }
section.faq.row.innerSection { padding: 90px 0px; background-position: top; min-height: 550px; }
.contentBoxText ul { list-style: none; padding: 0; }
.accordionContent { overflow: hidden; opacity: 0; visibility: hidden; max-height: 0; transition: .5s ease; -webkit-transition: .5s ease; padding-right: 45px; }
    .accordionContent.active { overflow: hidden; opacity: 1; visibility: visible; max-height: 1000px; transition: .5s ease; -webkit-transition: .5s ease; }
.contentBoxText ul button.accordionTitle { background: transparent; border: 0; -webkit-appearance: none; font-size: 120%; margin-bottom: 10px; text-align: right; }
    .contentBoxText ul button.accordionTitle img { width: 24px; height: 24px; margin-left: 10px; }
    .contentBoxText ul button.accordionTitle.active img { transform: rotate(180deg); -webkit-transform: rotate(180deg); }

.iconWrapper img { max-width: 90px; max-height: 90px; }
.contentBoxFull { text-align: right; }
    .contentBoxFull ul li { display: inline-block; width: 25%; vertical-align: top; text-align: center; }
section.payment.row.innerSection { padding: 60px 0px; }
.iconContent { max-width: 85%; margin: auto; }
.iconTitle { max-width: 70%; margin: auto; }


section.payment.row.innerSection .contentBoxText ul { text-align: center; }

@media(max-width:991px) {
    .OriginalInner .topBannerWrapper { padding-bottom: 380px; }
        .OriginalInner .topBannerWrapper h1 { font-size: 215%; }
    .topBannerIcons { bottom: 20px; }
    .OriginalInner .topBannerIcons img { max-width: 52px; }
    section.innerSection { padding: 70px 0px; background-position: 40% center; }
    .contentBox { padding: 0px 0px 0px 40px; }
    section.crema.innerSection { padding: 60px 0px; }
        section.crema.innerSection .contentBox { padding: 0px 70px 0px 0px; }
    section.fullSection.row.innerSection { padding: 120px 0px; }
    section.pressure .contentBox { padding: 0px 50px 0px 0px; }
    section.faq.row.innerSection { background-size: 100%; padding: 90px 0px 0px; min-height: 400px; }
    .iconContent { max-width: 90%; }
}

@media(min-width:991px) {
    .VertuoInner section.pressure .contentBox { padding: 0px 40px 0px 70px; }
}

@media(min-width:767px) {
    .mobileImg, .showMobileOnly { display: none; }
    .VertuoInner section.taste.innerSection { padding-top: 50px; padding-bottom: 55px; }
}

@media(max-width:991px) and (min-width:767px) {
    .VertuoInner section.taste.innerSection .contentBox.mobileContent { padding: 0px 30px 0px 10px; }
    .VertuoInner section.taste.innerSection { padding-bottom: 35px; }
}

@media(max-width:767px) {
    .topBannerIcons { display: none; }
    .OriginalInner .topBannerWrapper { background-image: url('../Content-Vertuo/images/pic_140_B.jpg') !important; padding-bottom: 420px; }
    .OriginalInner.VertuoInner .topBannerWrapper { background-image: url('../Content-Vertuo/images/pic_153_B.jpg') !important; padding-bottom: 500px; }
    .OriginalInner .topBannerWrapper h1 { top: 80%; width: 90%; font-size: 185%; }
    .OriginalInner.VertuoInner .topBannerWrapper h1 { width: 80%; }
    .contentBox { width: 100%; display: block; padding: 0px; }
    section.innerSection { background-image: none !important; }
    section.crema.innerSection .contentBox { padding: 0px; }
    section.pressure .contentBox { padding: 20px 0px; }
    .contentBoxLarge { width: 100%; padding: 0px; }
    .contentBoxFull ul li { width: 49%; }
    .contentBoxFull { text-align: center; }
    section.faq.row.innerSection { min-height: 0px; padding: 0; }
    section.taste.innerSection .contentBox { background: #ffffff; padding: 0; }
    .mobileImg img { max-width: 100%; }
    .contentBoxTitle, .contentBoxText, .contentBoxLink { padding: 0px 40px; }
    .iconText { display: none; }
    .contentBoxText h3 { margin-top: 0; }
    .sectionsWrapper { touch-action: pan-y; user-select: none; -webkit-user-drag: none; }
    section.variety.row.innerSection { padding-top: 0; }
    section.taste.innerSection .contentBox.mobileContent { padding: 40px 0px; }
    section.taste.innerSection { padding: 0; }
    section.pressure.row.innerSection { padding: 0; }
    section.crema.innerSection { padding-top: 0; }
    section.fullSection.row.innerSection { background-image: url(../Content-Vertuo/images/pic_143_B.jpg) !important; background-size: cover; background-position: center center; }
    .iconTitle { max-width: 100%; }
    section.taste.innerSection { padding: 0; }
    .VertuoInner .contentBox { padding: 0px 0px 50px; }
    .VertuoInner section.crema.innerSection .contentBox { padding: 0px 0px 20px; /* padding: 0; */ }
    .VertuoInner section.variety .contentBox, .VertuoInner section.crema.innerSection .contentBox, .VertuoInner section.innerSection.milk .contentBox { background: #ffffff; }
    .VertuoInner section.pressure .contentBox { padding-top: 0; padding-bottom: 0; }
    .VertuoInner section.innerSection.milk { padding-bottom: 0; padding-top: 0; }
    .VertuoInner section.crema.innerSection { padding-bottom: 0; }
    .VertuoInner section.variety.innerSection { padding-bottom: 0; }
    .contentBoxText ul button.accordionTitle span { width: calc(100% - 35px); display: inline-block; vertical-align: top; font-size: 90%; white-space: pre-line; }
    .contentBoxText ul button.accordionTitle img { margin-left: 5px; }
    .contentBoxText ul button.accordionTitle { padding: 0; width: 100%; }

    .fullContent li.g_feature:nth-child(even) { margin-right: 20px; margin-left: 0; }
    .fullContent li.g_feature:nth-child(odd) { margin-left: 20px; margin-right: 0; }
    .fullContent li.g_feature { width: calc(50% - 25px); }
    .VertuoInner section.variety .contentBox:not(.mobileContent) { padding-bottom: 0; }
    section.fullSection.row.innerSection { padding: 90px 0px; }
    section.payment.row.innerSection { padding: 30px 0px; }
    .contentBoxLink a { padding: 10px 8px; font-size: 89%; }
}

@media(max-width:320px) {
    .OriginalInner .topBannerWrapper h1 { font-size: 165%; top: 82%; width: 95%; }
}


@media(min-width:768px) {
    .visible-mobile { display: none; }
}

@media(max-width:767px) {
    .hidden-mobile { display: none; }
}