/* LAYOUT */
.lmtheerf {font-family: "Trebuchet MS", sans-serif;font-size:100%; background-color:#000;}
.lmtheerf, .lmtheerf *, .lmtheerf *:before, .lmtheerf *:after {box-sizing: border-box;}
.inside {width:100%; max-width:996px; margin:0 auto; position:relative; background-color:inherit;}

a.info {display: inline-block; color:#5a5b5b;text-decoration:underline;cursor:pointer;}
a.info:before {content:"i";font-style: italic;color:#fff;width:15px;height:15px;border-radius:50%;display:inline-block;background-color:#878787;margin-right:5px;}

#nes_global .inside {width:918px;}
#nes_global .buy.single span:before {top: calc(50% - 7px);}
#nes_global .buy.single span:after {top: -1px;}


.nes_bg-content-bloc .inside {width:918px;}
.nes_view-fonction-v2 {display:none;}
.nes_bg-content-bloc {margin-top: -680px!important;}




.buy.single {word-break: break-all;transition:background-color 0.2s linear; margin-top:20px;letter-spacing: 0.1em;font-weight:bold;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;padding: 0px 20px 0px 60px;position:relative;text-transform:uppercase;color:#206d00;border:2px solid #206d00; border-radius:3px; background-color:transparent;height:40px;line-height:40px;white-space: nowrap; overflow: hidden; max-width: 100%;}
.buy.single span {transition:background-color 0.2s linear; width:40px; height:40px; border:2px solid #206d00;position:absolute;top:-2px;left:-2px;-webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;background-color:transparent;display:inline-block;}
.buy.single span:before {background-color:transparent;position: relative;    top: calc(50% - 15px);width:16px; height:16px; border:2px solid #206d00; border-radius:50%;content:"";display:inline-block;}
.buy.single span:after {opacity: 0;content: "✓";color: #206d00;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.selected .buy.single {color:#fff;background-color: #206d00;}
.selected .buy.single span {border-right-color:#fff;background-color: #206d00;}
.selected .buy.single span:before {background-color:#fff}
.selected .buy.single span:after {opacity:1}

.buy.plus {border: 2px solid #206d00;border-radius: 3px;background-color: transparent;line-height: 16px; padding:7px 12px; width: auto; height: auto; background: none; margin: 6px auto 0; float: none;}
.selected .buy.plus {background-color:#206d00;color:#fff;}

.buy.multiple {transition:background-color 0.2s ease-in; margin-top:20px;letter-spacing: 0.1em;font-weight:bold;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;padding: 0px 20px 0px 60px;position:relative;text-transform:uppercase;color:#206d00;border:2px solid #206d00; border-radius:3px; background-color:transparent;height:40px;line-height:40px;  white-space: nowrap; overflow: hidden; max-width: 100%;}
.buy.multiple span {width:40px; height:40px; border:2px solid #206d00;position:absolute;top:-2px;left:-2px;-webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;background-color:transparent;display:inline-block;}

.selected .buy.multiple {color:#fff;background-color: #206d00;}
.selected .buy.multiple span {border-right-color:#fff;background-color: #206d00;}

.lmtheerf .price:after {content:" €"}

.lmtheerf.locale_ar .price:after {display:none;}
.lmtheerf.locale_ar .price:before {content:"ARS"}

.lmtheerf.locale_br .price:after {display:none;}
.lmtheerf.locale_br .price:before {content:"R$"}

.lmtheerf.locale_ca .price:after {display:none;}
.lmtheerf.locale_ca .price:before {content:"$"}

.lmtheerf.locale_us .price:before {content:"$"}
.lmtheerf.locale_us .price:after {content:""}

.lmtheerf.locale_au .price:before {content:"$"}
.lmtheerf.locale_au .price:after {content:""}

.lmtheerf.locale_nz .price:before {content:"$"}
.lmtheerf.locale_nz .price:after {content:""}

.lmtheerf.locale_nl .price:before {content:"€"}
.lmtheerf.locale_nl .price:after {content:""}

.lmtheerf.locale_hu .price:after {content:" Ft"}
.lmtheerf.locale_mx .price:after {display:none;}
.lmtheerf.locale_mx .price:before {content:"$"}
.lmtheerf.locale_ch .price:after {display:none;}
.lmtheerf.locale_ch .price:before {content:"CHF "}
.lmtheerf.locale_uk .price:after {display:none;}
.lmtheerf.locale_uk .price:before {content:"£"}
.lmtheerf.locale_ro .price:after {content:" LEI"}
.lmtheerf.locale_tw .price:after {display:none;}
.lmtheerf.locale_tw .price:before {content:"NT$ "}
.lmtheerf.locale_th .price:after {display:none;}
.lmtheerf.locale_th .price:before {content:"฿"}

.lmtheerf.locale_nl .section.summary .machines {display: none;}
.lmtheerf.locale_au .section.summary .machines {display: none;}
.lmtheerf.locale_fr .section.summary .machines {display: none;}
.lmtheerf.locale_de .section.summary .machines {display: none;}
.lmtheerf.locale_pt .section.summary .machines {display: none;}
.lmtheerf.locale_ro .section.summary .machines {display: none;}
.lmtheerf.locale_es.locale_es .section.summary .machines{display: none;}
.lmtheerf.locale_cl.locale_es .section.summary .machines{display: table-cell;}
.lmtheerf.locale_ar.locale_es .section.summary .machines{display: none;}
.lmtheerf.locale_us .section.summary .machines {display: none;}
.lmtheerf.locale_de .section.summary > div > div.total > div:nth-child(1) {display: none;}
.lmtheerf.locale_ro .section.summary .machines {display: none;}
.lmtheerf.locale_tw .section.summary .machines {display: none;}
.lmtheerf.locale_tw .section.summary > div > div.total > div:nth-child(1) {display: none;}
.lmtheerf.locale_at .section.summary .machines {display: none;}
.lmtheerf.locale_at .section.summary > div > div.total > div:nth-child(1) {display: none;}

/*.lmtheerf.locale_de .buy.multiple {transition: background-color 0.2s ease-in; margin-top: 20px; letter-spacing: 0.1em; font-weight: bold; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; padding: 0px 20px 0px 60px; position: relative; text-transform: uppercase; color: #206d00; border: 2px solid #206d00; border-radius: 3px; background-color: transparent; line-height: 20px; white-space: normal; overflow: hidden; max-width: 100%; height:auto;}
.lmtheerf.locale_de .buy.multiple span { width: calc(3em - 2px); height: calc(100% + 4px); border: none; border-right: 2px solid #206d00; position: absolute; padding-top: 10px; left: -2px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; background-color: transparent;}
*/

/*.locale_us .section.introduction .hero {left: -160px;}*/



/* INTRODUCTION */
.section.introduction {background-color:#000; color:#fff;background-position:bottom center; background-repeat:repeat-x; position:relative;}
.section.introduction .inside {display:table; min-height:490px; background-color:transparent; padding:40px 0;}
.section.introduction .inside > div {display:table-cell; vertical-align: middle;}
.section.introduction .inside > .redaeh {width:50%; text-transform: uppercase; line-height:1.1em; text-align:left; font-size:180%; margin-bottom:20px;position:relative;}
.section.introduction .hero {position: absolute;top: 0px;left: 0px;}
.section.introduction p {padding-left:50%; margin:0; color:#d8d8d8; font-size:130%; line-height:1.5em;}
.section.introduction p.redaeh {text-transform:uppercase; font-size:200%; color:#fff; margin-bottom:20px;}
.section.introduction p.redaeh span {color:#cc9d47;}
.section.introduction a.terms {color:#fff; font-style: italic;font-size: 90%;}
.section.introduction:after {content:"";position:absolute;width: 0; height: 0; border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #000;left: calc(50% - 20px);z-index:1;}

.section.introduction .badge {border-radius: 50%;background: #cc9d47;position: absolute;top: 100px;left: 340px;}
.section.introduction .badge > div {text-align: center;vertical-align: middle;display: table-cell;height: 80px;width: 80px;padding:10px; font-size:120%; line-height:120%;}


/* BRAND */
.section.brand {min-height:20px;}
.section.brand .inside {display:table; min-height:445px; background-color:transparent;}
.section.brand .inside > div {display:table-cell; vertical-align: middle; background-position:right center; background-repeat:no-repeat;}
.section.brand p {color:#605f5e; width:50%;}
.section.brand p.redaeh {font-size:150%;}

/* PACKS */
.section.packs {background-color:#fff; color:#000;}
.section.packs .inside {padding:50px 0px 25px 0px;}
.section.packs .list {display:table; table-layout: fixed; width:100%;}
.section.packs .list > div {display:table-cell; width:33%; text-align:center; position:relative;padding:30px; border-radius:3px;}
.section.packs .list > div:nth-child(2) {border-left:1px solid #f0efed;border-right:1px solid #f0efed;}
.section.packs .list > div > img {display:block;margin-left: auto;margin-right: auto; position:relative;}
.section.packs .list > div > p.name {line-height: 120%;text-transform:uppercase; font-weight:bold;font-size: 180%;margin: 10px 0px 0px 0px;}
.section.packs .inside > .redaeh {text-align:center; text-transform:uppercase; font-size:150%; line-height: 1.5em;}
.section.packs .inside > .redaeh span {color:#cc9d47}
.section.packs .badge {border-radius: 50%;background: #cc9d47;position: absolute;top: -10px;left: 220px; height:80px; width:80px;}
.section.packs .badge > div {text-align: center;vertical-align: middle;display: table-cell;height: 80px;width: 80px;padding:10px;}
.section.packs .badge .price {color:#fff !important;}
.section.packs .price {color:#cc9d47;}

/* ASSORTMENTS */
.section.assortments {background-color:#fff; color:#000;}
.section.assortments .inside {padding:25px 0px 25px 0px;}
.section.assortments .list {display:table; table-layout: fixed; width:100%;}
.section.assortments .list > div {display:table-cell; width:33%; text-align:center; position:relative;padding:30px; border-radius:3px;}
.section.assortments .list  > div:nth-child(2) {border-left:1px solid #f0efed;border-right:1px solid #f0efed;}
.section.assortments .list > div > img {display:block;margin-left: auto;margin-right: auto;}
.section.assortments .list  > div:nth-child(2) {border-left:1px solid #f0efed;border-right:1px solid #f0efed;}
.section.assortments .inside > .redaeh {text-align:center; text-transform:uppercase; font-size:150%; line-height: 1.5em;}
.section.assortments .price {color:#cc9d47;}
.section.assortments .name {
  line-height: 120%;
  font-size: 160%;
text-transform: uppercase;
margin: 10px 0px 10px 0px;
padding: 0px;
}
.section.assortments .info {margin-top:10px;}
/* CAPSULES */
.section.capsules {background-color:#fff; color:#000; text-align:center;}
.section.capsules .inside {padding:25px 0px 25px 0px;}
.section.capsules .inside > .redaeh {text-align:center; text-transform:uppercase; font-size:150%; line-height: 1.5em;}
.section.capsules .row {background-color:inherit;}
.section.capsules .range p.name {max-width: 82px; font-weight:bold;}

.section.capsules .range.lungo p.name {max-width:none;}

.section.capsules .range, .section.capsules .range > div {display:inline-block;padding:10px;}
.section.capsules .range {padding:10px 10px 0px 10px; vertical-align:top;background-color:inherit;}
.section.capsules .range p {text-align:center; position:relative;padding:0; margin:0; font-size:90%; padding:5px;background-color:inherit;}
.section.capsules .range > p > span {font-weight:bold; color:inherit; padding:10px; background-color:inherit;display:inline-block; text-transform:uppercase;position:relative;}
.section.capsules .range > p:before {content:""; display:block; position:absolute; height:0px; border-bottom:1px solid #d8d8d8; width:100%;top:50%;}
.section.capsules .price {color:#cc9d47;}

.section.capsules .details {background-color:#f0efed;padding:20px;text-align:left; position:relative; display:table; width:100%;}
.section.capsules .details .left {width:150px; display:table-cell; vertical-align: middle; text-align:center;}
.section.capsules .details .right {display:table-cell; vertical-align: middle;}
.section.capsules .details button.close {position:absolute; top:10px; right:10px;border:0; background-color:transparent;}
.section.capsules .range > .detailled {background-color:#f0efed;}

.details .left, .details .right {float:none !important;}
.tech_vertuoline .section.capsules .range p.name {max-width:none; min-width:115px;}


/* ACCESSORIES */
.section.accessories {background-color:#f0efed; color:#000;}
.section.accessories .inside {padding:25px 0px 25px 0px;}
.section.accessories .list {display:table; table-layout: fixed; width:100%;}
.section.accessories .list > div {display:table-cell; width:33%; text-align:center; position:relative;padding:30px; border-radius:3px;}
.section.accessories .list > div > img {display:block;margin-left: auto;margin-right: auto;}
.section.accessories .list > div > p.name {text-transform:uppercase; font-weight:bold;}
.section.accessories .list > div > p.description {color:#605f5e;}
.section.accessories .list  > div:nth-child(2) {border-left:1px solid #f0efed;border-right:1px solid #f0efed;}
.section.accessories .inside > .redaeh {text-align:center; text-transform:uppercase; font-size:150%; line-height: 1.5em;}
.section.accessories .price {color:#cc9d47;}

/* SUMMARY */
.section.summary {background-color:#fff; color:#000;}
.section.summary .inside {padding:25px 0px 25px 0px; text-align:right;}
.section.summary .list {display:table; table-layout: fixed; width:100%; text-align:left;}
.section.summary .list > div {display:table-cell; width:33%; position:relative;padding:30px; border-radius:3px;}

.section.summary .list > div .redaeh {text-transform:uppercase; font-weight:bold; text-align:left;}
.section.summary .list > div .headline {text-transform:uppercase; color:#605f5e;}
.section.summary .inside > .redaeh {text-align:center; text-transform:uppercase; font-size:150%; line-height: 1.5em;}


.section.summary > div > div.list > div.machines > div {display:table; width:100%;}
.section.summary > div > div.list > div.machines > div > * {display:table-cell;}
.section.summary > div > div.list > div.machines > div > :last-child {text-align:right}
.section.summary > div > div.list > div.machines > img {margin-top: 20px;width: 60px;}

.section.summary > div > div.list > div.capsules > div.assortments > div > div {display:table; width:100%;}
.section.summary > div > div.list > div.capsules > div.assortments > div > div > * {display:table-cell;}
.section.summary > div > div.list > div.capsules > div.assortments > div > div > :last-child {text-align:right}

.section.summary > div > div.list > div.capsules > div.assortments > div > div > div > img {height:20px;margin-right:5px;}
.section.summary > div > div.list > div.capsules > div.coffee > div > div > img {height:20px;margin-right:5px;}

.section.summary > div > div.list > div.capsules > div.coffee > div {display:table; width:100%;}
.section.summary > div > div.list > div.capsules > div.coffee > div > * {display:table-cell;}
.section.summary > div > div.list > div.capsules > div.coffee > div > :last-child {text-align:right}
.section.summary > div > div.list > div.capsules > div.coffee > div > div > img {height:20px;margin-right:5px;}

.section.summary > div > div.list > div.accessories > div {display:table; width:100%;}
.section.summary > div > div.list > div.accessories > div > * {display:table-cell;}
.section.summary > div > div.list > div.accessories > div > :last-child {text-align:right}
.section.summary > div > div.list > div.accessories > div > div > img {height:20px;margin-right:5px;}

.section.summary button.proceed {margin-top:20px;letter-spacing: 0.1em;font-weight:bold;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;padding: 0px 40px 0px 40px;cursor:pointer;position:relative;text-transform:uppercase;color:#fff;border:0; border-radius:3px; background-color:#206d00;height:40px;line-height:40px;}
.section.summary button:disabled.proceed {background-color:#f0efed;color:#d8d8d8;}
.section.summary .total {display:inline-block;}
.section.summary .total span {display:inline-block; width:100px;}
.section.summary .total strong {text-transform:uppercase; color:#605f5e}
.section.summary .total .grand strong {color:initial}

.section.summary .quantity:after {content:" x ";}


.section.summary .terms {font-size:90%; margin-top:20px;}
.terms a {color: #cc9d47; cursor:pointer;}

/* MODAL */
#modal {display:none;width:auto;max-width:996px;background:#fff;min-height:400px;color:#000;text-align:left;position:relative;}
#modal,#modal *, #modal *:before, #modal *:after {box-sizing: border-box;}
#modal button.close {position:absolute; top:10px; right:10px;border:0; background-color:transparent;}
#modal .left {width:33%; display:inline-block;background-color:#f0efed; min-height:400px; text-align:center;vertical-align: top;padding:30px;}
#modal .right {width:67%; display:inline-block; min-height:400px;vertical-align: top;padding:30px;}

#modal .left ul {list-style-type: none; padding:0; margin:0;}
#modal .left ul li {border-bottom:1px solid #dfdedc;padding:2px;}
#modal .left ul li span {display:inline-block;}
#modal .left ul li span:first-child {width:80%;text-align:left;}
#modal .left ul li span:last-child {width:20%;text-align:right;}
#modal .left ul li span:last-child:before {content:"x ";}
#modal .left p.listprice, #modal .left p.price {width:50%; display:inline-block;}
#modal .right ul {display:table; table-layout:fixed; width:67%; position:absolute; right:0; margin:0; padding:0;background-color:#f0efed; bottom:0;}
#modal .right ul li {display:table-cell; width:2%; border-left:1px solid #fff; text-align:center; padding:10px 5px;}
#modal .right ul li span {display:block; text-transform:uppercase; font-size:90%;}
#modal .right ul li.active {background-color:#fff;}

#modal .right .visual {margin-bottom:20px;}
#modal .right p.redaeh {text-transform: uppercase;
    font-size: 140%;}
#modal .right p.name {color:#868686; text-transform: uppercase;}
#modal .right p.headline {color:#000; text-transform: uppercase;}
#modal .right p.description {color:#868686;}

#modal .terms .redaeh {
  font-size: 140%;
text-transform: uppercase;
}
#modal .terms {padding:20px;}

#modal .packs .left > img {display:block; margin-left: auto;margin-right: auto;}
#modal .right > img {display:block; margin-left: auto;margin-right: auto;}

/* QUANTITY SELECTOR */
.quantitySelector, .quantitySelector * {box-sizing: border-box;}
.quantitySelector {background-color:#e0e1e3;color:#2c2e2e;display:inline-block;width:220px;padding:10px;border-radius:5px;z-index:1;
-webkit-box-shadow: 0px 1px 3px -1px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 1px 3px -1px rgba(0,0,0,0.65);
box-shadow: 0px 1px 3px -1px rgba(0,0,0,0.65);
text-shadow: 0px 2px 0px rgba(255, 255, 255, 1);
}
.quantitySelector:before {content:"";position:absolute;width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #e0e1e3;z-index:1;position: absolute;bottom: -10px;left: 110px;}
.quantitySelector:after { content: "";position: absolute;padding: 13px 18px;border: 0;left: 102px;z-index: 2;bottom: -25px;}
.quantitySelector.multiple:after { padding: 17px 18px;border: 0;left: 0;right:0;z-index: 2;bottom: -32px;}
.quantitySelector ul {margin:0; padding:0; list-style-type: none;display:block; width:100%;}
.quantitySelector li {margin:0; padding:0; display:inline-block; width:20%; height: 20%; text-align:center; font-weight:bold; font-size:11px; border-right:1px solid #c9cacb; border-left:1px solid #e9eaec; border-bottom:1px solid #e9eaec; border-top:1px solid #c9cacb; line-height: 3em;}
.quantitySelector li:nth-child(-n+5) {border-top:0;}
.quantitySelector li:nth-last-child(-n+5) {border-bottom:0;}
.quantitySelector li:nth-child(5n) {border-right:0;}
.quantitySelector li:nth-child(5n+1) {border-left:0;}
.quantitySelector li:hover {background-color:rgba(255,255,255,0.5);}
.quantitySelector div {border-top:1px solid #eaeaeb;border-bottom:1px solid #afafb1;padding:5px 10px;color:#888a8c;margin:5px 0px;position:relative;font-size:90%;}
.quantitySelector input[type="text"] {color:#b2b2b2;background-color:#ffffff;border:0;padding:5px;font-size:90%;}
.quantitySelector button {color:#393c3c;text-decoration:none;margin-left:10px;}
.quantitySelector.appear {visibility:visible; -webkit-animation: appear 0.3s linear;}
.quantitySelector .closeButton {display: none;}


.quantitySelector.appear {visibility:visible; -webkit-animation: appear 0.3s linear;}
@-webkit-keyframes appear {0% {opacity: 0;transform:translateY(20px);}100% {opacity: 1;transform:translateY(0px);}}

/* MARKET SPECIFIC */
/*.locale_us .section.introduction:after {border-top-color: #7b6665;}*/

.locale_au .section.summary {background-color:#fafafa;}
.locale_au .section.summary .list > div:first-child {border-right: 1px solid #f0efed;}

.locale_au .section.introduction:after {
    border-top: 20px solid #1a5f88;
  }
.locale_au .section.introduction .badge {
    top: 30px;
    left: 186px;
  }

.locale_nl .section.introduction .inside{
    display: table;
    height: 490px;
    background-color: transparent;
}

.locale_au .section.introduction .inside{
    display: table;
    height: 490px;
    background-color: transparent;
}

.locale_au .section.packs{display:none;}

.locale_pt #modal .right ul li span {display:none;}
.lmtheerf.locale_hu #modal .right ul li span {display:none!important;}


/* ANIMATIONS */
@keyframes fadeOut {
   0% {opacity: 1;}
   100% {opacity: 0;}
}

/* RESPONSIVE */
@media all and (min-width: 751px) and (max-width: 995px) {
  .lmtheerf .inside button.plus {width: auto; height: auto;  background: none; margin: 6px auto 0; float: none;}
  .lmtheerf .inside .selected .buy.plus {background-color:#206d00}
  .section.introduction .hero {width:45%;}
  .section.introduction .badge {left: 33%; top: 50px;}
  .section.packs .list > div > img {width: 100%}
  .section.assortments .list > div > img {width: 100%}
  .section.summary .total {margin-right: 30px}
  .section.summary .terms {margin: 30px}
  .section.summary .proceed {margin-right: 30px}
  .quantitySelector {cursor: pointer;}
}
@media all and (min-width: 241px) and (max-width: 750px) {
    #mobilePage div.cms-rich-text {padding:0;}
    .lmtheerf .inside button.plus {width: auto; height: auto;  background: none; margin: 6px auto 0; float: none;}
    .lmtheerf .inside .selected .buy.plus {background-color:#206d00}
    .lmtheerf .inside {width:100% !important;}
    .lmtheerf .list {display:block !important;}
    .lmtheerf .list > div {display:block !important; width:auto !important;}
    .section.introduction {background-size: cover;}
    .section.introduction p {width:auto !important; text-align:center; padding:0!important;}
    .section.introduction .inside {min-height:0!important;}
    .section.introduction .inside > div {text-align:center; padding:20px;}
    .section.introduction .hero {position:relative; max-width:50%;top:auto; left:auto;}
    .section.introduction .badge {left:initial; top: 150px; right: 30px;}
    .section.packs .inside {padding: 50px 25px 25px;}
    .section.brand .inside {min-height:0; padding:25px;}
    .section.brand .inside > div {background-image:none!important;}
    .section.brand p {width:100%;}
    .section.summary .inside {padding:25px !important;}
    .section.summary .total {display: block;text-align: left;}
    .section.summary .total > div{margin-bottom: 6px;}
    .section.summary .list > div {padding:0 0 20px !important}

    .section.summary button:disabled.proceed {width: 100%;}
    .quantitySelector {
        z-index: 5000;
        width: 100vw;
        height: 100%;
        max-height: 100vh;
        background: rgba(0,0,0,.8);
        position: fixed !important;
        top: 0 !important;
        right: auto !important;
        bottom: auto !important;
        left: 0 !important;
        background: #f1f1f1;
        color: #666;
        font-size: 5vmin;
        width: 100%;
        height: 100%;
        border-radius: 0;
        cursor: pointer;
    }
    .quantitySelector ul {
      box-sizing: border-box;
      width: 100%;
      padding: 10vmin 15vmin;
    }
    .quantitySelector li {
      width: 33.33333%;
      height: 11vh;
      line-height: 11vh;
      border:1px solid #c9cacb !important;
      font-size: 5vmin;
    }
    .quantitySelector li:nth-child(5n+1), .quantitySelector li:nth-child(-n+5) {border:1px solid #c9cacb !important;}
    .quantitySelector div {border-top: none;}
    .quantitySelector input[type="text"] {border: 1px solid #c9cacb; height: 50px; display: inline-block; width: 30%;}
    .quantitySelector button {border: 1px solid #c9cacb; margin-left: 0; height: 50px; max-height: 50px; display: inline-block; width: 70%;}
    .quantitySelector .closeButton {display: block; position: absolute; font-size: 1.3em; font-weight: bold; top:10px; right: 10px; border:0; content:"X"; pointer-events: all;}
    #modal {width:100% !important;}
    #modal .left {display: block; min-height: auto; width: 100%;}
    #modal .right {display: block; min-height: auto; width: 100%;}
    body[class^="language-pt"] #modal .right ul li span {display:none;}
    body[class^="language-hu"] #modal .right ul li span {display:none!important;}
    #modal .right ul {width: 100%; position: relative; margin-top: 20px;}
    #modal .right ul li {width: 20%; display: inline-block;}
    .section.packs .list > div:nth-child(2) {border-left:0;border-right:0;}
    .section.capsules .details { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2002; height: 100vh;}
    .section.capsules .details .close {border-radius: 50%; background: white !important; width: 2em; height: 2em; position: absolute; left: 50%; transform: translate(-50%,0); top: 1em; font-size: 1.5em; font-weight: normal;}
    .section.capsules .details .left {display: block; margin-top: 4em; width: 100%;}
    .section.capsules .details .right {display: block;}
}