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; } .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; } .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); } .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: 90%; background: transparent; border: 0; color: #8f7146; } .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:25vh;background-image: url(../Content-Vertuo/images/pic_135_B.jpg) !important;} .topBannerWrapper h1 { width: 50%; font-size: 210%; } .g_debugIECell .g_wysiwyg.g_txt_M { display: none; } .g_debugIECell button.g_link.g_iconRight { display: none; } .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:320px) { .topBannerWrapper h1 { width: 60%; } .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 { 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; } section.crema.innerSection { padding: 80px 0px; } section.crema.innerSection .contentBox { padding: 0px 170px 0px 0px; } 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; } .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; } .VertuoInner section.variety .contentBox, .VertuoInner section.crema.innerSection .contentBox, .VertuoInner section.innerSection.milk .contentBox { background: #ffffff; } .VertuoInner section.pressure .contentBox { padding-top: 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; } } @media(max-width:320px) { .OriginalInner .topBannerWrapper h1 { font-size: 165%; top: 82%; width: 95%; } }