@charset "UTF-8";
/*
Author URI: http://olivasdigital.com.br/
Developer: Olivas Digital
*/
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
*/
@import url("https://fonts.googleapis.com/css?family=Rubik+Mono+One");
@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,700&subset=cyrillic,latin-ext");
html {
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0; }
/* HTML5 display definitions
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
/* 1 */
display: block; }
/**
* Add the correct display in IE 9-.
*/
audio,
canvas,
progress,
video {
display: inline-block; }
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline; }
/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template,
[hidden] {
display: none; }
/* Links
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */ }
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0; }
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */ }
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit; }
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic; }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000; }
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none; }
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden; }
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px; }
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/* Forms
========================================================================== */
/**
* 1. Change font properties to `inherit` in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
select,
textarea {
font: inherit;
/* 1 */
margin: 0;
/* 2 */ }
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: bold; }
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible; }
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none; }
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */ }
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */ }
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto; }
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */ }
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54; }
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */ }
.row:after, .clearfix:after {
content: '.';
display: block;
clear: both;
height: 0;
line-height: 0;
font-size: 0;
visibility: hidden;
overflow: hidden; }
/* GRID */
.col {
float: left;
padding: 0 10px;
/*GRID MOBILE*/
/*GRID TABLET*/
/*GRID DESKTOP*/
/*GRID WIDE*/ }
.col.centralized {
float: none;
margin: 0 auto; }
.col.right {
float: right; }
.col.one-mobile {
width: calc(99.999% / 12); }
.col.two-mobile {
width: calc((99.999% / 12) * 2); }
.col.three-mobile {
width: calc((99.999% / 12) * 3); }
.col.four-mobile {
width: calc((99.999% / 12) * 4); }
.col.five-mobile {
width: calc((99.999% / 12) * 5); }
.col.six-mobile {
width: calc((99.999% / 12) * 6); }
.col.seven-mobile {
width: calc((99.999% / 12) * 7); }
.col.eight-mobile {
width: calc((99.999% / 12) * 8); }
.col.nine-mobile {
width: calc((99.999% / 12) * 9); }
.col.ten-mobile {
width: calc((99.999% / 12) * 10); }
.col.eleven-mobile {
width: calc((99.999% / 12) * 11); }
.col.twelve-mobile {
width: 99.999%; }
@media (min-width: 768px) {
.col.one-tablet {
width: calc(99.999% / 12); }
.col.two-tablet {
width: calc((99.999% / 12) * 2); }
.col.three-tablet {
width: calc((99.999% / 12) * 3); }
.col.four-tablet {
width: calc((99.999% / 12) * 4); }
.col.five-tablet {
width: calc((99.999% / 12) * 5); }
.col.six-tablet {
width: calc((99.999% / 12) * 6); }
.col.seven-tablet {
width: calc((99.999% / 12) * 7); }
.col.eight-tablet {
width: calc((99.999% / 12) * 8); }
.col.nine-tablet {
width: calc((99.999% / 12) * 9); }
.col.ten-tablet {
width: calc((99.999% / 12) * 10); }
.col.eleven-tablet {
width: calc((99.999% / 12) * 11); }
.col.twelve-tablet {
width: 99.999%; } }
@media (min-width: 1000px) {
.col.one-desktop {
width: calc(99.999% / 12); }
.col.two-desktop {
width: calc((99.999% / 12) * 2); }
.col.three-desktop {
width: calc((99.999% / 12) * 3); }
.col.four-desktop {
width: calc((99.999% / 12) * 4); }
.col.five-desktop {
width: calc((99.999% / 12) * 5); }
.col.six-desktop {
width: calc((99.999% / 12) * 6); }
.col.seven-desktop {
width: calc((99.999% / 12) * 7); }
.col.eight-desktop {
width: calc((99.999% / 12) * 8); }
.col.nine-desktop {
width: calc((99.999% / 12) * 9); }
.col.ten-desktop {
width: calc((99.999% / 12) * 10); }
.col.eleven-desktop {
width: calc((99.999% / 12) * 11); }
.col.twelve-desktop {
width: 99.999%; } }
@media (min-width: 1368px) {
.col.one-wide {
width: calc(99.999% / 12); }
.col.two-wide {
width: calc((99.999% / 12) * 2); }
.col.three-wide {
width: calc((99.999% / 12) * 3); }
.col.four-wide {
width: calc((99.999% / 12) * 4); }
.col.five-wide {
width: calc((99.999% / 12) * 5); }
.col.six-wide {
width: calc((99.999% / 12) * 6); }
.col.seven-wide {
width: calc((99.999% / 12) * 7); }
.col.eight-wide {
width: calc((99.999% / 12) * 8); }
.col.nine-wide {
width: calc((99.999% / 12) * 9); }
.col.ten-wide {
width: calc((99.999% / 12) * 10); }
.col.eleven-wide {
width: calc((99.999% / 12) * 11); }
.col.twelve-wide {
width: 99.999%; } }
@font-face {
font-family: 'nespressoLight';
src: url("../fonts/nespresso/Nespresso-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/nespresso/Nespresso-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'nespressoRegular';
src: url("../fonts/nespresso/Nespresso-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/nespresso/Nespresso-Regular.ttf") format("truetype");
font-weight: 600;
font-style: normal; }
@font-face {
font-family: 'nespressoBold';
src: url("../fonts/nespresso/Nespresso-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/nespresso/Nespresso-Bold.ttf") format("truetype");
font-weight: 900; }
@font-face {
font-family: 'nespressoLucasMed';
src: url("../fonts/nespressoLucas/NespressoLucas-Med.eot?#iefix") format("embedded-opentype"), url("../fonts/nespressoLucas/NespressoLucas-Med.ttf") format("truetype");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'nespressoLucasRegular';
src: url("../fonts/nespressoLucas/NespressoLucas-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/nespressoLucas/NespressoLucas-Regular.ttf") format("truetype");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'nespressoLucasSemiBold';
src: url("../fonts/nespressoLucas/NespressoLucas-SemiBd.eot?#iefix") format("embedded-opentype"), url("../fonts/nespressoLucas/NespressoLucas-SemiBd.ttf") format("truetype");
font-weight: 600; }
@font-face {
font-family: 'nespressoLucasBold';
src: url("../fonts/nespressoLucas/NespressoLucas-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/nespressoLucas/NespressoLucas-Bold.ttf") format("truetype");
font-weight: 900; }
@font-face {
font-family: "Flaticon";
src: url("../fonts/flaticon/Flaticon.eot");
src: url("../fonts/flaticon/Flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/flaticon/Flaticon.woff") format("woff"), url("../fonts/flaticon/Flaticon.ttf") format("truetype"), url("../fonts/flaticon/Flaticon.svg#Flaticon") format("svg");
font-weight: normal;
font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: "Flaticon";
src: url("./Flaticon.svg#Flaticon") format("svg"); } }
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
font-family: Flaticon;
font-size: 20px;
font-style: normal; }
.flaticon-google-plus-logo:before {
content: "\f100"; }
.flaticon-google-plus:before {
content: "\f101"; }
.flaticon-close-button:before {
content: "\f102"; }
.flaticon-menu-button:before {
content: "\f103"; }
.flaticon-next:before {
content: "\f104"; }
.flaticon-back:before {
content: "\f105"; }
.flaticon-search:before {
content: "\f106"; }
.flaticon-instagram-logo:before {
content: "\f107"; }
.flaticon-youtube-logo:before {
content: "\f108"; }
.flaticon-linkedin-logo:before {
content: "\f109"; }
.flaticon-facebook-logo:before {
content: "\f10a"; }
.flaticon-twitter-logo-silhouette:before {
content: "\f10b"; }
.row:after, .clearfix:after {
content: '.';
display: block;
clear: both;
height: 0;
line-height: 0;
font-size: 0;
visibility: hidden;
overflow: hidden; }
.sprite {
background-image: url(../img/spritesheet.png);
background-repeat: no-repeat;
display: inline-block; }
.sprite-bottom {
width: 40px;
height: 40px;
background-position: -5px -5px; }
.sprite-envelope {
width: 29px;
height: 29px;
background-position: -5px -55px; }
.sprite-next {
width: 27px;
height: 48px;
background-position: -5px -94px; }
.sprite-phone {
width: 29px;
height: 29px;
background-position: -5px -152px; }
.sprite-play {
width: 106px;
height: 106px;
background-position: -5px -191px; }
.sprite-prev {
width: 27px;
height: 48px;
background-position: -5px -307px; }
.sprite-whats {
width: 30px;
height: 30px;
background-position: -5px -365px; }
.fancybox-enabled {
overflow: hidden; }
.fancybox-enabled body {
overflow: visible;
height: 100%; }
.fancybox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99993;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container {
z-index: 99992; }
.fancybox-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #0f0f11;
opacity: 0;
transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.fancybox-container--ready .fancybox-bg {
opacity: 0.87;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
.fancybox-controls {
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
opacity: 0;
z-index: 99994;
transition: opacity .2s;
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
direction: ltr; }
.fancybox-show-controls .fancybox-controls {
opacity: 1; }
.fancybox-infobar {
display: none; }
.fancybox-show-infobar .fancybox-infobar {
display: inline-block;
pointer-events: all; }
.fancybox-infobar__body {
display: inline-block;
width: 70px;
line-height: 44px;
font-size: 13px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-align: center;
color: #ddd;
background-color: rgba(30, 30, 30, 0.7);
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: subpixel-antialiased; }
.fancybox-buttons {
position: absolute;
top: 0;
right: 0;
display: none;
pointer-events: all; }
.fancybox-show-buttons .fancybox-buttons {
display: block; }
.fancybox-slider-wrap {
overflow: hidden;
direction: ltr; }
.fancybox-slider-wrap,
.fancybox-slider {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
z-index: 99993;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-tap-highlight-color: transparent; }
.fancybox-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
outline: none;
white-space: normal;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch; }
.fancybox-slide::before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0; }
.fancybox-slide > * {
display: inline-block;
position: relative;
padding: 24px;
margin: 44px 0 44px;
border-width: 0;
vertical-align: middle;
text-align: left;
background-color: #fff;
overflow: auto;
box-sizing: border-box; }
.fancybox-slide--image {
overflow: hidden; }
.fancybox-slide--image::before {
display: none; }
.fancybox-content {
display: inline-block;
position: relative;
margin: 44px auto;
padding: 0;
border: 0;
width: 80%;
height: calc(100% - 88px);
vertical-align: middle;
line-height: normal;
text-align: left;
white-space: normal;
outline: none;
font-size: 16px;
font-family: Arial, sans-serif;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch; }
.fancybox-iframe {
display: block;
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
background: #fff; }
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
background: transparent; }
.fancybox-placeholder {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: 0;
z-index: 99995;
background: transparent;
cursor: default;
overflow: visible;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.fancybox-image,
.fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
max-width: none;
max-height: none;
background: transparent;
background-size: 100% 100%; }
.fancybox-controls--canzoomOut .fancybox-placeholder {
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.fancybox-controls--canzoomIn .fancybox-placeholder {
cursor: -webkit-zoom-in;
cursor: zoom-in; }
.fancybox-controls--canGrab .fancybox-placeholder {
cursor: -webkit-grab;
cursor: grab; }
.fancybox-controls--isGrabbing .fancybox-placeholder {
cursor: -webkit-grabbing;
cursor: grabbing; }
.fancybox-spaceball {
z-index: 1; }
.fancybox-tmp {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden; }
.fancybox-error {
position: absolute;
margin: 0;
padding: 40px;
top: 50%;
left: 50%;
width: 380px;
max-width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
cursor: default; }
.fancybox-error p {
margin: 0;
padding: 0;
color: #444;
font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }
.fancybox-close-small {
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 44px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
outline: none;
background: transparent;
z-index: 10;
cursor: pointer; }
.fancybox-close-small:after {
content: '×';
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
font: 80px/30px Roboto,"Helvetica Neue",Helvetica,sans-serif;
color: #fff;
font-weight: 100;
text-align: center;
border-width: 0;
background: #a80733;
transition: background .2s;
box-sizing: border-box;
z-index: 2; }
.fancybox-close-small:focus:after {
outline: 1px dotted #888; }
.fancybox-slide--video .fancybox-close-small {
top: -36px;
right: -36px;
background: transparent; }
/* Caption */
.fancybox-caption-wrap {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 60px 30px 0 30px;
z-index: 99998;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box;
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
opacity: 0;
transition: opacity .2s;
pointer-events: none; }
.fancybox-show-caption .fancybox-caption-wrap {
opacity: 1; }
.fancybox-caption {
padding: 30px 0;
border-top: 1px solid rgba(255, 255, 255, 0.4);
font-size: 14px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #fff;
line-height: 20px;
-webkit-text-size-adjust: none; }
.fancybox-caption a,
.fancybox-caption button {
pointer-events: all; }
.fancybox-caption a {
color: #fff;
text-decoration: underline; }
/* Buttons */
.fancybox-button {
display: inline-block;
position: relative;
width: 44px;
height: 44px;
line-height: 44px;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
cursor: pointer;
background: transparent;
color: #fff;
box-sizing: border-box;
vertical-align: top;
outline: none; }
.fancybox-button--disabled {
cursor: default;
pointer-events: none; }
.fancybox-infobar__body, .fancybox-button {
background: rgba(30, 30, 30, 0.6); }
.fancybox-button:hover {
background: rgba(0, 0, 0, 0.8); }
.fancybox-button::before,
.fancybox-button::after {
content: '';
pointer-events: none;
position: absolute;
border-color: #fff;
background-color: currentColor;
color: currentColor;
opacity: 0.9;
box-sizing: border-box;
display: inline-block; }
.fancybox-button--disabled::before,
.fancybox-button--disabled::after {
opacity: 0.5; }
.fancybox-button--left::after {
left: 20px;
top: 18px;
width: 6px;
height: 6px;
background: transparent;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.fancybox-button--right::after {
right: 20px;
top: 18px;
width: 6px;
height: 6px;
background: transparent;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.fancybox-button--left {
border-bottom-left-radius: 5px; }
.fancybox-button--right {
border-bottom-right-radius: 5px; }
.fancybox-button--close {
float: right; }
.fancybox-button--close::before, .fancybox-button--close::after {
content: '';
display: inline-block;
position: absolute;
height: 2px;
width: 16px;
top: calc(50% - 1px);
left: calc(50% - 8px); }
.fancybox-button--close::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.fancybox-button--close::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
/* Loading spinner */
.fancybox-loading {
border: 6px solid rgba(100, 100, 100, 0.4);
border-top: 6px solid rgba(255, 255, 255, 0.6);
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: fancybox-rotate .8s infinite linear;
animation: fancybox-rotate .8s infinite linear;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
z-index: 99999; }
@-webkit-keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
.fancybox-controls {
text-align: left; }
.fancybox-button--left,
.fancybox-button--right,
.fancybox-buttons button:not(.fancybox-button--close) {
display: none !important; }
.fancybox-caption {
padding: 20px 0;
margin: 0; } }
/* Fullscreen */
.fancybox-button--fullscreen::before {
width: 15px;
height: 11px;
left: 15px;
top: 16px;
border: 2px solid;
background: none; }
/* Slideshow button */
.fancybox-button--play::before {
top: 16px;
left: 18px;
width: 0;
height: 0;
border-top: 6px inset transparent;
border-bottom: 6px inset transparent;
border-left: 10px solid;
border-radius: 1px;
background: transparent; }
.fancybox-button--pause::before {
top: 16px;
left: 18px;
width: 7px;
height: 11px;
border-style: solid;
border-width: 0 2px 0 2px;
background: transparent; }
/* Thumbs */
.fancybox-button--thumbs span {
font-size: 23px; }
.fancybox-button--thumbs::before {
top: 20px;
left: 21px;
width: 3px;
height: 3px;
box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
right: 220px; }
.fancybox-thumbs {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
width: 220px;
margin: 0;
padding: 5px 5px 0 0;
background: #fff;
z-index: 99993;
word-break: normal;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: transparent;
box-sizing: border-box; }
.fancybox-thumbs > ul {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
font-size: 0; }
.fancybox-thumbs > ul > li {
float: left;
overflow: hidden;
max-width: 50%;
padding: 0;
margin: 0;
width: 105px;
height: 75px;
position: relative;
cursor: pointer;
outline: none;
border: 5px solid #fff;
border-top-width: 0;
border-right-width: 0;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box; }
li.fancybox-thumbs-loading {
background: rgba(0, 0, 0, 0.1); }
.fancybox-thumbs > ul > li > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
max-width: none;
max-height: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.fancybox-thumbs > ul > li:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 2px;
border: 4px solid #4ea7f9;
z-index: 99991;
opacity: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
opacity: 1; }
/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
.fancybox-thumbs {
display: none !important; }
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
right: 0; } }
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
/* No Js */
.no-js .owl-carousel {
display: block; }
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out; }
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }
/****ALL******/
html, body {
height: 100%;
min-height: 100%;
font-family: "nespressoLucasRegular", Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-variant: normal;
color: #fff; }
.hide {
display: none; }
.text-justify {
text-align: justify; }
.text-center {
text-align: center; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.right {
float: right; }
.left {
float: left; }
.container {
width: 100%;
max-width: 768px;
padding: 0 20px;
margin: 0 auto; }
@media (min-width: 1000px) {
.container {
width: 100%;
max-width: 1040px;
padding: 0 20px;
margin: 0 auto; } }
.row {
width: calc(100% + 20px);
margin-left: -10px; }
.clearfix {
width: 100%;
height: auto; }
a {
text-decoration: none; }
ul.inline li {
display: inline-block; }
ul.inline .esgotado {
background: #d3d3d3;
opacity: 0.6; }
input:focus, textarea:focus, select:focus, a:focus {
outline: none; }
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
figure, ul {
padding: 0;
margin: 0;
list-style: none; }
/*FLEXVIDEO*/
.flex-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
margin: 0 auto; }
.flex-video iframe, .flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.relative {
position: relative; }
.error {
border-color: red !important; }
.ellipsis * {
display: block;
max-width: 400px;
height: 71.4px;
margin: 0 auto;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
/*IMAGES*/
img.responsive {
width: 100%;
height: auto;
display: block;
margin: 0;
padding: 0; }
/*HIDE*/
@media (max-width: 767px) {
.hide-mobile {
display: none !important; } }
@media (min-width: 768px) and (max-width: 999px) {
.hide-tablet {
display: none !important; } }
@media (min-width: 1000px) {
.hide-desktop {
display: none !important; } }
/*LINKS*/
a {
color: inherit; }
/*TRANSITION*/
a, button, input, span, img {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .5s ease; }
.button {
font-size: 23px;
text-transform: uppercase;
display: inline-block;
margin: 5px;
padding: 5px 20px;
font-weight: 500;
border: 2px solid #fff;
color: #fff;
font-family: "nespressoLucasMed", Arial, sans-serif; }
.button.round {
border-radius: 25px; }
.button.lowercase {
text-transform: lowercase; }
.button.thin {
border: 1px solid #fff;
font-weight: 300; }
.button.fat {
font-weight: 700; }
.button i {
margin-left: 5px; }
.button i:before {
font-size: 16px; }
.button.small {
font-size: 12px; }
.button.small i:before {
font-size: 12px; }
.button.wire:hover {
background: #000;
color: #fff; }
.button.solid {
background: #000;
color: #fff; }
.button.solid:hover {
background: transparent;
color: #000; }
.button:hover {
background: #fff;
color: #000; }
h1, h2, h3 {
font-family: "nespressoLucasRegular", Arial, sans-serif;
text-transform: uppercase; }
h1 strong, h2 strong, h3 strong {
font-family: "nespressoLucasBold", Arial, sans-serif; }
h1 {
font-size: 32px; }
h2 {
font-size: 29px; }
p {
font-size: 16px;
line-height: 19px;
font-family: "nespressoLucasRegular", Arial, sans-serif; }
@media (min-width: 768px) {
p {
font-size: 18px;
line-height: 22px; } }
@media (min-width: 1000px) {
p {
font-size: 22px;
line-height: 25px; } }
p strong {
font-family: "nespressoLucasBold", Arial, sans-serif; }
.introduction {
margin-bottom: 60px; }
/*TOPO*/
main {
display: block;
width: 100%;
height: auto;
overflow: hidden;
background: #000; }
.topo .forehead {
padding: 20px;
background: #000; }
@media (min-width: 768px) {
.topo .forehead {
padding: 20px 80px; } }
.topo nav.bottom-nav {
display: block;
height: auto;
position: relative; }
@media (min-width: 768px) {
.topo nav.bottom-nav {
background: #000; } }
.topo nav.bottom-nav ul {
width: 100%;
max-width: 1000px;
margin: 0 auto;
position: relative; }
.topo nav.bottom-nav li {
padding: 20px 5px; }
.topo nav.bottom-nav li.title {
float: left; }
.topo nav.bottom-nav li.title h2 {
margin: 0px; }
.topo nav.bottom-nav li:last-child {
padding-right: 0; }
.topo nav.bottom-nav li.first {
position: absolute;
font-size: 28px;
left: 0; }
@media (max-width: 767px) {
.topo nav.bottom-nav li.first {
display: none; } }
.topo nav.bottom-nav a {
display: block;
padding: 10px 10px;
font-size: 14px;
color: #fff;
border: 1px solid transparent; }
.topo nav.bottom-nav a:hover {
color: #6d6d6d;
border-color: #6d6d6d; }
.topo nav.bottom-nav ul {
display: none; }
@media (min-width: 768px) {
.topo nav.bottom-nav ul {
display: block; } }
@media (max-width: 767px) {
.topo nav.bottom-nav ul {
position: absolute;
right: 0;
display: block;
width: 150px;
background: #000;
padding: 50px 5px 10px 5px;
opacity: 0;
transition: all .5s ease; }
.topo nav.bottom-nav ul li {
display: block;
padding: 5px;
text-align: right; }
.topo nav.bottom-nav ul li a {
padding: 10px;
font-size: 14px; } }
.topo nav.bottom-nav ul.active {
opacity: 1; }
.topo nav.bottom-nav .mobile-menu {
display: none !important; }
.head {
background: url("../img/topo.jpg");
padding: 95px 0; }
.head img {
display: block;
width: 100%;
max-width: 345px;
margin: 0 auto 60px; }
.head .button {
margin-top: 25px; }
.two-block .reciclagem-visite {
background: url("../img/visite.jpg"); }
.two-block .reciclagem-nespresso {
background: url("../img/reciclagem.jpg"); }
.two-block .localizacao {
background: url("../img/localizacao.jpg");
padding: 10px 0px; }
.two-block .contato {
background: url("../img/contato.jpg");
padding: 120px 0px; }
.two-block .reciclagem-visite, .two-block .reciclagem-nespresso, .two-block .localizacao, .two-block .contato {
background-size: cover; }
.two-block .content-right, .two-block .content-left {
width: 100%;
max-width: 500px;
padding: 105px 10px; }
.fotos {
background: #000;
padding: 40px 0; }
.fotos img {
width: 100%;
height: auto;
margin-bottom: 20px; }
.fotos .carregar-fotos {
display: none; }
.rodape {
background: #000;
padding: 10px 0 20px; }
.rodape .social {
margin-top: 20px; }
.rodape li {
padding: 0 5px;
border-right: 1px solid #6d6d6d;
vertical-align: middle; }
.rodape li a {
font-size: 14px; }
.rodape li a:hover {
text-decoration: underline; }
.rodape li .scrollTop {
color: #6d6d6d; }
.rodape li img {
max-width: 24px;
height: auto; }
.rodape li:last-child {
border-right: 0; }
.rodape li:last-child img {
max-width: 64px; }
.fotos-galeria {
background: #000;
padding: 20px 0 80px; }
.fotos-galeria img {
margin-bottom: 10px;
opacity: 1;
transition: opacity .3s ease; }
.fotos-galeria img:hover {
opacity: 0.5; }
.fotos-galeria h2 {
font-weight: 100;
margin: 40px 0; }
.fotos-galeria .descript {
margin-bottom: 40px; }
.fotos-galeria .descript h3 {
font-size: 18px;
font-weight: 100;
margin: 0 0 5px; }
.fotos-galeria .descript p {
font-size: 13px;
margin: 0;
line-height: 130%; }
.inscricao {
padding: 40px 0;
background: url("../img/inscricao.jpg"); }
.inscricao hr {
display: block;
margin: 20px auto;
width: 100%;
height: 1px;
background: #fff;
border: none;
max-width: 140px; }
.inscricao h3 {
margin-bottom: 40px;
font-size: 22px; }
.inscricao .button {
background: #fff;
color: #000;
cursor: pointer; }
.inscricao form.inscrever {
margin: 20px 0; }
.inscricao form.inscrever li {
margin: 0 5px 20px; }
.inscricao form.inscrever input[type="text"], .inscricao form.inscrever textarea {
height: 44px;
max-width: 420px;
display: block;
width: 100%;
margin: 0 auto 10px;
border: 2px solid #fff;
background: transparent;
color: #fff;
padding: 0 10px; }
.inscricao form.inscrever textarea {
height: 88px;
padding: 10px; }
.inscricao form.inscrever label {
display: block;
border: 2px solid #fff;
font-size: 19px;
padding: 15px;
cursor: pointer;
transition: background .5s ease; }
.inscricao form.inscrever label.btn {
padding: 8px 25px; }
.inscricao form.inscrever label strong {
font-size: 21px; }
.inscricao form.inscrever label input {
display: none; }
.inscricao form.inscrever label.active {
background: #fff;
color: #000; }
.pulse {
animation: pulse 0.7s infinite;
margin: 0 auto;
display: table;
margin-top: 50px;
animation-direction: alternate;
-webkit-animation-name: pulse;
animation-name: pulse; }
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
-webkit-filter: brightness(100%); }
100% {
-webkit-transform: scale(1.1);
-webkit-filter: brightness(200%); } }
@keyframes pulse {
0% {
transform: scale(1);
filter: brightness(100%); }
100% {
transform: scale(1.1);
filter: brightness(200%); } }
#hidden-content {
width: 100%;
max-width: 600px;
padding: 40px 40px 20px;
border: 4px solid #fff;
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 1%, rgba(109, 109, 109, 0.9) 100%);
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 1%, rgba(109, 109, 109, 0.9) 100%);
background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 1%, rgba(109, 109, 109, 0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b36d6d6d',GradientType=1 );
text-align: center; }
#hidden-content h3 {
margin: 0 0 20px;
font-size: 24px; }
#hidden-content p {
font-size: 18px;
line-height: 21px; }
#hidden-content .fancybox-close-small {
width: 10px !important;
height: 10px !important; }
#hidden-content .fancybox-close-small:after {
background: transparent;
font-size: 22px;
width: 30px;
font-weight: bold; }
.VisuallyHidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.Glyph:before {
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.AddToBagButtonSmall {
color: inherit;
text-decoration: none;
font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
line-height: 1.2em;
letter-spacing: 1px;
position: relative;
display: inline-block;
text-align: center;
border-radius: 3px;
cursor: pointer;
transition: all .3s; }
.AddToBagButtonSmall:disabled {
cursor: not-allowed; }
.AddToBagButtonSmall {
border: 1px solid #3d8705;
background-color: #3d8705;
color: #fff; }
.AddToBagButtonSmall:not(:disabled) {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); }
.AddToBagButtonSmall:hover:not(:disabled) {
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3); }
.AddToBagButtonSmall:disabled {
border: 1px solid #eee;
color: #656565;
background-color: #eee; }
.AddToBagButtonSmall--active, .AddToBagButtonSmall:active:not(:disabled) {
border: 1px solid #326e04;
background-color: #326e04; }
.AddToBagButtonSmall {
width: 40px;
height: 40px;
padding: 0;
font-size: .875rem;
font-size-adjust: .5;
letter-spacing: 0; }
.AddToBagButtonSmall__quantity {
position: absolute;
top: 10px;
width: 100%;
right: 0; }
.AddToBagButtonSmall__icon-plus {
font-size: 1.125rem; }
.AddToBagButtonLarge {
color: inherit;
text-decoration: none;
font-size: .875rem;
font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
line-height: 1.2em;
letter-spacing: 1px;
position: relative;
display: inline-block;
text-align: center;
border-radius: 3px;
cursor: pointer;
transition: all .3s; }
.AddToBagButtonLarge:disabled {
cursor: not-allowed; }
.AddToBagButtonLarge {
border: 1px solid #3d8705;
background-color: #3d8705;
color: #fff; }
.AddToBagButtonLarge:not(:disabled) {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); }
.AddToBagButtonLarge:hover:not(:disabled) {
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3); }
.AddToBagButtonLarge:disabled {
border: 1px solid #eee;
color: #656565;
background-color: #eee; }
.AddToBagButtonLarge--active, .AddToBagButtonLarge:active:not(:disabled) {
border: 1px solid #326e04;
background-color: #326e04; }
.AddToBagButtonLarge__label {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.AddToBagButtonLarge {
padding: .8em 2.5em; }
@media screen and (min-width: 768px) {
.AddToBagButtonLarge {
width: 255px; } }
@media screen and (max-width: 767px) {
.AddToBagButtonLarge {
width: 100%; } }
.AddToBagButtonLarge__label {
width: 100%;
text-align: center; }
.AddToBagButtonLarge__quantity {
position: absolute;
left: -1px;
width: 27px;
top: 11px;
font-size: .6875rem;
color: #3d8705;
text-align: center;
padding-right: 1px;
font-size-adjust: .5;
letter-spacing: -1px;
font-weight: 600; }
.AddToBagButtonLarge__basketIcon {
position: absolute;
left: 5px;
top: 3px;
font-size: 1.875rem; }
.AddToBagButtonLarge__plusIcon {
position: absolute;
right: 10px;
top: 10px;
font-size: 1.125rem; }
.AddToBagButton {
outline: none; }
.a11y-mode .AddToBagButton:focus {
outline: 3px solid #3a869d;
transition: none; }
.AddToBagButton__container {
position: relative; }
.PredefinedQuantityList {
list-style: none;
margin: 0;
padding: 0; }
.PredefinedQuantityList__quantity-button {
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
padding: 0; }
.PredefinedQuantityList:after {
content: "";
display: table;
clear: both; }
.PredefinedQuantityList {
display: flex;
flex-flow: row wrap; }
.PredefinedQuantityList__quantity {
width: 20%;
height: 2.1875rem;
text-align: center;
cursor: pointer;
letter-spacing: .1em;
border-left: .0625rem solid #d5d5d5;
padding: 4px; }
.PredefinedQuantityList__quantity:first-of-type, .PredefinedQuantityList__quantity:nth-of-type(5n) + .PredefinedQuantityList__quantity {
border-left: 0 none; }
.PredefinedQuantityList__quantity-button {
height: 100%;
width: 100%;
outline: none;
border-radius: 3px; }
.a11y-mode .PredefinedQuantityList__quantity-button:focus {
outline: none;
border: 3px solid #3a869d; }
.PredefinedQuantityList__quantity-button:enabled:hover {
color: #000;
border: 1px solid #000;
cursor: pointer; }
.PredefinedQuantityList__quantity-button:enabled:active {
color: #fff;
background-color: #000; }
.PredefinedQuantityList__quantity-button:disabled {
opacity: .3;
cursor: not-allowed; }
.CustomQuantityError__error-message, .CustomQuantityError__rounding-message {
text-align: center;
padding: 8px;
line-height: 1.25rem; }
.CustomQuantityError__rounding-message {
font-weight: 700; }
.ErrorBlock {
color: #dd3232;
margin-top: 5px; }
@media screen and (min-width: 768px) {
.ErrorBlock {
margin-left: 40%; } }
.ErrorBlock--compact {
margin-left: 0; }
.MandatoryIndicator {
color: #986f38; }
.LimitationBlock {
font-size: .6875rem;
color: #000; }
.LimitationBlock--error {
color: #dd3232; }
.TextField__input {
margin: 0;
padding: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.TextField__label--compact {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.TextField__input {
border: 1px solid #d5d5d5;
border-radius: 3px;
width: 100%;
height: 47px;
background-color: #fff;
color: #000;
font-size: 1rem; }
.TextField__input:focus {
border-color: #000;
color: #000; }
.a11y-mode .TextField__input:focus {
border-color: transparent;
outline: 3px solid #3a869d; }
.TextField__input--on-error {
border-color: #ec8989;
border-width: 2px;
color: #dd3232; }
.TextField__input--on-error:focus {
border-color: #dd3232;
color: #dd3232; }
@media screen and (min-width: 768px) {
.TextField__input {
padding: 10px 6px; } }
@media screen and (max-width: 767px) {
.TextField__input {
padding: 16px 6px 4px; } }
@media screen and (max-width: 767px) {
.TextField__input::-webkit-input-placeholder {
color: transparent; } }
.TextField {
position: relative;
margin-top: 20px;
margin-bottom: 20px; }
.TextField__group {
display: flex;
align-items: center; }
.TextField__group--compact {
display: block; }
.TextField__input {
width: 60%; }
.TextField__input--compact {
padding: 10px 6px;
width: 100%; }
.TextField__label {
color: #000;
width: 40%;
transition: all .2s; }
.TextField__label--compact {
position: absolute;
top: 14px;
left: 8px;
color: #656565;
cursor: text;
width: 100%;
text-align: left; }
.TextField__label--on-error {
color: #dd3232;
font-weight: 700; }
.TextField--active .TextField__label--compact {
font-size: .625rem;
color: #986f38;
padding-top: 0;
padding-bottom: 0;
top: 2px;
transition: all .2s; }
.TextField--active .TextField__input--compact {
padding-top: 16px;
padding-bottom: 4px; }
.QuantitySelectorCustomField__container input[type=number] {
-moz-appearance: textfield; }
.QuantitySelectorCustomField__container input[type=number]::-webkit-inner-spin-button, .QuantitySelectorCustomField__container input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0; }
.a11y-mode .QuantitySelectorCustomField__button-ok:focus {
outline: 3px solid #3a869d;
transition: none; }
.QuantitySelectorCustomField__button-ok {
font-size: .875rem;
font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
line-height: 1.2em;
letter-spacing: 1px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.QuantitySelectorCustomField__container {
display: flex;
margin: 10px 0 0; }
.QuantitySelectorCustomField__field {
margin-top: 0;
margin-bottom: 0;
flex: 1; }
.QuantitySelectorCustomField__input {
height: 40px;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.QuantitySelectorCustomField__button-ok {
outline: none;
border: 1px solid #3d8705;
background-color: #3d8705;
color: #fff;
padding: 0 .8em;
max-width: 5.1em;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
float: left;
line-height: 1.625rem;
margin-left: -1px;
height: 40px;
z-index: 2003; }
.LimitedProductMessage {
text-align: center;
margin-top: 10px;
padding: 0 8px;
color: #656565;
letter-spacing: .05em;
line-height: .875rem; }
.QuantitySelector, .QuantitySelector__container {
line-height: normal; }
@media screen and (min-width: 768px) {
.QuantitySelector, .QuantitySelector__container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; } }
@media screen and (max-width: 767px) {
.QuantitySelector {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1.3);
z-index: 2002; } }
.QuantitySelector {
letter-spacing: normal;
font-weight: 400; }
@media screen and (min-width: 768px) {
.QuantitySelector .QuantitySelector__popin {
margin-top: 10px; }
.QuantitySelector .QuantitySelector__popin:after, .QuantitySelector .QuantitySelector__popin:before {
content: "";
position: absolute;
width: 0;
height: 0;
border: 10px solid; }
.QuantitySelector .QuantitySelector__popin:before {
border-color: #d5d5d5; }
.QuantitySelector .QuantitySelector__popin:after {
border-color: #f9f9f9; }
.QuantitySelector .QuantitySelector__popin--bottom:after, .QuantitySelector .QuantitySelector__popin--bottom:before, .QuantitySelector .QuantitySelector__popin--top:after, .QuantitySelector .QuantitySelector__popin--top:before {
border-right-color: transparent;
border-left-color: transparent;
left: calc(50% - 10px); }
.QuantitySelector .QuantitySelector__popin--bottom:before {
top: -11px;
border-top-width: 0; }
.QuantitySelector .QuantitySelector__popin--bottom:after {
top: -10px;
border-top-width: 0; }
.QuantitySelector .QuantitySelector__popin--top:after, .QuantitySelector .QuantitySelector__popin--top:before {
border-bottom-width: 0; }
.QuantitySelector .QuantitySelector__popin--top:before {
bottom: -11px; }
.QuantitySelector .QuantitySelector__popin--top:after {
bottom: -10px; }
.QuantitySelector .QuantitySelector__popin--left:after, .QuantitySelector .QuantitySelector__popin--left:before {
border-bottom-color: transparent;
border-top-color: transparent; }
.QuantitySelector .QuantitySelector__popin--left:before {
right: -11px;
top: calc(50% - 10px);
border-right-width: 0; }
.QuantitySelector .QuantitySelector__popin--left:after {
right: -10px;
top: calc(50% - 10px);
border-right-width: 0; } }
.QuantitySelector__popin {
padding: .625rem;
width: 13.25rem;
font-size: .75rem;
background-color: #f9f9f9;
color: #2e2e2e;
border: 1px solid #d5d5d5;
border-radius: 2px; }
@media screen and (min-width: 768px) {
.QuantitySelector__popin {
position: absolute;
z-index: 2; } }
.QuantitySelector__popin--top {
right: 50%;
transform: translate(50%, -100%);
top: -1.875rem; }
.QuantitySelector__popin--bottom {
right: 50%;
transform: translate(50%, 100%);
bottom: -1.25rem; }
.QuantitySelector__popin--left {
margin: 0;
top: 50%;
transform: translate(-100%, -50%);
left: -1.25rem; }
.Carousel {
width: 100%;
position: relative;
overflow: hidden; }
@media screen and (min-width: 996px) {
.Carousel {
height: 410px; } }
.Carousel__slides {
display: table;
transition: margin-left .5s;
table-layout: fixed; }
.Carousel__slides:after, .Carousel__slides:before {
content: "";
display: table; }
.Carousel__slides:after {
clear: both; }
@media screen and (min-width: 768px) {
.Carousel__slides {
height: 410px; } }
@media screen and (max-width: 995px) {
.Carousel__slides {
color: #fff; } }
.AccessibleLink {
outline: none; }
.a11y-mode .AccessibleLink:focus {
outline: 3px solid #3a869d;
transition: none; }
.CustomizableButton {
color: inherit;
text-decoration: none;
outline: none; }
.a11y-mode .CustomizableButton:focus {
outline: 3px solid #3a869d;
transition: none; }
.CustomizableButton {
font-size: .875rem;
font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
line-height: 1.2em;
letter-spacing: 1px;
position: relative;
display: inline-block;
text-align: center;
border-radius: 3px;
cursor: pointer;
transition: all .3s; }
.CustomizableButton:disabled {
cursor: not-allowed; }
.CustomizableButton {
font-size: .75rem;
border: solid;
border-width: 2px;
padding: .9em 1em; }
.CarouselLightboxLink {
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
padding: 0;
font-size: .75rem;
cursor: pointer;
text-decoration: underline;
display: block;
padding: 8px; }
@media screen and (min-width: 996px) {
.CarouselLightboxLink {
color: #3b3630;
position: absolute;
bottom: 20px;
padding-left: 0;
z-index: 2; } }
@media screen and (max-width: 995px) {
.CarouselLightboxLink {
color: #fff; } }
.Button {
outline: none; }
.a11y-mode .Button:focus {
outline: 3px solid #3a869d;
transition: none; }
.Button {
cursor: pointer; }
.Button:disabled {
cursor: default;
opacity: .5; }
.ResponsiveImage--flexible {
width: 100%;
height: auto; }
.CarouselSlide {
position: relative;
display: table-cell;
width: 100%; }
.CarouselSlide .CarouselSlide__button {
background-color: transparent;
display: inline-block; }
.CarouselSlide__image-gradient {
position: relative; }
.CarouselSlide__image-gradient:before {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 80px;
background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.6));
z-index: 1; }
.CarouselSlide__image {
width: 100%;
height: auto; }
@media screen and (min-width: 768px) {
.CarouselSlide__image {
height: 410px; } }
.CarouselSlide__content {
font-size: 1.0625rem;
line-height: 1.4;
z-index: 2; }
@media screen and (min-width: 996px) {
.CarouselSlide__content {
position: absolute;
top: 100px;
left: 20px;
max-width: 360px;
height: 310px; } }
@media screen and (max-width: 995px) {
.CarouselSlide__content {
padding: 20px; }
.CarouselSlide__content a:not(.AccessibleLink) {
color: inherit; } }
@media screen and (min-width: 996px) {
.CarouselSlide__text {
color: #3b3630; } }
@media screen and (max-width: 995px) {
.CarouselSlide__links {
display: flex;
align-items: center;
justify-content: space-between; } }
.CarouselControls__bullets {
border: none;
padding: 0;
margin: 0; }
.CarouselControls {
height: 32px;
left: 50%;
position: absolute;
text-align: center;
z-index: 2;
transform: translateX(-50%); }
.CarouselControls__container {
display: table; }
.CarouselControls__bullets {
text-align: center;
padding-top: 11px;
float: left; }
.CarouselControls__bullet {
display: table-cell;
line-height: 0;
padding: 0 5px; }
.CarouselControls__play-pause-btn {
float: right;
display: table-cell;
padding-left: 32px; }
.CarouselBullet--focused {
outline: none; }
.a11y-mode .CarouselBullet--focused {
outline: 3px solid #3a869d; }
.CarouselBullet {
width: 10px;
height: 10px;
background: transparent;
border: 1px solid #fff;
border-radius: 5px;
padding: 0;
cursor: pointer;
display: inline-block;
transition: background .2s ease; }
.CarouselBullet--active, .CarouselBullet:active, .CarouselBullet:hover {
background: #fff; }
.CarouselPlayPause {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.CarouselPlayPause:focus + .CarouselPlayPause__label {
outline: none; }
.a11y-mode .CarouselPlayPause:focus + .CarouselPlayPause__label {
outline: 3px solid #3a869d; }
.CarouselPlayPause__label {
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 16px;
text-align: center;
background-color: transparent;
color: #fff;
border: 1px solid #fff;
outline: 0;
padding: 0;
cursor: pointer;
transition: background .2s ease;
display: block;
position: relative; }
.CarouselPlayPause__label:active, .CarouselPlayPause__label:hover {
background-color: #fff; }
.CarouselPlayPause__label:active .PauseIcon__path, .CarouselPlayPause__label:active .PlayIcon__path, .CarouselPlayPause__label:hover .PauseIcon__path, .CarouselPlayPause__label:hover .PlayIcon__path {
fill: #000; }
.PauseIcon, .PlayIcon {
display: block;
margin: auto;
width: 11px;
height: 16px;
position: relative;
top: 50%;
transform: translateY(-50%); }
.PauseIcon {
width: 10px;
height: 10px; }
.PauseIcon__svg, .PlayIcon__svg {
display: block;
width: 100%;
height: 100%; }
.PlayIcon__svg {
margin-left: 1px; }
.PauseIcon__svg, .PlayIcon__path {
fill: #fff; }
.LanguageSwitcher__dropdown {
list-style: none;
margin: 0;
padding: 0; }
.LanguageSwitcher__button, .LanguageSwitcher__link {
color: inherit;
text-decoration: none; }
.LanguageSwitcher__button {
font-size: .875rem;
font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
line-height: 1.2em;
letter-spacing: 1px;
display: inline-block;
text-align: center;
border-radius: 3px;
cursor: pointer;
transition: all .3s; }
.LanguageSwitcher__button:disabled {
cursor: not-allowed; }
.LanguageSwitcher__button {
background-color: #fff;
color: #000;
border: 1px solid #000;
font-weight: 400;
text-align: left;
padding: .8em 3em .8em 1em; }
.LanguageSwitcher {
position: relative; }
.LanguageSwitcher__button {
position: relative;
width: 100%;
min-width: 100px; }
.LanguageSwitcher__button-icon {
font-size: .75rem;
position: absolute;
right: 5px;
top: 14px; }
.LanguageSwitcher__dropdown {
position: absolute;
display: none;
width: 100%;
z-index: 100;
background-color: #fff;
border: 1px solid #000;
text-align: left; }
.LanguageSwitcher__dropdown--is-open {
display: block; }
.LanguageSwitcher__link {
display: block;
padding: 10px 15px;
color: #000; }
.LanguageSwitcher__link:active, .LanguageSwitcher__link:hover {
background-color: #ccc; }
.FooterLine {
list-style: none;
margin: 0;
padding: 0; }
.FooterLine__item-link {
color: inherit;
text-decoration: none; }
.FooterLine {
font-size: .75rem;
flex-basis: 100%;
padding: 8px 0; }
@media screen and (min-width: 768px) {
.FooterLine {
display: flex;
justify-content: flex-end; } }
@media screen and (min-width: 768px) {
.FooterLine--primary .FooterLine__item {
border-left: 1px solid #ccc; } }
.FooterLine--primary .FooterLine__item-link {
color: #ccc; }
.FooterLine__item {
text-transform: uppercase;
padding: 8px 0;
white-space: nowrap; }
@media screen and (min-width: 768px) {
.FooterLine__item {
border-left: 1px solid #858585;
padding: 0 6px; }
.FooterLine__item:first-child {
border: none; } }
.FooterLine__item-link {
color: #858585; }
.FooterLine__item-link:hover {
text-decoration: underline;
color: #fff; }
.SocialLink__list {
list-style: none;
margin: 0;
padding: 0; }
@media screen and (min-width: 768px) {
.SocialLink {
float: left; } }
.SocialLink__label {
font-size: .875rem;
color: #ccc; }
.SocialLink__list {
display: table; }
@media screen and (min-width: 768px) {
.SocialLink__list {
float: right; } }
@media screen and (max-width: 767px) {
.SocialLink__list {
margin: 0 auto;
margin-bottom: 10px; } }
.SocialLink__item {
display: table-cell;
padding: 0 10px; }
@media screen and (max-width: 767px) {
.SocialLink__item {
padding: 10px; } }
.SocialLink__item-img {
width: 30px;
height: 30px; }
@media screen and (min-width: 768px) {
.SocialLink__item-img {
width: 15px;
height: 15px; } }
.FooterLink {
margin-right: 10px;
height: 1em; }
.FooterCopyright {
float: right; }
@media screen and (max-width: 767px) {
.FooterCopyright {
margin-bottom: 20px;
float: none; } }
.FooterCopyright__picture {
vertical-align: middle;
width: 55px; }
.CountryFlag__image {
vertical-align: middle; }
.Footer__top-page-link {
color: inherit;
text-decoration: none; }
.Footer__bar:after, .Footer__bottom:after {
content: "";
display: table;
clear: both; }
.Footer {
color: #858585;
text-align: center;
margin-top: 20px; }
@media screen and (max-width: 767px) {
.Footer {
text-align: left; } }
.Footer__bottom {
padding: 10px 20px; }
.Footer__bar {
background-color: #1b1b1b; }
@media screen and (min-width: 768px) {
.Footer__bar {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap; } }
.Footer__links {
flex: 1;
text-align: right;
flex-basis: auto;
padding-right: 12px; }
@media screen and (max-width: 767px) {
.Footer__links {
text-align: left;
padding-left: 22px; } }
.Footer__top-page-link {
color: #fff; }
@media screen and (max-width: 767px) {
.Footer__top-page-link {
display: block;
margin-bottom: 20px; } }
.Footer__top-page-link-icon {
background-color: #fff;
border-radius: 50%;
display: inline-block;
margin-left: 10px;
color: #000;
font-size: 1em;
text-align: center;
width: 1em;
height: 1em;
line-height: 1.4em;
vertical-align: middle; }
.Footer__intl {
display: flex;
align-items: center;
padding: 12px; }
.Footer__countries-page-link {
display: flex;
padding-left: 10px;
margin-right: 3px; }
.Footer__country-flag {
padding-right: 10px; }
@media screen and (min-width: 768px) {
.Footer__language-switcher-dropdown {
bottom: 100%; } }
@media screen and (max-width: 767px) {
.Footer__language-switcher-dropdown {
top: 100%; } }
.ElementWithChevron {
outline: none; }
.a11y-mode .ElementWithChevron:focus {
outline: 3px solid #3a869d;
transition: none; }
.CheckoutActionButton {
color: inherit;
text-decoration: none;
font-size: .875rem;
font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
line-height: 1.2em;
letter-spacing: 1px;
padding: .8em 2em; }
@media screen and (min-width: 768px) {
.CheckoutActionButton {
min-width: 200px; } }
@media screen and (max-width: 767px) {
.CheckoutActionButton {
width: 100%; } }
.CheckoutActionButton {
position: relative;
display: inline-block;
text-align: center;
border-radius: 3px;
cursor: pointer;
transition: all .3s; }
.CheckoutActionButton:disabled {
cursor: not-allowed; }
.CheckoutActionButton {
border: 1px solid #3d8705;
background-color: #3d8705;
color: #fff; }
.CheckoutActionButton:not(:disabled) {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); }
.CheckoutActionButton:hover:not(:disabled) {
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3); }
.CheckoutActionButton:disabled {
border: 1px solid #eee;
color: #656565;
background-color: #eee; }
.CheckoutActionButton:active:not(:disabled) {
border: 1px solid #326e04;
background-color: #326e04; }
.CheckoutActionButton__left-chevron, .CheckoutActionButton__right-chevron {
position: absolute;
top: calc(50% - .45em);
font-size: .6875rem; }
.CheckoutActionButton__right-chevron {
right: 8px; }
.CheckoutActionButton__left-chevron {
transform: rotate(180deg);
left: 8px; }
.OrderLinksBanner {
background: #fff;
text-align: center;
clear: both; }
@media screen and (min-width: 996px) {
.OrderLinksBanner {
display: none; } }
@media screen and (max-width: 995px) {
.OrderLinksBanner {
margin-top: 50px;
height: 80px; } }
.OrderLinksBanner__buttons-wrapper {
display: inline-table;
border-collapse: separate;
border-spacing: 15px;
text-align: center;
height: 40px;
margin-top: 5px; }
.OrderLinksBanner__order-button {
float: left; }
@media screen and (max-width: 767px) {
.OrderLinksBanner__order-button {
margin: 0 auto; } }
@media screen and (min-width: 768px) and (max-width: 995px) {
.OrderLinksBanner__order-button {
margin: 0 10px; } }
@media screen and (min-width: 996px) {
.Header {
margin-top: 20px; } }
@media screen and (max-width: 995px) {
.Header {
min-height: 50px; } }
@media screen and (min-width: 996px) {
.Header__logo {
height: 30px;
margin-top: 5px; } }
@media screen and (max-width: 995px) {
.Header__logo {
height: 20px;
margin-top: 15px; } }
.Header__customer {
float: right; }
@media screen and (max-width: 767px) {
.Header__customer {
height: 100%; } }
.Header__top-wrapper {
z-index: 2001;
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #161616; }
@media screen and (min-width: 996px) {
.Header__top-wrapper {
background-color: #000;
z-index: 2002; } }
.Header__top {
margin: 0 auto;
width: 100%;
height: 80px; }
@media screen and (min-width: 996px) {
.Header__top {
padding-top: 20px;
width: 996px; } }
@media screen and (max-width: 995px) {
.Header__top {
height: 50px;
padding-left: 50px; } }
.HeaderCountryMessage__other-country a {
outline: none; }
.a11y-mode .HeaderCountryMessage__other-country a:focus, .HeaderCountryMessage__other-country .a11y-mode a:focus {
outline: 3px solid #3a869d;
transition: none; }
.HeaderCountryMessage {
position: fixed;
top: 0;
z-index: 2001;
width: 100%;
padding: 0 20px;
background-color: #1b1b1b;
color: #fff; }
@media screen and (min-width: 996px) {
.HeaderCountryMessage {
z-index: 2002; } }
.HeaderCountryMessage__container {
height: 100%;
display: flex;
align-items: center; }
@media screen and (max-width: 995px) {
.HeaderCountryMessage__container {
padding-left: 35px; } }
.HeaderCountryMessage__current-market:after {
content: " "; }
.HeaderCountryMessage__other-country a {
color: #986f38; }
.HeaderCountryMessage__text {
flex: 1; }
.HeaderCountryMessage__close-button {
background: none;
border: 0;
padding: 0;
opacity: .8;
margin-left: 20px; }
.HeaderCountryMessage__close-button:hover {
opacity: 1; }
.HeaderCountryMessage__close-button .CloseIcon {
width: 20px;
height: 20px; }
@media screen and (max-width: 995px) {
.HeaderCountryMessage__close-button .CloseIcon {
width: 30px;
height: 30px; } }
.HeaderCountryMessage__close-button .CloseIcon__path {
fill: #fff; }
.BurgerSwitch {
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
padding: 0;
position: relative;
display: block;
width: 50px;
height: 50px; }
.BurgerSwitch__bars {
display: block;
position: absolute;
top: 24px;
left: 12px;
right: 12px;
height: 2px;
background-color: #fff;
transition: background-color .3s; }
.BurgerSwitch__bars:after, .BurgerSwitch__bars:before {
content: "";
display: block;
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #fff;
transition-duration: .3s,.3s;
transition-delay: .3s,0; }
.BurgerSwitch__bars:before {
top: -7px;
transition-property: top,transform; }
.BurgerSwitch__bars:after {
bottom: -7px;
transition-property: bottom,transform; }
.BurgerSwitch--is-active .BurgerSwitch__bars {
background-color: rgba(255, 255, 255, 0); }
.BurgerSwitch--is-active .BurgerSwitch__bars:before {
top: 0;
transform: rotate(45deg); }
.BurgerSwitch--is-active .BurgerSwitch__bars:after {
bottom: 0;
transform: rotate(-45deg); }
.Sprite {
display: inline-block; }
.HeaderNavigationBarItem__anchor, .HeaderNavigationBarItem__button {
color: inherit;
text-decoration: none;
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
padding: 0;
outline: none; }
.a11y-mode .HeaderNavigationBarItem__anchor:focus, .a11y-mode .HeaderNavigationBarItem__button:focus {
outline: 3px solid #3a869d;
transition: none; }
@media screen and (min-width: 996px) {
.HeaderNavigationBarItem {
transition: background-color .4s,color .4s;
flex: 1;
vertical-align: top; }
.HeaderNavigationBarItem:not(:first-child):before {
content: "";
position: absolute;
top: 7px;
bottom: 7px;
width: 0;
border-left: 1px solid #313131;
transition: border-color .4s; }
.HeaderNavigationBarItem .HeaderNavigationBarItem__arrow-right {
display: none; } }
@media screen and (max-width: 995px) {
.HeaderNavigationBarItem {
border-bottom: 1px solid #757575;
transition: background-color .4s; }
.HeaderNavigationBarItem .HeaderNavigationBarItem__element {
transition: color .4s; }
.HeaderNavigationBarItem .HeaderNavigationBarItem__arrow-right {
font-size: .6875rem;
margin-right: 20px;
color: #757575; } }
@media screen and (min-width: 996px) {
.HeaderNavigationBarItem:hover {
background-color: #fff; }
.HeaderNavigationBarItem:hover .HeaderNavigationBarItem__element {
color: #161616; }
.HeaderNavigationBarItem:hover:before {
border-left-color: #fff; }
.HeaderNavigationBarItem:hover .HeaderNavigationBarItem__icon {
background-position: 0 -20px; } }
@media screen and (max-width: 995px) {
.HeaderNavigationBarItem:hover {
background-color: #656565; }
.HeaderNavigationBarItem:hover .HeaderNavigationBarItem__element {
color: #fff; } }
.HeaderNavigationBarItem__anchor, .HeaderNavigationBarItem__button {
position: relative;
display: block;
text-align: center;
color: #d5d5d5;
width: 100%;
height: 100%; }
.a11y-mode .HeaderNavigationBarItem__anchor:focus, .a11y-mode .HeaderNavigationBarItem__button:focus {
z-index: 2002; }
@media screen and (max-width: 995px) {
.HeaderNavigationBarItem__anchor, .HeaderNavigationBarItem__button {
height: 49px; } }
.HeaderNavigationBarItem__element {
position: relative;
display: block;
color: #d5d5d5;
width: 100%;
height: 100%;
font-size: .8125rem; }
@media screen and (min-width: 996px) {
.HeaderNavigationBarItem__element {
padding: 14px 7px 7px; }
.HeaderNavigationBarItem__element:focus {
z-index: 2001; } }
@media screen and (max-width: 995px) {
.HeaderNavigationBarItem__element {
display: flex;
align-items: center;
height: 49px; } }
.HeaderNavigationBarItem__icon {
display: block; }
@media screen and (min-width: 996px) {
.HeaderNavigationBarItem__icon {
margin: 0 auto; } }
@media screen and (max-width: 995px) {
.HeaderNavigationBarItem__icon {
margin: 0 13px; } }
.HeaderNavigationBarItem__title {
font-weight: 700;
line-height: 1em; }
@media screen and (min-width: 996px) {
.HeaderNavigationBarItem__title {
margin-top: 9px; } }
@media screen and (max-width: 995px) {
.HeaderNavigationBarItem__title {
flex: 1;
text-align: left; } }
.HeaderNavigationBar__menu {
list-style: none;
margin: 0;
padding: 0; }
.HeaderNavigationBar {
background-color: #1b1b1b; }
@media screen and (max-width: 995px) {
.HeaderNavigationBar {
position: absolute;
top: 0; } }
@media screen and (max-width: 767px) {
.HeaderNavigationBar {
width: 100%;
left: 0; } }
@media screen and (min-width: 768px) and (max-width: 995px) {
.HeaderNavigationBar {
width: 768px; } }
.HeaderNavigationBar__nav {
background-color: #1b1b1b; }
@media screen and (min-width: 996px) {
.HeaderNavigationBar__nav {
margin-top: 61px; } }
@media screen and (max-width: 995px) {
.HeaderNavigationBar__nav {
left: 0;
position: fixed;
top: 0;
width: calc(100% - 50px);
z-index: 2002;
overflow: auto;
max-height: 100%; } }
.HeaderNavigationBar__slider-transition-enter {
width: 0; }
.HeaderNavigationBar__slider-transition-enter-active {
width: 100%;
max-width: calc(100% - 50px);
transition: width .3s ease-in; }
.HeaderNavigationBar__slider-transition-exit {
width: 100%;
max-width: calc(100% - 50px); }
.HeaderNavigationBar__slider-transition-exit-active {
width: 0;
transition: width .3s ease-out; }
.HeaderNavigationBar__menu {
position: relative; }
@media screen and (min-width: 996px) {
.HeaderNavigationBar__menu {
display: table;
table-layout: fixed;
width: 100%; }
.HeaderNavigationBar__menu > * {
display: table-cell; }
@supports (display: flex) {
.HeaderNavigationBar__menu .HeaderNavigationBar__menu {
display: flex; } } }
@media screen and (max-width: 995px) {
.HeaderNavigationBar__menu {
overflow: hidden; } }
.HeaderNavigationBar__switch {
position: fixed;
z-index: 2001;
background-color: #161616;
left: 0;
transition: left .3s ease-in-out; }
@media screen and (min-width: 996px) {
.HeaderNavigationBar__switch {
display: none; } }
@media screen and (max-width: 995px) {
.HeaderNavigationBar__switch:focus {
z-index: 2003; } }
@media screen and (max-width: 767px) {
.HeaderNavigationBar--is-open .HeaderNavigationBar__switch {
right: 0;
left: auto; } }
@media screen and (min-width: 768px) and (max-width: 995px) {
.HeaderNavigationBar--is-open .HeaderNavigationBar__switch {
left: calc(100% - 50px); } }
.HeaderNavigationBar__language-switcher {
margin: 20px; }
@media screen and (min-width: 996px) {
.HeaderNavigationBar__language-switcher {
display: none; } }
.HeaderNavigationBar__language-switcher-dropdown {
bottom: 100%; }
.ButtonIcon {
display: inline-block;
background: #f9f9f9;
width: 1.4em;
height: 1.4em;
font: inherit;
line-height: 1.4em;
text-align: center;
border: 0;
padding: 0; }
.ButtonIcon img {
max-width: 1em;
max-height: 1em;
vertical-align: middle; }
.ButtonIcon:hover {
background-color: #ececec; }
.ButtonIcon:active {
background-color: #e0e0e0; }
.Lightbox__lightbox-transition-enter, .Lightbox__lightbox-transition-enter .Lightbox__container, .Lightbox__lightbox-transition-enter .Lightbox__overlay {
opacity: .01; }
.Lightbox__lightbox-transition-enter-active {
opacity: 1; }
.Lightbox__lightbox-transition-enter-active .Lightbox__container {
opacity: 1;
transition: opacity .3s; }
.Lightbox__lightbox-transition-enter-active .Lightbox__overlay {
opacity: 1; }
.Lightbox__lightbox-transition-exit-active .Lightbox__container, .Lightbox__lightbox-transition-exit .Lightbox__container {
opacity: .01;
transition: opacity .3s; }
.Lightbox__lightbox-transition-exit-active .Lightbox__overlay, .Lightbox__lightbox-transition-exit .Lightbox__overlay {
opacity: .01; }
.Lightbox__overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(23, 23, 23, 0.8);
z-index: 2002;
content: " "; }
.Lightbox__container {
position: absolute;
top: 0;
background-color: #fff;
text-align: center;
padding: 20px;
color: #000;
z-index: 2003; }
@media screen and (min-width: 996px) {
.Lightbox__container {
width: 796px;
margin-left: -398px;
left: 50%; } }
@media screen and (min-width: 768px) and (max-width: 995px) {
.Lightbox__container {
width: 74%;
left: 13%; } }
@media screen and (max-width: 767px) {
.Lightbox__container {
width: 90%;
left: 5%; } }
.Lightbox__title {
font-size: 1rem;
text-transform: uppercase;
font-weight: 700;
letter-spacing: .1em;
margin: 25px 0; }
.Lightbox__header-close {
position: absolute;
top: 10px;
right: 10px; }
.Lightbox__header-close-img {
font-size: .5625rem; }
.Lightbox__header-close-img.Glyph {
line-height: inherit; }
.Lightbox__body {
font-size: .75rem;
color: #757575; }
@keyframes a {
0% {
opacity: 0; }
0.1% {
opacity: 1; }
to {
opacity: 0; } }
.Spinner__rect:first-child {
animation-name: a;
opacity: 0; }
@keyframes b {
0% {
opacity: .08333; }
8.33333% {
opacity: 0; }
8.43333% {
opacity: 1; }
to {
opacity: .08333; } }
.Spinner__rect:nth-child(2) {
animation-name: b;
opacity: .08333; }
@keyframes c {
0% {
opacity: .16667; }
16.66667% {
opacity: 0; }
16.76667% {
opacity: 1; }
to {
opacity: .16667; } }
.Spinner__rect:nth-child(3) {
animation-name: c;
opacity: .16667; }
@keyframes d {
0% {
opacity: .25; }
25% {
opacity: 0; }
25.1% {
opacity: 1; }
to {
opacity: .25; } }
.Spinner__rect:nth-child(4) {
animation-name: d;
opacity: .25; }
@keyframes e {
0% {
opacity: .33333; }
33.33333% {
opacity: 0; }
33.43333% {
opacity: 1; }
to {
opacity: .33333; } }
.Spinner__rect:nth-child(5) {
animation-name: e;
opacity: .33333; }
@keyframes f {
0% {
opacity: .41667; }
41.66667% {
opacity: 0; }
41.76667% {
opacity: 1; }
to {
opacity: .41667; } }
.Spinner__rect:nth-child(6) {
animation-name: f;
opacity: .41667; }
@keyframes g {
0% {
opacity: .5; }
50% {
opacity: 0; }
50.1% {
opacity: 1; }
to {
opacity: .5; } }
.Spinner__rect:nth-child(7) {
animation-name: g;
opacity: .5; }
@keyframes h {
0% {
opacity: .58333; }
58.33333% {
opacity: 0; }
58.43333% {
opacity: 1; }
to {
opacity: .58333; } }
.Spinner__rect:nth-child(8) {
animation-name: h;
opacity: .58333; }
@keyframes i {
0% {
opacity: .66667; }
66.66667% {
opacity: 0; }
66.76667% {
opacity: 1; }
to {
opacity: .66667; } }
.Spinner__rect:nth-child(9) {
animation-name: i;
opacity: .66667; }
@keyframes j {
0% {
opacity: .75; }
75% {
opacity: 0; }
75.1% {
opacity: 1; }
to {
opacity: .75; } }
.Spinner__rect:nth-child(10) {
animation-name: j;
opacity: .75; }
@keyframes k {
0% {
opacity: .83333; }
83.33333% {
opacity: 0; }
83.43333% {
opacity: 1; }
to {
opacity: .83333; } }
.Spinner__rect:nth-child(11) {
animation-name: k;
opacity: .83333; }
@keyframes l {
0% {
opacity: .91667; }
91.66667% {
opacity: 0; }
91.76667% {
opacity: 1; }
to {
opacity: .91667; } }
.Spinner__rect:nth-child(12) {
animation-name: l;
opacity: .91667; }
.Spinner__rect {
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite; }
.Spinner {
outline: none !important; }
.Overlay {
display: flex;
position: fixed;
z-index: 1000;
top: 0;
bottom: 0;
left: 0;
right: 0;
visibility: visible;
content: " ";
background-color: rgba(23, 23, 23, 0.75); }
.Overlay__transition-enter {
background-color: rgba(23, 23, 23, 0.01); }
.Overlay__transition-enter-active {
transition: background-color .3s ease-in; }
.Overlay__transition-enter-active, .Overlay__transition-exit {
background-color: rgba(23, 23, 23, 0.75); }
.Overlay__transition-exit-active {
background-color: rgba(23, 23, 23, 0.01);
transition: background-color .3s ease-in; }
.Overlay__spinner {
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px; }
.Overlay--with-spinner {
z-index: 3000; }
.ProductDetailsColorSwitcher__color-list {
list-style: none;
margin: 0;
padding: 0; }
.ProductDetailsColorSwitcher__title {
font-size: .75rem;
font-weight: 700;
letter-spacing: .2em; }
.ProductDetailsColorSwitcher__color {
display: inline-block;
vertical-align: top;
margin-top: 10px; }
.ProductDetailsColorSwitcher__color-link {
cursor: pointer;
position: relative;
display: block;
width: 24px;
height: 24px;
margin-right: 12px;
border-radius: 100%;
border: 1px solid rgba(0, 0, 0, 0.2); }
.ProductDetailsColorSwitcher__color-link--disabled:before {
width: 2px;
height: 24px;
content: " ";
display: block;
position: absolute;
background-color: #fff;
transform: rotate(45deg);
left: 10px;
top: -1px;
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.3), 1px 0 0 rgba(0, 0, 0, 0.3); }
.ProductDetailsColorSwitcher__color-link:after {
border: 1px solid rgba(0, 0, 0, 0.2);
display: block;
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-radius: 100%;
background: #fff;
opacity: 0;
transition: all .4s ease-in-out; }
.ProductDetailsColorSwitcher__color-link--active:after, .ProductDetailsColorSwitcher__color-link--checked:after, .ProductDetailsColorSwitcher__color-link:active:after, .ProductDetailsColorSwitcher__color-link:hover:not(.ProductDetailsColorSwitcher__color-link--disabled):after {
opacity: 1;
width: 12px;
height: 12px; }
.ProductDetailsColorSwitcher__color-link--disabled {
cursor: default; }
.ProductDetailsImage-wrapper {
overflow: hidden;
line-height: 0; }
@media screen and (max-width: 767px) {
.ProductDetailsImage-wrapper {
margin-top: 0;
width: 100%; } }
.ProductDetailsImage-wrapper--not-current {
display: none; }
.ProductDetailsImage {
cursor: pointer; }
@media screen and (min-width: 996px) {
.ProductDetailsImage {
position: absolute;
top: 0;
right: 215px;
width: 1568px;
height: 608px; } }
@media screen and (min-width: 768px) and (max-width: 995px) {
.ProductDetailsImage {
width: 157.4%;
transform: translate(-50%);
margin-bottom: -4px; } }
@media screen and (max-width: 767px) {
.ProductDetailsImage {
width: 100%; } }
.ProductDetailsImage--full-screen {
position: absolute;
display: block;
margin: auto;
cursor: pointer;
height: auto; }
@media screen and (min-width: 768px) {
.ProductDetailsImage--full-screen {
width: 1568px;
right: 50%;
transform: translate(30.785%);
top: 0; } }
@media screen and (max-width: 767px) {
.ProductDetailsImage--full-screen {
width: 162%;
top: 40%;
transform: translate(-19%, -40%); } }
.FreeHTML {
overflow: hidden; }
.DefaultLink {
color: inherit;
text-decoration: none;
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
padding: 0;
outline: none; }
.a11y-mode .DefaultLink:focus {
outline: 3px solid #3a869d;
transition: none; }
.DefaultLink--with-left-chevron:after, .DefaultLink--with-right-chevron:after {
content: "";
position: absolute;
display: block;
width: 6px;
height: 6px;
bottom: 3px;
top: 50%;
transform: translateY(-50%) rotate(45deg); }
.DefaultLink--with-right-chevron {
margin-right: 14px; }
.DefaultLink--with-right-chevron:after {
right: -12px;
border-top: 1px solid #986f38;
border-right: 1px solid #986f38; }
.DefaultLink--with-left-chevron {
margin-left: 14px; }
.DefaultLink--with-left-chevron:after {
left: -12px;
border-bottom: 1px solid #986f38;
border-left: 1px solid #986f38; }
.DefaultLink {
cursor: pointer;
color: #986f38;
font-weight: 500;
display: inline-flex;
font-size: .875rem; }
.DefaultLink:hover {
text-decoration: underline; }
.DefaultLink {
position: relative;
overflow: visible; }
.ProductDetailsBodyInformation__title {
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
padding: 0;
font-size: 1rem;
color: #fff;
display: flex;
align-items: center;
margin-bottom: 22px;
font-weight: 700; }
.ProductDetailsEcoTax__button, .ProductDetailsVAT {
color: #fff;
letter-spacing: .1em;
font-weight: 400; }
.ProductDetailsEcoTax__button {
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
padding: 0; }
.ProductDetailsEcoTax__button:after {
display: inline;
content: "\A0"; }
.ProductDetailsBody:after {
content: "";
display: table;
clear: both; }
.ProductDetailsBody {
background-color: #000;
color: #fff;
padding: 30px 20px 20px;
letter-spacing: .1em;
font-weight: 700;
line-height: 19px; }
.ProductDetailsBody__VAT {
display: block;
margin-bottom: 20px; }
.ProductDetailsAttributes__attributesList {
list-style: none;
margin: 0;
padding: 0; }
.ProductDetailsAttributes {
background: #000;
color: #d5d5d5;
margin-bottom: 20px; }
.ProductDetailsAttributes__attributesList.ResponsiveContainer {
margin: 0 auto; }
@media screen and (min-width: 996px) {
.ProductDetailsAttributes__attributesList {
text-align: left; } }
@media screen and (max-width: 995px) {
.ProductDetailsAttributes__attributesList {
text-align: center; } }
.ProductDetailsAttributes__attribute {
display: inline-block;
min-width: 50px;
min-height: 50px;
text-align: center;
margin: 12px; }
.ProductDetailsAttributes__intensity {
position: relative;
padding-top: 4px; }
.ProductDetailsAttributes__intensity-glyph {
font-size: 18px;
margin-bottom: 4px; }
.ProductDetailsAttributes__intensity-value {
position: absolute;
top: 0;
width: 100%;
height: 100%;
text-align: center;
padding: 8px 0 0 3px;
color: #000;
font-size: 10px;
line-height: 1em; }
.ProductDetailsAttributes__title {
margin-top: 2px; }
.ProductDetailsAttributes__title--intensity {
margin-top: 5px; }
.ProductDetailsKeyFeatures {
list-style: none;
margin: 0;
padding: 0; }
.ProductDetailsBodyInformation__title, .ProductDetailsKeyFeatures__title {
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
padding: 0; }
.ProductDetailsBodyInformation__title--isCollapsable {
outline: none; }
.a11y-mode .ProductDetailsBodyInformation__title--isCollapsable:focus {
outline: 3px solid #3a869d;
transition: none; }
.ProductDetailsBodyInformation {
margin-bottom: 20px; }
.ProductDetailsBodyInformation__title, .ProductDetailsKeyFeatures__title {
font-size: 1rem;
color: #fff;
display: flex;
align-items: center;
margin-bottom: 22px;
font-weight: 700; }
.ProductDetailsBodyInformation__title--isCollapsable {
cursor: pointer; }
.ProductDetailsBodyInformation__description {
font-size: .8125rem;
margin-bottom: 50px; }
.ProductDetailsBodyInformation__description-title {
margin-bottom: 0;
margin-top: 20px; }
.ProductDetailsBodyInformation__description--isCollapsed {
display: none; }
.ProductDetailsBodyInformation__content-Glyph {
float: left;
margin-right: 10px;
width: 25px;
height: 25px;
border: 1px solid #fff;
line-height: 18px;
text-align: center;
padding-top: 8px;
padding-left: 1px;
border-radius: 50%; }
.ProductDetailsBodyInformation__content-Glyph--isNotCollapsed {
transform: rotate(180deg);
padding-top: 7px; }
.ProductDetailsBodyInformation__Glyph {
font-size: .5rem; }
.ProductDetailsBodyInformation__link {
display: inline-flex;
align-items: center;
margin-top: 10px; }
.ProductDetailsBodyInformation__specifications-list {
list-style-type: square;
padding-left: 20px; }
.ProductDetailsBodyInformation__specification {
font-weight: 400; }
.ProductDetailsBodyInformation__ingredients-table {
min-width: 150px;
position: relative;
margin-top: 8px; }
.ProductDetailsBodyInformation__ingredients-table-row:after {
content: "";
border-bottom: 1px dotted #656565;
border-left: 1px solid #000;
position: absolute;
width: 100%;
left: 0; }
.ProductDetailsBodyInformation__ingredients-table-datacell {
padding: 9px 0;
word-break: break-all; }
.ProductDetailsBodyInformation__ingredients-table-datacell:nth-child(2n) {
text-align: right;
padding-left: 30px; }
@media screen and (max-width: 767px) {
.ProductDetailsBodyInformation__ingredients-table-datacell:nth-child(2n) {
padding-left: 5px;
width: 33%; } }
.ProductDetailsKeyFeatures__wrapper {
overflow: hidden;
background-color: #000;
color: #fff;
padding: 0 20px; }
.ProductDetailsKeyFeatures {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.ProductDetailsKeyFeatures__feature {
margin: 12px 0;
text-align: center; }
@media screen and (min-width: 996px) {
.ProductDetailsKeyFeatures__feature {
width: 14%; } }
@media screen and (max-width: 995px) {
.ProductDetailsKeyFeatures__feature {
width: 33%;
min-width: 100px; } }
.ProductDetailsKeyFeatures__feature-image {
height: 100px;
margin-bottom: 5px; }
.ProductDetailsKeyFeatures__feature-title {
width: 100px;
margin: auto;
font-size: .75rem;
font-weight: 400;
line-height: normal; }
.ProductDetailsSocialMedias__list {
list-style: none;
margin: 0;
padding: 0; }
.ProductDetailsSocialMedias__list-item-button {
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
padding: 0; }
.ProductDetailsSocialMedias:after {
content: "";
display: table;
clear: both; }
.ProductDetailsSocialMedias {
background-color: #000;
padding: 10px 20px; }
.ProductDetailsSocialMedias__list {
float: right;
margin: 10px 0; }
.ProductDetailsSocialMedias__list-item {
float: left; }
.ProductDetailsSocialMedias__list-item + .ProductDetailsSocialMedias__list-item {
margin-left: 18px; }
.ProductDetailsSocialMedias__list-item-button {
margin-left: 10px;
cursor: pointer; }
.ProductDetailsSocialMedias__list-item-glyph {
color: #fff;
font-size: 1rem; }
.RatingsAndReviewsHeader__button {
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
padding: 0; }
.RatingsAndReviewsHeader {
background-color: #f9f9f9;
padding-left: 10px;
padding-right: 10px; }
.RatingsAndReviewsHeader .ResponsiveContainer {
margin-bottom: 10px; }
.RatingsAndReviewsHeader__button {
padding: 0 20px;
height: 65px;
background-color: #f9f9f9;
color: #000;
font-weight: 700;
letter-spacing: .06em;
width: 33%;
text-align: left;
transition: background-color .4s ease-in-out,color .4s ease-in-out;
font-size: 1rem; }
.a11y-mode .RatingsAndReviewsHeader__button:focus {
outline: none;
border: 3px solid #3a869d;
padding: 0 17px; }
@media screen and (max-width: 767px) {
.RatingsAndReviewsHeader__button {
width: 50%; } }
.RatingsAndReviewsHeader__button--selected, .RatingsAndReviewsHeader__button:hover {
background-color: #000;
color: #fff;
box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.35);
transition: background-color .4s ease-in-out,color .4s ease-in-out; }
.RatingsStars__list {
list-style: none;
margin: 0;
padding: 0; }
.RatingsStars {
display: flex;
align-items: center;
margin-right: 10px; }
.RatingsStars__list {
display: inline-block;
vertical-align: middle; }
.RatingsStars__list-element {
float: left; }
.RatingsStars__list-element + .RatingsStars__list-element {
margin-left: 3px; }
.RatingsStars__glyph {
font-size: 1.0625rem; }
.RatingsStars__rating-score {
display: inline-flex;
margin-left: 10px;
font-weight: 700;
font-size: .875rem; }
.RatingsAndReviewsButton__element {
display: inline-flex;
align-items: center;
margin-top: 10px; }
.FirstReviewButton {
margin-bottom: 8px; }
.ProductDetails__header:after {
content: "";
display: table;
clear: both; }
.ProductDetails__header {
background-color: #fff;
color: #000; }
@media screen and (min-width: 768px) {
.ProductDetails__header {
position: relative; } }
@media screen and (min-width: 996px) {
.ProductDetails__header {
height: 608px; } }
.ProductDetails__display {
position: relative; }
@media screen and (min-width: 768px) {
.ProductDetails__display {
margin: 0 auto;
background-color: #fff; } }
@media screen and (min-width: 768px) and (max-width: 995px) {
.ProductDetails__display.ResponsiveContainer {
max-width: 996px;
min-height: 450px; } }
.ProductDetails__information {
padding: 50px 0 50px 60px;
background: #fff; }
@media screen and (min-width: 768px) {
.ProductDetails__information {
position: absolute;
top: 0;
right: 0;
width: 400px;
height: 100%; } }
@media screen and (max-width: 767px) {
.ProductDetails__information {
padding: 30px 20px; } }
@media screen and (min-width: 768px) and (max-width: 995px) {
.ProductDetails__information {
padding: 20px;
width: 40%; } }
.ProductDetails__link {
display: inline-block;
letter-spacing: 1.5px;
line-height: 16px;
margin-left: 34px;
margin-bottom: 5px; }
@media screen and (max-width: 767px) {
.ProductDetails__link {
margin-top: 20px; } }
@media screen and (min-width: 768px) {
.ProductDetails__link {
position: absolute;
top: 20px;
left: 0;
z-index: 2; } }
.ProductDetails__range {
font-size: .875rem;
letter-spacing: .2em;
color: #757575;
margin-bottom: 6px; }
.ProductDetails__name {
font-size: 1.875rem;
line-height: 1em;
letter-spacing: .2em;
font-weight: 700;
margin-bottom: 10px; }
.ProductDetails__flavors {
font-size: 1.25rem;
letter-spacing: .2em;
font-style: italic;
color: #757575;
margin-bottom: 45px; }
@media screen and (max-width: 767px) {
.ProductDetails__flavors {
margin-bottom: 15px; } }
.ProductDetails__rating-container {
margin: 15px 0 30px; }
.ProductDetails__price {
font-size: 1.125rem;
letter-spacing: .2em;
display: block;
color: #3d8705;
font-weight: 700;
margin-bottom: 20px; }
.ProductDetails__add-to-basket {
display: inline-block; }
@media screen and (max-width: 767px) {
.ProductDetails__add-to-basket {
padding-bottom: 20px;
width: 100%; } }
.ProductDetails__colorSwitcher {
margin-bottom: 54px; }
@media screen and (max-width: 767px) {
.ProductDetails__colorSwitcher {
margin-bottom: 24px; } }
.ProductDetails__specs + .ProductDetails__specs:before {
content: ", "; }
.ProductListTechnologies__link {
color: inherit;
text-decoration: none; }
.ProductListTechnologies {
border-bottom: 1px solid #eee; }
@media screen and (min-width: 996px) {
.ProductListTechnologies {
margin-top: 35px; } }
.ProductListTechnologies__link {
color: #757575;
display: inline-block;
padding: 20px 0; }
@media screen and (min-width: 768px) {
.ProductListTechnologies__link {
margin-right: 40px; } }
@media screen and (max-width: 767px) {
.ProductListTechnologies__link {
margin-right: 25px; } }
.ProductListTechnologies__link:hover {
color: #000; }
.ProductListTechnologies__link--selected {
border-bottom: 1px solid #000;
color: #000; }
.ProductListTechnologies__name {
font-size: 1rem;
letter-spacing: .1em;
text-align: center; }
.ProductListTechnologies__image {
margin: 0 auto 10px;
display: block; }
.ProductListElement__link {
color: inherit;
text-decoration: none; }
.ProductListElement__details-link {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.ProductListElement {
border-top: 1px solid #eee;
padding: 15px 0;
min-height: 100px;
display: table;
width: 100%;
cursor: pointer;
clear: both; }
.ProductListElement:hover {
background-color: #f9f9f9; }
.ProductListElement:last-child {
margin-bottom: 10px; }
.ProductListElement--machine:last-child {
margin-bottom: 0; }
@media screen and (max-width: 767px) {
.ProductListElement--machine {
height: 210px; } }
.ProductListElement__add-to-basket, .ProductListElement__cup-size, .ProductListElement__details-link, .ProductListElement__image, .ProductListElement__information, .ProductListElement__name--accessory {
display: table-cell;
vertical-align: top; }
@media screen and (min-width: 768px) {
.ProductListElement__price {
display: table-cell;
vertical-align: top; } }
.ProductListElement__image {
width: 13%; }
.ProductListElement__image--machine {
width: 105px; }
.ProductListElement__information {
width: 25%; }
@media screen and (max-width: 767px) {
.ProductListElement__information {
width: 80%; } }
.ProductListElement__name--accessory {
width: 45%;
padding-top: 8px; }
@media screen and (max-width: 767px) {
.ProductListElement__name--accessory {
width: 55%; } }
.ProductListElement__information--machine {
width: 43%; }
@media screen and (max-width: 767px) {
.ProductListElement__headline--machine {
display: none; } }
.ProductListElement__name {
font-weight: 700;
line-height: 1.5em; }
@media screen and (min-width: 768px) {
.ProductListElement__name {
padding-bottom: 5px; } }
@media screen and (max-width: 767px) {
.ProductListElement__name {
display: inline-block;
vertical-align: middle;
max-width: 65%;
margin-bottom: 5px; } }
@media screen and (max-width: 767px) {
.ProductListElement__add-to-basket--accessory, .ProductListElement__content, .ProductListElement__intensity, .ProductListElement__name {
margin-left: 10px; } }
.ProductListElement__content {
display: table;
width: 100%; }
@media screen and (max-width: 767px) {
.ProductListElement__content {
width: calc(100% - 10px); } }
.ProductListElement__current-intensity, .ProductListElement__intensity-block {
display: inline-block; }
.ProductListElement__current-intensity {
margin-left: 5px;
margin-right: 7px; }
.ProductListElement__intensity-block {
width: 7px;
height: 7px;
margin-right: 2px;
border: 1px solid #656565; }
.ProductListElement__intensity-block--filled {
background-color: #656565; }
.ProductListElement__headline {
margin: 8px 8px 8px 0;
color: #656565;
letter-spacing: .0625rem;
line-height: .875rem; }
.ProductListElement__cup-size {
padding-top: 2px;
width: 12%; }
@media screen and (max-width: 767px) {
.ProductListElement__cup-size {
display: none; } }
.ProductListElement__price {
font-size: .875rem;
padding: 0 15px 0 3px;
width: 22%;
font-weight: 700;
color: #3d8705;
white-space: nowrap;
text-align: right;
line-height: 38px; }
@media screen and (max-width: 767px) {
.ProductListElement__price {
display: block;
text-align: left;
width: 37%;
line-height: 28px;
margin-left: 10px;
padding-left: 0; } }
@media screen and (max-width: 767px) {
.ProductListElement__content--machine, .ProductListElement__price--machine {
width: 100%;
display: block; } }
@media screen and (max-width: 767px) {
.ProductListElement__price--machine {
text-align: left; } }
@media screen and (max-width: 767px) {
.ProductListElement__price--accessory {
margin-left: 0; } }
.ProductListElement__add-to-basket, .ProductListElement__details-link {
float: right; }
.ProductListElement__details-link {
margin-bottom: 30px;
padding: .8em 1em; }
@media screen and (min-width: 768px) {
.ProductListElement__details-link {
width: 255px; } }
@media screen and (max-width: 767px) {
.ProductListElement__details-link {
display: block;
position: absolute;
margin-left: 0;
width: 100%;
left: 0;
top: 125px; } }
.ProductListElement__color-shades {
margin-top: 20px;
display: flex;
align-items: center;
flex-wrap: wrap; }
@media screen and (max-width: 767px) {
.ProductListElement__color-shades {
margin-top: 10px; } }
.ProductListElement__color-shade {
border: 1px solid rgba(0, 0, 0, 0.2);
width: 12px;
height: 12px;
border-radius: 6px;
margin-left: 8px; }
@media screen and (max-width: 767px) {
.ProductListElement__color-shade {
margin-top: 5px; }
.ProductListElement__color-shade:nth-child(2) {
margin-left: 0; } }
@media screen and (max-width: 767px) {
.ProductListElement__color-shades-label {
width: 100%; } }
.ProductListElement__cup-size-image {
margin-right: 4px; }
.ProductListGroup__range-link {
color: inherit;
position: relative;
text-decoration: none;
color: #986f38;
overflow: visible; }
.ProductListGroup__range-link:hover {
text-decoration: underline; }
.ProductListGroup__range-link-arrow {
font-size: .5625rem;
margin-top: -4.5px;
position: absolute;
top: 50%;
right: -14px; }
.ProductListGroup {
position: relative; }
.ProductListGroup__range-link {
margin: 8px 14px 8px 0;
float: right; }
.ProductListGroup__range-link:hover ~ .ProductListElement {
background-color: #f9f9f9; }
.ProductListGroup__range-link--machine {
position: absolute;
z-index: 1;
float: none; }
@media screen and (min-width: 768px) {
.ProductListGroup__range-link--machine {
top: 90px;
right: 0; } }
@media screen and (max-width: 767px) {
.ProductListGroup__range-link--machine {
top: calc(100% - 34px);
left: 0;
right: auto; } }
.ProductListGroup__title {
font-size: 1.125rem;
font-weight: 700;
margin: 8px 0;
float: left; }
.ProductList {
background-color: #fff;
color: #000; }
.ProductList__container {
display: flex; }
@media screen and (max-width: 995px) {
.ProductList__container {
flex-direction: column; } }
.ProductList__panel {
text-align: center;
margin-top: 10px; }
@media screen and (min-width: 996px) {
.ProductList__panel {
margin-top: 45px;
width: 250px; } }
.ProductList__content {
background-color: #fff;
padding: 10px 20px;
flex: auto; }
.ProductList__title {
font-size: 1.875rem;
line-height: 2.625rem;
font-weight: 700;
letter-spacing: .1em;
margin: 25px 0 20px;
word-break: break-all; }
@media screen and (max-width: 767px) {
.ProductList__title {
margin-bottom: 65px; } }
.ProductList__elements {
font-size: 1.125rem;
text-align: center;
margin: 50px 0; }
.Banner__button, .Banner__lightbox-link {
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
padding: 0; }
.Banner__button, .Banner__link {
outline: none; }
.a11y-mode .Banner__button:focus, .a11y-mode .Banner__link:focus {
outline: 3px solid #3a869d;
transition: none; }
.Banner {
position: relative;
line-height: 0; }
.Banner__button {
line-height: 0;
width: 100%;
height: 100%; }
.Banner__lightbox-link {
position: absolute;
bottom: 8px;
right: 8px;
line-height: normal; }
.PushBanner {
display: flex; }
@media screen and (max-width: 995px) {
.PushBanner {
padding-left: 20px;
padding-right: 20px; } }
@media screen and (max-width: 767px) {
.PushBanner {
display: block; } }
@media screen and (min-width: 768px) {
.PushBanner__banner {
flex: 1; }
.PushBanner__banner:first-of-type {
margin-right: 20px; } }
@media screen and (max-width: 995px) {
.PushBanner__banner {
margin-bottom: 20px; } }
.MiniBasketDropdown__content-empty {
padding: 20px; }
.MiniBasketDropdown__Link-reorder, .MiniBasketDropdown__Link-shopping {
width: 100%;
margin-bottom: 20px; }
.MiniBasketItemCategory {
font-size: 1rem;
position: relative;
letter-spacing: .1em;
font-weight: 700;
width: 100%;
text-align: left;
line-height: 1em;
padding: 20px 0 10px; }
.MiniBasketItemCategory__item-count {
font-size: 10px;
vertical-align: top;
text-align: left;
margin-left: .5em; }
.MiniBasketItemRemoveButton {
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
padding: 0;
outline: none; }
.a11y-mode .MiniBasketItemRemoveButton:focus {
outline: 3px solid #3a869d;
transition: none; }
.MiniBasketItemRemoveButton {
font-size: .625rem;
cursor: pointer;
background-color: #fff; }
.MiniBasketItemPriceAndName__price {
color: #986f38;
display: block;
font-weight: 400;
padding: 5px 0 0; }
.MiniBasketItemPriceAndName__price-calc {
margin-left: 5px; }
.MiniBasketItem {
font-size: .75rem;
margin-bottom: 0;
border-top: 1px solid #eee;
color: #161616;
list-style: outside none none;
font-weight: 700;
width: 100%; }
.MiniBasketItem__image-container {
height: 100%;
width: 22%;
vertical-align: middle; }
.MiniBasketItem__image {
display: block;
height: auto;
max-width: 58px; }
.MiniBasketItem__title {
font-size: .75rem;
width: 59%;
height: 100%;
padding: 20px 0; }
.MiniBasketItem__button-container {
height: 100%;
width: 19%;
vertical-align: middle;
text-align: right; }
.MiniBasketDropdown__content-filled {
width: 100%;
background-color: #fff;
border-bottom: 1px solid #f9f9f9; }
.MiniBasketDropdown__content-categories {
margin: 0;
width: 100%;
text-align: left;
padding: 20px; }
.BenefitMessage {
font-size: 1rem;
clear: both;
padding: 20px;
margin: 0;
line-height: 24px;
text-align: center;
color: #1b1b1b;
background-color: #f9f9f9; }
.BenefitMessage--hidden {
display: none; }
.MiniBasketTotalTable__caption {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.MiniBasketTotalTable {
width: 100%;
margin-bottom: 20px; }
.MiniBasketTotalTable__subTotal, .MiniBasketTotalTable__totalPrice, .MiniBasketTotalTable__usedCredit {
font-size: .8125rem; }
.MiniBasketTotalTable__remainingCredit-label, .MiniBasketTotalTable__subTotal-label, .MiniBasketTotalTable__totalPrice-label, .MiniBasketTotalTable__usedCredit-label {
text-align: left; }
.MiniBasketTotalTable__remainingCredit-value, .MiniBasketTotalTable__subTotal-value, .MiniBasketTotalTable__totalPrice-value, .MiniBasketTotalTable__usedCredit-value {
text-align: right;
color: #986f38;
font-size: .8125rem; }
.MiniBasketTotalTable__totalPrice, .MiniBasketTotalTable__totalPrice-value {
font-size: 1rem;
font-weight: 700; }
.MiniBasketTotalTable__remainingCredit-label, .MiniBasketTotalTable__remainingCredit-value {
padding-top: 20px; }
.MiniBasketTotalTable__cartDisclamerMessage-label {
font-size: .75rem;
color: #757575;
padding-top: 10px; }
.MiniBasketTotalTable__spacer--horizontal {
margin: 20px 0;
border: none;
border-bottom: 1px solid #757575;
padding-bottom: 10px; }
.MiniBasketFooter {
width: 100%;
padding: 20px; }
.MiniBasketFooter__button-checkout {
width: 100%; }
.MiniBasketCartNotification {
padding: 20px;
width: 100%;
border-bottom: 1px solid #d5d5d5;
display: flex; }
.MiniBasketCartNotification__message-icon {
border-radius: 100%;
width: 1.375rem;
height: 1.25rem;
margin-top: 2px;
display: block;
color: #fff;
background-color: #3d8705;
text-align: center;
padding-top: 4px;
font-size: .75rem; }
.MiniBasketCartNotification__message {
text-align: left;
color: #3d8705;
padding-left: 10px;
font-size: 1rem;
line-height: 1.5rem; }
.MiniBasketButton {
color: inherit;
text-decoration: none;
outline: none; }
.a11y-mode .MiniBasketButton:focus {
outline: 3px solid #3a869d;
transition: none; }
.MiniBasketButton {
font-size: .875rem;
font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
line-height: 1.2em;
letter-spacing: 1px;
position: relative;
display: inline-block;
text-align: center;
border-radius: 3px;
cursor: pointer;
transition: all .3s; }
.MiniBasketButton:disabled {
cursor: not-allowed; }
.MiniBasketButton__basketIcon {
position: absolute; }
@media screen and (min-width: 996px) {
.MiniBasketButton__basketIcon {
font-size: 1.5em;
top: 7px;
left: 10px; } }
@media screen and (max-width: 995px) {
.MiniBasketButton__basketIcon {
top: 7px;
left: 9px;
font-size: 2.4em; } }
@media screen and (min-width: 996px) {
.MiniBasketButton:hover {
border: 1px solid #fff;
background-color: #fff;
color: #000; } }
@media screen and (min-width: 996px) {
.MiniBasketButton {
padding: .76em .76em .76em 2.76em;
border: 1px solid #fff;
background-color: #000;
color: #fff; } }
@media screen and (max-width: 995px) {
.MiniBasketButton {
border-radius: 0;
height: 50px;
width: 50px;
border: 1px solid transparent;
background-color: transparent;
color: #fff; } }
.MiniBasketButton--not-empty {
border: 1px solid #3d8705;
background-color: #3d8705;
color: #fff; }
.MiniBasketButton--open {
border: 1px solid #fff;
background-color: #fff;
color: #000; }
.MiniBasketButton__quantity {
position: absolute;
top: 20px;
left: -1px;
width: 100%;
text-align: center;
color: #3d8705;
font-size-adjust: .5;
font-size: .625rem;
letter-spacing: -1px; }
.MiniBasketButton--has-notification {
border: 1px solid #fff;
background-color: #fff;
color: #000; }
.MiniBasketButton__quantity--has-notification {
color: #fff; }
.MiniBasketDropdown {
position: relative;
display: inline-block;
margin-left: 18px; }
@media screen and (max-width: 995px) {
.MiniBasketDropdown {
margin-left: 0;
height: 100%; } }
.MiniBasketDropdown__dropdown {
background-color: #fff;
color: #000;
display: none;
height: 100%;
position: fixed;
right: 0;
top: 0;
width: 415px; }
@media screen and (max-width: 767px) {
.MiniBasketDropdown__dropdown {
position: fixed;
top: 0;
right: 0;
left: 50px;
bottom: 0;
width: auto; } }
.MiniBasketDropdown__wrapper {
height: 100%;
display: flex;
flex-direction: column; }
.MiniBasketDropdown__open-close-transition-enter {
transform: translateX(100%); }
.MiniBasketDropdown__open-close-transition-enter-active {
transform: translateX(0);
transition: transform .4s ease; }
.MiniBasketDropdown__open-close-transition-exit {
transform: translateX(0); }
.MiniBasketDropdown__open-close-transition-exit-active {
transform: translateX(100%);
transition: transform .4s ease; }
.MiniBasketDropdown__dropdown--is-open, .MiniBasketDropdown__open-close-transition-enter, .MiniBasketDropdown__open-close-transition-exit {
display: block;
z-index: 2002; }
.MiniBasketDropdown__content__title {
font-size: 1rem;
text-align: center;
color: #161616;
margin-bottom: 20px; }
.MiniBasketDropdown__title {
font-size: .875rem;
font-weight: 700;
text-transform: uppercase; }
.MiniBasketDropdown__description {
margin: 10px 0 20px; }
.MiniBasketDropdown__header__title {
font-size: 1.25rem;
color: #2e2e2e;
font-weight: 700;
padding: 20px;
text-transform: uppercase;
letter-spacing: .1em; }
@media screen and (max-width: 767px) {
.MiniBasketDropdown__header__title {
line-height: 50px;
padding: 0 10px; } }
.MiniBasketDropdown__close-button {
background: #f9f9f9;
color: #161616;
line-height: normal;
height: 28px;
margin: 0 20px;
position: absolute;
right: 0;
top: 18px;
width: 28px; }
@media screen and (max-width: 767px) {
.MiniBasketDropdown__close-button {
width: 50px;
height: 50px;
padding: 0;
margin: 0;
line-height: normal;
top: 0;
background: #b8b8b8; } }
.MiniBasketDropdown__content-wrapper {
flex: 1;
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
.ProductListFilterElement__checkbox {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.ProductListFilterElement--focused {
outline: none; }
.a11y-mode .ProductListFilterElement--focused {
outline: 3px solid #3a869d; }
.ProductListFilterElement {
font-size: .875rem;
margin: 0 10px 10px 0;
width: calc(33% - 9px); }
@media screen and (max-width: 767px) {
.ProductListFilterElement {
width: calc(50% - 10px); } }
.ProductListFilterElement__label {
display: block;
height: 40px;
line-height: 36px;
text-align: center;
border: 1px solid #eee;
color: #858585;
border-radius: 3px;
cursor: pointer;
transition: color .4s,border .4s;
background-color: #fff; }
.ProductListFilterElement__label:hover {
border: 1px solid #000;
color: #000; }
.active > .ProductListFilterElement__label, .ProductListFilterElement__label:active {
border: 1px solid #000;
color: #fff;
background-color: #000; }
.disabled > .ProductListFilterElement__label, .ProductListFilterElement__label:disabled {
border: 1px solid #eee;
color: #858585;
background-color: #eee;
opacity: .5;
cursor: default; }
.ProductListFilterElement__text {
cursor: pointer;
display: inline-block;
vertical-align: middle;
line-height: 1; }
.ProductListFilterElement__text--disabled {
cursor: default; }
.ProductListFilterSelect__title {
font-weight: 700;
margin-bottom: 10px;
letter-spacing: 2px; }
.ProductListFilterSelect {
width: 49%; }
@media screen and (max-width: 767px) {
.ProductListFilterSelect {
width: 100%; }
.ProductListFilterSelect:first-child {
margin-bottom: 30px; } }
.ProductListFilterSelect__list {
font-size: 1rem;
height: 40px;
width: 100%; }
.ProductListFilterColor__label--focused {
outline: none; }
.a11y-mode .ProductListFilterColor__label--focused {
outline: 3px solid #3a869d; }
.ProductListFilterColor {
position: relative; }
.ProductListFilterColor__label {
cursor: pointer;
position: relative;
display: block;
width: 24px;
height: 24px;
margin-right: 12px;
border-radius: 100%;
border: 1px solid rgba(0, 0, 0, 0.2); }
.ProductListFilterColor__label--disabled:before {
width: 2px;
height: 24px;
content: " ";
display: block;
position: absolute;
background-color: #fff;
transform: rotate(45deg);
left: 10px;
top: -1px;
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.3), 1px 0 0 rgba(0, 0, 0, 0.3); }
.ProductListFilterColor__label:after {
border: 1px solid rgba(0, 0, 0, 0.2);
display: block;
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-radius: 100%;
background: #fff;
opacity: 0;
transition: all .4s ease-in-out; }
.ProductListFilterColor__label--active:after, .ProductListFilterColor__label--checked:after, .ProductListFilterColor__label:active:after, .ProductListFilterColor__label:hover:not(.ProductListFilterColor__label--disabled):after {
opacity: 1;
width: 12px;
height: 12px; }
.ProductListFilterColor__label--disabled {
cursor: default; }
.ProductListFilterColor--checked:before {
position: absolute;
content: " ";
top: -6px;
bottom: -6px;
left: -6px;
right: -6px;
border: 1px solid #656565;
border-radius: 100%; }
.ProductListFilterColor--disabled {
cursor: default;
opacity: .2; }
.InputRange__handle {
background: #000;
border: 1px solid #000;
border-radius: 100%;
cursor: pointer;
display: block;
height: 1rem;
width: 1rem;
margin-left: -.5rem;
margin-top: -.59375rem;
outline: none;
position: absolute;
top: 50%;
transition: transform box-shadow .3s ease-out ease-out .3s; }
.InputRange__handle:active {
transform: scale(1.3); }
.InputRange__handle:focus {
box-shadow: 0 0 0 5px rgba(63, 81, 181, 0.2); }
.InputRange--disabled .InputRange__handle {
background: #ccc;
border: 1px solid #ccc;
box-shadow: none;
transform: none; }
.InputRange__label {
position: absolute;
color: #b8b8b8;
font-size: .8rem;
transform: translateZ(0);
white-space: nowrap; }
.InputRange__label--max, .InputRange__label--min {
top: 0; }
.InputRange__label--min {
left: 0; }
.InputRange__label--max {
right: 0; }
.InputRange__label--value {
color: #000;
top: -1.8rem;
z-index: 1; }
.InputRange__label--value .InputRange__label-container {
background-color: #fff;
padding: 0 10px; }
.InputRange__label-container {
left: -50%;
position: relative; }
.InputRange__label--max .InputRange__label-container {
left: 50%; }
.InputRange__track {
background: #eee;
border-radius: .1875rem;
cursor: pointer;
display: block;
height: .1875rem;
position: relative; }
.InputRange--disabled .InputRange__track {
background: #eee; }
.InputRange__track--background {
left: 0;
margin-top: .09375rem;
position: absolute;
right: 0;
bottom: .5rem; }
.InputRange__track--active {
background: #000; }
.InputRange {
position: relative;
height: 2.3rem;
margin-left: .5rem;
margin-right: .5rem; }
.ProductListFilter__list {
list-style: none;
margin: 0;
padding: 0; }
.ProductListFilter__reset-filter-button, .ProductListFilter__toggle-button {
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
padding: 0; }
.ProductListFilter__price-filter .InputRange__handle {
outline: none; }
.a11y-mode .ProductListFilter__price-filter .InputRange__handle:focus, .ProductListFilter__price-filter .a11y-mode .InputRange__handle:focus {
outline: 3px solid #3a869d;
transition: none; }
.ProductListFilter__title {
font-weight: 700;
margin-bottom: 10px;
letter-spacing: 2px; }
.ProductListFilter {
position: relative; }
.ProductListFilter__toggle-button {
font-size: .875rem;
position: relative;
border: 1px solid #000;
border-radius: 3px 3px 0 0;
line-height: 38px;
padding: 0 20px 20px;
border-bottom: none;
margin: 0 0 -1px;
background-color: #fff; }
.ProductListFilter__toggle-button:before {
display: block;
position: absolute;
left: 0;
bottom: 0;
content: "";
width: 100%;
height: 1px;
background: #fff; }
.ProductListFilter--closed .ProductListFilter__toggle-button:before {
display: none; }
.ProductListFilter__buttons {
position: absolute;
right: 0;
bottom: 100%; }
.ProductListFilter__reset-filter-button {
font-size: .75rem;
text-decoration: underline;
color: #986f38;
margin-right: 20px; }
.ProductListFilter__reset-filter-button:active:enabled, .ProductListFilter__reset-filter-button:hover:enabled {
background-color: transparent;
color: #986f38; }
.ProductListFilter__panel {
width: 100%;
padding: 20px;
margin-bottom: 30px;
border: 1px solid #000;
border-radius: 3px;
border-top-right-radius: 0; }
.ProductListFilter__panel--accessories {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap; }
.ProductListFilter--closed .ProductListFilter__toggle-button {
border-bottom: 1px solid #000;
border-radius: 3px;
padding-bottom: 0;
margin-bottom: 18px; }
.ProductListFilter--closed .ProductListFilter__panel {
display: none; }
.ProductListFilter__list {
width: 100%;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap; }
.ProductListFilters {
margin-bottom: 20px; }
.ProductListFilter__list:last-child, .ProductListFilters:last-child {
margin-bottom: 0; }
.ProductListFilter__value--intensity {
font-size: 1rem;
width: 42px; }
.ProductListFilter__value--cup-size {
width: calc(33% - 10px); }
@media screen and (max-width: 767px) {
.ProductListFilter__value--cup-size {
width: calc(50% - 10px); } }
.ProductListFilter__price-filter {
margin-right: 25px;
margin-left: 25px; }
.DefaultButton--inverse, .DefaultButton--regular {
color: inherit;
text-decoration: none;
font-size: .875rem;
font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
line-height: 1.2em;
letter-spacing: 1px;
padding: .8em 2em; }
@media screen and (min-width: 768px) {
.DefaultButton--inverse, .DefaultButton--regular {
min-width: 200px; } }
@media screen and (max-width: 767px) {
.DefaultButton--inverse, .DefaultButton--regular {
width: 100%; } }
.DefaultButton--inverse, .DefaultButton--regular {
position: relative;
display: inline-block;
text-align: center;
border-radius: 3px;
cursor: pointer;
transition: all .3s; }
.DefaultButton--inverse:disabled, .DefaultButton--regular:disabled {
cursor: not-allowed; }
.DefaultButton--inverse {
color: #fff;
background-color: #000;
border: 1px solid #fff; }
.DefaultButton--inverse:hover:not(:disabled), .DefaultButton--regular {
background-color: #fff;
color: #000;
border: 1px solid #000; }
.DefaultButton--regular:hover:not(:disabled) {
background-color: #000;
color: #fff; }
.DefaultButton--inverse:disabled, .DefaultButton--regular:disabled {
border: 1px solid #eee;
color: #656565;
background-color: #eee; }
.DefaultButton__left-chevron, .DefaultButton__right-chevron {
position: absolute;
top: calc(50% - .45em);
font-size: .6875rem; }
.DefaultButton__right-chevron {
right: 8px; }
.DefaultButton__left-chevron {
transform: rotate(180deg);
left: 8px; }
.ErrorMessage {
color: #dd3232;
display: flex;
align-items: center;
font-size: 1.125rem; }
.ErrorMessage__icon-container {
width: 30px;
height: 30px;
border-radius: 100%;
background-color: #dd3232;
display: flex;
align-items: center;
justify-content: center; }
.ErrorMessage__icon {
color: #fff;
font-size: 1rem; }
.ErrorMessage__message {
width: 85%;
margin-left: 20px; }
.ReviewsError {
color: #000;
background-color: #fff;
margin-top: 10px; }
.ReviewsError__container {
padding: 20px; }
.ReviewsError__header {
padding-top: 10px;
align-items: center; }
.ReviewsError__description {
margin: 30px 0;
font-size: .9375rem; }
.ReviewsError__phone-number {
font-weight: 700; }
.ReviewsError__button {
margin-bottom: 150px; }
.ReviewsError__errorMessage {
margin-top: 20px; }
.Sorting {
display: flex;
margin-left: auto; }
@media screen and (max-width: 767px) {
.Sorting {
padding-bottom: 20px;
align-items: center;
justify-content: center; } }
.Sorting__label {
color: #000;
line-height: 47px;
margin-right: 20px;
letter-spacing: .08em;
white-space: nowrap;
font-size: .875rem; }
.Sorting__list {
height: 40px;
padding: 10px;
cursor: pointer;
font-size: 1rem; }
.PaginationItem__label {
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
padding: 0; }
.PaginationItem__label--focused {
outline: none; }
.a11y-mode .PaginationItem__label--focused {
outline: 3px solid #3a869d; }
.PaginationItem__label {
position: relative;
text-decoration: none;
color: #986f38;
overflow: visible; }
.PaginationItem__label:hover {
text-decoration: underline; }
.PaginationItem__label {
display: inline-flex;
align-items: center;
letter-spacing: 1.5px;
cursor: pointer;
margin-left: 10px;
padding: 5px 8px; }
.PaginationItem__label--active {
color: #fff;
background-color: #986f38; }
.Pagination__pages-fieldset {
border: none;
padding: 0;
margin: 0; }
.Pagination__button {
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
padding: 0;
position: relative;
text-decoration: none;
color: #986f38;
overflow: visible; }
.Pagination__button:hover {
text-decoration: underline; }
.Pagination__button-link-Glyph--left, .Pagination__button-link-Glyph--right {
font-size: .5625rem;
margin-top: -4.5px;
position: absolute;
top: 50%; }
.Pagination__button-link-Glyph--right {
right: -14px; }
.Pagination__button-link-Glyph--left {
left: -14px; }
.Pagination {
margin-top: 15px; }
.Pagination__pages-wrapper {
display: flex;
align-items: center;
justify-content: center; }
@media screen and (max-width: 767px) {
.Pagination__pages-fieldset {
padding: 10px; } }
.Pagination__controls-wrapper {
display: flex; }
.Pagination__button {
display: inline-flex;
align-items: center;
letter-spacing: 1.5px;
cursor: pointer; }
@media screen and (max-width: 767px) {
.Pagination__button {
display: block;
margin: 0 auto; } }
.Pagination__break-view {
color: #986f38;
margin-left: 10px; }
@media screen and (max-width: 767px) {
.Pagination__label {
display: none; } }
.ReviewsOverlay {
display: flex;
position: absolute;
z-index: 1000;
top: 0;
bottom: 0;
left: 0;
right: 0;
visibility: visible;
content: " ";
background-color: rgba(255, 255, 255, 0.6); }
.ReviewsOverlay__transition-enter {
background-color: rgba(23, 23, 23, 0.01); }
.ReviewsOverlay__transition-enter-active {
background-color: rgba(23, 23, 23, 0.75);
transition: background-color .3s ease-in; }
.ReviewsOverlay__transition-exit {
background-color: rgba(23, 23, 23, 0.75); }
.ReviewsOverlay__transition-exit-active {
background-color: rgba(23, 23, 23, 0.01);
transition: background-color .3s ease-in; }
.ReviewsOverlay--with-spinner {
position: absolute;
top: 150px;
left: 50%;
margin-top: -25px;
margin-left: -25px; }
.ReviewReply {
background-color: #eee;
width: 100%;
padding: 20px;
position: relative; }
.ReviewReply:after {
content: "";
width: 20px;
height: 20px;
position: absolute;
top: -10px;
left: 25px;
background-color: #eee;
transform: rotate(45deg); }
.ReviewReply__infos {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-bottom: 10px; }
.ReviewReply__author:after {
content: "-";
margin: 0 5px; }
.ReviewReply__author-icon {
margin-right: 10px; }
.ReviewReply__icon {
color: #313131;
font-size: 1.375rem; }
.HelpfulReview__votes {
font-size: .875rem;
font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
line-height: 1.2em;
letter-spacing: 1px; }
.HelpfulReview {
padding-top: 25px;
clear: right; }
.HelpfulReview__container {
display: flex;
align-items: center;
clear: right; }
.HelpfulReview__button {
margin-left: 10px;
min-width: 80px;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
@media screen and (max-width: 767px) {
.HelpfulReview__button {
width: inherit; } }
.HelpfulReview__votes {
display: flex;
align-items: center;
justify-content: center;
background-color: #d5d5d5;
min-width: 41px;
padding: .8em 0;
border: 1px solid #000;
border-left-width: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; }
.HelpfulReview__votes--disabled {
border: 1px solid #d5d5d5;
color: #656565; }
.HelpfulReview__errorMessage {
margin-bottom: 10px; }
.Review:after {
content: "";
display: table;
clear: both; }
.Review {
border-bottom: 1px solid #eee;
padding: 40px 0; }
.Review__header {
display: flex;
flex-wrap: wrap; }
.Review__rating {
margin-bottom: 10px; }
.Review__author:after {
content: "-";
margin: 0 5px; }
.Review__infos {
display: flex; }
.Review__title {
margin: 15px 0 20px;
font-weight: 700;
font-size: .875rem; }
.Review__content {
background-color: #eee;
width: 100%;
padding: 20px;
position: relative; }
.Review__content:after {
content: "";
width: 20px;
height: 20px;
position: absolute;
top: -10px;
left: 25px;
background-color: #eee;
transform: rotate(45deg); }
.Review__reply {
padding-top: 14px;
width: 80%;
float: right; }
.ReviewList {
color: #000; }
.RatingsAndReviewsStats__rating-indicator, .RatingsAndReviewsStats__rating-vote {
margin-left: 0; }
@media screen and (min-width: 996px) {
.RatingsAndReviewsStats {
margin-left: 20px; } }
.RatingsAndReviewsStats__overview {
display: table; }
.RatingsAndReviewsStats__rating-stat {
display: table-row;
font-size: .875rem; }
.RatingsAndReviewsStats__rating {
padding: 5px 0;
display: table-cell;
vertical-align: middle; }
.RatingsAndReviewsStats__rating-value {
display: flex; }
.RatingsAndReviewsStats__glyph {
margin-left: 2px; }
.RatingsAndReviewsStats__rating-indicator {
display: table-cell;
vertical-align: middle;
width: 100%;
padding: 0 10px; }
.RatingsAndReviewsStats__indicator-bar {
height: 6px;
display: inline-block;
position: relative;
vertical-align: middle;
width: 100%;
background: #b8b8b8; }
.RatingsAndReviewsStats__indicator-bar--full {
display: block;
position: absolute;
top: 0;
left: 0;
height: 6px;
background-color: #986f38; }
.RatingsAndReviewsStats__rating-vote {
display: table-cell;
vertical-align: middle; }
@media screen and (max-width: 995px) {
.RatingsAndReviewsStats__rating-vote {
text-align: left; } }
.RatingsAndReviewsStats__recommendation {
margin-top: 30px; }
.RatingsAndReviewsStats__recommendation-rate {
position: relative;
font-weight: 700;
margin-right: 5px;
font-size: 1.875rem; }
.RatingsAndReviewsStats__recommendation-percent {
position: absolute;
right: 0;
top: 5px;
font-size: .75rem; }
.ReviewPresentation {
padding: 20px; }
.ReviewPresentation__container {
color: #fff;
letter-spacing: .08em;
font-size: .8125rem; }
@media screen and (min-width: 996px) {
.ReviewPresentation__container {
display: flex;
flex-direction: row-reverse; } }
@media screen and (min-width: 996px) {
.ReviewPresentation__information {
padding-right: 10px;
width: 66%; } }
@media screen and (max-width: 995px) {
.ReviewPresentation__information {
margin-top: 30px; } }
.ReviewPresentation__information--no-review {
padding: 0;
width: 100%; }
.ReviewPresentation__title {
letter-spacing: .1rem;
margin-bottom: 22px;
font-weight: 700;
font-size: 1rem; }
.ReviewPresentation__description {
font-weight: 700;
margin-bottom: 30px; }
@media screen and (min-width: 996px) {
.ReviewPresentation__stats {
width: 34%;
padding: 10px; } }
@media screen and (max-width: 995px) {
.ReviewPresentation__stats {
text-align: center; } }
.ReviewFormStars {
border: none;
padding: 0;
margin: 0; }
.ReviewFormStars__stars--has-focus {
outline: none; }
.a11y-mode .ReviewFormStars__stars--has-focus {
outline: 3px solid #3a869d; }
.ReviewFormStars {
color: #000;
margin-top: 50px;
margin-bottom: 30px; }
.ReviewFormStars__text {
float: left; }
.ReviewFormStars__ratings-item {
font-size: 1.25rem; }
.ReviewFormStars__ratings-item--on-error {
color: #dd3232; }
@media screen and (min-width: 768px) {
.ReviewFormStars__text {
width: 40%; } }
@media screen and (max-width: 767px) {
.ReviewFormStars__text {
width: 55%; } }
.ReviewFormStars__text--on-error {
font-weight: 700;
color: #dd3232; }
@media screen and (max-width: 767px) {
.ReviewFormStars__error {
margin-left: 55%; } }
.ReviewFormStars__stars {
padding: 9px 3px 3px; }
.ReviewFormSuccess__content:after {
content: "";
display: table;
clear: both; }
.ReviewFormSuccess {
padding: 20px;
background-color: #eee; }
.ReviewFormSuccess__content {
font-size: .875rem;
color: #000;
letter-spacing: .08em; }
.ReviewFormSuccess__title {
font-weight: 700;
font-size: 1.25rem; }
.ReviewFormSuccess__text {
margin: 50px 0; }
.ReviewFormSuccess__close {
float: right; }
.InputCheckbox__fieldset {
border: none;
padding: 0;
margin: 0; }
.InputCheckbox__input {
outline: none; }
.a11y-mode .InputCheckbox__input:focus {
outline: 3px solid #3a869d;
transition: none; }
.InputCheckbox {
color: #000; }
.InputCheckbox__legend {
font-size: .8125rem;
padding-right: 15px;
float: left; }
@media screen and (min-width: 768px) {
.InputCheckbox__legend {
width: 40%; } }
@media screen and (max-width: 767px) {
.InputCheckbox__legend {
width: 55%; } }
.InputCheckbox__label {
display: flex;
align-items: center; }
.InputCheckbox__label--on-error {
color: #dd3232;
font-weight: 700; }
@media screen and (min-width: 768px) {
.InputCheckbox__label--without-legend {
margin-left: 40%; } }
.InputCheckbox__label-value {
font-size: .8125rem;
padding-right: 12px;
transition: all .2s;
order: 1; }
.InputCheckbox__input {
margin-left: 0;
margin-right: 10px; }
.InputCheckbox__input--on-error {
border-color: #dd3232; }
.ReviewForm__fieldset {
border: none;
padding: 0;
margin: 0; }
.ReviewForm__terms-agreement a {
color: inherit;
text-decoration: none;
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
padding: 0;
cursor: pointer;
color: #986f38;
font-weight: 500;
display: inline-flex;
font-size: .875rem; }
.ReviewForm__terms-agreement a:hover {
text-decoration: underline; }
.ReviewForm {
padding: 20px;
background-color: #eee; }
.ReviewForm__title {
padding-top: 20px;
padding-left: 0;
font-weight: 700;
color: #000;
font-size: 1.25rem; }
.ReviewForm__instructions {
color: #656565;
margin: 12px 0 0;
font-size: .875rem; }
@media screen and (min-width: 996px) {
.ReviewForm__informations {
display: flex; } }
@media screen and (min-width: 996px) {
.ReviewForm__informations-group {
flex: 1; } }
@media screen and (min-width: 996px) {
.ReviewForm__review-label {
width: 20%; } }
@media screen and (min-width: 996px) {
.ReviewForm__review-error {
margin-left: 20%; } }
.ReviewForm__review-input {
height: auto; }
@media screen and (min-width: 996px) {
.ReviewForm__review-input {
width: 80%; } }
.ReviewForm__terms-agreement {
color: #000;
padding: 5px 0;
font-size: .6875rem; }
@media screen and (min-width: 768px) {
.ReviewForm__terms-agreement {
text-align: right; } }
@media screen and (max-width: 767px) {
.ReviewForm__terms-agreement {
text-align: left; } }
.ReviewForm__terms-agreement a {
font-size: .6875rem; }
.ReviewForm__bottom {
text-align: right;
margin-top: 15px; }
@media screen and (min-width: 768px) {
.ReviewForm__bottom {
display: flex;
flex-direction: row-reverse; } }
@media screen and (min-width: 768px) {
.ReviewForm__cancel {
margin-right: 15px;
display: inline-block; } }
@media screen and (max-width: 767px) {
.ReviewForm__cancel {
margin-top: 20px; } }
.ReviewForm__dropdown-transition-enter {
max-height: 0; }
.ReviewForm__dropdown-transition-enter-active {
max-height: 1300px;
transition: max-height .8s; }
.ReviewForm__dropdown-transition-exit {
max-height: 1300px; }
.ReviewForm__dropdown-transition-exit-active {
max-height: 0;
transition: max-height .5s; }
.ReviewForm__errorMessage {
margin-top: 20px; }
.RatingsAndReviews__content:after {
content: "";
display: table;
clear: both; }
.RatingsAndReviews__content {
position: relative;
background-color: #fff;
padding: 20px; }
.RatingsAndReviews__review-button--bottom {
float: right; }
@media screen and (max-width: 767px) {
.RatingsAndReviews__review-button--bottom {
margin-top: 20px; } }
.RatingsAndReviews__list {
min-height: 300px; }
@media screen and (min-width: 768px) {
.RatingsAndReviews__rendering-criteria {
display: flex;
flex-direction: row-reverse;
margin-left: 20px; } }
@media screen and (max-width: 767px) {
.RatingsAndReviews__rendering-criteria {
display: block; } }
.ProductListTechnologyLightbox__link {
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
padding: 0; }
.ProductListTechnologyLightbox {
color: #000;
font-size: 1rem;
letter-spacing: .065em;
background: #eee;
border: 1px solid #d5d5d5;
padding: 5px 10px; }
@media screen and (min-width: 996px) {
.ProductListTechnologyLightbox {
padding: 20px 10px;
margin: 0 10px 20px; } }
.ProductListTechnologyLightbox__link {
color: #986f38;
text-decoration: underline; }
.ProductPush__link, .ProductPush__link-name {
color: inherit;
text-decoration: none; }
.ProductPush {
background-color: #fff;
color: #000;
letter-spacing: 1.6px; }
.ProductPush__image {
margin-bottom: 50px; }
@media screen and (max-width: 767px) {
.ProductPush__image {
margin-bottom: 25px; } }
.ProductPush__image--has-description {
margin-bottom: 20px; }
.ProductPush__link {
display: block;
text-align: center; }
.ProductPush__link-name {
display: block;
flex: 1 0 auto; }
.ProductPush__informations {
display: flex;
justify-content: space-between; }
.ProductPush__information--has-description {
text-align: left;
margin-bottom: 20px;
letter-spacing: .06em; }
.ProductPush__title {
font-weight: 700; }
.ProductPush__name, .ProductPush__title {
padding: 5px 0;
margin-bottom: 5px; }
.ProductPush__name, .ProductPush__price {
text-align: left;
font-weight: 700; }
.ProductPush__name {
line-height: 1rem; }
.ProductPush__price {
display: block;
color: #986f38;
margin-top: 5px; }
.ProductPush__add-to-bag {
margin-top: 5px; }
.ProductPush__RatingsStars {
margin-bottom: 5px; }
.ProductPush__RatingsStars-score {
margin-bottom: 3px;
font-size: .75rem; }
.ProductPush__RatingsStars-glyph {
font-size: .875rem; }
.ProductPush__RatingsStars-transition-enter {
opacity: .01; }
.ProductPush__RatingsStars-transition-enter-active {
opacity: 1;
transition: opacity .3s ease-in; }
.AddToBagPromotionButton {
color: inherit;
text-decoration: none;
font-size: .875rem;
font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
line-height: 1.2em;
letter-spacing: 1px;
position: relative;
display: inline-block;
text-align: center;
border-radius: 3px;
cursor: pointer;
transition: all .3s; }
.AddToBagPromotionButton:disabled {
cursor: not-allowed; }
.AddToBagPromotionButton {
border: 1px solid #3d8705;
background-color: #3d8705;
color: #fff; }
.AddToBagPromotionButton:not(:disabled) {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); }
.AddToBagPromotionButton:hover:not(:disabled) {
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3); }
.AddToBagPromotionButton:disabled {
border: 1px solid #eee;
color: #656565;
background-color: #eee; }
.AddToBagPromotionButton:active:not(:disabled) {
border: 1px solid #326e04;
background-color: #326e04; }
.AddToBagPromotionButton {
padding: .8em 2em;
min-width: auto;
width: 100%; }
.PromotionPush {
background-color: #fff;
color: #000;
letter-spacing: 1.6px; }
.PromotionPush__image {
margin-bottom: 20px; }
.PromotionPush__information {
text-align: left;
margin-bottom: 20px;
letter-spacing: .06em; }
.PromotionPush__title {
padding-bottom: 10px;
font-weight: 700; }
.PushElement__link {
margin-bottom: 20px; }
.PushElement__product {
padding-top: 20px;
width: 230px;
margin: auto;
margin-bottom: 20px;
border-top: 1px solid #eee; }
.ProductDetailsReferenceDisplay__list {
list-style: none;
margin: 0;
padding: 0; }
.ProductDetailsReferenceDisplay__link {
color: inherit;
text-decoration: none; }
.ProductDetailsReferenceDisplay {
background-color: #1b1b1b;
color: #fff;
padding: 20px;
letter-spacing: .1em;
font-weight: 700;
line-height: 19px; }
.ProductDetailsReferenceDisplay__title {
font-size: 1rem;
font-weight: 700;
margin-top: 10px; }
.ProductDetailsReferenceDisplay__list {
display: flex;
flex-wrap: wrap; }
.ProductDetailsReferenceDisplay__element {
width: 16%;
margin-top: 45px;
min-height: 110px; }
@media screen and (max-width: 767px) {
.ProductDetailsReferenceDisplay__element {
width: 33%;
min-width: 100px;
padding: 0 2px; } }
.ProductDetailsReferenceDisplay__link {
display: block;
text-align: center; }
.ProductDetailsReferenceDisplay__image {
width: 60px;
height: 60px;
transition: all .25s ease-out; }
.ProductDetailsReferenceDisplay__image:hover {
width: 70px;
height: 70px; }
.ProductDetailsReferenceDisplay__name {
width: 100px;
text-align: center;
margin: auto;
overflow-wrap: break-word;
word-wrap: break-word; }
.ProductDetailsReferenceOrder__list {
list-style: none;
margin: 0;
padding: 0; }
.ProductDetailsReferenceOrder {
background-color: #fff;
color: #000;
padding: 20px; }
@media screen and (max-width: 767px) {
.ProductDetailsReferenceOrder {
padding: 10px; } }
.ProductDetailsReferenceOrder__title {
font-size: 1rem;
font-weight: 700;
margin-top: 10px;
letter-spacing: 1.6px; }
.ProductDetailsReferenceOrder__list {
display: flex;
flex-wrap: wrap; }
.ProductDetailsReferenceOrder__element {
display: flex;
width: 25%;
margin-top: 45px;
border-right: 1px solid #eee;
padding: 0 10px; }
@media screen and (max-width: 767px) {
.ProductDetailsReferenceOrder__element {
width: 50%;
padding-bottom: 20px; }
.ProductDetailsReferenceOrder__element:nth-child(2) {
border-right: 0; }
.ProductDetailsReferenceOrder__element:nth-child(n+3) {
margin-top: 0;
padding-top: 20px;
border-top: 1px solid #eee; } }
.ProductDetailsReferenceOrder__element:last-child {
border-right: 0; }
.ProductDetailsReferenceOrder__article {
display: flex;
flex-direction: column;
width: 100%; }
button.HeaderNavigationBarLink--button {
outline: none; }
.a11y-mode button.HeaderNavigationBarLink--button:focus {
outline: 3px solid #3a869d;
transition: none; }
button.HeaderNavigationBarLink--button {
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
display: inline-block; }
.HeaderNavigationBarDropdown__list, .HeaderNavigationBarDropdown__medium-links {
list-style: none;
margin: 0;
padding: 0; }
.HeaderNavigationBarDropdown__item-heading {
color: inherit;
text-decoration: none; }
.HeaderNavigationBarDropdown {
overflow: hidden;
background-color: #fff;
position: absolute;
z-index: 2001;
right: 0;
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3); }
@media screen and (min-width: 996px) {
.HeaderNavigationBarDropdown {
top: 100%;
left: 0;
display: flex; } }
@media screen and (max-width: 995px) {
.HeaderNavigationBarDropdown {
top: 0;
left: 50px;
bottom: 0; } }
.HeaderNavigationBarDropdown__slider-transition-enter {
max-height: 0; }
.HeaderNavigationBarDropdown__slider-transition-enter-active {
max-height: 400px;
transition: max-height .2s ease-in; }
@media screen and (min-width: 996px) {
.HeaderNavigationBarDropdown__slider-transition-enter-active {
max-height: 248px; } }
.HeaderNavigationBarDropdown__slider-transition-exit {
max-height: 400px; }
@media screen and (min-width: 996px) {
.HeaderNavigationBarDropdown__slider-transition-exit {
max-height: 248px; } }
.HeaderNavigationBarDropdown__slider-transition-exit-active {
max-height: 0;
transition: max-height .2s ease-in; }
@media screen and (max-width: 995px) {
.HeaderNavigationBarDropdown__list {
padding: 0 10px; } }
@media screen and (min-width: 996px) {
.HeaderNavigationBarDropdown__list {
position: relative;
flex: 1;
margin: 10px; } }
.HeaderNavigationBarDropdown__item {
color: #2e2e2e; }
.HeaderNavigationBarDropdown__item-heading {
font-size: .875rem; }
.HeaderNavigationBarDropdown__item--small .HeaderNavigationBarDropdown__item-media {
vertical-align: middle;
margin-right: 10px; }
.HeaderNavigationBarDropdown__medium-links-item {
font-size: .875rem;
font-weight: 700; }
.HeaderNavigationBarDropdown__medium-link {
cursor: pointer;
text-decoration: none;
display: block; }
@media screen and (max-width: 995px) {
.HeaderNavigationBarDropdown__item, .HeaderNavigationBarDropdown__medium-links-item {
border-top: 1px solid #d5d5d5; }
.HeaderNavigationBarDropdown__item {
display: flex; }
.HeaderNavigationBarDropdown__item .HeaderNavigationBarDropdown__item-media {
display: none; }
.HeaderNavigationBarDropdown__item:first-child {
border-top: none; }
.HeaderNavigationBarDropdown__item:last-child {
border-bottom: 1px solid #d5d5d5; }
.HeaderNavigationBarDropdown__item-heading {
padding: 20px 0 10px;
flex: 1;
font-weight: 700; }
.HeaderNavigationBarDropdown__item--medium-links {
width: 100%;
display: inline-block; }
.HeaderNavigationBarDropdown__item--medium-links .HeaderNavigationBarDropdown__item-heading {
display: block; }
.HeaderNavigationBarDropdown__medium-links-item {
width: 100%;
display: inline-block; }
.HeaderNavigationBarDropdown__medium-link {
padding: 14px 0; }
.HeaderNavigationBarDropdown__item-media {
display: none; } }
@media screen and (min-width: 996px) {
.HeaderNavigationBarDropdown__item {
position: relative;
height: 228px;
width: 33.33%;
float: left; }
.HeaderNavigationBarDropdown__item:after {
content: "";
position: absolute;
top: 0;
width: 0;
height: 100%;
right: 0;
border-right: 1px solid #d5d5d5; }
.HeaderNavigationBarDropdown__item-heading {
display: block; }
.HeaderNavigationBarDropdown__item--small {
height: 114px;
padding: 10px 20px;
display: block;
justify-content: center; }
.HeaderNavigationBarDropdown__item--small .HeaderNavigationBarDropdown__item-media {
display: table-cell;
vertical-align: middle;
padding-right: 10px; }
.HeaderNavigationBarDropdown__item--small .HeaderNavigationBarDropdown__item-heading {
display: table;
height: 100%; }
.HeaderNavigationBarDropdown__item--small .HeaderNavigationBarDropdown__item-title {
display: table-cell;
vertical-align: middle; }
.HeaderNavigationBarDropdown__item--small-odd:before {
content: "";
position: absolute;
height: 0;
bottom: 0;
left: 20px;
right: 21px;
border-bottom: 1px solid #d5d5d5; }
.HeaderNavigationBarDropdown__item--small-odd + .HeaderNavigationBarDropdown__item--small {
position: relative;
top: 114px;
margin-left: -33.33%; }
.HeaderNavigationBarDropdown__item--medium, .HeaderNavigationBarDropdown__item--medium-links {
padding: 10px;
text-align: center; }
.HeaderNavigationBarDropdown__item--medium-links:first-child, .HeaderNavigationBarDropdown__item--medium:first-child {
padding-left: 0; }
.HeaderNavigationBarDropdown__item--medium-links .HeaderNavigationBarDropdown__item-title, .HeaderNavigationBarDropdown__item--medium .HeaderNavigationBarDropdown__item-title {
display: block;
margin-bottom: 10px; }
.HeaderNavigationBarDropdown__item--medium-links .HeaderNavigationBarDropdown__item-heading, .HeaderNavigationBarDropdown__item--medium .HeaderNavigationBarDropdown__item-heading {
font-size: 1rem; }
.HeaderNavigationBarDropdown__item--medium .HeaderNavigationBarDropdown__item-media {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
line-height: 248px; }
.HeaderNavigationBarDropdown__item--medium .HeaderNavigationBarDropdown__item-media-image {
vertical-align: middle; }
.HeaderNavigationBarDropdown__medium-link {
padding: 4px 0; }
.HeaderNavigationBarDropdown__medium-links-item:hover {
background: #b8b8b8; }
.HeaderNavigationBarDropdown__item--big {
width: 66.66%;
padding: 20px 0;
text-align: center; }
.HeaderNavigationBarDropdown__item--big .HeaderNavigationBarDropdown__item-title {
display: block;
margin-top: 10px; }
.HeaderNavigationBarDropdown__item--big .HeaderNavigationBarDropdown__item-heading {
font-size: 1rem; } }
@media screen and (max-width: 995px) {
.HeaderNavigationBarDropdown__push-banner {
display: none; } }
@media screen and (min-width: 996px) {
.HeaderNavigationBarDropdown__push-banner {
margin: 10px 10px 10px 0; } }
@media screen and (min-width: 996px) {
.HeaderNavigationBarDropdown__push-banner .Banner__link {
display: block; } }
.ProductDetailsSliderBubble {
top: -60px;
position: absolute;
transform: translateX(-50%);
left: 50%;
transition: opacity .3s ease-in,top .3s ease-in; }
.ProductDetailsSliderBubble:before {
display: block;
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%);
border-top: 6px solid #d5d5d5;
border-left: 6px solid transparent;
border-right: 6px solid transparent; }
.ProductDetailsSliderBubble-enter {
opacity: 0;
top: -50px; }
.ProductDetailsSliderBubble-enter.ProductDetailsSliderBubble-enter-active, .ProductDetailsSliderBubble-exit {
opacity: 1;
top: -60px; }
.ProductDetailsSliderBubble-exit.ProductDetailsSliderBubble-exit-active {
opacity: 0;
top: -50px; }
.ProductDetailsSliderBubble__container {
width: 64px;
height: 48px;
overflow: hidden;
border-radius: 10px;
border: 1px solid #d5d5d5;
background: #fff 50%; }
.ProductDetailsSliderBullet__label--focused {
outline: none; }
.a11y-mode .ProductDetailsSliderBullet__label--focused {
outline: 3px solid #3a869d; }
.ProductDetailsSliderBullet {
float: left;
position: relative; }
.ProductDetailsSliderBullet__label {
cursor: pointer;
display: block;
margin: 0 5px;
width: 10px;
height: 10px;
background-color: #fff;
border: 1px solid #000;
border-radius: 100%; }
.ProductDetailsSliderBullet__label--selected {
background-color: #000;
border-color: #fff; }
.ProductDetailsSliderThumbnail--focused {
outline: none; }
.a11y-mode .ProductDetailsSliderThumbnail--focused {
outline: 3px solid #3a869d; }
.ProductDetailsSliderThumbnail {
position: relative;
display: inline-block;
vertical-align: top;
width: 72px;
height: 72px;
margin: 2px 14px;
overflow: hidden;
border: 1px solid #ccc;
background-color: #fff; }
@media screen and (max-width: 767px) {
.ProductDetailsSliderThumbnail {
width: 48px;
height: 48px; } }
.ProductDetailsSliderThumbnail__label {
width: 70px;
height: 70px;
display: block;
cursor: pointer;
background-color: #fff; }
@media screen and (max-width: 767px) {
.ProductDetailsSliderThumbnail__label {
width: 46px;
height: 46px; } }
.ProductDetailsSliderThumbnail__image {
position: absolute;
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.ProductDetailsSliderThumbnail--selected {
border: 1px solid #000; }
.ProductDetailsSliderControls__wrapper {
border: none;
padding: 0;
margin: 0; }
.ProductDetailsSliderControls:after {
content: "";
display: table;
clear: both; }
.ProductDetailsSliderControls {
position: absolute;
bottom: 30px;
transform: translateX(-50%);
z-index: 1000; }
@media screen and (min-width: 768px) {
.ProductDetailsSliderControls {
left: 31%; } }
@media screen and (max-width: 767px) {
.ProductDetailsSliderControls {
bottom: 20px;
left: 50%; } }
.ProductDetailsSliderControls__full-screen-mode {
width: 100%;
z-index: 2000;
bottom: 40px;
text-align: center; }
@media screen and (min-width: 768px) {
.ProductDetailsSliderControls__full-screen-mode {
left: 50%; } }
.ProductDetailsSliderControls__wrapper-transition-appear {
opacity: 0;
bottom: 0; }
.ProductDetailsSliderControls__wrapper-transition-appear-active {
transition: all .4s ease-in-out 1s;
opacity: 1;
bottom: 30px; }
@media screen and (max-width: 767px) {
.ProductDetailsSliderControls__wrapper-transition-appear-active {
bottom: 20px; } }
.ProductDetailsSliderControls__wrapper-transition-appear-active.ProductDetailsSliderControls__full-screen-mode {
bottom: 40px; }
.ProductDetailsImageSliderOpenButton {
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
padding: 0; }
.ProductDetailsImageSliderOpenButton--hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.ProductDetailsImageSliderOpenButton {
height: 2.5rem;
width: 2.5rem;
border-radius: 100%;
background: #fff; }
.ProductDetailsImageSliderOpenButton__glyph {
font-size: 1.25rem; }
.ProductDetailsImageSlider__full-screen-close-icon {
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
padding: 0; }
.ProductDetailsImageSlider {
position: relative; }
@media screen and (min-width: 996px) {
.ProductDetailsImageSlider {
height: 608px; } }
.ProductDetailsImageSlider__wrapper--full-screen {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
z-index: 1000;
overflow: hidden;
background-color: #fff; }
.ProductDetailsImageSlider__wrapper--full-screen .ProductDetailsImageSlider {
position: static; }
.ProductDetailsImageSlider__wrapper--full-screen .ProductDetailsImage-wrapper--not-current {
display: none !important; }
.ProductDetailsImageSlider__wrapper--full-screen .ProductDetailsImage-wrapper {
position: absolute;
top: 80px;
bottom: 0;
right: 0;
height: 100%;
min-width: 100%;
min-height: 100%;
display: block;
z-index: 1000; }
@media screen and (max-width: 995px) {
.ProductDetailsImageSlider__wrapper--full-screen .ProductDetailsImage-wrapper {
top: 50px; } }
.ProductDetailsImageSlider__full-screen-close-icon {
position: absolute;
top: 100px;
right: 20px;
z-index: 1001;
background: #656565;
width: 40px;
height: 40px;
border-radius: 100%;
cursor: pointer; }
@media screen and (max-width: 995px) {
.ProductDetailsImageSlider__full-screen-close-icon {
top: 70px; } }
@media screen and (max-width: 767px) {
.ProductDetailsImageSlider__full-screen-close-icon {
left: 50%;
margin-left: -20px; } }
.ProductDetailsImageSlider__full-screen-close-icon-glyph {
color: #fff;
top: 14px;
position: absolute;
left: 14px; }
.ProductDetailsImageSlider__full-screen-close-transition-enter {
opacity: 0; }
.ProductDetailsImageSlider__full-screen-close-transition-enter-active {
opacity: 1;
transition: all .4s ease-in-out 1s; }
.ProductDetailsImageSlider__open-button {
position: absolute; }
@media screen and (min-width: 768px) {
.ProductDetailsImageSlider__open-button {
left: calc(60% - 50px);
bottom: 30px; } }
@media screen and (max-width: 767px) {
.ProductDetailsImageSlider__open-button {
right: 10px;
bottom: 15px; } }
.NpmLightbox__subtitle {
line-height: 1.3em;
letter-spacing: .08em;
font-size: .875rem; }
.NpmLightbox__title {
font-size: 1.5625rem;
line-height: 1em; }
.NpmLightbox__products {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 30px 0; }
.NpmLightbox__product {
margin: 15px;
position: relative; }
@media screen and (max-width: 767px) {
.NpmLightbox__product {
width: calc(100% - 30px); } }
@media screen and (min-width: 768px) and (max-width: 995px) {
.NpmLightbox__product {
width: calc(50% - 30px); } }
@media screen and (min-width: 996px) {
.NpmLightbox__product {
width: calc(25% - 30px); } }
.NpmLightbox__product-image {
margin-bottom: 20px; }
.NpmLightbox__product-name {
color: #000;
font-weight: 700;
margin-bottom: 15px;
letter-spacing: .08em;
font-size: .875rem; }
.NpmLightbox__product-description {
margin-bottom: 75px;
letter-spacing: .08em;
line-height: 1.4em;
text-align: left;
font-size: .6875rem; }
.NpmLightbox__product-button {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
line-height: 1.35em;
padding: 10px; }
.AccountMenu__section-list {
list-style: none;
margin: 0;
padding: 0; }
.AccountMenu {
border-bottom: 1px solid #ccc; }
.AccountMenu__sections {
display: block;
border-top: 1px solid #ccc;
padding: 10px 10px 10px 0;
font-weight: 700;
color: #000;
text-decoration: none; }
.LoggedInPanel__logout-button {
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
padding: 0; }
.LoggedInPanel__title {
font-size: .875rem;
font-weight: 700;
text-align: center;
margin: 5px 0 15px; }
.LoggedInPanel__logout-button {
font-size: .75rem;
text-decoration: underline;
color: #986f38; }
.LoggedInPanel__logout-button:active:enabled, .LoggedInPanel__logout-button:hover:enabled {
background-color: transparent;
color: #986f38; }
.LoggedInPanel__logout-button {
text-align: left;
margin-top: 10px; }
.LoginDropdownButton {
color: inherit;
text-decoration: none;
outline: none; }
.a11y-mode .LoginDropdownButton:focus {
outline: 3px solid #3a869d;
transition: none; }
.LoginDropdownButton {
font-size: .875rem;
font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
line-height: 1.2em;
letter-spacing: 1px;
position: relative;
display: inline-block;
text-align: center;
border-radius: 3px;
cursor: pointer;
transition: all .3s; }
.LoginDropdownButton:disabled {
cursor: not-allowed; }
.LoginDropdownButton__icon {
position: absolute; }
@media screen and (min-width: 996px) {
.LoginDropdownButton__icon {
font-size: 1.5em;
top: 7px;
left: 10px; } }
@media screen and (max-width: 995px) {
.LoginDropdownButton__icon {
top: 7px;
left: 9px;
font-size: 2.4em; } }
@media screen and (min-width: 996px) {
.LoginDropdownButton:hover {
border: 1px solid #fff;
background-color: #fff;
color: #000; } }
@media screen and (min-width: 996px) {
.LoginDropdownButton {
padding: .76em .76em .76em 2.76em;
border: 1px solid #fff;
background-color: #000;
color: #fff; } }
@media screen and (max-width: 995px) {
.LoginDropdownButton {
border-radius: 0;
height: 50px;
width: 50px;
border: 1px solid transparent;
background-color: transparent;
color: #fff; } }
@media screen and (min-width: 996px) {
.LoginDropdownButton {
min-width: 230px; } }
.LoginDropdownButton--open {
border: 1px solid #fff;
background-color: #fff;
color: #000;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
@media screen and (max-width: 995px) {
.LoginDropdownButton__icon--open {
top: 17px;
left: 17px;
font-size: 1em; } }
.LoginForm__submit {
width: 100%;
display: block; }
.LoginForm__remember-me {
margin: 1em 0; }
.LoginForm__remember-me-label {
margin-left: 0;
letter-spacing: .08em;
font-size: .75rem; }
.LoginDropdown {
position: relative;
display: inline-block;
z-index: 2001; }
@media screen and (max-width: 767px) {
.LoginDropdown {
height: 100%; } }
.LoginDropdown__dropdown {
display: block;
padding: 14px;
width: 100%;
position: absolute;
background-color: #fff;
color: #000;
z-index: 2000;
min-width: 230px; }
@media screen and (max-width: 995px) {
.LoginDropdown__dropdown {
top: 50px;
right: -50px;
width: 260px;
overflow: auto;
max-height: calc(100vh - 50px - 75px); } }
.LoginDropdown__transition-enter {
max-height: 0;
opacity: 0; }
.LoginDropdown__transition-enter-active {
max-height: 2000px;
opacity: 1;
transition: all .4s; }
.LoginDropdown__transition-exit {
max-height: 2000px;
opacity: 1; }
.LoginDropdown__transition-exit-active {
opacity: 0;
max-height: 0;
transition: all .2s; }
.LoginDropdown__title {
font-size: .875rem;
font-weight: 700;
text-transform: uppercase; }
.LoginDropdown__description {
margin: 10px 0 20px; }
.LoginDropdown__register-link {
display: block;
width: 100%;
text-align: center; }
.LoginDropdown__register-description {
margin: 10px 0 20px;
text-align: center; }
.LoginDropdown__reorder-title {
font-size: .875rem;
margin: 10px 0;
text-align: center;
font-weight: 700;
font-style: italic; }
.LoginDropdown__spacer--horizontal {
margin: 20px 0;
border: none;
border-bottom: 1px solid #eee; }
.LoginDropdown__account-link {
text-align: center;
margin: 5px 0 15px; }
.element-visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.crema-ui-container a:not(.AccessibleLink) {
outline: none; }
.a11y-mode .crema-ui-container a:focus:not(.AccessibleLink), .crema-ui-container .a11y-mode a:focus:not(.AccessibleLink) {
outline: 3px solid #3a869d;
transition: none; }
.crema-ui-container select {
border: 1px solid #d5d5d5;
border-radius: 3px;
width: 100%;
height: 47px;
background-color: #fff;
color: #000;
font-size: 1rem; }
.crema-ui-container select:focus {
border-color: #000;
color: #000; }
.a11y-mode .crema-ui-container select:focus, .crema-ui-container .a11y-mode select:focus {
border-color: transparent;
outline: 3px solid #3a869d; }
.crema-ui-container select {
display: block;
padding: 10px 30px 10px 6px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
background-size: 18px;
background-position: center right 10px;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10L407 759q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z'/%3E%3C/svg%3E");
text-overflow: ellipsis; }
.crema-ui-container select::-ms-expand {
display: none; }
.crema-ui-container select:focus:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000; }
.ResponsiveContainer {
font-size: .75rem;
max-width: 996px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px; }
@media screen and (max-width: 995px) {
.ResponsiveContainer {
max-width: 768px;
margin-bottom: 0; } }
.ResponsiveContainer--collated {
margin-bottom: 0; }
.crema-ui-container * {
box-sizing: border-box; }
.crema-ui-container input[type=radio] {
margin-top: 0; }
.crema-ui-container button, .crema-ui-container input[type=button], .crema-ui-container input[type=reset], .crema-ui-container input[type=submit] {
cursor: pointer;
-webkit-appearance: button; }
.add-to-bag {
display: inline-block; }
@media (min-width: 996px) {
.HeaderNavigationBarItem__element {
padding: 18px 10px 7px !important; } }
/*# sourceMappingURL=main.css.map */