html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

* {
    padding: 0;
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template,
.hidden {
    display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}

.fade-in {
    opacity:1;
    animation: fadeInOpacity 2s ease-in;
    -webkit-animation: fadeInOpacity 2s ease-in;
}

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fade-out {
    opacity:0;
    animation: fadeOutOpacity 2s ease-out;
    -webkit-animation: fadeOutOpacity 2s ease-out;
}

@keyframes fadeOutOpacity {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*------------------------------------*\
		Global variables
\*------------------------------------*/
/* Alias: */
/*------------------------------------*\
		Global settings
\*------------------------------------*/
::-moz-selection {
    background: #4e4848;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #4e4848;
    color: #fff;
    text-shadow: none;
}

*, *:after, *:before {
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
    font-size: 100%;
    height: 100%;
    margin: auto;
    width: 100%;
}

body {
    font-size: 13px;
    font-family: "Roboto", sans-serif;
    /* height: 100%; */
    color: #909090;
    overflow-y: auto;
}

body.isOSX {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-osx-font-smoothing: antialiased;
}

p {
    line-height: 1.4em;
}

img {
    max-width: 100%;
}

img.full-width {
    margin: 0 -5%;
    max-width: none;
    display: block;
    width: 110%;
}

a {
    color: #4e4848;
    text-decoration: none;
    outline: none !important;
}

hr {
    border: none;
    background: #CCC;
    height: 1px;
}

/*------------------------------------*\
		Typography
\*------------------------------------*/
h2 {
    font-size: 1.3em;
    margin: 0.5em 0;
    font-family: "Times New Roman", Times, serif;
    line-height: 1.5em;
}

/*------------------------------------*\
		Vendor styles
\*------------------------------------*/
/***** SLIDER SLICK ******/
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

/*------------------------------------*\
		Media queries
\*------------------------------------*/
/*------------------------------------*\
		Easing
\*------------------------------------*/
/*------------------------------------*\
		Functions
\*------------------------------------*/
/*------------------------------------*\
		Triangles (IE8 compatible!)
\*------------------------------------*/
/*------------------------------------*\
		Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
		Miscellaneous
\*------------------------------------*/
/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* BACKGROUND GRADIENT */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BACKGROUND COLOR OPACITY */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRANSITION */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* ANIMATION */
/*------------------------------------*\
		Fontface declaration
\*------------------------------------*/
@font-face {
    font-family: 'fontello';
    src: url("../fonts/fontello.eot?9390293");
    src: url("../fonts/fontello.eot?9390293#iefix") format("embedded-opentype"), url("../fonts/fontello.woff?9390293") format("woff"), url("../fonts/fontello.ttf?9390293") format("truetype"), url("../fonts/fontello.svg?9390293#fontello") format("svg");
    font-weight: normal;
    font-style: normal;
}

/*------------------------------------*\
		Margins
\*------------------------------------*/
/*------------------------------------*\
		Paddings
\*------------------------------------*/
/*------------------------------------*\
		Display
\*------------------------------------*/
.none {
    display: none;
}

.table, .row:after, .row:before {
    display: table;
}

.cell {
    display: table-cell;
}

.inlbl {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

/*------------------------------------*\
		Positions
\*------------------------------------*/
.left, .col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.right {
    float: right;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}

/*------------------------------------*\
		Miscellaneous
\*------------------------------------*/
.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}

.table {
    display: table;
    width: 100%;
    height: 100%;
}

.cell {
    display: table-cell;
    height: 100%;
}

.cell.middle {
    vertical-align: middle;
}

/***** ICON PLUS ****/
.product-bundle .icon-plus2, .products-associated .icon-plus2 {
    border: 1px solid #909090;
    height: 35px;
    width: 35px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.product-bundle .icon-plus2:after, .products-associated .icon-plus2:after, .product-bundle .icon-plus2:before, .products-associated .icon-plus2:before {
    background: #909090;
}

.product-bundle .icon-plus2:before, .products-associated .icon-plus2:before {
    width: 13px;
    left: 10px;
}

.product-bundle .icon-plus2:after, .products-associated .icon-plus2:after {
    height: 13px;
    top: 10px;
}

.flex-center {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

/*------------------------------------*\
		Buttons
\*------------------------------------*/
.btn {
    font-size: 18px;
    line-height: 1.3em;
    border: 1px solid;
    background: none;
    color: #4e4848;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    padding: 7px 25px;
    white-space: nowrap;
    margin: 10px 0;
    font-family: "Times New Roman", Times, serif;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.4s ease;
    -khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.upper,
.btn.upper {
    text-transform: uppercase;
}

.btn:hover {
    background: #4e4848;
    color: #FFF;
}

.btn.grey {
    background: #4e4848;
    border-color: #4e4848;
    color: white;
}

.btn.grey:hover, .product-item .product-action.static a.grey:hover {
    /*background: white;
  color: #4e4848;*/
    background: #CCC;
    border-color: #CCC;
    color: #4e4848;
}

.btn.gold {
    background: #b28200;
    color: white !important;
    border-color: #b28200;
}

.btn.big {
    padding: 10px 25px;
    text-transform: uppercase;
}

.btn.btn-fb {
    background: #4f6aa3;
    color: #FFF;
    font-family: "Roboto", sans-serif;
    text-transform: none;
    font-weight: bold;
    padding-left: 70px;
    border-color: #1a356e;
    text-align: left;
    position: relative;
}

.btn.btn-fb [class^='icon-'] {
    width: 45px;
    text-align: center;
    position: absolute;
    line-height: 44px;
    top: 0;
    left: 0;
    bottom: 0;
    border-right: 1px solid #1a356e;
}

.btn.btn-fb:hover {
    background: #1a356e;
}

/*------------------------------------*\
		Form
\*------------------------------------*/
textarea,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="password"],
input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    border: none;
    font-size: 18px;
    font-family: "Times New Roman", Times, serif;
    color: #4e4848;
    line-height: 1.4em;
    margin: 5px 0;
    border: 1px solid #666666;
    padding: 8px 10px;
}

textarea.form-text-min,
input[type="text"].form-text-min,
input[type="email"].form-text-min,
input[type="number"].form-text-min,
input[type="tel"].form-text-min,
input[type="password"].form-text-min,
input[type="button"].form-text-min,
input[type="submit"].form-text-min {
    border-top: none;
    border-left: none;
    border-right: none;
    padding-left: 0;
    padding-right: 0;
    line-height: 1.4em;
}

textarea:disabled, textarea[disabled],
input[type="text"]:disabled,
input[type="text"][disabled],
input[type="email"]:disabled,
input[type="email"][disabled],
input[type="number"]:disabled,
input[type="number"][disabled],
input[type="tel"]:disabled,
input[type="tel"][disabled],
input[type="password"]:disabled,
input[type="password"][disabled],
input[type="button"]:disabled,
input[type="button"][disabled],
input[type="submit"]:disabled,
input[type="submit"][disabled] {
    color: #909090;
    background: none;
    -webkit-text-fill-color: #909090;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

::-webkit-input-placeholder {
    color: #4e4848;
}

::-moz-placeholder {
    color: #4e4848;
}

/* firefox 19+ */
:-ms-input-placeholder {
    color: #4e4848;
}

/* ie */
input:-moz-placeholder {
    color: #4e4848;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #4e4848;
    font-family: "Times New Roman", Times, serif;
    padding: 0 12px;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    background: none;
    font-size: 18px;
    width: 100%;
    padding-right: 20px;
    border: 1px solid #666666;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

label {
    font-family: "Times New Roman", Times, serif;
    font-size: 17px;
    color: #666666;
    display: block;
    line-height: 1.4em;
    padding: 5px 0;
}

.custom-checkbox input[type="checkbox"] {
    z-index: -9999;
    position: absolute;
    opacity: 0;
    display: none;
    -webkit-appearance: none;
}

.custom-checkbox label {
    position: relative;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    padding-left: 23px;
}

.custom-checkbox label:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "";
    border: 1px solid #ababab;
    left: 0;
    position: absolute;
    top: 1em;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.custom-checkbox label:before {
    display: block;
    content: "";
    background: #666666;
    position: absolute;
    margin: 0 2px;
    left: 0;
    width: 10px;
    height: 10px;
    top: 1em;
    -webkit-transform: translateY(-50%) scale(0);
    -khtml-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: all 0.4s ease;
    -khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.custom-checkbox input[type=checkbox]:checked + label:before {
    -webkit-transform: translateY(-50%) scale(1);
    -khtml-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}

.custom-radio {
    font-family: "Times New Roman", Times, serif;
}

.custom-radio input[type="radio"] {
    z-index: -9999;
    position: absolute;
    opacity: 0;
    -webkit-appearance: none;
}

.custom-radio label {
    position: relative;
    padding-left: 25px;
}

.custom-radio label:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "";
    border: 1px solid #ababab;
    left: 0;
    position: absolute;
    top: 0.9em;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.custom-radio label:before {
    display: block;
    content: "";
    background: #666666;
    position: absolute;
    margin: 0 2px;
    width: 10px;
    height: 10px;
    left: 0;
    top: 0.9em;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%) scale(0);
    -khtml-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: all 0.4s ease;
    -khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.custom-radio input[type=radio]:checked + label:before {
    -webkit-transform: translateY(-50%) scale(1);
    -khtml-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}

.checkbox-remember label {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    padding-right: 25px;
    padding-left: 0;
    font-size: 16px;
    color: #666;
}

.checkbox-remember label:after, .checkbox-remember label:before {
    right: 0;
    left: auto;
}

.custom-select {
    position: relative;
}

.custom-select:after {
    content: "";
    margin-top: -3px;
    position: absolute;
    top: 50%;
    right: 18px;
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #4e4848 transparent transparent transparent;
}

.form-lg {
    width: 100%;
}

.form-dob {
    display: inline-block;
    width: 32%;
    padding-right: 10px;
    float: left;
}

.form-dob.right,
.form-dob:last-of-type {
    padding-right: 0;
    float: right;
}

.form-item {
    margin: 10px 0;
}

.form-item .field-title {
    text-transform: uppercase;
    display: inline-block;
    color: #666666;
    font-weight: 500;
    line-height: 2em;
    padding-top: 10px;
}

.form-item.hidden-field {
    overflow: hidden;
    visibility: hidden;
    height: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -khtml-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    -khtml-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

.form-item.hidden-field.show {
    height: auto;
    visibility: visible;
    -webkit-transform: scaleY(1);
    -khtml-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

/*------------------------------------*\
		Icons
\*------------------------------------*/
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-twitter:before {
    content: '\e800';
}

/* '' */
.icon-instagram:before {
    content: '\e801';
}

/* '' */
.icon-sample2:before {
    content: '\e802';
}

/* '' */
.icon-youtube:before {
    content: '\e803';
}

/* '' */
.icon-refresh:before {
    content: '\e804';
}

/* '' */
.icon-plus:before {
    content: '\e805';
}

/* '' */
.icon-bubble:before {
    content: '\e806';
}

/* '' */
.icon-people:before {
    content: '\e807';
}

/* '' */
.icon-cart:before {
    content: '\e808';
}

/* '' */
.icon-mail:before {
    content: '\e809';
}

/* '' */
.icon-check:before {
    content: '\e80a';
}

/* '' */
.icon-gift:before {
    content: '\e80b';
}

/* '' */
.icon-cadenas:before {
    content: '\e80c';
}

/* '' */
.icon-fleur-fil:before {
    content: '\e80d';
}

/* '' */
.icon-livraison:before {
    content: '\e80e';
}

/* '' */
.icon-s-bubble:before {
    content: '\e80f';
}

/* '' */
.icon-s-more:before {
    content: '\e810';
}

/* '' */
.icon-faq:before {
    content: '\e811';
}

/* '' */
.icon-contact:before {
    content: '\e812';
}

/* '' */
.icon-soin:before,
.icon-config-echantillons-catalog-le-soin:before {
    content: '\e813';
}

/* '' */
.icon-parfum:before,
.icon-config-echantillons-catalog-le-parfum:before {
    content: '\e814';
}

/* '' */
.icon-makup:before,
.icon-maquillage:before,
.icon-config-echantillons-catalog-le-maquillage:before {
    content: '\e815';
}

/* '' */
.icon-cross:before {
    content: '\e816';
}

/* '' */
.icon-loupe:before {
    content: '\e817';
}

/* '' */
.icon-pinterest:before {
    content: '\e818';
}

/* '' */
.icon-marker:before {
    content: '\e819';
}

/* '' */
.icon-s:before {
    content: '\e81a';
}

/* '' */
.icon-arrow-left:before {
    content: '\e81b';
}

/* '' */
.icon-hearth:before {
    content: '\e81c';
}

/* '' */
.icon-arrow-right:before {
    content: '\e81d';
}

/* '' */
.icon-fleur:before, .icon-sisley:before {
    content: '\e81e';
}

/* '' */
.icon-db-bubble:before {
    content: '\e81f';
}

/* '' */
.icon-hearth-plus:before {
    content: '\e820';
}

/* '' */
.icon-my-products:before {
    content: '\e821';
}

/* '' */
.icon-sample:before {
    content: '\e822';
}

/* '' */
.icon-arrow-down:before {
    content: '\e823';
}

/* '' */
.icon-tel:before {
    content: '\e824';
}

/* '' */
.icon-video:before {
    content: '\e825';
}

/* '' */
.icon-share:before {
    content: '\e826';
}

/* '' */
.icon-people-info:before {
    content: '\e827';
}

/* '' */
.icon-check2:before {
    content: '\e828';
}

/* '' */
.icon-home:before,
.icon-home2:before,
.icon-config-echantillons-catalog:before  {
    content: '\e829';
}

/* '' */
.icon-order:before {
    content: '\e82a';
}

/* '' */
.icon-star:before {
    content: '\e82b';
}

/* '' */
.icon-marker-s:before {
    content: '\e82c';
}

/* '' */
.icon-info-perso:before {
    content: '\e82d';
}

/* '' */
.icon-balance:before {
    content: '\e82e';
}

/* '' */
.icon-mentions-legales:before {
    content: '\e82f';
}

/* '' */
.icon-sitemap:before {
    content: '\e830';
}

/* '' */
.icon-facebook:before {
    content: '\e831';
}

/* '' */
.icon-brush:before {
    content: '\e832';
}

.icon-eye:before {
    content: '\e833';
}

.icon-lipstick:before {
    content: '\e834';
}

/* 'î °' */
.icon-plus2 {
    position: relative;
    width: 15px;
    height: 15px;
    display: inline-block;
}

.icon-plus2:before {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    top: 50%;
    left: 0;
    margin: 0;
    position: absolute;
    background: #FFF;
    margin-top: -0.5px;
}

.icon-plus2:after {
    content: '';
    width: 1px;
    height: 100%;
    display: block;
    left: 50%;
    top: 0;
    position: absolute;
    background: #FFF;
    margin-left: -0.5px;
}

.icon-s-more {
    background: #4e4848;
}

.icon-s-more:before {
    width: auto;
}

.badge {
    display: inline-block;
    line-height: 13px;
    font-size: 9px;
    padding: 0 4px;
    font-family: "Roboto", sans-serif;
    color: white;
    background: #4e4848;
    white-space: nowrap;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.notification {
    top: 0;
    left: 65%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    position: absolute;
    display: block;
    background: #e2001a;
    font-size: 12px;
    color: #FFF;
    font-weight: 700;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.notification.small {
    width: 13px;
    height: 13px;
    font-size: 7px;
    line-height: 1em;
    padding: 3px 0;
    right: -3px;
    top: -4px;
    font-style: normal;
}

/*------------------------------------*\
		Navigation
\*------------------------------------*/
.main-nav {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    font-size: 13px;
    width: 207px;
    background: #FFF;
    z-index: 2000;
    -webkit-transform: translate3d(-100%, 0, 0);
    -khtml-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -khtml-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.main-nav .close-trigger {
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    pointer-events: none;
    position: fixed;
    left: 100%;
    top: 0;
    background: #FFF;
    color: #4e4848;
    border-left: 1px solid #E6E6E6;
    -webkit-transform: translateX(-100%);
    -khtml-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.4s ease;
    -khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.main-nav.open .close-trigger {
    -webkit-transform: translateX(0);
    -khtml-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 0.1s;
    -khtml-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.main-nav > .mp-level > .menu-header {
    background: #FFF;
}

.main-nav .mp-level {
    position: absolute;
    top: 0;
    bottom: 0;
    /*padding-top: 50px;*/
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #FFF;
    visibility: hidden;
    -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -khtml-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translate3d(-100%, 0, 0);
    -khtml-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.main-nav .mp-level.mp-level-open {
    overflow-y: auto;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -khtml-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.main-nav .mp-level.mp-level-open::-webkit-scrollbar {
    display: none;
}

.main-nav .mp-level.mp-level-overlay {
    overflow-y: initial;
}

.main-nav .mp-level.mp-level-overlay:after {
    visibility: visible;
    -webkit-transition-delay: 0s;
    -khtml-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.main-nav .mp-level.mp-level-overlay:before {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.main-nav .mp-level.mp-level-overlay > .menu-header .close-trigger {
    -webkit-transition-delay: 0s;
    -khtml-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    visibility: hidden;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}

.main-nav .mp-level.mp-level-overlay .mp-level-open {
    -webkit-transform: translate3d(-35px, 0, 0);
    -khtml-transform: translate3d(-35px, 0, 0);
    -moz-transform: translate3d(-35px, 0, 0);
    -ms-transform: translate3d(-35px, 0, 0);
    -o-transform: translate3d(-35px, 0, 0);
    transform: translate3d(-35px, 0, 0);
}

.main-nav .mp-level.mp-level-overlay .mp-level-open:after {
    background: #e6e6e6;
}

.main-nav .mp-level.mp-level-overlay .mp-level-open .mp-level:after {
    background: #f8f8f8;
}

.main-nav .mp-level:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    content: '';
    background: #CCC;
    width: 100%;
    height: 100%;
    visibility: hidden;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s;
    -khtml-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s;
    -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s;
    -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s;
    -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s;
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s;
}

.main-nav .mp-level:before {
    position: absolute;
    right: 0;
    height: 35px;
    line-height: 35px;
    margin-right: 35px;
    width: auto;
    padding: 0;
    z-index: 10;
    top: 15px;
    content: attr(data-title);
    font-size: 12px;
    color: #4e4848;
    text-transform: uppercase;
    -webkit-transform-origin: top right;
    -khtml-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -khtml-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -khtml-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.main-nav .menu-header {
    width: 100%;
    min-height: 42px;
    line-height: 20px;
    padding: 11px 20px 11px 35px;
    color: #4e4848;
    text-transform: uppercase;
    background: #f7f7f7;
    -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -khtml-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.main-nav .menu-header .close-trigger {
    float: right;
    font-size: 15px;
    color: #4e4848;
    position: relative;
    z-index: 15;
    -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s;
    -khtml-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s;
    -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s;
    -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s;
    -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s;
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s;
}

.main-nav .back-trigger {
    display: block;
    height: 42px;
    line-height: 42px;
    padding-left: 35px;
    padding-right: 20px;
    text-decoration: none;
    color: #909090;
    position: relative;
    /* background: #f7f7f7; */
    text-transform: uppercase;
}

.main-nav .back-trigger:before {
    position: absolute;
    top: 0%;
    color: #acacac;
    font-size: 13px;
    left: 0;
    text-align: center;
    width: 30px;
    height: 42px;
    line-height: 42px;
}

.main-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #e6e6e6;
}

.main-nav ul li {
    height: 42px;
    position: static;
    border-top: 1px solid #e6e6e6;
}

.main-nav ul li.highlight {
    background: #f7f7f7;
}

.main-nav ul li.gold a {
    color: #b28200;
}

.main-nav ul li.gold a:before {
    color: #b28200;
}

.main-nav ul li > a {
    height: 100%;
    display: table;
    width: 100%;
    color: #4e4848;
    padding-left: 35px;
    padding-right: 20px;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
}

.main-nav ul li > a:active {
    color: #b28200;
}

.main-nav ul li > a span {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2em;
}

.main-nav ul li > a:before {
    position: absolute;
    top: 0%;
    color: #ababab;
    font-size: 13px;
    left: 0;
    text-align: center;
    width: 30px;
    height: 42px;
    line-height: 42px;
}

.main-nav ul li > a.icon-plus:before {
    font-size: 10px;
}

/*------------------------------------*\
		Slider
\*------------------------------------*/
.slider {
    background: transparent url(../img/layout/loader.svg) center center no-repeat;
    min-height: 100px;
}

.slider.is-loaded {
    background: transparent;
}

.slider.is-loaded button[class^="nav-"],
.slider.is-loaded .controls,
.slider.is-loaded .carrousel {
    visibility: visible;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    z-index: 20;
}

.slider.is-loaded .slide {
    visibility: visible;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.slider .carrousel ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.slider .carrousel ul li {
    display: inline-block;
    vertical-align: top;
    width: 32%;
}

.slider .slide {
    padding: 0.01em 0;
    visibility: hidden;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}

.slider .slider-content {
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 100%;
    z-index: 10;
}

.slider button[class^="nav-"] {
    visibility: hidden;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    z-index: 5;
    position: absolute;
    top: 50%;
    width: 44px;
    margin-top: -25px;
    padding: 13px 0;
    border: 0;
    background: none;
}

.slider button[class^="nav-"]:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
    background: #fff;
}

.slider .nav-next {
    left: 100%;
    margin-left: 0.625em;
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.slider .nav-next i:before {
    margin: 0;
}

.slider .nav-prev {
    right: 100%;
    margin-right: 0.625em;
    -webkit-transform: translate(50%, 0);
    -khtml-transform: translate(50%, 0);
    -moz-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    -o-transform: translate(50%, 0);
    transform: translate(50%, 0);
}

.slider .controls {
    position: absolute;
    visibility: hidden;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
    top: 50%;
    text-align: center;
    width: 100%;
    z-index: 25;
    margin-top: -25px;
    -webkit-transform: translate3d(0, 0, 0);
    -khtml-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slider .controls li {
    display: inline-block;
    height: 8px;
    width: 8px;
    margin: 0 5px;
    text-indent: -9999em;
    overflow: hidden;
    background: #909090;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease;
    -khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.slider .controls li.active {
    background: #4e4848;
}

.slider-carrousel button[class^="nav-"] {
    top: 5px;
    margin-top: 0;
    -webkit-transform: translate(0);
    -khtml-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

/*------------------------------------*\
		Grid system (Bootstrap)
\*------------------------------------*/
.row {
    *zoom: 1;
}

.row:after, .row:before {
    content: "";
}

.row:after {
    clear: both;
}

.container {
    width: 100%;
    max-width: 1220px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }
}

/*------------------------------------*\
		Header
\*------------------------------------*/
.main-header {
    text-align: center;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -khtml-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.menu-nofixed .main-header {
    position: static;
}

.main-header ul {
    margin: 0;
    list-style: none;
    padding: 0;
    height: 100%;
}

.main-header ul li {
    display: inline-block;
    line-height: 50px;
    font-size: 16px;
}

.checkout-onepage-index .main-header ul li:first-child {
    margin-left: 0;
}

.main-header ul li:first-child {
    margin-left: 5%;
}

.main-header ul li:first-child a {
    margin-left: 0;
}

.main-header ul li:nth-child(3) {
    position: absolute;
    width: 100px;
    text-align: center;
    left: 50%;
    margin-left: -50px;
    z-index: 0;
}

.main-header ul li:nth-child(3) a {
    margin-left: 0;
    margin-right: 0;
}

.main-header ul li:nth-child(4) {
    margin-right: 5%;
}

.main-header ul li:nth-child(4) a {
    margin-right: 0;
}

.main-header a {
    color: #4e4848;
    margin: 0 12px;
    position: relative;
}

.main-header a [class^="icon-"] {
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -khtml-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.main-header a .badge {
    position: absolute;
    top: 100%;
    margin-top: -4px;
    left: 50%;
    margin-left: -2px;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -khtml-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.main-header a.favorite-link {
    overflow: hidden;
}

.main-header a.favorite-link:before {
    position: absolute;
    top: 50%;
    left: 0;
    color: #b28200;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(-150%);
    -khtml-transform: translateY(-150%);
    -moz-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    -o-transform: translateY(-150%);
    transform: translateY(-150%);
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -khtml-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.main-header a.favorite-link [class^="icon-"] {
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -khtml-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.main-header a.favorite-link.added:before {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main-header a.favorite-link.added .icon-people {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -khtml-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.main-header.white {
    background: none;
}

.main-header.white a {
    color: white;
}

.main-header.white .badge {
    background: white;
    color: #4e4848;
}

.main-header.white .main-logo svg * {
    fill: white;
}

.main-header.white .toggle-menu .bar {
    background: white;
}

.main-logo {
    width: 100px;
    height: 36px;
    vertical-align: middle;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    display: inline-block;
}

.main-logo svg {
    width: 100%;
    height: 100%;
}

.main-logo svg * {
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -khtml-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.toggle-menu {
    width: 23px;
    display: block;
    padding-top: 14px;
}

.toggle-menu .bar {
    display: block;
    width: 100%;
    margin-top: 5px;
    height: 1px;
    background: #4e4848;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -khtml-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

/*------------------------------------*\
		Footer
\*------------------------------------*/
.main-footer {
    padding: 20px 0;
    background: #4e4848;
    position: relative;
    z-index: 40;
    padding-bottom: 40px;
}

.main-footer .closure {
    padding: 10px 0;
    width: 95%;
    margin: 10px auto;
}

@media (orientation: landscape) {
    .main-footer .closure {
        max-width: 414px;
    }
}

.main-footer .closure .social-network {
    padding-bottom: 20px;
}

.main-footer .closure .social-network a {
    color: #FFF;
    font-size: 22px;
    padding: 0 5px;
}

.main-footer .closure .social-network a:active, .main-footer .closure .social-network a:hover {
    color: #b28200;
}

.main-footer .closure .links {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #333131;
    border-bottom: 1px solid #333131;
    font-size: 11px;
    text-align: left;
    font-weight: 700;
}

.main-footer .closure .links + .links {
    border-top: medium none;
}

.main-footer .closure .links li {
    display: inline-block;
    width: 49%;
    line-height: 32px;
    text-transform: uppercase;
}

.main-footer .closure .links li a {
    color: #FFF;
}

html[lang=it] .main-footer .closure .links li:first-child {
    width: 45%;
}

html[lang=it] .main-footer .closure .links li:nth-child(2) {
    width: 34%;
}

.main-footer .closure .links li:nth-child(3) {
    width: 18%;
}

.main-footer .closure .links li.full-width {
    width: 100%;
}

.main-footer .closure select {
    color: #FFF;
    border: none;
    width: auto;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
}

.main-footer .closure .custom-select::after {
    background: transparent none repeat scroll 0 0;
    margin: 0;
    right: 0;
}

.main-footer .closure .link {
    color: #CCC;
    font-size: 12px;
    display: block;
    margin: 15px 0;
    margin-bottom: 25px;
    -webkit-transition: all 0.4s ease;
    -khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.main-footer .closure .link:active, .main-footer .closure .link:hover {
    color: #b28200;
}

.main-footer .closure .std {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.main-footer .closure .std li {
    width: 49%;
    display: inline-block;
}

.main-footer .closure .std li a {
    color: #CCC;
    border-bottom: 1px solid;
    -webkit-transition: all 0.4s ease;
    -khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.main-footer .closure .std li a:active, .main-footer .closure .std li a:hover {
    color: #b28200;
}

.main-footer .box {
    padding: 10px;
    background: #423f3f;
    width: 95%;
    color: #cccccc;
    margin: 10px auto;
}

@media (orientation: landscape) {
    .main-footer .box {
        max-width: 414px;
    }
}

.main-footer .box hr {
    background: #666666;
    border: none;
    height: 1px;
}

#bottom_submit_newsletter_form + hr {
    background-color: transparent;
    border-top: 1px solid #666666;
    height: auto;
    padding-top: 15px;
}

.main-footer .box .title-box {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 15px 0;
    font-family: "Roboto", sans-serif;
    color: #FFF;
}

.main-footer .box p {
    line-height: 1.4em;
}

.main-footer .box p.desc {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 15px;
}

.main-footer .box .link {
    color: #FFF;
    font-size: 12px;
    padding: 5px 0;
    display: block;
    text-transform: uppercase;
}

.main-footer .box select {
    color: #cccccc;
    border: 1px solid white;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
}

.main-footer .box input {
    color: #CCC;
    font-family: "Roboto", sans-serif;
}

.main-footer .box .custom-select {
    display: block;
}

.main-footer .box .custom-select:after {
    border-color: #FFF transparent transparent transparent;
}

.main-footer .box-services {
    color: #cccccc;
    border: 1px solid #b28200;
    padding: 0 12px;
    overflow: hidden;
}

.main-footer .box-services .title-box {
    height: 44px;
    line-height: 44px;
    display: block;
    margin: 0;
    padding: 0;
}

.main-footer .box-services .icon-plus2 {
    float: right;
    height: 18px;
    margin: 13px 0;
    width: 18px;
}

.main-footer .box-services .icon-plus2:before, .main-footer .box-services .icon-plus2:after {
    background: #b28200;
    -webkit-transition: all 0.4s ease;
    -khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.main-footer .box-services.open .icon-plus2:after {
    -webkit-transform: rotate(90deg);
    -khtml-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.main-footer .box-services .list-services {
    margin: 0;
    list-style: none;
    padding: 25px 0;
    border-top: 1px solid #565454;
    font-size: 0;
}

.main-footer .box-services .list-services li {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    padding: 10px 0;
}

.main-footer .box-services .list-services li:nth-child(2n+1):not(:last-child) {
    border-right: 1px solid #565454;
}

.main-footer .box-services .list-services li a {
    color: #cccccc;
    font-size: 12px;
    width: 90%;
    margin: auto;
    display: block;
    text-transform: uppercase;
}

.main-footer .box-services .list-services li a [class^="icon-"] {
    font-size: 44px;
    display: block;
    margin: auto;
}

.main-footer .box-services .list-services li a [class^="icon-"]:before {
    width: auto;
}

.main-footer .contact-us {
    height: 46px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}

.main-footer .contact-us li {
    display: inline-block;
    font-size: 14px;
    width: 49%;
    text-align: left;
}

.main-footer .contact-us li:last-child {
    font-size: 12px;
    width: 51%;
    float: right;
}

.main-footer .contact-us li:first-child a {
    border-right: 0;
}
.main-footer .contact-us li.contact-us-unique-element {
    width:100%;
}
.main-footer .contact-us li.contact-us-unique-element:first-child a {
    border-right: 1px solid #b28200;
}

html[lang=es] .main-footer .contact-us li {
    font-size: 12px;
}

html[lang=it] .main-footer .contact-us li,
html[lang=es] .main-footer .contact-us li,
html[lang=ja] .main-footer .contact-us li {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

html[lang=it] .main-footer .contact-us li,
html[lang=ja] .main-footer .contact-us li:first-child a {
    border-right: 1px solid #b28200;
}

body.sisley-mx .main-footer .contact-us li {
    display: inline-block;
    font-size: 12px;
    width: 49%;
}

.main-footer .contact-us li a {
    color: #cccccc;
    border: 1px solid #b28200;
    padding: 0 12px;
    display: block;
    height: 44px;
    line-height: 44px;
}

.main-footer .contact-us li a [class^='icon-'] {
    color: #b28200;
    float: right;
    font-size: 22px;
}

.main-footer .form-newsletter {
    font-size: 0;
    /* firefox 19+ */
    /* ie */
}

.main-footer .form-newsletter input[type="text"] {
    color: #cccccc;
    border: 1px solid white;
    border-right: none;
    padding: 0 12px;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    width: 75%;
    margin: 0;
    background: none;
    vertical-align: middle;
    font-size: 14px;
    text-align: left;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

html[lang=es] .main-footer .form-newsletter input[type="text"] {
    font-size: 10px;
}

.validation-advice {
    font-size: 13px;
}

.main-footer .form-newsletter ::-webkit-input-placeholder {
    color: #cccccc;
}

.main-footer .form-newsletter ::-moz-placeholder {
    color: #cccccc;
}

.main-footer .form-newsletter :-ms-input-placeholder {
    color: #cccccc;
}

.main-footer .form-newsletter input:-moz-placeholder {
    color: #cccccc;
}

.main-footer .form-newsletter button {
    font-size: 18px;
    border: 1px solid;
    color: #b28200;
    background: none;
    display: inline-block;
    vertical-align: top;
    height: 44px;
    line-height: 44px;
    margin: 0;
    text-align: center;
    width: 25%;
}

.orientation-device {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: white;
    position: fixed;
    top: 0;
    left: 0;
    background: url("../img/layout/device_rotation.svg") no-repeat center center white;
    background-size: 40%;
    /* 	@media (orientation: landscape) {
  	display:block;
  } */
}

/* @media (orientation: landscape) {
	html  {
		overflow: hidden;
	}
} */
.overlay-loader {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 5000;
    background: #FFF;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.4s ease;
    -khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.overlay-loader .logo-footer {
    width: 140px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.overlay-loader:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 42px;
    height: 42px;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: transparent url(../img/layout/loader.svg) center center no-repeat;
}

.isLoaded .overlay-loader {
    visibility: hidden;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}

body {
    /*overflow: hidden;

  	&.isLoaded {
  		overflow-y: auto;
  	}*/
}

.center {
    width: 90%;
    margin: auto;
}

.content {
    max-width: 414px;
    margin: auto;
}

.scroller {
    /* 	height: 100%; */
    padding-top: 50px;
    overflow-x: hidden;
    /* 	overflow-y: auto;
  -webkit-overflow-scrolling: touch; */
}

.menu-nofixed .scroller,
body.show-search .scroller {
    padding-top: 0;
}

.open-menu {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    overflow-y: hidden;
    overflow-x: hidden;
}

.open-menu .overlay-menu {
    visibility: visible;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.open-overlay .overlay {
    visibility: visible;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.open-overlay .scroller {
    overflow: hidden;
}

.main {
    width: 100%;
    /* height: 100%; */
    -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -khtml-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.main.open {
    -webkit-transform: translate3d(215px, 0, 0);
    -khtml-transform: translate3d(215px, 0, 0);
    -moz-transform: translate3d(215px, 0, 0);
    -ms-transform: translate3d(215px, 0, 0);
    -o-transform: translate3d(215px, 0, 0);
    transform: translate3d(215px, 0, 0);
}

.overlay-menu,
.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    visibility: hidden;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.overlay-menu .close-trigger,
.overlay .close-trigger {
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    pointer-events: none;
    position: fixed;
    left: 0;
    top: 0;
    background: #FFF;
    color: #4e4848;
    -webkit-transform: translateX(-100%);
    -khtml-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.5s ease;
    -khtml-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.overlay-menu.open,
.overlay.open {
    visibility: visible;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.open .overlay-menu .close-trigger,
.open .overlay .close-trigger {
    -webkit-transform: translateX(0);
    -khtml-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 0.3s;
    -khtml-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.text-big {
    font-size: 120%;
}

.text-gold {
    color: #b28200 !important;
}

.text-grey {
    color: #909090 !important;
}

.text-black {
    color: #000 !important;
}

.text-darkgrey {
    color: #4e4848 !important;
}

.link-gold {
    color: #b28200;
    border-bottom: 1px solid;
    -webkit-transition: all 0.4s ease;
    -khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.link-gold:hover {
    color: #4e4848;
}

.link-grey {
    color: #ababab;
    border-bottom: 1px solid;
    -webkit-transition: all 0.4s ease;
    -khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.link-grey:hover {
    color: #4e4848;
}

.link-darkgrey {
    color: #4e4848;
    border-bottom: 1px solid;
    -webkit-transition: all 0.4s ease;
    -khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.link-darkgrey:hover {
    color: #b28200;
}

.fieldset {
    width: 100%;
    border: 1px solid #909090;
    margin: 0;
    padding: 0.35em 0.625em 0.75em;
}

.fieldset .legend {
    font-family: "Times New Roman", Times, serif;
    font-size: 22px;
    line-height: 1.3em;
    top: -0.7em;
    position: relative;
    color: #4e4848;
    text-transform: uppercase;
    margin: auto;
    font-weight: normal;
    width: 85%;
    text-align: center;
    background: #FFF;
}

.sticky {
    position: fixed;
    bottom: 0;
    padding: 10px 5%;
    width: 100%;
    /*max-width: 414px;*/
    left: 50%;
    right: 0;
    z-index: 500;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.cart-container .sticky a.next-step-trigger {
    word-wrap: break-word;
    white-space: unset;
}

@media (orientation: landscape) {
    .sticky {
        padding: 10px 0;
        left: 0;
        right: 0;
        -webkit-transform: translate(0, 0);
        -khtml-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .sticky .center {
        max-width: 414px;
        padding: 0 3.5%;
    }
}

.sticky .center {
    width: 100%;
}

.sticky .btn {
    margin: 0;
}

@media (orientation: landscape) {
    .sticky .btn {
        width: 100%;
    }
}

.no-sticky .sticky {
    display: none !important;
}

.title {
    font-family: "Times New Roman", Times, serif;
    font-size: 19px;
    line-height: 1.3em;
    font-weight: normal;
    color: #4e4848;
    text-transform: uppercase;
    margin: 1em auto;
    text-align: center;
}

.title .normal-case,
.normal-case {
    text-transform: none;
}

.title small {
    font-size: 85%;
}

.subtitle {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3em;
    text-transform: uppercase;
    color: #4e4848;
    text-align: center;
    margin: 1em 0;
}

.subtitle2 {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.3em;
    text-transform: uppercase;
    color: #4e4848;
    text-align: center;
    margin: 1em 0;
}

.subtitle-popin {
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5em;
    text-transform: uppercase;
    color: #4e4848;
    font-family: "Times New Roman", Times, serif;
    text-align: center;
    margin: 1em 0;
}

.title-table {
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: normal;
    color: #4e4848;
    text-transform: uppercase;
    margin: 1em auto;
    text-align: center;
    border: 1px solid #909090;
    padding: 12px;
}

.tabs {
    width: 100%;
    margin: 25px 0;
    border: 1px solid #cccccc;
}

.tabs ol,
.tabs ul {
    margin: 0;
    width: 100%;
    padding: 0;
    list-style: none;
}

.tabs ol li,
.tabs ul li {
    display: block;
    width: 100%;
    border-top: 1px solid #CCC;
}

.tabs ol li:first-child,
.tabs ul li:first-child {
    border-top: none;
}

.tabs ol li .link-tab,
.tabs ul li .link-tab {
    width: 100%;
    display: block;
    padding: 10px;
    line-height: 1.4em;
    font-size: 14px;
    text-align: center;
    font-family: "Times New Roman", Times, serif;
    color: #4e4848;
}

.tabs ol li .link-tab .icon-plus2,
.tabs ul li .link-tab .icon-plus2 {
    border: 1px solid #4e4848;
    height: 17px;
    width: 17px;
    float: right;
    /* margin: 13px 0; */
}

.tabs ol li .link-tab .icon-plus2:after, .tabs ol li .link-tab .icon-plus2:before,
.tabs ul li .link-tab .icon-plus2:after,
.tabs ul li .link-tab .icon-plus2:before {
    background: #4e4848;
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tabs ol li .link-tab .icon-plus2:before,
.tabs ul li .link-tab .icon-plus2:before {
    width: 9px;
    left: 3px;
}

.tabs ol li .link-tab .icon-plus2:after,
.tabs ul li .link-tab .icon-plus2:after {
    height: 9px;
    top: 3px;
}

.tabs ol li .content-tab,
.tabs ul li .content-tab {
    padding: 0 10px;
    overflow: hidden;
    width: 100%;
}

.tabs ol li .content-tab .inner-tab,
.tabs ul li .content-tab .inner-tab {
    padding: 0.1em 0;
    width: 100%;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -khtml-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.tabs ol li .content-tab .inner-tab ul,
.tabs ul li .content-tab .inner-tab ul {
    margin: 10px 0;
}

.tabs ol li .content-tab .inner-tab ul li,
.tabs ul li .content-tab .inner-tab ul li {
    padding: 2px 0;
    border: none;
    padding-left: 14px;
    position: relative;
    line-height: 1.4em;
}

.tabs ol li .content-tab .inner-tab ul li:before,
.tabs ul li .content-tab .inner-tab ul li:before {
    content: '-';
    position: absolute;
    left: 0;
    top: 0.7em;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.tabs ol li.open .link-tab .icon-plus2:after,
.tabs ul li.open .link-tab .icon-plus2:after {
    -webkit-transform: rotate(90deg);
    -khtml-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.tabs ol li.open .content-tab .inner-tab,
.tabs ul li.open .content-tab .inner-tab {
    -webkit-transition-delay: 0.2s;
    -khtml-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.tabs ol {
    counter-reset: section;
}

.tabs ol > li {
    position: relative;
}

.tabs ol > li:before {
    position: absolute;
    top: 10px;
    left: 6px;
    counter-increment: section;
    content: counters(section, ".") " ";
    font-size: 10px;
    font-weight: 700;
    color: #FFF;
    background: #4e4848;
    display: block;
    height: 16px;
    width: 16px;
    line-height: 16px;
    text-align: center;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.tabs ol > li .link-tab {
    padding-left: 30px;
}

.header-page {
    width: 100%;
    position: relative;
    background: #e6e6e6;
    padding: 0.1em 0;
}

.header-page .title-page {
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.6em;
    padding: 6px 0;
    margin: 0;
    text-align: center;
    color: #4e4848;
    font-weight: normal;
}

.header-page .title-page .normal-case {
    text-transform: none;
}

.header-page .title-page.big {
    font-size: 22px;
    line-height: 1.3em;
    padding: 0;
    margin: 15px 0;
}

.header-page .back-trigger {
    position: absolute;
    top: 50%;
    color: #4e4848;
    right: 5%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-page .back-trigger.left {
    left: 5%;
    right: auto;
}

.header-page .steps {
    position: absolute;
    top: 50%;
    color: #4e4848;
    right: 5%;
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.6em;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-page.big {
    position: relative;
    margin-bottom: 40px;
}

.header-page.big:after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 12px;
    border-color: #e6e6e6 transparent transparent transparent;
}

.header-page.big .title-page {
    font-size: 22px;
    line-height: 1.3em;
    padding: 15px 0;
}

.header-page.big .msg {
    font-size: 14px;
    margin: -0.5em 0;
}

.header-page .header-page-menu {
    margin-bottom: 15px;
}

.header-page .header-page-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.header-page .header-page-menu ul li {
    display: inline-block;
    width: 49%;
    text-align: center;
    padding: 0 15px;
    height: 100px;
    vertical-align: top;
}

.header-page .header-page-menu ul li .btn-beauty-space {
    padding: 0;
}

html[lang=it] .cms-info-page .header-page .header-page-menu ul li:last-child {
    text-align: left;
    width: 69%;
}

.header-page .header-page-menu.triple ul li {
    width: 32%;
    padding: 0 10px;
}

.header-page.white {
    background: transparent;
    margin-bottom: 0;
    border: none;
}

.header-page.white:after {
    border: none;
    background: none;
}

.page-menu {
    margin-bottom: 15px;
}

.page-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-menu ul li {
    display: inline-block;
    width: 49%;
    text-align: center;
    padding: 0 15px;
    height: 100px;
    vertical-align: top;
}

.page-menu ul li .btn-beauty-space {
    padding: 0;
}

.page-menu.triple ul li {
    width: 32%;
    padding: 0 10px;
}

.success,
.error {
    margin: 15px 0;
    color: #bf0022;
    text-align: center;
    font-size: 13px;
    font-family: "Roboto", sans-serif;
}

.success.success,
.error.success {
    color: #459b00;
}

.msg {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 18px;
    color: #4e4848;
    line-height: 1.3em;
    margin: 0.7em 0;
}

.msg small {
    font-size: 15px;
    line-height: 1.1em;
}

.block-grey {
    padding: 10px 0;
    background: #f2f2f2;
}

.block-grey button[class^="nav-"]:before {
    display: none;
}

html.open-popin,
body.open-popin {
    overflow: hidden !important;
    height: 100%;
}

.popin {
    position: fixed;
    z-index: -1;
    pointer-events: none;
    left: 5%;
    right: 5%;
    top: 15px;
    background: #FFF;
    visibility: hidden;
    overflow: auto;
    max-height: 95%;
    height: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transform: scale(1.3);
    -khtml-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all 0.6s cubic-bezier(1, 0, 0, 1);
    -khtml-transition: all 0.6s cubic-bezier(1, 0, 0, 1);
    -moz-transition: all 0.6s cubic-bezier(1, 0, 0, 1);
    -ms-transition: all 0.6s cubic-bezier(1, 0, 0, 1);
    -o-transition: all 0.6s cubic-bezier(1, 0, 0, 1);
    transition: all 0.6s cubic-bezier(1, 0, 0, 1);
}

.popin .close-popin-trigger {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #4e4848;
    z-index: 50;
    font-size: 16px;
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.popin .close-popin-trigger:active, .popin .close-popin-trigger:hover {
    -webkit-transform: rotate(180deg);
    -khtml-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.popin .title {
    margin: 15px auto;
    font-size: 19px;
    margin-top: 30px;
    max-width: 90%;
}

@media only screen and (max-height: 400px) {
    .popin .title {
        font-size: 15px;
        margin-bottom: 5px;
    }
}

.popin hr {
    border: none;
    height: 1px;
    background: #ababab;
    margin: 20px 0;
}

.popin .btn {
    margin: 0;
}

.popin.open {
    z-index: 2000;
    visibility: visible;
    pointer-events: auto;
    height: auto;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.top-trigger {
    position: fixed;
    bottom: 0;
    z-index: 200;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #e6e6e6;
    right: 0;
    -webkit-transition: all 0.4s ease;
    -khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform: translateY(100%);
    -khtml-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.top-trigger [class^='icon-'] {
    display: block;
    margin: auto;
    -webkit-transform: rotate(180deg);
    -khtml-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.top-trigger [class^='icon-']:before {
    width: auto;
}

.top-trigger.show {
    -webkit-transform: translateY(0);
    -khtml-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.top-trigger.hidden {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}

.bottom-trigger {
    position: absolute;
    bottom: 0;
    z-index: 20;
    height: 44px;
    line-height: 44px;
    text-align: center;
    right: 5%;
    font-size: 7px;
}

.bottom-trigger [class^='icon-']:before {
    width: auto;
}

.content-inner {
    color: #666666;
}

.content-inner h1,
.content-inner h2,
.content-inner h3,
.content-inner h4,
.content-inner h5 {
    font-family: "Times New Roman", Times, serif;
    text-transform: uppercase;
    line-height: 1.3em;
    margin: 1.4em 0;
    font-weight: normal;
    color: #4e4848;
}

.content-inner h1 {
    font-size: 19px;
}

.content-inner h2 {
    font-size: 16px;
}

.content-inner h3 {
    font-size: 14px;
}

.content-inner h4 {
    font-size: 13px;
}

.content-inner h5 {
    font-size: 12px;
}

.content-inner strong {
    color: #4e4848;
}

.content-inner ul {
    margin: 1em 0;
    list-style: none;
    padding: 0;
}

.content-inner ul li {
    padding: 2px 0;
    border: none;
    padding-left: 14px;
    position: relative;
    line-height: 1.4em;
}

.content-inner ul li:before {
    content: '-';
    position: absolute;
    left: 0;
    top: 0.7em;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.content-inner a {
    border-bottom: 1px solid;
    -webkit-transition: all 0.4s ease;
    -khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.content-inner a:focus, .content-inner a:active {
    border-bottom-color: transparent;
}

.content-inner .highlight {
    font-size: 17px;
    font-family: "Times New Roman", Times, serif;
}

.content-inner .legend {
    color: #909090;
}

/*------------------------------------*\
		Page d'accueil
\*------------------------------------*/
.home .content {
    padding: 0.1em 0;
    background: #FFF;
    z-index: 2;
    position: relative;
}
.home .block-beauty-space a.btn-beauty-space {
    word-wrap: break-word;
    max-width: 95px;
}
.home .block-beauty-space .btn-beauty-space, .home .block-beauty-space .btn-beauty-space * {
    -webkit-transition: none;
    -khtml-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.block {
    margin: 25px 0;
    padding: 20px 0;
}

.block .title-block {
    font-size: 22px;
}

.block .product-item {
    padding-bottom: 60px;
    margin-bottom: 0;
    margin-top: 0;
}

.block .product-item .product-info {
    padding-bottom: 0;
}

.block .product-item .product-action {
    bottom: 0;
}

.block .slider {
    width: 100%;
}

.block .slider .controls {
    top: auto;
    bottom: 160px;
}

.block .slider-product {
    margin-bottom: -32px;
    padding-bottom: 2px !important;
}

.block .slider-product .product-item .product-action ul li {
    background: transparent;
    /*min-width: 198px;*/
}

.block .slider-product .product-item .product-action ul li .btn {
    border-color: #909090;
    padding-left: 5px;
    padding-right: 5px;
}

.block .slider-product .product-item .product-desc {
    min-height: 2.8em;
}

.block .space-status {
    font-size: 14px;
    text-transform: uppercase;
    margin: 8px 0;
    font-family: "Times New Roman", Times, serif;
    color: #4e4848;
}

.block .space-status span {
    color: #b28200;
}

.block-main-slider {
    margin-top: -51px;
    min-height: 400px;
    position: relative;
}

@media (orientation: landscape) {
    .block-main-slider {
        min-height: 500px;
    }
}

.block-main-slider .btn {
    margin: 0;
}

.slider-front {
    min-height: 380px;
    height: 100%;
    width: 100%;
}

@media (orientation: landscape) {
    .slider-front {
        min-height: 480px;
    }
}

.slider-front:after {
    content: '';
    position: absolute;
    z-index: 14;
    top: 50px;
    bottom: 50px;
    left: 5%;
    right: 5%;
    border: 1px solid #ababab;
    border-bottom: 0;
    pointer-events: none;
    -webkit-transition: .2s all;
    transition: .2s all;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.slider-front .slider-content {
    height: 100% !important;
}

.slider-front .slider-content:after {
    content: '';
    right: 5%;
    bottom: 50px;
    height: 1px;
    background: #ababab;
    width: 12%;
    position: absolute;
    z-index: 20;
    -webkit-transition: .2s all;
    transition: .2s all;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.slider-front .slider-content:before {
    content: '';
    left: 5%;
    bottom: 50px;
    height: 1px;
    background: #ababab;
    position: absolute;
    width: 12%;
    z-index: 20;
    -webkit-transition: .2s all;
    transition: .2s all;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.slider-front .slider-content .slide .link-full {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 200;
    position: absolute;
    top: 0;
    left: 0;
}

.slider-front .controls {
    margin-top: -25px;
}

@media only screen and (max-height: 400px) {
    .slider-front .controls li {
        width: 6px;
        height: 6px;
    }
}

@media only screen and (max-height: 400px) {
    .slider-front .controls {
        margin-top: -10px;
    }
}

@media (max-height: 530px) {
    .slider-front .controls {
        margin-top: -15px;
    }
}

@media (max-height: 450px) {
    .slider-front .controls {
        margin-top: -10px;
    }
}

@media (max-height: 430px) and (orientation: portrait) {
    .slider-front .controls {
        display: none;
    }
}

.slider-front .nav-next,
.slider-front .nav-prev {
    display: none;
}

.slider-front .slide {
    position: relative;
    height: 100%;
    width: 100%;
    /*
  		&.move {
  			.slide-btn {
  			 	@include opacity(0);
  				@include transform(translate(-100%));
  			}
  		}

  	&.current {
  	.slide-btn {
  		@include css3-prefix('transition-delay', 0.8s);
  	}
  } */
}

.slider-front .slide.dark {
    /* 			.slide-btn {
  	.btn {
  		color: #FFF;
  	}
  } */
}

.slider-front .slide.dark .slide-info .slide-title {
    color: #FFF;
}

.slider-front .slide .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 5;
}

.slider-front .slide .bg .gradient {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    display: block;
    opacity: 0.5;
}

.slider-front .slide .img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.slider-front .slide .img {
    position: absolute;
    overflow: hidden;
    top: 50px;
    bottom: 50px;
    left: 5%;
    right: 5%;
    z-index: 10;
}

.slider-front .slide .img > div {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: -50px;
    bottom: -50px;
    left: -5%;
    right: -5%;
}

.slider-front .slide .slide-info {
    position: absolute;
    bottom: 85px;
    left: 0;
    right: 0;
    z-index: 15;
    text-align: center;
    width: 100%;
    display: table;
    height: 20%;
}

.slider-front .slide .slide-info p {
    line-height: 1.2;
}

.slider-front .slide .slide-info .vcenter {
    height: 100%;
    width: 100%;
    vertical-align: middle;
    display: table-cell;
}

.slider-front .slide .slide-info .slide-title {
    text-transform: uppercase;
    font-size: 24px;
    font-family: "Times New Roman", Times, serif;
    color: #4e4848;
    line-height: 1;
    font-weight: normal;
    margin: 5px 0;
    padding: 0 50px;
}

@media only screen and (max-height: 400px) {
    .slider-front .slide .slide-info .slide-title {
        font-size: 18px;
    }
}

.slider-front .slide .slide-info .slide-desc {
    margin: 0;
    padding: 0 50px;
}

@media only screen and (max-height: 400px) {
    .slider-front .slide .slide-info .slide-desc {
        font-size: 11px;
    }
}

@media (max-height: 500px) {
    .slider-front .slide .slide-info {
        bottom: 80px;
    }

    .slider-front .slide .slide-info p {
        font-size: 12px;
        line-height: 1.1em;
    }

    .slider-front .slide .slide-info .slide-title {
        font-size: 22px;
    }
}

@media (max-height: 450px) {
    .slider-front .slide .slide-info {
        bottom: 75px;
    }

    .slider-front .slide .slide-info .slide-title {
        font-size: 20px;
    }
}

.slider-front .slide .slide-btn {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    z-index: 15;
    text-align: center;
    margin-bottom: -19px;
    /*@include transition(all 0.4s ease);*/
}

.slider-front .slide .slide-btn .btn {
    border-color: #ababab;
    color: #909090;
}

@media only screen and (max-height: 400px) {
    .slider-front .slide .slide-btn .btn {
        font-size: 15px;
    }
}

.block-loyalty {
    background: #e6e6e6;
    padding: 20px 0;
    color: #666;
    margin-top: 0;
}

.block-loyalty h2 {
    font-size: 14px;
    margin: 0;
    margin-top: 10px;
    color: #4e4848;
    font-weight: normal;
    font-family: "Times New Roman", Times, serif;
}

.block-loyalty p {
    margin: 0;
}

.block-loyalty .btn {
    margin-top: 20px;
    border-color: #b28200;
}

.block-products {
    overflow: hidden;
}

.block-conseils {
    background: #e6e6e6;
    color: #666;
}

.no-footer-marge .block-conseils {
    margin-bottom: 0;
}

.block-conseils button[class^="nav-"]:before {
    display: none;
}

.block-conseils .title {
    margin-top: 8px;
}

.block-conseils .title [class^="icon-"] {
    font-size: 30px;
    display: block;
    margin-bottom: 10px;
}

.block-conseils .conseil-item .conseil-img {
    display: block;
}

.block-conseils .conseil-item .conseil-img img {
    display: block;
    width: 95%;
    margin: auto;
}

.block-conseils .conseil-item .conseil-info {
    padding: 0 20px;

    min-height: 70px;
}

.block-conseils .conseil-item .conseil-title {
    margin-top: 45px;
    margin-bottom: 0;
}

.block-conseils .conseil-item .conseil-title a {
    color: #4e4848;
}

.block-conseils .conseil-item .conseil-title a:hover {
    color: #b28200;
}

.block-conseils .conseil-item .conseil-subtitle {
    color: #909090;
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.block-conseils .conseil-item .btn {
    margin-bottom: 20px;
}

.block-conseils .slider .controls {
    margin-top: -25px;
}

.block-conseils .slider .nav-next,
.block-conseils .slider .nav-prev {
    background: none;
    top: auto;
    bottom: 74px;
}

.block-conseils .slider .nav-next {
    left: 95%;
}

.block-conseils .slider .nav-prev {
    right: 95%;
}

.block-beauty-space {
    text-align: center;
    padding-top: 5px;
}

.block-beauty-space .btn {
    display: block;
}

.block-beauty-space .text-intro {
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
    font-style: italic;
}

.block-beauty-space h3 {
    font-size: 16px;
    color: #b28200;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 20px;
    margin: 0;
}

.block-beauty-space .text-intro {
    padding: 0 20px;
    font-size: 16px;
    color: #4e4848;
    line-height: 1.3em;
    font-family: "Times New Roman", Times, serif;
}

.block-beauty-space .title {
    margin: 0.8em auto;
    padding: 0;
}

.block-beauty-space .slider {
    margin-bottom: 35px;
}

.block-beauty-space .slider .nav-prev,
.block-beauty-space .slider .nav-next {
    top: 330px;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.block-beauty-space .slider .nav-prev {
    right: auto;
    left: 0;
    text-align: left;
}

.block-beauty-space .slider .nav-next {
    left: auto;
    right: 0;
    text-align: right;
}

.block-beauty-space .slider .carrousel {
    border-bottom: 1px solid #b28200;
    margin-bottom: 25px;
    position: relative;
}

.block-beauty-space .slider .carrousel:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    border-left: 1px solid #b28200;
    left: 50%;
    bottom: 0;
    border-top: 1px solid #b28200;
    margin-bottom: -8px;
    margin-left: -7px;
    background: #FFF;
    -webkit-transform: rotate(225deg);
    -khtml-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}

.block-beauty-space .slider .controls {
    bottom: -18px;
    margin: 0;
    top: auto;
}

/*------------------------------------*\
		Page produits
\*------------------------------------*/
.price-box .regular-price .price {
    color: #909090 !important;
}

#addtocart_confirmation_product .product-attribute-color .product-list-color {
    border: none;
    height: auto;
    padding: 0 13px;
}

.i-one-col {
    width: 11px;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    vertical-align: middle;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.i-one-col span {
    display: inline-block;
    width: 100%;
    height: 3px;
    background: #ACACAC;
    margin-bottom: 1px;
    vertical-align: middle;
    -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -khtml-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.i-db-col {
    width: 11px;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.i-db-col span {
    display: inline-block;
    width: 5px;
    background: #ACACAC;
    margin-bottom: 1px;
    margin-right: 1px;
    height: 3px;
    -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -khtml-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.i-db-col span:nth-child(even) {
    margin-right: 0;
}

.favorite-trigger.active {
    color: #b28200;
}

.wrapper-product {
    padding-bottom: 56px;
    position: relative;
}

.products-nav {
    font-size: 0;
    text-align: right;
    padding: 15px 0;
}

.products-nav .one-col-trigger,
.products-nav .two-col-trigger {
    display: inline-block;
    position: relative;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ACACAC;
}

.products-nav .one-col-trigger:nth-child(1),
.products-nav .two-col-trigger:nth-child(1) {
    border-right: 0;
}

.products-nav .one-col-trigger.active span, .products-nav .one-col-trigger:hover span,
.products-nav .two-col-trigger.active span,
.products-nav .two-col-trigger:hover span {
    background: #4e4848;
}

.products-categories {
    background: #e6e6e6;
    position: relative;
}

.products-categories .products-cat-header {
    color: #4e4848;
    position: relative;
    font-size: 16px;
    line-height: 35px;
    height: 35px;
}

.products-categories .products-cat-header p {
    margin: 0;
    font-size: 13px;
    line-height: 35px;
    padding-left: 30px;
}

.products-categories .products-cat-header h1 {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 35px;
    color: #4e4848;
    margin: 0;
}

.products-categories .products-cat-header .more-trigger [class^='icon-'],
.products-categories .products-cat-header .back-trigger [class^='icon-'] {
    color: #4e4848;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 35px;
}

.products-categories .products-cat-header .more-trigger.back-trigger [class^='icon-'],
.products-categories .products-cat-header .back-trigger.back-trigger [class^='icon-'] {
    left: 0;
    right: auto;
}

.products-categories .products-cat-header .more-trigger .icon-plus2,
.products-categories .products-cat-header .back-trigger .icon-plus2 {
    width: 20px;
    height: 20px;
    margin-top: 7px;
}

.products-categories .products-cat-header .more-trigger .icon-plus2:after, .products-categories .products-cat-header .more-trigger .icon-plus2:before,
.products-categories .products-cat-header .back-trigger .icon-plus2:after,
.products-categories .products-cat-header .back-trigger .icon-plus2:before {
    background: #4e4848;
    -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -khtml-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.products-categories .products-cat-header .more-trigger [class^='icon-']:before,
.products-categories .products-cat-header .back-trigger [class^='icon-']:before {
    margin: 0;
}

.products-categories ul {
    list-style: none;
    margin: 0;
    padding: 10px 0;
    font-size: 10px;
    width: 100%;
    z-index: 15;
    left: 0;
    top: 100%;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    background: #e6e6e6;
    visibility: hidden;
    -webkit-transform: translate3d(0, -20px, 0);
    -khtml-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -khtml-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.products-categories ul li {
    display: block;
    width: 90%;
    margin: auto;
    border-bottom: 1px solid #cccccc;
}

.products-categories ul li a {
    display: block;
    padding: 10px 0;
    line-height: 1.4em;
}

.products-categories.open ul {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -khtml-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.products-categories.open .icon-plus2:after {
    -webkit-transform: rotate(90deg);
    -khtml-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.product-item {
    text-align: center;
    position: relative;
    margin-top: 25px;
    margin-bottom: 55px;
}

.product-item .vignette {
    font-size: 9px;
    text-transform: uppercase;
    line-height: 2em;
    display: block;
    font-weight: 700;
    color: #FFF;
    background: #b28200;
    padding: 0 14px;
    position: absolute;
    top: -10px;
    left: 0;
}

.product-item .vignette.date {
    background: #ababab;
    color: #FFF;
}

.product-item .product-img {
    display: block;
    font-size: 17px;
    padding-bottom: 1em;
    position: relative;
}

@media (orientation: landscape) {
    .product-item .product-img {
        min-height: 150px;
    }
}

.product-item .product-name {
    font-size: 17px;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    text-transform: uppercase;
    margin: 5px auto;
    line-height: 1.2em;
    min-height: 40px;
    color: #4e4848;
}

.product-item .product-name a {
    text-decoration: none;
    color: #4e4848;
}

.product-item .product-name a:active, .product-item .product-name a:hover {
    color: #b28200;
}

.product-item .product-name.legend {
    top: 0;
    margin-top: -1em;
}

.product-item .product-baseline {
    text-align: center;
    margin: 5px 0;
    font-size: 17px;
    font-weight: normal;
    font-family: "Times New Roman", Times, serif;
    color: #4e4848;
    line-height: 1.3em;
}

.product-item .product-carac {
    margin: 0;
    color: #4e4848;
}

.product-item .product-subtitle {
    font-size: 13px;
    margin: 0 auto;
    color: #909090;
    font-weight: normal;
    width: 85%;
    padding: 0 10px;
}

.product-item .product-desc {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    height: auto;
    line-height: 1.4em;
    margin: 5px auto;
    width: 75%;
}

.product-item .product-desc .table {
    height: auto;
}

.product-item .product-why {
    width: 85%;
    margin: auto;
    position: relative;
    margin-top: 20px;
}

.product-item .product-why:before {
    width: 80%;
    content: '';
    height: 1px;
    position: absolute;
    top: 0;
    left: 10%;
    background: #CCC;
}

.product-item .product-why .why {
    color: #4e4848;
    font-weight: 700;
    margin: 0;
    padding-top: 15px;
    text-transform: uppercase;
}

.product-item .product-info {
    padding-bottom: 25px;
}

.product-item .product-attributes {
    border: 1px solid #CCC;
    border-bottom: 0;
}

.product-item .product-attributes .show-attr-trigger {
    text-align: left;
    color: #4e4848;
    font-size: 18px;
    line-height: 1.3em;
    font-family: "Times New Roman", Times, serif;
    padding: 10px 13px;
    display: block;
}

.product-item .product-attributes .show-attr-trigger .icon-plus2 {
    top: 0.15em;
    height: 1em;
    width: 1em;
}

.product-item .product-attributes .show-attr-trigger .icon-plus2:before, .product-item .product-attributes .show-attr-trigger .icon-plus2:after {
    background: #4e4848;
}

.product-item .product-point,
.product-item .product-price {
    margin: 0;
    color: #4e4848;
    line-height: 1.4em;
    font-size: 16px;
    font-family: "Times New Roman", Times, serif;
}

.product-item .product-point.free,
.product-item .product-price.free {
    color: #ff006d;
}

.product-item .product-action {
    bottom: -22px;
    position: absolute;
    width: 100%;
    left: 0;
}

.product-item .product-action ul {
    font-size: 0;
    width: 100%;
    background: #FFF;
    margin: auto;
    padding: 0;
    list-style: none;
}

.product-item .product-action ul li {
    display: inline-block;
    color: #4e4848;
    background: #e6e6e6;
    height: 44px;
    line-height: 44px;
    vertical-align: top;
    font-size: 16px;
    font-family: "Times New Roman", Times, serif;
    text-transform: uppercase;
}

.product-item .product-action ul li p {
    padding: 0 20px;
    line-height: 44px;
    margin: 0;
    white-space: nowrap;
}

.product-item .product-action ul li .btn {
    text-transform: none;
    margin: 0;
    font-size: 18px;
    width: 100%;
    text-align: center;
    padding-left: 45px;
    padding-right: 45px;
}

.product-item .product-action a {
    text-decoration: none;
    padding: 0 35px;
    display: block;
    height: 99%;
    line-height: 44px;
    font-size: 15px;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.product-item .product-action .cart-trigger {
    color: white;
    background: #4e4848;
}

html[lang=de] .product-item .product-action .cart-trigger {
    font-size: 12px;
}

.product-item .product-action .cart-trigger:hover {
    background: #CCC;
    color: #4e4848;
}

.product-item .product-action .favorite-trigger {
    color: #4e4848;
    background: #e6e6e6;
}

.product-item .product-action .favorite-trigger.active {
    color: #b28200;
}

.product-item .product-action .favorite-trigger:hover {
    background: #909090;
    color: #e6e6e6;
}

.product-item .product-action .del-trigger:hover {
    opacity: 0.6;
    background: #4e4848;
    color: #FFF;
}

.product-item .product-action.static {
    position: static;
    bottom: 0;
    width: 100%;
}

.product-item .product-action.static ul {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.product-item .product-action.static ul li {
    width: 100%;
    display: table-cell;
    text-transform: none;
}

.product-item .product-action.static a {
    padding: 0;
    display: block;
    text-align: center;
}

.product-item .product-action.static a.grey {
    background: #4e4848;
    color: #FFF;
}

.product-item .product-action.sticky {
    position: fixed;
    bottom: 15px;
    width: 90%;
    left: 50%;
    right: auto;
    z-index: 30;
    padding: 0;
    background: transparent;
    /*&:after {
  	position: absolute;
  	bottom: -15px;
  	left: -5%;
  	right: -5%;
  	background: #FFF;
  	height: 15px;
  	content: '';
  }*/
}

.product-item .product-action.sticky.sticky-footer {
    position: absolute;
}

@media (orientation: landscape) {
    .product-item .product-action.sticky {
        position: relative;
        width: 100%;
        left: 0;
        margin-top: -31px;
        -webkit-transform: translate(0, 0);
        -khtml-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.product-item .product-action.sticky ul {
    width: 100%;
    display: table;
    text-align: center;
    table-layout: fixed;
}

@media (orientation: landscape) {
    .product-item .product-action.sticky ul {
        width: 100%;
        margin: auto;
    }
}

.product-item .product-action.sticky ul li {
    display: table-cell;
    width: 100%;
}

.product-item .product-action.sticky ul li:first-child {
    border: 1px solid #ababab;
    width: 30%;
}

.product-item .product-action.sticky ul li a,
.product-item .product-action.sticky ul li p {
    padding: 0;
}

html[lang=nl] .product-item .product-action.sticky ul li a,
html[lang=nl] .product-item .product-action.sticky ul li p {
    font-size: 11.5px;
}

.product-item .product-footer {
    text-align: center;
    margin-top: 15px;
    width: 100%;
    height: 44px;
    line-height: 44px;
}

.product-item .product-footer .error {
    border-top: 1px solid #909090;
    padding: 0 15px;
}

.product-bundle {
    border: 1px solid #cccccc;
    border-top: 0;
    /*padding-top: 38px;*/
    margin-bottom: 20px;
    margin-top: -21px;
}

.product-bundle .product-bundle-name {
    font-size: 17px;
    line-height: 1.3em;
    margin: 0;
    font-family: "Times New Roman", Times, serif;
    color: #4e4848;
}

.product-bundle .product-bundle-carac {
    margin: 0;
    line-height: 1.3em;
}

.product-bundle .bundle-content {
    margin-left: 17px;
    margin-right: 80px;
}

.product-bundle .price {
    position: absolute;
    right: 17px;
    top: 50%;
    margin-top: -11px;
    font-size: 16px;
    font-family: "Times New Roman", Times, serif;
    color: #4e4848;
}

.product-bundle .price.free {
    color: #ff006d;
}

.product-bundle .product-attribute {
    margin: -10px 0;
    padding: 0;
    border: 0;
}

.product-bundle .product-attribute .product-list-color {
    /* padding-right: 0;
  padding-left: 0; */
}

.product-bundle .icon-plus2 {
    margin: 5px 0;
}

.product-bundle ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-bundle ul li {
    position: relative;
    display: block;
    padding: 10px 0;
    border-top: 1px solid #cccccc;
}

.product-bundle ul li .table {
    padding: 0 17px;
}

.slider-available-options {
    margin: 25px 0;
}

.slider-available-options .slide {
    text-align: center;
    padding: 10px 0;
}

.slider-available-options .slide .title-slide {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    color: #b28200;
    margin: 0 auto;
    width: 200px;
    word-wrap: break-word;
}

.slider-available-options .slide .table {
    width: 100%;
    height: 100px;
}

.slider-available-options .slide .cell {
    width: 100%;
    vertical-align: middle;
}

.slider-available-options .slide .info-slide {
    font-size: 14px;
    font-family: "Times New Roman", Times, serif;
    line-height: 1.3em;
    margin: 10px 0 0;
}

.slider-available-options .carrousel {
    margin: 15px 0;
    padding-top: 15px;
    border-top: 1px solid #b28200;
    margin-top: 25px;
    position: relative;
}

.slider-available-options .carrousel:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
    left: 50%;
    border-right: 1px solid #b28200;
    border-bottom: 1px solid #b28200;
    margin-top: -7px;
    margin-left: -7px;
    background: #FFF;
    -webkit-transform: rotate(225deg);
    -khtml-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}

.slider-available-options .carrousel ul li {
    font-size: 30px;
    width: 19%;
}

.slider-available-options .carrousel ul li a {
    color: #909090;
}

.slider-available-options .carrousel ul li a.active {
    color: #b28200;
}

.slider-available-options .carrousel ul li [class^='icon-'] {
    vertical-align: top;
}

.slider-available-options .carrousel ul li [class^='icon-']:before {
    width: auto;
}

.slider-available-options .controls {
    display: none;
}

.slider-available-options .nav-next,
.slider-available-options .nav-prev {
    top: 8px;
    color: #ababab;
    line-height: 20px;
    margin: 0;
}

.slider-available-options .nav-next.nav-prev,
.slider-available-options .nav-prev.nav-prev {
    left: 0;
    right: auto;
}

.slider-available-options .nav-next.nav-next,
.slider-available-options .nav-prev.nav-next {
    right: 0;
    left: auto;
}

.list-products {
    padding-bottom: 15px;
}

.db-col {
    font-size: 0;
}

.db-col .product-item {
    font-size: 13px;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding-right: 2.5%;
    margin-bottom: 20px;
}

.db-col .product-item .vignette {
    top: -25px;
}

.db-col .product-item .fieldset {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.db-col .product-item:nth-child(even) {
    padding-right: 0;
    padding-left: 2.5%;
}

.db-col .product-item .product-desc .table {
    height: 100%;
}

.db-col .product-item .product-info {
    padding-bottom: 10px;
}

.db-col .product-item .product-name {
    font-size: 12px;
    height: 65px;
    padding: 0 5px;
}

.product-info .product-desc .cell.middle{
    line-height: 1.1em;
    font-size: 12px;
    word-break: break-word;
}


.db-col .product-item .product-desc {
    height: 65px;
    margin: 5px auto;
    width: 90%;
}

.db-col .product-item .product-action {
    position: static;
    bottom: 0;
    width: 100%;
}

.db-col .product-item .product-action ul {
    width: 100%;
}

.db-col .product-item .product-action ul li {
    width: 50%;
}

.db-col .product-item .product-action a {
    padding: 0;
    width: 100%;
    text-align: center;
}

.list-coffrets .product-item {
    margin: 10px 0;
}

.list-coffrets .product-item .product-name {
    width: 90%;
    height: auto;
}

.list-coffrets .product-item .product-price {
    color: #909090;
}

.list-coffrets .product-item .product-action ul {
    display: block;
}

.list-coffrets .product-item .product-action ul li {
    display: block;
    width: 100%;
}

.list-coffrets .product-item .product-action ul li .btn {
    padding-left: 0;
    padding-right: 0;
    border: none;
    width: 100%;
}

html[lang=ja] .list-coffrets .product-item .product-action ul li .btn {
    font-size: 14px;
}

.product-controls {
    position: absolute;
    top: 0;
    z-index: 5;
    right: 0;
}

.product-controls ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-controls ul li {
    display: block;
    padding: 6px 0;
}

@media only screen and (max-height: 400px) {
    .product-controls ul li {
        padding: 2px 0;
    }
}

.product-controls ul li a {
    padding: 8px 0;
    font-size: 18px;
    color: #ABABAB;
}

.product-controls ul li a.active, .product-controls ul li a:hover, .product-controls ul li a:active {
    color: #b28200;
}

.product-controls ul li a .icon-video,
.product-controls ul li a .icon-s-bubble {
    font-size: 22px;
}

.product-detail .fieldset {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.product-detail .product-item {
    margin-top: 10px;
    margin-bottom: 20px;
    position: static;
}

.product-detail .product-item .product-info {
    padding-bottom: 0;
}

.product-detail .product-item .product-img {
    display: block;
    position: relative;
    min-height: 290px;
}

.product-detail .product-item .product-img img:not(.advice-beauty-button-thumbnail):not(.advice-beauty-video-thumbnail) {
    display: inline-block;
    position: absolute;
    max-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -khtml-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.product-detail .product-item .product-img #gallery {
    position: absolute;
    top: 0;
    z-index: 5;
}

.product-detail .product-item .product-img #gallery img:not(.advice-beauty-button-thumbnail):not(.advice-beauty-video-thumbnail)  {
    display: block;
    position: relative;
    left: 20%;
}

.product-detail .product-item .product-img #gallery img.selected{
    border: 1px solid #b3b3b3;
}

.product-detail .product-item .product-img #gallery img:hover{
    border: 1px solid #cfcfcf;
}

.product-detail .product-item .product-img #gallery li{
    list-style-type: none;
    margin-bottom: 5px;
}


.product-detail .tabs .link-tab {
    text-transform: uppercase;
}

.product-detail .product-conseil {
    margin: 15px 0;
    line-height: 1.1em;
    color: #4e4848;
    padding-left: 55px;
    position: relative;
}

.product-detail .product-conseil [class^='icon-'] {
    color: #FFF;
    font-size: 20px;
    margin-right: 15px;
    position: absolute;
    left: 0;
    line-height: 20px;
}

.product-detail .product-fidelity {
    margin: 15px 0;
    line-height: 30px;
    padding-left: 55px;
    position: relative;
    font-size: 12px;
}

.product-detail .product-fidelity [class^='icon-'] {
    color: #b28200;
    font-size: 26px;
    width: 40px;
    text-align: center;
    margin-right: 15px;
    position: absolute;
    left: 0;
}

.product-detail .product-fidelity a {
    color: #666;
    border-bottom: 1px solid #666;

}

.product-detail .product-fidelity a:hover {
    border-color: #fff;
}

.product-detail .product-main-action {
    margin: 15px 0;
}

html[lang=es] .product-detail .product-main-action .customer-service-call-trigger {
    font-size: 10px;
}

.product-detail .product-main-action ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #CCC;
}

.product-detail .product-main-action ul li {
    display: block;
    width: 100%;
    border-top: 1px solid #CCC;
}

.product-detail .product-main-action ul li:first-child {
    border-top: 0;
}

.product-detail .product-main-action ul li > span {
    color: #4e4848;
    display: block;
    height: 42px;
    line-height: 42px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Times New Roman", Times, serif;
}

.product-detail .product-main-action ul li > span [class^='icon-'] {
    margin: 0 10px;
    font-size: 16px;
}
.product-detail .product-main-action ul li > span .icon-tel, .product-detail .product-main-action ul li > span .icon-hearth {
    float: left;
    height: 30px;
    display: inline-block;
}
.product-detail .product-main-action ul li > span.customer-service-call-trigger, .product-detail .product-main-action ul li > span.favorite-trigger  {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: normal;
}
.product-detail .product-main-action ul li > span .title-action {

}
.product-detail .product-main-action ul li > span:active, .product-detail .product-main-action ul li > span:hover {
    color: #b28200;
}

.product-detail .product-coffret {
    margin-top: 55px;
}

.product-detail .product-coffret .product-baseline {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px;
    display: block;
    margin-bottom: 25px;
}

.product-detail .product-coffret .product-action {
    position: relative;
    left: 0;
    bottom: 0;
}

.product-detail .product-coffret .product-action ul {
    width: 100%;
}

.product-detail .product-coffret .product-action li {
    width: 100%;
    display: table-cell;
    border-top: 1px solid #ababab;
}

.product-detail .product-coffret .product-action li .cart-trigger {
    text-transform: none;
}

.product-detail .product-video {
    margin: 15px 0;
    margin-top: 55px;
}

.product-detail .product-video .legend {
    font-size: 17px;
    padding: 0 15px;
    width: 75%;
}
.product-detail .product-video .player-container {
    height: 280px;
}
.product-detail .product-video .player-container.video-3 {
    margin-top: 20px;
}

.product-detail .product-video .fieldset {
    padding: 10px;
    padding-top: 0;
}

.product-detail .product-video .fieldset div {
    position: relative;
}

.vid-container {
    position: relative;
    cursor: pointer;
}

.vid-container img {
    width: 100%;
    height: auto;
    z-index: 10;
    display: block;
    z-index: 4;
}

.vid-container iframe {
    z-index: 6 !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    width: 200px;
    height: 200px;
    opacity: 0;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    margin-left: -100px;
    margin-top: -100px;
}

.play-btn {
    background: url("../img/layout/play.svg") no-repeat center center;
    background-size: 60px;
    display: block;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    z-index: 5;
    position: absolute;
}

.play-btn > span {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    font-style: normal;
    width: 100%;
    text-align: center;
}

.play-btn.loading {
    background: none;
    left: 0;
    width: 100%;
    margin-left: 0;
}

.play-btn.loading span {
    display: block;
}

.product-attribute-contenance {
    width: 100%;
    margin: 15px 0;
}

.product-attribute-contenance .custom-radio input[type=radio]:checked + label {
    background: #e6e6e6;
}

.product-attribute-contenance .custom-radio label {
    color: #4e4848;
    text-align: left;
    line-height: 44px;
    display: block;
    width: 100%;
    padding: 0;
    padding-left: 50px;
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.product-attribute-contenance .custom-radio label:after, .product-attribute-contenance .custom-radio label:before {
    top: 50%;
    left: 18px;
}

.product-attribute-contenance .product-contenance-price {
    float: right;
    line-height: 44px;
    border-left: 1px solid #CCC;
    padding: 0 15px;
    width: 35%;
    white-space: nowrap;
}

.product-attribute-contenance ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #CCC;
}

.product-attribute-contenance li {
    display: block;
    border-top: 1px solid #CCC;
    font-size: 19px;
    font-family: "Times New Roman", Times, serif;
    color: #4e4848;
}

.product-attribute-contenance li:first-child {
    border-top: 0;
}

.product-attribute-color {
    border: 1px solid #CCC;
    width: 100%;
    margin: 15px 0;
}

.product-attribute-color .product-list-color {
    padding: 20px 13px;
    height: 84px;
    border-bottom: 1px solid #CCC;
    font-size: 0;
}

.product-attribute-color .product-list-color .nav-next,
.product-attribute-color .product-list-color .nav-prev {
    font-size: 13px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.product-attribute-color .product-list-color .nav-next {
    right: 0;
}

.product-attribute-color .product-list-color .nav-prev {
    left: 0;
}

.product-attribute-color .product-list-color .carrousel-color {
    padding: 0 25px;
}

.product-attribute-color .product-list-color .color {
    width: 44px;
    height: 44px;
    display: inline-block;
    margin: 0 3px;
    position: relative;
    overflow: hidden;
}

.product-attribute-color .product-list-color .color:after {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    border: 1px solid #FFF;
    content: '';
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transform: scale(1.4);
    -khtml-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
    -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -khtml-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.product-attribute-color .product-list-color .color:active:after, .product-attribute-color .product-list-color .color.selected:after {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.product-attribute-color .product-list-color .color div {
    height: 44px;
    width: 44px;
}

.product-attribute-color .product-list-color .color.duo div {
    float: left;
    width: 22px;
}

.product-attribute-color .product-list-color .color.duo.color-4 div {
    height: 22px;
}

.product-attribute-color .product-select-color select {
    color: #4e4848;
    border: 0;
    font-weight: 700;
    font-size: 13px;
    font-family: "Roboto", sans-serif;
}

.product-attribute-color .product-select-color .custom-select:after {
    border-color: #4e4848 transparent transparent transparent;
}

.products-associated .title {
    font-size: 22px;
    padding-top: 20px;
}

.popin-product .close-popin-trigger {
    top: 10px;
    right: 10px;
}

.popin-product .product-item {
    margin: 0;
}

.popin-product .product-item:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(144, 144, 144, 0.6);
    visibility: hidden;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -khtml-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.popin-product .product-item.show-attributes:after {
    visibility: visible;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.popin-product .product-item .vignette {
    top: 0;
}

.popin-product .product-item .product-img.no-title {
    max-height: 170px;
    padding-top: 20px;
}

.popin-product .product-item .product-info {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.popin-product .product-item .product-action {
    position: relative;
    z-index: 310;
    bottom: 0;
    width: 100%;
}

.popin-product .product-item .product-action .btn {
    margin: 0;
}

.popin-product .product-item .product-action ul {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.popin-product .product-item .product-action ul li {
    width: 100%;
    display: table-cell;
}

.popin-product .product-item .product-action ul li:first-child {
    width: 60%;
}

.popin-product .product-item .product-action ul li p {
    padding: 0 10px;
}

.popin-product .product-item .product-action a {
    padding: 0;
    width: 100%;
    text-align: center;
}
.popin-product .product-item .product-action a.cart-trigger, .product-item .product-action.static a {
    line-height: 45px;
    word-wrap: break-word;
    white-space: unset;
    min-height: 45px;
    padding: 12px 5px;
    height: unset;
}
.popin-product .product-item .product-attributes {
    position: relative;
    z-index: 300;
}

.popin-product .product-item .product-attributes .product-attribute-contenance,
.popin-product .product-item .product-attributes .product-attribute-color {
    position: absolute;
    bottom: 0;
    left: -1px;
    right: -1px;
    margin: 0;
    width: auto;
    background: #FFF;
    visibility: hidden;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(20%);
    -khtml-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
    -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    -khtml-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

.popin-product .product-item .product-attributes .product-attribute-contenance .show-attr-trigger,
.popin-product .product-item .product-attributes .product-attribute-color .show-attr-trigger {
    margin-bottom: 20px;
}

.popin-product .product-item .product-attributes.show .product-attribute-contenance,
.popin-product .product-item .product-attributes.show .product-attribute-color {
    visibility: visible;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0%);
    -khtml-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

.block-video-3 {
    margin-top: 20px;
}
.popin-video,
.popin-zoom,
.popin-video-2,
.popin-video-3 {
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
}

.popin-video img,
.popin-zoom img
.popin-video-2 img,
.popin-video-3 img{
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -khtml-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.popin-video iframe,
.popin-zoom iframe,
.popin-video-2 iframe,
.popin-video-3 iframe{
    width: 100% !important;
    height: 85% !important;
    margin-top: 15%;
}

.popin-video.popin-video,
.popin-zoom.popin-video,
.popin-video-2.popin-video-2,
.popin-video-3.popin-video-3 {
    background: #000;
}

.popin.advice-beauty-popin{
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFF;
}

.popin.advice-beauty-popin iframe{
    margin-top: 15% !important;
    width: 100% !important;
    height: 55% !important;
}

.popin.advice-beauty-popin .advice-beauty-content{
    text-align: left;
    padding: 19px;
    font-size: 14px;
    font-family: "Times New Roman", Times, serif;
}

.popin-fidelity .title {
    width: 90%;
}

.popin-fidelity .product-item {
    margin-bottom: 0;
}

.popin-fidelity .product-item .product-name {
    height: auto;
}

.popin-fidelity .product-item .product-point {
    color: #b28200;
    text-transform: uppercase;
}

.popin-fidelity .product-item .product-attribute-color {
    margin: 8px 0;
}

.popin .product-item .product-img {
    max-height: 150px;
    padding-bottom: 0.6em;
}

.popin .product-item .product-img img {
    max-height: 150px;
    display: block;
    margin: auto;
}

@media only screen and (max-height: 400px) {
    .popin .product-item .product-img {
        max-height: 100px;
        padding-bottom: 0.6em;
    }

    .popin .product-item .product-img img {
        max-height: 100px;
        display: block;
        margin: auto;
    }
}

.video-trigger {
    position: relative;
}

.video-trigger iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
}

/*------------------------------------*\
		Page Espace beauté
\*------------------------------------*/
.btn-beauty-space {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: #909090;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin: 10px 0;
    min-height: 125px;
    position: relative;
    -webkit-transition: all 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -khtml-transition: all 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.btn-beauty-space.small {
    min-height: 0;
    font-size: 10px;
}

.btn-beauty-space.small span {
    width: 50px;
    line-height: 50px;
    height: 50px;
    font-size: 20px;
}

.btn-beauty-space.small span [class^="icon-"].icon-sisley, .btn-beauty-space.small span [class^="icon-"].icon-sisley, .btn-beauty-space.small span [class^="icon-"].icon-cadenas, .btn-beauty-space.small span [class^="icon-"].icon-hearth-plus, .btn-beauty-space.small span [class^="icon-"].icon-db-bubble, .btn-beauty-space.small span [class^="icon-"].icon-gift, .btn-beauty-space.small span [class^="icon-"].icon-my-products {
    font-size: 25px;
}

.btn-beauty-space.small span [class^="icon-"].icon-s-bubble, .btn-beauty-space.small span [class^="icon-"].icon-refresh, .btn-beauty-space.small span [class^="icon-"].icon-maquillage, .btn-beauty-space.small span [class^="icon-"].icon-parfum {
    font-size: 30px;
}

.btn-beauty-space.small [class^="icon-"] {
    color: #50494a;
}

.btn-beauty-space.small .icon-brush {
    font-size: 40px;
}

.btn-beauty-space.small .icon-eye {
    font-size: 45px;
}

.btn-beauty-space.small .icon-lipstick {
    font-size: 40px;
    margin-right: 4px;
}

.btn-beauty-space.small span [class^="icon-"].icon-s-bubble:before {
    margin-top: 3px;
}

.btn-beauty-space span {
    width: 75px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    background: transparent;
    display: block;
    margin: auto;
    font-size: 30px;
    color: #909090;
    border: 1px solid;
    margin-bottom: 10px;
    position: relative;
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -khtml-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    -khtml-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.btn-beauty-space span [class^="icon-"] {
    top: -2px;
    position: relative;
    z-index: 5;
}

.btn-beauty-space span [class^="icon-"]:before {
    margin: 0;
    width: auto;
}

.btn-beauty-space span [class^="icon-"].icon-sisley, .btn-beauty-space span [class^="icon-"].icon-sisley, .btn-beauty-space span [class^="icon-"].icon-refresh, .btn-beauty-space span [class^="icon-"].icon-hearth-plus, .btn-beauty-space span [class^="icon-"].icon-db-bubble, .btn-beauty-space span [class^="icon-"].icon-my-products {
    font-size: 40px;
}

.btn-beauty-space span [class^="icon-"].icon-sisley, .btn-beauty-space span [class^="icon-"].icon-refresh, .btn-beauty-space span [class^="icon-"].icon-hearth-plus, .btn-beauty-space span [class^="icon-"].icon-db-bubble, .btn-beauty-space span [class^="icon-"].icon-my-products {
    font-size: 40px;
}

.btn-beauty-space span:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -khtml-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: scale(0);
    -khtml-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.btn-beauty-space.active {
    color: #b28200;
}

.btn-beauty-space.active span {
    color: #b28200;
}

.btn-beauty-space.active span:after {
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.timeline {
    text-align: left;
    padding: 25px 0;
    margin-bottom: 15px;
}

.timeline a {
    border-bottom: 1px solid;
}

.timeline.one-action .timeline-item:after {
    display: none;
}

.timeline .timeline-item {
    position: relative;
    padding: 0;
    padding-bottom: 15px;
    line-height: 1.3em;
}

.timeline .timeline-item:after {
    left: 24px;
    top: 0;
    bottom: 0;
    content: "";
    background: #909090;
    width: 1px;
    position: absolute;
}

.timeline .timeline-picto {
    float: left;
    width: 60px;
}

.timeline .timeline-picto .picto {
    position: relative;
    z-index: 2;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    border: 1px solid #4e4848;
    color: #b28200;
    background: #FFF;
    font-size: 25px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.timeline .timeline-picto .picto [class^='icon-']:before {
    width: auto;
}

.timeline .timeline-detail {
    padding-left: 60px;
    padding-bottom: 25px;
}

.timeline .timeline-date {
    margin: 5px 0;
    font-size: 11px;
    font-weight: 700;
    color: #666666;
    margin-top: 0;
}

.timeline .timeline-title {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    color: #4e4848;
    margin: 5px 0;
}

.timeline .timeline-desc {
    margin: 5px 0;
}

.timeline .timeline-desc img {
    float: left;
    max-width: 20%;
    margin-right: 5px;
}

.timeline .timeline-desc:after {
    width: 1px;
    height: 1px;
    display: block;
    clear: both;
    content: '';
}

.timeline .timeline-desc .attr-color {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin: 5px 0;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}

.timeline .timeline-link {
    color: #b28200;
    float: right;
    border-bottom: 1px solid;
}

.timeline .timeline-link:hover {
    color: #4e4848;
}

.sisley-club-info {
    position: relative;
    padding-left: 60px;
    color: #666;
}

.sisley-club-info [class^='icon-'] {
    color: #b28200;
    font-size: 30px;
    position: absolute;
    top: 0;
    line-height: 35px;
    left: 0;
}

.sisley-club-info [class^='icon-']:before {
    line-height: auto;
    width: auto;
    margin: 0;
}

.sisley-club-info .gold {
    color: #b28200;
}

.header-beauty-space {
    height: auto;
    padding-top: 10px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 25px;
    position: relative;
}

.header-beauty-space:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    border-left: 1px solid #e6e6e6;
    left: 50%;
    bottom: 0;
    border-top: 1px solid #e6e6e6;
    margin-bottom: -8px;
    margin-left: -7px;
    background: #FFF;
    -webkit-transform: rotate(225deg);
    -khtml-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}

.header-beauty-space:after {
    background: #e6E6E6;
}

.header-beauty-space .title-page {
    font-size: 22px;
}

.header-beauty-space .beauty-space-menu {
    list-style: none;
    margin: 15px 0;
    padding: 0;
    font-size: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.header-beauty-space .beauty-space-menu li {
    display: inline-block;
    width: 100%;
    display: table-cell;
}

.header-beauty-space .beauty-space-menu li a {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    color: #FFF;
    background: #4e4848;
    border: 1px solid #4e4848;
    width: 100%;
    height: 36px;
    line-height: 36px;
    display: block;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-beauty-space .beauty-space-menu li a:hover {
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -webkit-opacity: 0.6;
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-opacity: 0.6;
    -o-opacity: 0.6;
    opacity: 0.6;
}

.header-beauty-space .beauty-space-menu li a.active {
    color: #909090;
    border-color: #909090;
    background: #FFF;
}

.account-basic-info .account-name {
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    font-style: italic;
    color: #4e4848;
    text-align: center;
}

.account-basic-info .account-statut {
    font-family: "Times New Roman", Times, serif;
    text-transform: uppercase;
    color: #4e4848;
    position: relative;
    padding: 5px 0;
    padding-left: 100px;
    /*height: 70px;*/
    line-height: 1.6em;
}

.account-basic-info .account-statut [class^='icon-'] {
    font-size: 30px;
    color: #b28200;
    height: 100%;
    line-height: 2.2em;
    vertical-align: middle;
    border-right: 1px solid #909090;
    width: 80px;
    position: absolute;
    text-align: center;
    left: 0;
    top: 0;
}

.account-basic-info .account-statut [class^='icon-']:before {
    width: auto;
}

.account-basic-info .account-statut span {
    color: #b28200;
}

.as-menu {
    margin: 15px 0;
}

.as-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.as-menu ul li {
    vertical-align: top;
    display: inline-block;
    width: 32%;
}

.as-menu.samples-filters ul li {
    width: 40%;
}

#as-selection .share-trigger {
    text-transform: uppercase;
}

.share-trigger {
    font-size: 14px;
    line-height: 2em;
    border-color: #cccccc;
    padding-left: 15px;
    padding-right: 15px;
}

.share-trigger [class^='icon-'] {
    font-size: 20px;
}

.share-trigger:hover {
    background: #ccc;
}

.popin-share .field-title {
    margin: 0;
    color: #4e4848;
    padding-top: 20px;
}

.block-sc {
    border-color: #b28200;
    text-align: center;
    font-size: 11px;
    color: #666;
    margin: 35px 0;
    padding-bottom: 15px;
}

.block-sc .legend {
    font-size: 10px;
    color: #909090;
    text-transform: uppercase;
}

.block-sc p {
    margin: 0;
}

.block-sc .highlight {
    color: #4e4848;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Times New Roman", Times, serif;
}

.block-sc .highlight .gold {
    color: #b28200;
}

.block-current-offers {
    color: #666666;
    margin: 35px 0;
}

.block-current-offers p {
    margin: 8px 0;
    min-height: 44px;
    display: inline-block;
}

.block-current-offers .title-block {
    font-size: 14px;
    color: #4e4848;
    text-transform: uppercase;
    font-family: "Times New Roman", Times, serif;
    margin: 8px 0;
    min-height: 0;
}

.block-current-offers .bann {
    font-size: 20px;
    font-family: "Times New Roman", Times, serif;
    height: 44px;
    line-height: 44px;
    border: 1px solid;
    color: #909090;
    text-transform: uppercase;
    padding: 0 8px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    font-style: italic;
}

.conversation .clearfix {
    clear: both;
}

.conversation ul {
    margin: 20px 0;
    padding: 0;
    list-style: none;
}

.conversation ul li {
    display: block;
    clear: both;
    margin: 20px 0;
}

.conversation ul li .avatar {
    float: right;
    width: 17%;
    text-align: right;
}

.conversation ul li .avatar .avatar-img {
    width: 36px;
    height: 36px;
    line-height: 33px;
    display: inline-block;
    color: #b28200;
    font-size: 20px;
    text-align: center;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.conversation ul li .avatar .avatar-img [class^='icon-']:before {
    width: auto;
    margin: 0;
}

.conversation ul li .conversation-item {
    border: 1px solid #909090;
    padding: 5px 15px;
    color: #666;
    float: left;
    width: 83%;
    position: relative;
}

.conversation ul li .conversation-item .conversation-people {
    margin: 10px 0;
    font-size: 12px;
    font-weight: 700;
    color: #4e4848;
    text-transform: uppercase;
}

.conversation ul li .conversation-item .conversation-people .conversation-date {
    color: #909090;
    font-weight: normal;
    font-size: 11px;
    padding: 0 10px;
}

.conversation ul li .conversation-item .conversation-desc {
    margin: 10px 0;
}

.conversation ul li.moderator .conversation-item {
    background: #e6e6e6;
    border-color: #e6e6e6;
}

.conversation ul li.you .avatar {
    float: left;
    text-align: left;
}

.conversation ul li.you .avatar .avatar-img {
    border: 1px solid #909090;
}

.conversation ul li.you .conversation-people {
    padding-right: 65px;
}

.conversation ul li.you .conversation-date {
    position: absolute;
    right: 0;
    top: 16px;
}

.conversation-title {
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Times New Roman", Times, serif;
    color: #4e4848;
    padding-top: 15px;
    margin: 0;
}

.conversation-consigne {
    font-size: 15px;
    font-family: "Times New Roman", Times, serif;
    line-height: 1.3em;
    margin-top: 0;
}

.conversation-text-container {
    width: 110%;
    position: relative;
    margin: 30px -5%;
    height: 51px;
}

.conversation-text-container .conversation-text {
    background: #CCC;
    padding: 5px;
    width: 100%;
    height: 51px;
    display: block;
    position: relative;
}

.conversation-text-container .conversation-text.focus {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5000;
    margin: 0;
    width: 100%;
}

.conversation-text-container .conversation-text textarea {
    border: none;
    resize: none;
    margin: 0;
    display: block;
    width: 100%;
    padding-right: 70px;
    padding-left: 20px;
    /* firefox 19+ */
    /* ie */
}

html[lang=de] .conversation-text-container .conversation-text textarea,
html[lang=es] .conversation-text-container .conversation-text textarea {
    font-size: 13px;
    line-height: 24px;
}

html[lang=es] #as-conseillere .btn.big,
html[lang=de] #as-conseillere .btn.big {
    font-size: 12px;
}

.conversation-text-container .conversation-text textarea::-webkit-input-placeholder {
    color: #909090;
}

.conversation-text-container .conversation-text textarea::-moz-placeholder {
    color: #909090;
}

.conversation-text-container .conversation-text textarea:-ms-input-placeholder {
    color: #909090;
}

.conversation-text-container .conversation-text textarea:-moz-placeholder {
    color: #909090;
}

.conversation-text-container .conversation-text button {
    display: inline-block;
    position: absolute;
    width: 60px;
    font-size: 25px;
    height: 41px;
    border: none;
    text-align: center;
    color: #4e4848;
    background: #CCC;
    top: 5px;
    right: 5px;
    bottom: 5px;
    margin: 0;
    padding: 0;
    padding-left: 5px;
}

.conversation-text-container .conversation-text button [class^='icon-']:before {
    width: auto;
}

/*------------------------------------*\
		Page connexion
\*------------------------------------*/
.block-connection {
    padding: 10px 0;
}

.block-connection input[type="text"],
.block-connection input[type="password"] {
    border: none;
    border-bottom: 1px solid #666;
    font-size: 18px;
    padding: 0;
}

.block-connection .form-item {
    margin: 15px 0;
}

.block-connection a {
    font-size: 16px;
    color: #ababab;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
}

.block-inscription {
    padding: 10px 0;
}

.block-inscription .block-beauty-space {
    padding: 10px 0;
}

.block-inscription .block-beauty-space .slider .nav-prev:before,
.block-inscription .block-beauty-space .slider .nav-next:before {
    display: none;
}

.block-inscription .block-beauty-space .slider .carrousel:after {
    background: #f2f2f2;
}

/*------------------------------------*\
		Recherche
\*------------------------------------*/
.block-search {
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    padding: 7px 3px 0px 0px;
    min-height: 60px;
    position: fixed;
    height: auto;
    background: #f2f2f2;
}

body.show-search .block-search {
    display: block;
}

.block-search .center{
    width: 100%;
}

body.cms-index-index .block-search.mobile-search-home {
    padding: 7px 3px 0px 0px;
    min-height: 60px;
}

.block-search .close-popin-trigger {
    float: right;
    margin-right: 2%;
    margin-top: 6.2%;
}

.block-search form {
    font-size: 0;
}

.block-search input[type="text"] {
    margin: 5px 0 !important;
    height: 49px;
    border: 1px solid #909090;
    padding: 0 0 0 15px;
    width: 65%;
    font-size: 20px;
    border-right: 0;
    vertical-align: middle;
    margin: 5px 0 !important;
}

.block-search button {
    margin: 0;
    display: inline-block;
    height: 49px;
    background: #FFF;
    width: 20%;
    text-align: center;
    color: #4e4848;
    border: none;
    border: 1px solid #909090;
    font-size: 20px;
    border-left: 0;
    vertical-align: middle;
}

.block-search button [class^="icon-"]:before {
    width: auto;
}

.block-search.open {
    -webkit-transform: translate3d(0, 0, 0);
    -khtml-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

body.show-search header {
    margin-top: 60px;
}

.mobile-search-home .search-autocomplete{
    background-color: white;
    position: relative !important;
    width: 101% !important;
    left: -1px !important;
    top: -22px !important;
    font-size: medium;
    text-align: left;
}

.mobile-search-home .search-label{
    display:none;
}

.mobile-search-home.block-search{
    padding: 7px 3px 0px 0px;
    min-height: 60px;
    position: fixed;
}

.block-search{
    z-index: 41;
    position: fixed;
}

.mobile-search-home.block-search .center{
    width: 100%;
}

.mobile-search-home.block-search .close-popin-trigger{
    margin-right: 2%;
}

.mobile-search-home.block-search input[type="text"]{
    width: 65%;
}

body.show-search .block-main-slider {
    margin-top: 60px;
}

.mobile-search-mag{
    position: relative;
    display: block;
    bottom: auto;
    padding: 7px 3px 0px 0px;
    min-height: 60px;
    height: auto;
    background-color: inherit;
}

/*------------------------------------*\
		Page Mon compte
\*------------------------------------*/
.account-content {
    padding-bottom: 20px;
    position: relative;
}

.account-content .subtitle {
    color: #b28200;
}

.account-content .timeline {
    padding-bottom: 10px;
    margin-bottom: 0;
}

.account-content .account-section {
    position: absolute;
    padding: 0.1em 0;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    /*@include transition(all 0.5s $in-out-quad);*/
}

.account-content .account-section.active {
    position: static;
    display: block;
}

.account-menu ul li {
    width: 49%;
}

.account-menu.giftcard ul li {
    width: 32%;
}

.account-menu.giftcard ul li:nth-child(1) {
    width: 41%;
    margin-left: 30px;
}

.account-menu.giftcard ul li:nth-child(2) {
    margin-right: 30px;
}

.edit-pass-trigger {
    font-size: 14px;
    line-height: 2em;
}

.edit-pass-trigger [class^='icon-'] {
    font-size: 20px;
}

.order-table {
    width: 110%;
    position: relative;
    margin: 15px -5%;
}

.order-table tr {
    vertical-align: top;
}

.order-table tr.odd td,
#as-sisley-club .order-table tr:nth-child(odd) td {
    background: #e6e6e6;
}

.order-table tr.hidden > td {
    padding: 0;
}

.order-table th {
    padding: 15px 3%;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 700;
    color: #909090;
    text-align: left;
}

.order-table th:first-child {
    padding-left: 5%;
}

.order-table th:last-child {
    padding-right: 5%;
}

.order-table td {
    padding: 10px 3%;
    background: #FFF;
    font-size: 12px;
    color: #666;
    text-align: left;
}

.order-table td.order-points {
    color: #b28200;
}

.order-table td:first-child {
    padding-left: 5%;
}

#as-sisley-club .order-table td:first-child {
    text-transform: uppercase;
}

.order-table td:last-child {
    padding-right: 5%;
}

.order-table .icon-plus2 {
    border: 1px solid #4e4848;
    height: 17px;
    width: 17px;
    float: right;
    margin: 0;
}

.order-table .icon-plus2:after, .order-table .icon-plus2:before {
    background: #4e4848;
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.order-table .icon-plus2:before {
    width: 9px;
    left: 3px;
}

.order-table .icon-plus2:after {
    height: 10px;
    top: 3px;
}

.order-table .active .icon-plus2:after {
    -webkit-transform: rotate(90deg);
    -khtml-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.order-table .order-total {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.order-table .order-detail {
    width: 100%;
    height: 0;
    overflow: hidden;
}

.order-table .order-detail .order-table {
    width: 100%;
    margin: 15px 0;
}

.order-table .order-detail .order-detail-content {
    padding: 0.1em 0;
}

.order-table .order-detail th, .order-table .order-detail td {
    background: transparent !important;
    border-bottom: 1px solid #CCC;
}

.order-table .order-detail .block-address {
    background: transparent;
}

.order-total {
    background: #e6e6e6;
    color: #666666;
    width: 110%;
    position: relative;
    margin: 0px -5%;
}

.order-total td {
    padding: 10px 5%;
    background: none;
    text-align: left;
}

.order-total td:nth-child(2) {
    font-family: "Times New Roman", Times, serif;
}

.order-total td.order-price {
    font-size: 16px;
}

.order-total td.bold {
    color: #4e4848;
}

.order-total td.bold strong {
    font-size: 14px;
    text-transform: uppercase;
}

.order-total .separator td {
    border-top: 1px solid #CCC;
}

.order-total .separator.no-pad td {
    padding-bottom: 0;
}

.order-total .collapse td {
    padding: 2px 5%;
}

.order-total .collapse:first-child td {
    padding-top: 15px;
}

.order-total .collapse.last td {
    padding-bottom: 15px;
}

.order-total .price-total .bold strong {
    font-size: 17px;
}

.order-total .price-total td:last-child {
    font-size: 19px;
}

.order-total.order-recapitulatif tr:last-child td {
    padding-bottom: 40px;
}

.block-address {
    color: #4e4848;
    border: 1px solid #e6e6e6;
    background: #e6e6e6;
    padding: 15px;
    margin: 15px 0;
}

.block-address .title-address {
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
}

.block-address p {
    margin: 5px 0;
    line-height: 1.4em;
}

.block-address .notice {
    color: #ababab;
}

/*------------------------------------*\
		Checkout
\*------------------------------------*/

.checkout-onepage-index #payment_form_cybersource_card_processing #new-card-form > .text-right{
    margin-top: -10px;
    margin-bottom: 40px;
}


.cart-container {
    padding-bottom: 35px;
}

.cart-container .cgv {
    color: #666;
    margin-top: 0;
}

.cart-container .cgv a {
    color: #666;
    border-bottom: 1px solid;
}

.cart-container .product-price {
    text-align: center;
}

.cart-container .subtitle2 {
    font-size: 12px;
    text-align: left;
}

.cart-container .product-item {
    text-align: left;
    margin: 30px 0;
}

.cart-container .product-item .product-img {
    width: 45%;
    padding: 0;
    margin: 0;
}

.cart-container .product-item .product-info {
    width: 55%;
    padding: 0 10px;
}

.cart-container .product-item .product-carac {
    font-size: 16px;
    color: #666666;
    font-family: "Times New Roman", Times, serif;
}

.cart-container .product-item .product-carac .color {
    width: 22px;
    height: 22px;
    display: block;
    margin: 10px 0;
}

.colors-4 {
    background: linear-gradient(to right, var(--background-color-3) 50%, var(--background-color-4) 50% 100%);
}

.colors-4::before {
    background: linear-gradient(to right, var(--background-color-1) 50%, var(--background-color-2) 50% 100%);
    content: '';
    display: block;
    height: 50%;
}

.cart-container .product-item .product-carac .color div {
    float: left;
    height: 22px;
    width: 22px;
}

.cart-container .product-item .product-carac .color.duo div {
    width: 11px;
}

.cart-container .product-item .product-name {
    height: auto;
}

.cart-container .product-item .product-action {
    border-left: 1px solid #ababab;
    margin-top: 15px;
}

.cart-container .product-item .product-action li {
    border: 1px solid #ababab;
    border-left: 0;
}

.cart-container .product-item .product-action .product-qty {
    background: transparent;
    width: 100px;
}

.cart-container .product-item .product-action .product-qty select {
    font-size: 16px;
    border: none;
}

.cart-container .product-item .product-action .product-del {
    text-align: center;
    width: 44px;
    background: #FFF;
}

label.align-mid:before, label.align-mid:after {
    margin-top: 15px;
}

.block-product-gift {
    border: 4px solid #CCC;
    padding: 0;
    margin: 15px 0;
    margin-top: 40px;
}

.block-product-gift .legend {
    font-size: 14px;
}

.block-product-gift.gift-sisley-club {
    border: 1px solid #b28200;
}

.block-product-gift.gift-sisley-club .legend {
    font-size: 13px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #b28200;
}

.block-product-gift.gift-sisley-club .product-item {
    border-bottom: 1px solid #b28200;
}

.block-product-gift.gift-sisley-club .product-item:last-child {
    border-bottom: 0;
}

.block-product-gift.gift-sisley-club .product-item .product-action .product-price {
    background: #b28200;
    color: #FFF;
}

.block-product-gift .product-item {
    margin: 0;
    border-bottom: 1px solid #ababab;
}

.block-product-gift .product-item:last-child {
    border-bottom: 0;
}

.block-product-gift .product-item .product-action {
    border: none;
}

.block-product-gift .product-item .product-action li {
    border-bottom: none;
}

.block-product-gift .product-item .product-action li:last-child {
    border-right: none;
}

.block-coupon {
    margin-bottom: 13px;
}

.block-coupon label {
    font-size: 13px;
    font-family: "Roboto", sans-serif;
    color: #4e4848;
    margin: 8px 0;
}

.block-coupon input {
    float: left;
    line-height: 35px;
    height: 35px;
    margin: 0;
    width: 70%;
    border-color: #ababab;
}

.block-coupon button.btn {
    float: left;
    margin: 0;
    width: 30%;
    font-size: 13px;
    padding: 0;
    text-align: center;
    line-height: 35px;
    height: 35px;
}

.next-step-trigger {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
}

html[lang=de] .cart-container .next-step-trigger {
    white-space: normal;
}

.block-cart-sisley-club {
    border: 1px solid #b28200;
    height: 74px;
    margin: 20px 0;
}

.block-cart-sisley-club .bann {
    height: 100%;
    width: 30%;
    font-size: 16px;
    color: #4e4848;
    text-transform: uppercase;
    font-family: "Times New Roman", Times, serif;
    float: left;
    text-align: center;
}

.block-cart-sisley-club .bann [class^='icon-'] {
    color: #b28200;
}

.block-cart-sisley-club .bann [class^='icon-']:before {
    margin: 0;
    width: auto;
}

.block-cart-sisley-club .points {
    width: 70%;
    height: 100%;
    float: left;
    color: #666666;
    text-align: center;
    border-left: 1px solid #b28200;
}

.block-cart-sisley-club .points strong {
    font-weight: normal;
    font-size: 17px;
    color: #b28200;
    font-family: "Times New Roman", Times, serif;
    text-transform: uppercase;
}

.title-step {
    color: #4e4848;
    margin: 25px 0;
}

.tabs-paiement ul li .link-tab,
.tabs-recapitulatif ul li .link-tab {
    text-align: left;
    position: relative;
    font-family: "Roboto", sans-serif;
}

.tabs-paiement ul li .link-tab .title-tab,
.tabs-recapitulatif ul li .link-tab .title-tab {
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    padding-right: 20px;
    text-transform: uppercase;
}

.tabs-paiement ul li .link-tab p,
.tabs-recapitulatif ul li .link-tab p {
    margin: 0;
    line-height: 1.4em;
}

.tabs-paiement ul li .link-tab .icon-plus2,
.tabs-recapitulatif ul li .link-tab .icon-plus2 {
    position: absolute;
    top: 10px;
    margin: 0;
    right: 10px;
}

.tabs-paiement .custom-radio,
.tabs-recapitulatif .custom-radio {
    padding: 5px 0;
}

.tabs-paiement .custom-radio label,
.tabs-recapitulatif .custom-radio label {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
}

.tabs-paiement .custom-select:after,
.tabs-recapitulatif .custom-select:after {
    border-color: #ababab transparent transparent transparent;
}

.tabs-recapitulatif {
    margin-bottom: 10px;
}

.shipping-option-message {
    margin: 0px 30px 31px 30px;
    text-align: center;
    color: #909090;
    font-size: 12px;
    font-family: arial, Times, Georgia, serif;
}

.shipping-list {
    margin: 10px 0;
}

.shipping-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.shipping-list ul li {
    display: block;
    padding: 10px 0;
    border: none;
    list-style-type: none;
    padding-left: 0 !important;
}

.shipping-list ul li:before {
    display: none;
}

.shipping-item {
    position: relative;
}

.shipping-item .shipping-img {
    max-width: 65%;
    margin-top: -10px;
}

.shipping-item .shipping-link {
    color: #4e4848;
    border-bottom: 1px solid;
    position: absolute;
    top: 1em;
    margin-top: -6px;
    right: 0;
    z-index: 1000;
}

.shipping-item .shipping-desc {
    color: #666;
    margin: 5px 0;
    max-width: 65%;
}

.shipping-item .shipping-desc strong {
    font-weight: 700;
    font-size: 18px;
    color: #4e4848;
}

.shipping-item .shipping-price {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    color: #4e4848;
    margin: 0;
    position: absolute;
    bottom: 7px;
    right: 0;
}

body.mobile-fr-ca .shipping-item .shipping-price, body.mobile-en-ca .shipping-item .shipping-price {
    position: unset;
}

.shipping-info {
    padding: 10px 0;
    color: #4e4848;
}

.shipping-info table {
    font-size: 12px;
}

.shipping-info .subtitle {
    margin-bottom: 0;
}

.shipping-info .notice {
    color: #909090;
}

.shipping-info hr {
    border: none;
    height: 1px;
    background: #CCC;
    margin: 15px 0;
}

.shipping-info table td {
    padding: 0 5px;
}

.gift-msg .custom-radio label {
    font-size: 19px;
    font-family: "Times New Roman", Times, serif;
}

.gift-msg textarea {
    border-color: #CCC;
    resize: none;
    font-size: 13px;
    font-family: "Roboto", sans-serif;
}

.method-paiement {
    margin: 0;
}

.method-paiement select {
    background: #FFF;
}

.method-paiement .select-month {
    width: 45%;
    float: left;
}

.method-paiement .select-year {
    width: 45%;
    float: right;
}

.method-paiement .order-total {
    background: none;
}

.method-paiement .order-total td {
    vertical-align: top;
    background: none;
}

.tabs .list-paiement-method {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
}

.tabs .list-paiement-method li {
    display: inline-block;
    width: 25%;
    border: none;
}

.tabs .list-paiement-method li:last-child {
    padding-right: 0;
}

.tabs .list-paiement-method .custom-radio label {
    padding-left: 0;
    padding-bottom: 25px;
}

.tabs .list-paiement-method .custom-radio label:before {
    top: auto;
    bottom: 4px;
}

.tabs .list-paiement-method .custom-radio label:after {
    top: auto;
    bottom: 0;
}

.confirmation-page {
    color: #666666;
}

.confirmation-page p {
    margin: 1.5em 0;
}

.confirmation-page .title {
    font-size: 17px;
    width: 85%;
    margin: 20px auto;
    padding: 10px 0;
    color: #b28200;
}

.confirmation-page .title [class^='icon-'] {
    width: 75px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    color: #b28200;
    border: 1px solid #666;
    margin: auto;
    font-size: 30px;
    display: block;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.confirmation-page .title [class^='icon-']:before {
    width: auto;
}

.confirmation-page .block-grey {
    color: #4e4848;
    padding: 15px 0;
}

.confirmation-page .block-grey .title {
    color: #4e4848;
    border: none;
    width: 100%;
    padding: 0;
}

.confirmation-page input {
    background: none;
}

.block-sisley-club {
    padding-top: 30px;
    text-align: center;
    margin-bottom: 15px;
}

.block-sisley-club .fieldset {
    border-color: #b28200;
}

.block-sisley-club .fieldset .legend {
    font-size: 45px;
    color: #b28200;
    width: 40%;
    background: #f2f2f2;
    margin-bottom: -30px;
}

.block-sisley-club .fieldset .legend [class^='icon-']:before {
    width: auto;
}

.block-sisley-club .sisley-title {
    font-family: "Times New Roman", Times, serif;
    color: #b28200;
    font-size: 17px;
    margin: 10px 0;
}

.block-sisley-club .sisley-points {
    color: #4e4848;
    margin: 10px 0;
}

.block-sisley-club .sisley-points span {
    font-size: 22px;
    font-family: "Times New Roman", Times, serif;
}

.block-sisley-club .sisley-points-guest {
    font-size: 18px;
    margin: 10px 0;
    color: #4e4848;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
}

.block-sisley-club .sisley-points-guest span {
    font-style: normal;
    color: #b28200;
    text-transform: uppercase;
    font-size: 17px;
}

.block-sisley-club .sisley-points-guest .fat {
    font-size: 22px;
    line-height: 26px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 400;
    display: block;
    margin: 3px 0 0 0;
}

.block-sisley-club .notice {
    margin: 10px 0;
    color: #909090;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 15px;
}

.form-subscriber-guest {
    padding-top: 10px;
}

.popin-sisley-club .block-sisley-club {
    margin-top: 25px;
}

.popin-sisley-club .block-sisley-club .fieldset .legend {
    background: #FFF;
}

.popin-sisley-club .block-sisley-club .avantage {
    font-size: 11px;
    color: #4e4848;
    line-height: 1.3em;
}

.popin-sisley-club .block-sisley-club .avantage [class^='icon-'] {
    font-size: 30px;
    color: #909090;
    line-height: 1.7em;
}

.popin-sisley-club .block-sisley-club .avantage [class^='icon-']:before {
    width: auto;
}

.popin-point-retrait .iframe {
    margin: 15px 0;
}

.popin-crypto img {
    margin-top: 20px;
}

.popin-crypto .subtitle-popin {
    margin-top: 30px;
}

.popin-crypto .msg {
    line-height: 18px;
}

/*------------------------------------*\
		Page Store locator
\*------------------------------------*/
.store-locator-container {
    padding-bottom: 25px;
    position: relative;
}

.store-locator-container .subtitle {
    color: #b28200;
    margin: 1.7em;
}

.store-locator-container .close-shop-trigger {
    position: absolute;
    right: 5%;
    top: -25px;
    font-size: 20px;
}

.list-shops {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list-shops li {
    border-bottom: 1px solid #909090;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.shop-item {
    position: relative;
}

.shop-item .shop-name {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #4e4848;
    text-transform: uppercase;
    max-width: 70%;
}

.shop-item .shop-address {
    margin: 0;
    max-width: 70%;
}

.shop-item .shop-map {
    color: #b28200;
    border-bottom: 1px solid;
    position: absolute;
    right: 0;
    bottom: 20px;
    text-align: right;
}

.shop-item .shop-map [class^='icon-'] {
    color: #4e4848;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 24px;
}

.shop-item .shop-map [class^='icon-']:before {
    margin: 0;
    width: auto;
}

/*------------------------------------*\
		Pages annexes
\*------------------------------------*/
.annexe-container {
    padding-bottom: 30px;
}

.annexe-container .subtitle {
    color: #b28200;
    margin: 1.6em 0;
}

.annexe-container .block-search {
    padding: 0;
    max-height: 90%;
    background: transparent;
    -webkit-transform: translate3d(0, 0, 0);
    -khtml-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.annexe-container .block-search input,
.annexe-container .block-search button {
    float: left;
    margin: 0;
}

.tabs-infos-pratiques ol li .link-tab,
.tabs-infos-pratiques ul li .link-tab {
    padding-top: 0;
    padding-bottom: 0;
    height: 44px;
    font-size: 13px;
    line-height: 1.3em;
}

html:lang(th) .tabs-infos-pratiques ol li .link-tab,
html:lang(zh) .tabs-infos-pratiques ol li .link-tab {
    font-size: 12px;
}

.tabs-infos-pratiques ol li .link-tab .icon-plus2,
.tabs-infos-pratiques ul li .link-tab .icon-plus2 {
    position: absolute;
    top: 13px;
    right: 10px;
}

.tabs-infos-pratiques ol li:before,
.tabs-infos-pratiques ul li:before {
    top: 14px;
}

.block-slider {
    margin: 35px 0;
}

.block-slider .subtitle {
    padding-bottom: 20px;
    border-bottom: 1px solid #b28200;
    margin-bottom: 25px;
    position: relative;
    margin-bottom: 15px;
}

.block-slider .subtitle:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    border-left: 1px solid #b28200;
    left: 50%;
    bottom: 0;
    border-top: 1px solid #b28200;
    margin-bottom: -8px;
    margin-left: -7px;
    background: #FFF;
    -webkit-transform: rotate(225deg);
    -khtml-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}

.block-slider .slider {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    color: #4e4848;
}

.block-slider .slider .slide {
    min-height: 100px;
}

.block-slider .slider .controls {
    display: none;
}

.block-slider .slider .nav-prev,
.block-slider .slider .nav-next {
    top: 2px;
    margin: 0 -6px;
    color: #ababab;
}

.block-coffrets .title {
    margin-bottom: 0;
}

.block-advantage-sisley {
    color: #4e4848;
    padding-bottom: 10px;
}

.block-advantage-sisley .highlight {
    font-size: 17px;
    font-family: "Times New Roman", Times, serif;
}

.block-advantage-sisley strong {
    font-size: 16px;
}

.block-example .legend {
    font-size: 9px;
    text-transform: uppercase;
    margin-top: 20px;
    font-weight: 700;
}

.block-example .product-item {
    margin: 0;
}

.block-example .product-item .product-img {
    width: 45%;
}

.block-example .product-item .product-info {
    width: 55%;
}

.block-example .product-item .product-name {
    height: auto;
}

.block-example .product-item .product-price {
    margin: 10px 0;
}

.block-advantage-statut {
    color: #4e4848;
    padding-bottom: 15px;
}

.block-advantage-statut [class^='icon-'] {
    display: inline-block;
    margin: 10px 0;
    font-size: 40px;
}

.block-advantage-statut [class^='icon-']:before {
    line-height: 1em;
    width: auto;
    margin: 0;
}

.block-advantage-statut .highlight {
    display: inline-block;
    margin: 12px 0;
}

.tabs-faq {
    margin: 35px 0;
}

.tabs-faq ul li .link-tab {
    font-size: 13px;
    position: relative;
}

.tabs-faq ul li .link-tab .icon-plus2 {
    position: absolute;
    right: 10px;
    top: 12px;
}

.list-sitemap {
    margin: 0;
    padding: 0;
    list-style: none;
    /*text-align: center;*/
}

.list-sitemap li {
    font-size: 17px;
    text-transform: uppercase;
    font-family: "Times New Roman", Times, serif;
    border-bottom: 1px solid #ababab;
    padding: 20px 0;
    margin-top: 10px;
}

.list-sitemap li.level3 {
    margin-left: 15px;
    margin-top: 0px;
}

.list-sitemap li:last-child {
    border-bottom: 0;
}

.list-sitemap li a {
    display: block;
    color: #4e4848;
}

.list-sitemap li a:active {
    color: #b28200;
}

.list-sitemap li ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-top: 20px;
}

.list-sitemap li ul li {
    border: none;
    font-size: 13px;
    padding: 2px 0;
    text-transform: none;
    font-family: "Roboto", sans-serif;
}

.list-sitemap li ul li a {
    padding: 0;
}

.contact-form {
    /* firefox 19+ */
    /* ie */
}

.contact-form ::-webkit-input-placeholder {
    color: #ababab;
}

.contact-form ::-moz-placeholder {
    color: #ababab;
}

.contact-form :-ms-input-placeholder {
    color: #ababab;
}

.contact-form input:-moz-placeholder {
    color: #ababab;
}

.contact-form .limit {
    display: none;
    color: #ababab;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    font-style: italic;
}

.block-404 {
    padding-top: 60px;
    padding-bottom: 50px;
}

.block-404 .title {
    font-size: 22px;
}

.block-404 .fieldset {
    border-color: #b28200;
}

.block-404 .fieldset .legend {
    font-size: 45px;
    color: #b28200;
    margin-bottom: -30px;
}

.block-404 .fieldset .legend [class^='icon-']:before {
    width: auto;
}

.block-404 .fieldset .action {
    width: 85%;
    margin: auto;
    text-align: center;
    background: #FFF;
    bottom: -2.4em;
    position: relative;
}

.block-404 .fieldset .action .btn {
    border-color: #b28200;
    width: 80%;
    margin: auto;
    display: block;
}

.block-404 .fieldset .action .btn:active {
    background: #b28200;
}

.block-cookies {
    color: #000000;
    background: rgba(255, 255, 255, 0.95);
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    font-size: 12px;
    padding: 15px 0;
    padding-top: 20px;
}

.block-cookies a {
    color: #000000;
}

.block-cookies .center {
    width: 80%;
    margin-left: 15px;
    text-align: justify;
}

.block-cookies .close-popin-trigger {
    top: 27px;
    right: 5%;
    color: #000000;
}

.block-ms {
    padding-bottom: 20px;
}

.block-ms:last-child {
    margin-bottom: -30px;
    padding-bottom: 50px;
}

.block-ms.block-ms-phyto {
    background: #e9f4e4;
}

.block-ms.block-ms-marque {
    background: #fbffe9;
}

.block-ms.block-ms-recherche {
    background: #e8eff7;
}

.block-ms.block-ms-dev {
    background: #f6faf9;
}

.block-ms.block-ms-carriere {
    background: #f2f2f2;
}

.block-ms.block-ms-fondation {
    background: #f9f3e8;
}

.block-ms .title {
    font-size: 19px;
}

.block-ms .open-ms-trigger {
    position: relative;
}

.block-ms .open-ms-trigger span {
    border-bottom: 1px solid;
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -khtml-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.block-ms .open-ms-trigger .close {
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transform: translate(20px, 0);
    -khtml-transform: translate(20px, 0);
    -moz-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -o-transform: translate(20px, 0);
    transform: translate(20px, 0);
}

.block-ms .ms-detail {
    height: 0;
    overflow: hidden;
}

.block-ms .ms-detail .ms-content {
    padding: 0.1em 0;
    width: 100%;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -khtml-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.block-ms .ms-detail .ms-content img {
    margin-bottom: 30px;
}

.block-ms .ms-detail .ms-content h3 {
    margin: 0.6em 0;
}

.block-ms.open .open-ms-trigger .show {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transform: translate(-20px, 0);
    -khtml-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    -o-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
}

.block-ms.open .open-ms-trigger .close {
    visibility: visible;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -khtml-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.block-ms.open .ms-detail .ms-content {
    -webkit-transition-delay: 0.2s;
    -khtml-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.conseil-beaute-wrapper .header-page .back-trigger {
    right: auto;
    left: 5%;
}

.conseil-beaute-wrapper .header-page .share-trigger {
    right: 5%;
    position: absolute;
    padding: 0;
    font-size: 12px;
    top: 50%;
    margin-top: 2px;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.conseil-beaute-wrapper .conversation-consigne {
    font-size: 14px;
}

.header-gallery {
    background: none;
}

.header-gallery .title-page {
    font-size: 28px
}

.header-conseils .as-menu {
    margin: 0;
    margin-bottom: 5px;
}

.intro-conseil {
    color: #666;
}

.intro-conseil .date {
    font-weight: 700;
    font-size: 12px;
    margin-top: 0;
}

.intro-conseil img {
    display: block;

    width: 100%;
    height: auto;
}

.intro-conseil .desc {
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 35px;
}

.list-conseils.conseils-standby {
    display: none;
}

.list-conseils.conseils-standby img {
    opacity: 0;
    -webkit-transform: scale(0.7);
    -khtml-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.list-conseils.conseils-loaded img {
    opacity: 1;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.list-conseils .intro-conseil {
    color: #909090;
    margin: 25px 0;
}

.list-conseils .intro-conseil img {
    margin-bottom: 20px;
    border: none;
    width: 100%;
}

.list-conseils .intro-conseil .title {
    margin: 0.5em 0;
    line-height: 1em;
}

.conseil-item.conseil-used-products {
    margin-top: 25px;
}

.conseil-item .product-item .product-name.legend {
    padding: 0 10px;
    width: 94%;
}

.conseil-item .conseil-header {
    font-size: 22px;
    font-family: "Times New Roman", Times, serif;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    color: #4e4848;
    line-height: 1.2em;
    padding: 22px 0;
    background: #e6e6e6;
    position: relative;
    margin-bottom: 28px;
}

.conseil-item .conseil-header:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -12px;
    bottom: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 12px;
    border-color: #e6e6e6 transparent transparent transparent;
}

.conseil-item .conseil-content {
    border-bottom: 1px solid #b3b3b3;
    margin-bottom: 25px;
    position: relative;
}

.conseil-item .conseil-content:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-left: 1px solid #b3b3b3;
    left: 50%;
    bottom: 0;
    border-top: 1px solid #b3b3b3;
    margin-bottom: -7px;
    margin-left: -6px;
    background: #FFF;
    -webkit-transform: rotate(225deg);
    -khtml-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}

.conseil-item .conseil-desc {
    text-align: center;
    margin: 20px auto;
}

.conseil-item .conseil-desc p {
    width: 90%;
    margin: 1em auto;
}

.conseil-item .conseil-desc .conseil-title, .conseil-desc .cb--content-title {
    color: #4e4848;
    font-size: 17px;
    line-height: 1em;
    text-transform: uppercase;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    margin: 0;
    margin-bottom: 10px;
}

.conseil-desc .cb--content-title {
    text-align: center;
}

.conseil-desc p {
    margin-left: 5%;
    margin-right: 5%;
}

.conseil-item .product-attribute-color {
    border: none;
}

.conseil-item .product-attribute-color .product-list-color {
    padding: 0;
    border: none;
    text-align: center;
}

.conseil-item .product-attribute-color .product-list-color .slide {
    display: inline-block;
}

.conseil-item .product-attribute-color .product-list-color .color {
    margin: 2px 2px;
}

.conseil-item .block-sisley-club {
    margin: 0;
    margin-bottom: 35px;
}

.conseil-item .block-sisley-club p {
    color: #4e4848;
}

.conseil-item .block-sisley-club p i {
    color: #666;
}

.conseil-item .block-sisley-club .fieldset {
    border: 4px solid #cccccc;
    font-family: "Times New Roman", Times, serif;
}

.conseil-item .block-sisley-club .fieldset .legend {
    font-size: 35px;
    color: #CCC;
    width: 28%;
    background: #FFF;
}

.conseil-item .block-conseil-supp {
    margin-top: 0;
}

.conseil-comments {
    margin-top: 35px;
}

.conseil-comments .notice{
    text-align: center;
    color: #4e4848;
}

.conseil-comments .conversation-consigne {
    color: #4e4848;
}

.conseil-comments .conversation ul li .conversation-item {
    width: 100%;
}

.conseil-search input[type="text"] {
    height: 49px;
    border: 1px solid #909090;
    padding: 0;
    padding-left: 15px;
    width: 80%;
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    border-right: 0;
    vertical-align: middle;
}

.conseil-search button {
    margin: 0;
    margin-left: -5px;
    display: inline-block;
    height: 49px;
    background: #FFF;
    width: 20%;
    text-align: center;
    color: #4e4848;
    border: none;
    border: 1px solid #909090;
    font-size: 20px;
    border-left: 0;
    vertical-align: middle;
}

.conseil-search button [class^="icon-"]:before {
    width: auto;
}

.block .slider-product .slide.product-item {
    height: 100% !important;
}

.conseil-beaute-wrapper .block-conseils .slider .controls {
    margin-top: -24px;
}

.conseil-beaute-wrapper .block-conseils .conseil-item .conseil-title {
    margin-top: 45px;
}

.conseil-beaute-wrapper .block-conseils .conseil-item .conseil-title a {
    min-height: 45px;
    display: block;
}

#bottom_submit_newsletter_form.field_error {
    padding-bottom: 30px;
}

#bottom_submit_newsletter_form.field_error .validation-advice {
    position: absolute;
    left: 5%;
    width: 90%;
    margin-top: 8px;
}

#bottom_submit_newsletter_form label,
#bottom_submit_newsletter_form label a {
    color: #ccc;
}

#comment-is-sent {
    position: relative;
    margin-top: 20px;
    font-size: 12px;
    margin: 17px 5% 0 5%;
}

.conseil-beaute-wrapper .conversation-text-container {
    height: 71px;
}

[lang='en'] .shipping-price .price {
    font-size: 14px;
}

[lang='en'] .shipping-item .shipping-price {
    top: -6px;
}

[lang='en'] .shipping-item .shipping-link {
    font-size: 11px;
    line-height: 13px;
    margin-top: 0;
    top: 15px;
}

.shipping-item .shipping-time {
    font-size: 11px;
    line-height: 13px;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 11px;
}

body.mobile-fr-ca .shipping-item .shipping-time, body.mobile-en-ca .shipping-item .shipping-time {
    position: unset;
}

body.sisley-com-us .shipping-item .shipping-link {
    top: 23px
}

[lang='en'] .custom-radio label {
    padding-left: 35px;
}

[lang='ja'] .shipping-list {
    margin: 10px 0;
    text-align: center;
}

[lang='ja'] .shipping-list p.subtitle2 {
    text-align: center;
}

.delivery-hour label {
    color: #909090;
}

#payment_form_cybersource_card_processing #payment_form_cybersource_card_processing_options li {
    display: inline-block;
    float: none;
    margin-right: 5px;
    padding-left: 0;
    padding-top: 0;
    width: calc(50% - 5px);
}

#payment_form_cybersource_card_processing #payment_form_cybersource_card_processing_options li input[type=radio] {
    margin-right: 4px;
    margin-top: 20px;
}

#payment_form_cybersource_card_processing #payment_form_cybersource_card_processing_options label img {
    margin-left: 18px;
}

#payment_form_cybersource_card_processing #payment_form_cybersource_card_processing_options .custom-radio label {
    padding-bottom: 0px;
}

#payment_form_cybersource_card_processing #payment_form_cybersource_card_processing_options .custom-radio label::before,
#payment_form_cybersource_card_processing #payment_form_cybersource_card_processing_options .custom-radio label::after {
    top: 30px;
}

#payment_form_cybersource_card_processing #payment_form_cybersource_card_processing_options li input[type=radio],
#payment_form_cybersource_card_processing #payment_form_cybersource_card_processing_options li label {
    display: inline-block;
    float: none;
    vertical-align: top;
}

[lang='ja'] #payment_form_cybersource_card_processing_options {
    text-align: center
}

[lang='ja'] #payment_form_cybersource_card_processing_options li {
    display: inline-block;
    float: none;
    margin: 0 13px;
}

#checkout-payment-method-load .subtitle2,
#checkout-payment-method-load .payment-method > label {
    color: #4e4848;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.33px;
    text-transform: none;
}

#checkout-payment-method-load .payment-method > label {
    text-transform: uppercase;
}

#checkout-payment-method-load .payment-method {
    position: relative;
    padding: 10px 0;
}

#checkout-payment-method-load .payment-method:not(:last-child):after {
    border-bottom: 1px solid #ccc;
    content : "";
    position: absolute;
    left    : 15px;
    bottom  : 0;
    height  : 1px;
    width   : 90%;
}

#checkout-payment-method-load .payment-method:after {
    border-bottom: 1px solid #ccc;
}

#checkout-payment-method-load label[for*="p_method"]{
    display:inline;
    margin-left: 5px;
}

.one-method-true .tokens-0 {
    display: none;
}

[lang="ja"] #checkout-payment-method-load > input, [lang="ja"] #checkout-payment-method-load > label {
    float: left;
}

[lang="ja"] #checkout-payment-method-load > label {
    margin: -10px 0 -5px 10px;
}

[lang="ja"] #message_text {
    font-size: 14px;
}

.content-inner.mega-simple {
    font-family: arial;
    font-size: 12px;
    color: #4e4848;
}

.principal-title {
    font-family: times;
    text-transform: uppercase;
    font-size: 20px;
    color: #4e4848;
    margin-bottom: 20px;
}

.subbaseline {
    font-family: times;
    font-style: italic;
    font-size: 18px;
    color: #4e4848;
    text-align: center;
    margin-bottom: 20px;
}

label[for=p_method_cybersource_card_processing],
label[for=new-card],
label[for=p_method_paypal_express] {
    display: inline-block;
}

label[for=p_method_cybersource_card_processing],
label[for=new-card] {
    font-family: "Arial MT", arial;
}

label[for=p_method_paypal_express] {
    vertical-align: middle;
}

#giftbox_wrapped input[type="radio"] {
    position: relative;
    top: 10px;
    vertical-align: top;
    margin-left: 5px;
}

#giftbox_wrapped label {
    display: inline-block;
    margin-left: 5px;
    width: 89%;
}

.member-orchid {
    color: #909090;
}

.member-gold {
    color: #b28200;
}

.member-platinum {
    color: #000000;
}

.conseil-comments div.buttons {
    margin-bottom: 20px;
}

.conseil-comments div.buttons a {
    color: #4e4848;
    border: 1px solid #909090;
    display: block;
    font-family: "Times New Roman", Times, serif;
    font-size: 19px;
    font-weight: normal;
    line-height: 1.3em;
    margin: 20px 0 0;
    padding: 5px 15px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.status-orchid {
    background: url(../images/membre-picto-sprite-small.png) center -28px no-repeat;
}

.status-gold {
    background: url(../images/membre-picto-sprite-small.png) center 3px no-repeat;
}

.status-platinum {
    background: url(../images/membre-picto-sprite-small.png) center -61px no-repeat;
}

.club-icon {
    display: inline-block;
    height: 22px;
    left: 5px;
    position: relative;
    top: 3px;
    width: 22px;
}

#register-token-li {
    border: 1px solid #d6d6d6;
    margin-top: 20px;
    padding: 0 20px 20px;
}

#register-token-li label input {
    top: 0;
}

.token-popin {
    width: 335px;
    padding: 20px 0;
    margin: 0 auto;
    text-align: justify;
}

.icon-centered {
    background-color: #f1f1f1;
    display: inline-block;
    margin-top: -10px;
    width: 50px;
}

#new-card-form {
    padding: 20px;
}

#footer-seo {
    margin: 20px;
    padding: 20px;
    background-color: #EFEFEF;
}

#footer-seo-title {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
}

#footer-seo-title h2 {
    color:#000;
    font-weight: bold;
}

#footer-seo-description {
    text-align: justify;
    color: #909090;
    font-size: 13px;
}

.cards-list .card-data{
    margin-top: 30px;
}

.cards-list .card-data-line-ctn{
    background-color: #f1f1f1;
    padding: 20px;
    margin-bottom: 10px;
}

.cards-list .card-data-label{
    float: left;
}

.cards-list .card-data-value{
    float: right;
}

.cards-list .cards-del-button{
    text-align: right;
    text-decoration: underline;
}

.cards-list .cards-update-button{
    padding: 10px 25px;
    text-transform: uppercase;
    background: #4e4848;
    border-color: #4e4848;
    color: white;
    margin-top: 15px;
    text-align: center;
    font-size: 18px;
    margin-bottom: 25px;
}

.cards-list li{
    list-style-type: none;
}

.cards-list .item_choice_paiment_mode{
    float: left;
}

.cards-list .item_choice_paiment_mode input{
    margin: 0 5px 0 5px;
    margin-top: 21px;
    display: block;
    float: left;
}

.cards-list .item_choice_paiment_mode label {
    display: inline-block;
    width: 60%;
}

.cards-list .item_choice_paiment_mode{
    margin-top: 0px;
    margin-bottom: 0px;
}

.cards-list form{
    display:none;
}

.cards-list .form-list{
    background-color: #f1f1f1;
    padding: 20px 30px;
}

.cards-list #cybersource_card_processing_cc_number{
    width: 100%;
}

.cards-list .date_cart_tunnel_purchasing div.clearfix{
    width: 103%;
}

.cards-list #cybersource_card_processing_expiration{
    float:left;
    width: 130px;
    background-color: #fff;
}

.cards-list #cybersource_card_processing_expiration_yr{
    float:right;
    width:125px;
    background-color: #fff;
}


.cards-list .date_cart_tunnel_purchasing div.v-fix:after {
    content: "";
    margin-top: -3px;
    position: relative;
    right: 30px;
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #4e4848 transparent transparent transparent;
    float: right;
    margin-top: 20px;
}

.cards-list .date_cart_tunnel_purchasing div.v-fix:first-child:after{
    right: 20px;
}

.cards-list .verification_cart_tunnel_purchasing{
    margin-top: 20px;
}

.cards-list .verification_cart_tunnel_purchasing input{
    width: 100%;
}

.cards-list #what_is_verification_code{
    text-align: right;
    display: block;
    margin-top: 10px;
    text-decoration: underline;
}

.beautybox-remove-card .popin-title{
    font-size: 19px;
    text-transform: uppercase;
    border-bottom: solid 1px;
    margin-top: 42px;
    padding-bottom: 15px;
    text-align: center;
    border-bottom: 1px solid #CCC;
}

.beautybox-remove-card .btn-close-popin{
    width: 35%;
    background-color: #F6F6F6;
    height: 30px;
    color: #909090;
    margin: auto;
    float:left;
    line-height: normal;
    word-wrap: break-word;
    white-space: unset;
    min-height: 45px;
    padding: 13px 5px;
    height: unset;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 20px;
}

.beautybox-remove-card .btn-goto-cart{
    width: 65%;
    background-color: #4e4848;
    height: 30px;
    color: #fff;
    margin: auto;
    float:right;
    line-height: normal;
    word-wrap: break-word;
    white-space: unset;
    min-height: 45px;
    padding: 13px 5px;
    height: unset;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 20px;
}

.beautybox-remove-card .popin-cnt{
    color: #909090;
    margin: 53px 30px;
    display: block;
}


#footer-seo-description a {
    text-decoration: underline;
}

.international_container .int-popin-title{
    padding: 20px;
    margin-top: 25px;
    text-align: center;
}

.international_container .int-popin-ctn {
    margin: auto;
    width: 80%;
}

.international_container .int-popin-ctn ul{
    list-style: none;
    margin-bottom: 0px;
}

.international_container .int-popin-ctn li {
    margin: 20px;
    margin-top: 0px;
    margin-right: 10px;
}

.international_container .int-popin-ctn li.left{
    float: left;
}

.international_container .int-popin-ctn li.right {
    float: right;
}

.international_container .int-popin-ctn li:last-of-type {
    margin-bottom: 0px;
}


.international_container .int-popin-ctn li .int-title-list {
    text-transform: uppercase;
    color: #000;
    font-size: 17px;
    margin-bottom: 5px;
}

.international_container .int-popin-ctn li .pays-ecom:before {
    background: url(../images/international/panier.png) no-repeat scroll 0 0 rgba(0,0,0,0);
    content: " ";
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-left: -15px;
    margin-right: 5px;
}

.int-popin-ctn li .int-title-pays a{
    color: #909090;
}

.international_container .int-exit{
    margin-left: 25px;
    margin-bottom: 15px;
}
.international_container .int-exit a{
    color: #909090;
}

#breadcrumbs {
    font-family: arial;
    font-size: 12px;
    margin-bottom: 30px;
}

#breadcrumbs a {
    color: #909090;
}

#breadcrumbs > *:not(:last-child)::after {
    content: '>';
    margin: 0 2px;
}

#breadcrumbs span {
    color: #4e4848;
}

.mobile-nl-be #main-nav li a span{
    font-size:12px;
}

#shipping_interrupted {
    border: 1px solid #bebebe;
    color: #b80000;
    font-size: 12px;
    font-family: Arial;
    margin: 10px 15px;
    padding: 25px 20px;
    text-align: center;
}

.samples .recommended-samples {
    margin: 40px 0;
}

.samples .fieldset .legend {
    font-size: 17px;
    top: -0.9em;
    width: 90%;
}

.samples .item_vignette {
    float: left;
    margin: 0 5px 10px;
    min-height: 285px;
    text-align: center;
    width: 46%;
    overflow-wrap: break-word;
}

.samples .item_vignette > * {
    color: #333;
    font-family: "Times New Roman", Times, Georgia, serif;
    font-size: 12px;
    margin: 0 auto;
}

.samples .item_vignette .name_product_vignette {
    min-height: 50px;
    text-transform: uppercase;
}

.samples .item_vignette .capacity_product_vignette {
    min-height: 18px;
}

.samples .item_vignette .definition_product_vignette {
    font-size: 12px;
    margin: 0 3px;
    min-height: 50px;
}

#sample-popin .popin-content {
    text-align: center;
}

.color_pink {
    color: #FB0081;
}

.popin-sample-max-reached-content {
    margin: 25px 0 0;
    text-align: center;
}

.popin-sample-max-reached-content .center {
    margin-bottom: 25px;
}

.block-holiday {
    border: 1px solid black;
    padding: 5px;
    max-width: 268px;
    font-size: 13px;
    color:red;
    margin: 0 auto;
}

.block-holiday p{
    text-align: center;
    margin: 0;
}

@font-face {
    font-family: 'LetterGothic-Bold';
    src: url('/skin/frontend/sisley/default/css_new/../fonts_new/letterGothic/LetterGothicStd-Bold.otf') format('truetype');
    font-weight: bold;
    font-style: normal;
  }
  @font-face {
    font-family: 'Kalinga';
    src: url('/skin/frontend/sisley/default/css_new/../fonts_new/kalinga/kalinga_sansserif.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

.roboto {
    font-family: "Roboto", sans-serif;
}

.fs-13 {
    font-size: 13px;
}
.block-holiday p{
    text-align: center;
    margin: 0;
}

#language-chooser-select {
    text-transform: capitalize;
}

#contactForm .subscribe {
    display: none;
}
            
#contactForm .subscribe p,
#contactForm .subscribe label {
    color: #666666;
    font-family: "Times New Roman", Times, serif;
    font-size: 17px;
}

#contactForm .subscribe label {
    display: inline;
}
            
#contactForm .subscribe input {
    margin-top: -3px;
    vertical-align: middle;
}