@charset "UTF-8";
/* ----------------------------------------------------------
  Config
---------------------------------------------------------- */
/* Fonts
-------------------------- */
/* Margins
-------------------------- */
/* Basic colors
-------------------------- */
/* Social colors */
/* Social */
/* Breakpoints
-------------------------- */
/* ----------------------------------------------------------
  Classic media queries
---------------------------------------------------------- */
/* ----------------------------------------------------------
  Custom media queries
---------------------------------------------------------- */
/* ----------------------------------------------------------
  Responsive selector type
---------------------------------------------------------- */
/* ----------------------------------------------------------
  Browser query
---------------------------------------------------------- */
/* Custom breakpoints */
/* Custom heights */
/* Margins */
/* Modals */
/* Compass values
-------------------------- */
/* ----------------------------------------------------------
  CSSCommon
---------------------------------------------------------- */
/*
Name: Default
URL: http://github.com/Darklg/CSSCommon
Version: 2.9.9
License: MIT
*/
/* ----------------------------------------------------------
  Reset
---------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
audio, canvas, datagrid, datalist, details, dialog, figure, footer, header,
menu, nav, section, video, abbr, eventsource, mark, meter, time, progress, output, bb {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  outline: 0;
  background: transparent no-repeat top left; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before,
q:after {
  content: ''; }

a,
ins {
  text-decoration: none; }

/* ----------------------------------------------------------
  Normalize
---------------------------------------------------------- */
/* HTML5 Default behavior
-------------------------- */
article,
aside,
audio,
canvas,
datagrid,
details,
dialog,
figure,
figcaption,
footer,
header,
hgroup,
menu,
main,
nav,
section,
video {
  display: block; }

abbr,
eventsource,
mark,
meter,
time,
progress,
output,
bb {
  display: inline; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

nav ul {
  list-style: none; }

/* Forms
-------------------------- */
input,
button,
select {
  vertical-align: middle; }

input[type="radio"],
input[type="checkbox"] {
  margin: 0;
  vertical-align: text-bottom; }

textarea {
  resize: vertical; }

input:focus {
  outline: 0; }

input:-webkit-autofill {
  background-color: #ccc !important; }

/* Number & Search resets */
input[type="number"],
input[type="search"] {
  -webkit-appearance: textfield !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  width: 0;
  height: 0; }

/* Input type date */
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none; }

/* Bug with Firefox and buttons */
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
button::-moz-focus-inner {
  margin: 0;
  padding: 0;
  border: 0; }

/* Better cursor for buttons */
input[type="submit"],
input[type="image"],
button {
  cursor: pointer; }

/* Medias
-------------------------- */
iframe,
img,
object,
video {
  max-width: 100%;
  border: 0; }

img {
  height: auto; }

/* Bugfix for Google Maps */
.gm-style img,
.gmnoprint img {
  max-width: none; }

/* Inline images are aligned on text */
img,
input[type=image] {
  vertical-align: bottom; }

p img {
  vertical-align: baseline; }

/* Various elements
-------------------------- */
/* Address styling not present in IE 8/9. | necolas.github.io/normalize.css/ */
[hidden] {
  display: none; }

/* Common elements
-------------------------- */
html {
  min-height: 100%;
  background: #fff; }

body {
  position: relative;
  min-height: 100%;
  font: 62.5%/1 sans-serif;
  color: #212121;
  background: inherit;
  -webkit-text-size-adjust: none; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  line-height: 1.3; }

h1, .h1 {
  margin-bottom: 10px;
  font-size: 25px; }

h2, .h2 {
  margin-bottom: 7px;
  font-size: 20px; }

h3, .h3 {
  font-size: 15px; }

h4, .h4 {
  font-size: 13px; }

h5, .h5 {
  font-size: 12px; }

h6, .h6 {
  font-size: 11px; }

p,
dl,
li {
  font-size: 13px;
  line-height: 1.4; }

p {
  margin-bottom: 18px; }

blockquote p:last-child,
p:last-child {
  margin-bottom: 0; }

del {
  text-decoration: line-through; }

ins {
  border-bottom: 1px dotted #DDD; }

mark {
  background-color: #FF9; }

i,
em {
  font-style: italic; }

b,
strong {
  font-weight: bold; }

/* Prevents sub and sup affecting line-height in all browsers | gist.github.com/413930 */
sub,
sup {
  position: relative;
  margin: 0 1px;
  font-size: 80%;
  line-height: 0;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

small {
  font-size: 80%; }

abbr[title],
acronym[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help; }

blockquote {
  display: block;
  padding: 5px 0 5px 10px;
  border-color: rgba(0, 0, 0, 0.1);
  border-left: 5px solid #DDD;
  font-size: 12px; }

blockquote p {
  margin-bottom: 4px; }

hr {
  clear: both;
  border: 0;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #f0f0f0; }

/* ----------------------------------------------------------
  Clearfix
---------------------------------------------------------- */
.cssc-content:after,
.cssc-grid:before,
.cssc-grid:after,
.clearfix:after,
.nested-fields:after,
div[id="store.menu"]:after,
div[id="store.menu"] .submenu:after,
.cc-soon_csblock-cta-edito .edito-grid:after,
.product-applications-video:after,
.block.samples .list-gifts:after,
.checkout-reassurance ul:after,
.subfloat:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  max-height: 0;
  overflow: hidden; }

hr[class*="clearfix"] {
  height: 0;
  border: 0;
  outline: 0;
  background: transparent; }

/* ----------------------------------------------------------
  Selection style
---------------------------------------------------------- */
::-moz-selection {
  color: #000;
  background: rgba(51, 102, 153, 0.3); }

::selection {
  color: #000;
  background: rgba(51, 102, 153, 0.3); }

/* ----------------------------------------------------------
   Links
---------------------------------------------------------- */

a {
  color: #69C; }


a:focus,
a:hover {
  color: #369; }


a:active {
  color: #000; }


a:focus:not(:hover) {
  outline: 1px dotted rgba(0, 0, 0, 0.3);
  outline-offset: 2px; }


a:focus:not(:focus-visible) {
  outline: none; }

/* .99 Opacity avoids a nasty effect on Webkit */
.aimginv {
  opacity: 0.70; }

a img,
.aimginv:hover,
.aimg {
  opacity: 0.999; }

.aimg:hover,
a:hover img {
  opacity: 0.80; }

/* ----------------------------------------------------------
  Transitions
---------------------------------------------------------- */
.trans-col {
  transition: color 0.3s ease; }

a img,
.aimg,
.aimginv,
.cssc-btn,
.trans-opa {
  outline: 1px solid transparent;
  transition: opacity 0.3s ease; }

.trans-all {
  transition: all 0.3s ease; }

a,
input,
button,
textarea,
.cssc-button,
.yonka-button,
.action.viewcart,
.action.action-gotocart,
.action.action-update,
.action.action-select-shipping-item,
.action.action-toggle,
.action.action-apply,
.action.action-login,
.action.primary,
.soon_csblock-cta-standard--main-visu.bandeau .content a[class*="button"],
.soon_csblock-cta-standard--main-visu.grid .content a[class*="button"],
.product-add-form a.towishlist,
.checkout-methods-items .item button + button,
#checkout-step-shipping .action.action-show-popup,
.beauty-issue-item__inner .diagnostic-actions a,
.action.secondary.viewcart,
.action.action-continueshopping,
.action.action-hide-popup,
.action.action-cancel,
.actions-toolbar .secondary .action,
.yonka-button--secondary.action,
.yonka-button-third-action.action,
.ask-for-samples-button,
#product-alert-first-line,
#block-discount .action,
.checkout-help .btn-mail,
.form-wishlist-items .actions-toolbar button,
.trans-button {
  transition: border-color 0.3s ease,background 0.3s ease,color 0.3s ease; }

/* ----------------------------------------------------------
  Disable transitions
  Thx https://twitter.com/kizmarh/status/889422529269510145
---------------------------------------------------------- */
@​media (prefers-reduced-motion:reduce) {
  * {
    transition: none !important; } }

/* ----------------------------------------------------------
  Avoid display of inline scripts
---------------------------------------------------------- */
script {
  display: none !important; }

/* ----------------------------------------------------------
  Fix double em/strong
---------------------------------------------------------- */
i i,
em em {
  font-style: normal; }

b b,
strong strong {
  font-weight: normal; }

/*
Name: Common Objects
URL: http://github.com/Darklg/CSSCommon
Version: 2.8.6
License: MIT
*/
/* ----------------------------------------------------------
  Automatic ellipsis "..." if content is more than one line
---------------------------------------------------------- */

.cssc-oneline {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal; }

/* ----------------------------------------------------------
  Removing an element
---------------------------------------------------------- */
.cssc-remove-element-children > *,
.cssc-remove-element {
  z-index: 0;
  position: absolute;
  top: -9999px;
  left: -9999px;
  font-size: 1px;
  color: transparent;
  opacity: 0.001; }

/* ----------------------------------------------------------
  Gallery
---------------------------------------------------------- */
.subfloat {
  position: relative; }

.subfloat > * {
  float: left; }

/* margin-right = 0-marge droite d'un élément */
.sf_100_20 {
  margin-right: -20px; }

.sf_100_20 > * {
  width: 100px;
  margin: 0 20px 20px 0; }

/* ----------------------------------------------------------
  Panel
---------------------------------------------------------- */
.cssc-panel {
  z-index: 1;
  position: relative;
  overflow: hidden; }

/* Theme
-------------------------- */
.cssc-panel--default {
  padding: 10px;
  border: 1px solid #e0e0e0;
  background-color: #f0f0f0; }

/* ----------------------------------------------------------
  Drawer : Submenu, etc
---------------------------------------------------------- */
/* Utility
-------------------------- */
.wdrw > a:focus + .submenu,
.wdrw:hover .submenu, .wdrw .submenu:hover {
  visibility: visible;
  z-index: 999;
  opacity: 1; }

/* Wrapper
-------------------------- */
.wdrw {
  z-index: 2;
  position: relative; }

.wdrw:hover {
  z-index: 1000; }

/* Link
-------------------------- */
.wdrw > a {
  display: block;
  z-index: 1;
  position: relative;
  height: 100%;
  line-height: inherit; }

/* Submenu
-------------------------- */
.wdrw .submenu {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  top: 100%;
  right: auto;
  left: 0;
  box-sizing: border-box;
  line-height: 1;
  opacity: 0;
  background-color: #fff;
  transition: opacity 0.3s ease,visibility 0.3s ease;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.wdrw .submenu-r {
  right: 0;
  left: auto; }

.wdrw .submenu:focus-within {
  visibility: visible;
  z-index: 999;
  opacity: 1; }

/* Base class
-------------------------- */
/* ----------------------------------------------------------
  Nav toggle
---------------------------------------------------------- */
.nav-toggle {
  display: inline-block;
  z-index: 1;
  position: relative;
  font-size: 5px;
  vertical-align: middle; }

.nav-toggle span,
.nav-toggle span:before,
.nav-toggle span:after {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0; }

.nav-toggle span {
  right: 0;
  bottom: 0;
  margin: auto; }

.nav-toggle span:before,
.nav-toggle span:after {
  content: '';
  -webkit-transform-origin: center center;
  transform-origin: center center; }

/* Theme
-------------------------- */
.nav-toggle span,
.nav-toggle span:before,
.nav-toggle span:after {
  width: 6em;
  height: 1em;
  border-radius: 1px;
  background-color: currentColor;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease; }

.nav-toggle {
  width: 6em;
  height: 5em;
  color: #000;
  transition: all 0.3s ease; }

.nav-toggle span:before {
  margin-top: -2em; }

.nav-toggle span:after {
  margin-top: 2em; }

/* Active
-------------------------- */
[data-bodypanel="has--opened-main-menu"] .nav-toggle span,
.has--opened-main-menu .nav-toggle span {
  height: 1px;
  background: transparent; }

[data-bodypanel="has--opened-main-menu"] .nav-toggle span:before,
.has--opened-main-menu .nav-toggle span:before {
  margin-top: 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

[data-bodypanel="has--opened-main-menu"] .nav-toggle span:after,
.has--opened-main-menu .nav-toggle span:after {
  margin-top: 0;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

/* Modules
-------------------------- */
/* Content */
/* ----------------------------------------------------------
  Content text
---------------------------------------------------------- */
.cssc-content {
  box-sizing: border-box;
  width: 100%;
  max-width: 61em;
  font-size: 12px;
  line-height: 1.5; }

.cssc-content:after {
  content: '';
  display: table;
  clear: both; }

/* Text
-------------------------- */
.cssc-content p,
.cssc-content ul,
.cssc-content li {
  font: inherit;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
  word-wrap: break-word; }

/* Titles
-------------------------- */
.cssc-content h2,
.cssc-content h3,
.cssc-content h4 {
  margin-bottom: 0.5em;
  font: inherit;
  font-size: 1.1em;
  font-weight: bold; }

.cssc-content h2 {
  font-size: 1.8em; }

.cssc-content h3 {
  font-size: 1.4em; }

.cssc-content * + h2,
.cssc-content *:not(h2):not(h4) + h3,
.cssc-content *:not(h2):not(h3) + h4 {
  margin-top: 1em; }

/* Lists
-------------------------- */
.cssc-content ul {
  list-style: inside disc; }

.cssc-content ul ul {
  list-style-type: circle; }

.cssc-content ol {
  list-style: inside decimal; }

/* Definition lists
-------------------------- */
.cssc-content dd + dt {
  margin-top: 0.5em; }

.cssc-content dt {
  font-weight: bold; }

/* Medias
-------------------------- */
.cssc-content > video,
.cssc-content > iframe {
  width: 100%; }

.cssc-content .alignleft {
  float: left;
  margin: 0 1em 0.5em 0; }

.cssc-content .aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.cssc-content .alignright {
  float: right;
  margin: 0 0 0.5em 1em; }

/* Margins
-------------------------- */
.cssc-content ul ul,
.cssc-content ol ol {
  margin-bottom: 0;
  padding-left: 1em; }

.cssc-content blockquote p {
  margin-bottom: 0.5em; }

.cssc-content p,
.cssc-content blockquote,
.cssc-content table,
.cssc-content address,
.cssc-content > iframe,
.cssc-content > video,
.cssc-content dl,
.cssc-content ol,
.cssc-content ul,
.cssc-content,
.cssc-block {
  margin-bottom: 1.5em; }

.cssc-content dl:last-child,
.cssc-content ol:last-child,
.cssc-content ul:last-child,
.cssc-content blockquote:last-child,
.cssc-content blockquote p:last-child,
.cssc-content p:last-child,
.cssc-block:last-child {
  margin-bottom: 0; }

/* Buttons */
/*
Name: Default Buttons
URL: http://github.com/Darklg/CSSCommon
Version: 2.5.2
License: MIT
*/
/* ----------------------------------------------------------
  Button : core
---------------------------------------------------------- */
.buttonreset, .modals-wrapper .modal-header .action-close, .customer-dob button, .control.qty .update-cart-item,
.control.qty .moins,
.control.qty .plus,
.control.qty .dec,
.control.qty .inc,
.details-qty.qty .update-cart-item,
.details-qty.qty .moins,
.details-qty.qty .plus,
.details-qty.qty .dec,
.details-qty.qty .inc, .slick-dots li button, #search_mini_form > button, #minicart-content-wrapper .close, .opc-block-shipping-information .shipping-information-title button,
.cart.actions .action,
.actions-toolbar .action,
.cssc-button,
.yonka-button,
.action.viewcart,
.action.action-gotocart,
.action.action-update,
.action.action-select-shipping-item,
.action.action-toggle,
.action.action-apply,
.action.action-login,
.action.primary,
.soon_csblock-cta-standard--main-visu.bandeau .content a[class*="button"],
.soon_csblock-cta-standard--main-visu.grid .content a[class*="button"],
.product-add-form a.towishlist,
.checkout-methods-items .item button + button,
#checkout-step-shipping .action.action-show-popup,
.beauty-issue-item__inner .diagnostic-actions a,
.action.secondary.viewcart,
.action.action-continueshopping,
.action.action-hide-popup,
.action.action-cancel,
.actions-toolbar .secondary .action,
.yonka-button--secondary.action,
.yonka-button-third-action.action,
.ask-for-samples-button,
#product-alert-first-line,
#block-discount .action,
.checkout-help .btn-mail,
.form-wishlist-items .actions-toolbar button {
  display: inline-block;
  z-index: 1;
  position: relative;
  -webkit-appearance: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  text-align: center;
  text-decoration: none;
  font: inherit;
  white-space: nowrap;
  vertical-align: inherit;
  background: transparent;
  -webkit-background-clip: padding-box;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: -moz-none;
  user-drag: none; }

.buttonreset::-moz-focus-inner, .modals-wrapper .modal-header .action-close::-moz-focus-inner, .customer-dob button::-moz-focus-inner, .control.qty .update-cart-item::-moz-focus-inner,
.control.qty .moins::-moz-focus-inner,
.control.qty .plus::-moz-focus-inner,
.control.qty .dec::-moz-focus-inner,
.control.qty .inc::-moz-focus-inner,
.details-qty.qty .update-cart-item::-moz-focus-inner,
.details-qty.qty .moins::-moz-focus-inner,
.details-qty.qty .plus::-moz-focus-inner,
.details-qty.qty .dec::-moz-focus-inner,
.details-qty.qty .inc::-moz-focus-inner, .slick-dots li button::-moz-focus-inner, #search_mini_form > button::-moz-focus-inner, #minicart-content-wrapper .close::-moz-focus-inner, .opc-block-shipping-information .shipping-information-title button::-moz-focus-inner,
.cart.actions .action::-moz-focus-inner,
.actions-toolbar .action::-moz-focus-inner,
.cssc-button::-moz-focus-inner,
.yonka-button::-moz-focus-inner,
.action.viewcart::-moz-focus-inner,
.action.action-gotocart::-moz-focus-inner,
.action.action-update::-moz-focus-inner,
.action.action-select-shipping-item::-moz-focus-inner,
.action.action-toggle::-moz-focus-inner,
.action.action-apply::-moz-focus-inner,
.action.action-login::-moz-focus-inner,
.action.primary::-moz-focus-inner,
.soon_csblock-cta-standard--main-visu.bandeau .content a[class*="button"]::-moz-focus-inner,
.soon_csblock-cta-standard--main-visu.grid .content a[class*="button"]::-moz-focus-inner,
.product-add-form a.towishlist::-moz-focus-inner,
.checkout-methods-items .item button + button::-moz-focus-inner,
#checkout-step-shipping .action.action-show-popup::-moz-focus-inner,
.beauty-issue-item__inner .diagnostic-actions a::-moz-focus-inner,
.action.secondary.viewcart::-moz-focus-inner,
.action.action-continueshopping::-moz-focus-inner,
.action.action-hide-popup::-moz-focus-inner,
.action.action-cancel::-moz-focus-inner,
.actions-toolbar .secondary .action::-moz-focus-inner,
.yonka-button--secondary.action::-moz-focus-inner,
.yonka-button-third-action.action::-moz-focus-inner,
.ask-for-samples-button::-moz-focus-inner,
#product-alert-first-line::-moz-focus-inner,
#block-discount .action::-moz-focus-inner,
.checkout-help .btn-mail::-moz-focus-inner,
.form-wishlist-items .actions-toolbar button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.buttonreset:hover, .modals-wrapper .modal-header .action-close:hover, .customer-dob button:hover, .control.qty .update-cart-item:hover,
.control.qty .moins:hover,
.control.qty .plus:hover,
.control.qty .dec:hover,
.control.qty .inc:hover,
.details-qty.qty .update-cart-item:hover,
.details-qty.qty .moins:hover,
.details-qty.qty .plus:hover,
.details-qty.qty .dec:hover,
.details-qty.qty .inc:hover, .slick-dots li button:hover, #search_mini_form > button:hover, #minicart-content-wrapper .close:hover, .opc-block-shipping-information .shipping-information-title button:hover, .buttonreset:focus, .modals-wrapper .modal-header .action-close:focus, .customer-dob button:focus, .control.qty .update-cart-item:focus,
.control.qty .moins:focus,
.control.qty .plus:focus,
.control.qty .dec:focus,
.control.qty .inc:focus,
.details-qty.qty .update-cart-item:focus,
.details-qty.qty .moins:focus,
.details-qty.qty .plus:focus,
.details-qty.qty .dec:focus,
.details-qty.qty .inc:focus, .slick-dots li button:focus, #search_mini_form > button:focus, #minicart-content-wrapper .close:focus, .opc-block-shipping-information .shipping-information-title button:focus,
.cart.actions .action:hover,
.actions-toolbar .action:hover,
.cart.actions .action:focus,
.actions-toolbar .action:focus,
.cssc-button:hover,
.yonka-button:hover,
.action.viewcart:hover,
.action.action-gotocart:hover,
.action.action-update:hover,
.action.action-select-shipping-item:hover,
.action.action-toggle:hover,
.action.action-apply:hover,
.action.action-login:hover,
.action.primary:hover,
.soon_csblock-cta-standard--main-visu.bandeau .content a:hover[class*="button"],
.soon_csblock-cta-standard--main-visu.grid .content a:hover[class*="button"],
.product-add-form a.towishlist:hover,
.checkout-methods-items .item button + button:hover,
#checkout-step-shipping .action.action-show-popup:hover,
.beauty-issue-item__inner .diagnostic-actions a:hover,
.action.action-continueshopping:hover,
.action.action-hide-popup:hover,
.action.action-cancel:hover,
.actions-toolbar .secondary .action:hover,
.yonka-button--secondary.action:hover,
.yonka-button-third-action.action:hover,
.ask-for-samples-button:hover,
#product-alert-first-line:hover,
#block-discount .action:hover,
.checkout-help .btn-mail:hover,
.form-wishlist-items .actions-toolbar button:hover,
.cssc-button:focus,
.yonka-button:focus,
.action.viewcart:focus,
.action.action-gotocart:focus,
.action.action-update:focus,
.action.action-select-shipping-item:focus,
.action.action-toggle:focus,
.action.action-apply:focus,
.action.action-login:focus,
.action.primary:focus,
.soon_csblock-cta-standard--main-visu.bandeau .content a:focus[class*="button"],
.soon_csblock-cta-standard--main-visu.grid .content a:focus[class*="button"],
.product-add-form a.towishlist:focus,
.checkout-methods-items .item button + button:focus,
#checkout-step-shipping .action.action-show-popup:focus,
.beauty-issue-item__inner .diagnostic-actions a:focus,
.action.action-continueshopping:focus,
.action.action-hide-popup:focus,
.action.action-cancel:focus,
.actions-toolbar .secondary .action:focus,
.yonka-button--secondary.action:focus,
.yonka-button-third-action.action:focus,
.ask-for-samples-button:focus,
#product-alert-first-line:focus,
#block-discount .action:focus,
.checkout-help .btn-mail:focus,
.form-wishlist-items .actions-toolbar button:focus {
  text-decoration: none;
  outline: 0; }

.buttonreset[disabled], .modals-wrapper .modal-header .action-close[disabled], .customer-dob button[disabled], .control.qty .update-cart-item[disabled],
.control.qty .moins[disabled],
.control.qty .plus[disabled],
.control.qty .dec[disabled],
.control.qty .inc[disabled],
.details-qty.qty .update-cart-item[disabled],
.details-qty.qty .moins[disabled],
.details-qty.qty .plus[disabled],
.details-qty.qty .dec[disabled],
.details-qty.qty .inc[disabled], .slick-dots li button[disabled], #search_mini_form > button[disabled], #minicart-content-wrapper .close[disabled], .opc-block-shipping-information .shipping-information-title button[disabled],
.cart.actions .action[disabled],
.actions-toolbar .action[disabled],
.cssc-button[disabled],
.yonka-button[disabled],
.action.viewcart[disabled],
.action.action-gotocart[disabled],
.action.action-update[disabled],
.action.action-select-shipping-item[disabled],
.action.action-toggle[disabled],
.action.action-apply[disabled],
.action.action-login[disabled],
.action.primary[disabled],
.soon_csblock-cta-standard--main-visu.bandeau .content a[disabled][class*="button"],
.soon_csblock-cta-standard--main-visu.grid .content a[disabled][class*="button"],
.product-add-form a.towishlist[disabled],
.checkout-methods-items .item button + button[disabled],
#checkout-step-shipping .action.action-show-popup[disabled],
.beauty-issue-item__inner .diagnostic-actions a[disabled],
.action.action-continueshopping[disabled],
.action.action-hide-popup[disabled],
.action.action-cancel[disabled],
.actions-toolbar .secondary .action[disabled],
.yonka-button--secondary.action[disabled],
.yonka-button-third-action.action[disabled],
.ask-for-samples-button[disabled],
#product-alert-first-line[disabled],
#block-discount .action[disabled],
.checkout-help .btn-mail[disabled],
.form-wishlist-items .actions-toolbar button[disabled] {
  cursor: default; }


.cssc-button,
.yonka-button,
.action.viewcart,
.action.action-gotocart,
.action.action-update,
.action.action-select-shipping-item,
.action.action-toggle,
.action.action-apply,
.action.action-login,
.action.primary,
.soon_csblock-cta-standard--main-visu.bandeau .content a[class*="button"],
.soon_csblock-cta-standard--main-visu.grid .content a[class*="button"],
.product-add-form a.towishlist,
.checkout-methods-items .item button + button,
#checkout-step-shipping .action.action-show-popup,
.beauty-issue-item__inner .diagnostic-actions a,
.action.secondary.viewcart,
.action.action-continueshopping,
.action.action-hide-popup,
.action.action-cancel,
.actions-toolbar .secondary .action,
.yonka-button--secondary.action,
.yonka-button-third-action.action,
.ask-for-samples-button,
#product-alert-first-line,
#block-discount .action,
.checkout-help .btn-mail,
.form-wishlist-items .actions-toolbar button {
  padding: 0 1.5em;
  font-family: sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 2.5;
  vertical-align: middle;
  background: #fff; }

/* Icons
-------------------------- */
.cart.actions .action:before,
.actions-toolbar .action:before, .cart.actions .action:after,
.actions-toolbar .action:after,
.cssc-button:before,
.yonka-button:before,
.action.viewcart:before,
.action.action-gotocart:before,
.action.action-update:before,
.action.action-select-shipping-item:before,
.action.action-toggle:before,
.action.action-apply:before,
.action.action-login:before,
.action.primary:before,
.soon_csblock-cta-standard--main-visu.bandeau .content a[class*="button"]:before,
.soon_csblock-cta-standard--main-visu.grid .content a[class*="button"]:before,
.product-add-form a.towishlist:before,
.checkout-methods-items .item button + button:before,
#checkout-step-shipping .action.action-show-popup:before,
.beauty-issue-item__inner .diagnostic-actions a:before,
.action.secondary.viewcart:before,
.action.action-continueshopping:before,
.action.action-hide-popup:before,
.action.action-cancel:before,
.actions-toolbar .secondary .action:before,
.yonka-button--secondary.action:before,
.yonka-button-third-action.action:before,
.ask-for-samples-button:before,
#product-alert-first-line:before,
#block-discount .action:before,
.checkout-help .btn-mail:before,
.form-wishlist-items .actions-toolbar button:before,
.cssc-button:after,
.yonka-button:after,
.action.viewcart:after,
.action.action-gotocart:after,
.action.action-update:after,
.action.action-select-shipping-item:after,
.action.action-toggle:after,
.action.action-apply:after,
.action.action-login:after,
.action.primary:after,
.soon_csblock-cta-standard--main-visu.bandeau .content a[class*="button"]:after,
.soon_csblock-cta-standard--main-visu.grid .content a[class*="button"]:after,
.product-add-form a.towishlist:after,
.checkout-methods-items .item button + button:after,
#checkout-step-shipping .action.action-show-popup:after,
.beauty-issue-item__inner .diagnostic-actions a:after,
.action.secondary.viewcart:after,
.action.action-continueshopping:after,
.action.action-hide-popup:after,
.action.action-cancel:after,
.actions-toolbar .secondary .action:after,
.yonka-button--secondary.action:after,
.yonka-button-third-action.action:after,
.ask-for-samples-button:after,
#product-alert-first-line:after,
#block-discount .action:after,
.checkout-help .btn-mail:after,
.form-wishlist-items .actions-toolbar button:after {
  vertical-align: 0; }

.cart.actions .action:before,
.actions-toolbar .action:before,
.cssc-button:before,
.yonka-button:before,
.action.viewcart:before,
.action.action-gotocart:before,
.action.action-update:before,
.action.action-select-shipping-item:before,
.action.action-toggle:before,
.action.action-apply:before,
.action.action-login:before,
.action.primary:before,
.soon_csblock-cta-standard--main-visu.bandeau .content a[class*="button"]:before,
.soon_csblock-cta-standard--main-visu.grid .content a[class*="button"]:before,
.product-add-form a.towishlist:before,
.checkout-methods-items .item button + button:before,
#checkout-step-shipping .action.action-show-popup:before,
.beauty-issue-item__inner .diagnostic-actions a:before,
.action.secondary.viewcart:before,
.action.action-continueshopping:before,
.action.action-hide-popup:before,
.action.action-cancel:before,
.actions-toolbar .secondary .action:before,
.yonka-button--secondary.action:before,
.yonka-button-third-action.action:before,
.ask-for-samples-button:before,
#product-alert-first-line:before,
#block-discount .action:before,
.checkout-help .btn-mail:before,
.form-wishlist-items .actions-toolbar button:before {
  margin-right: 0.5em; }

.cart.actions .action:after,
.actions-toolbar .action:after,
.cssc-button:after,
.yonka-button:after,
.action.viewcart:after,
.action.action-gotocart:after,
.action.action-update:after,
.action.action-select-shipping-item:after,
.action.action-toggle:after,
.action.action-apply:after,
.action.action-login:after,
.action.primary:after,
.soon_csblock-cta-standard--main-visu.bandeau .content a[class*="button"]:after,
.soon_csblock-cta-standard--main-visu.grid .content a[class*="button"]:after,
.product-add-form a.towishlist:after,
.checkout-methods-items .item button + button:after,
#checkout-step-shipping .action.action-show-popup:after,
.beauty-issue-item__inner .diagnostic-actions a:after,
.action.secondary.viewcart:after,
.action.action-continueshopping:after,
.action.action-hide-popup:after,
.action.action-cancel:after,
.actions-toolbar .secondary .action:after,
.yonka-button--secondary.action:after,
.yonka-button-third-action.action:after,
.ask-for-samples-button:after,
#product-alert-first-line:after,
#block-discount .action:after,
.checkout-help .btn-mail:after,
.form-wishlist-items .actions-toolbar button:after {
  margin-left: 0.5em; }

.cssc-button-icn-large:before, .cssc-button-icn-large:after {
  font-size: 1.15em; }

/* Buttons' modes
-------------------------- */
.cssc-button--wide {
  display: block;
  width: 100%; }

/* Forms */
/*
Name: Forms
URL: http://github.com/Darklg/CSSCommon
Version: 2.5.7
License: MIT
*/
/* ----------------------------------------------------------
  Form : Core
---------------------------------------------------------- */
.cssc-form {
  clear: both; }

.cssc-form:after,
.form-append:after,
.cssc-form .twoboxes:after,
.cssc-form .box:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0; }

/* Boxes
-------------------------- */
.cssc-form .box {
  z-index: 1;
  position: relative;
  vertical-align: baseline; }

/* Submit box */
.cssc-form .submit-box {
  z-index: 1;
  position: relative; }

.cssc-form .submit-box button {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0; }

/* Two boxes side to side */
.cssc-form .twoboxes .box {
  float: left;
  box-sizing: border-box;
  width: 50%; }

.cssc-form .twoboxes .box:first-child {
  padding-right: 10px; }

.cssc-form .twoboxes .box + .box {
  padding-left: 10px; }

/* Labels
-------------------------- */
.cssc-form .fake-label,
.cssc-form label {
  display: block;
  line-height: inherit; }

.float-form .fake-label,
.float-form label {
  position: absolute;
  top: 0;
  left: 0; }

.cssc-form .radio-box label,
.cssc-form.block-form .radio-box label,
.cssc-form.float-form .radio-box label,
.cssc-form .checked-box label,
.cssc-form.block-form .checked-box label,
.cssc-form.float-form .checked-box label {
  display: inline-block;
  position: static;
  width: auto;
  padding: 0;
  font-weight: normal;
  line-height: inherit;
  vertical-align: baseline; }

/* Fields
-------------------------- */
textarea {
  max-width: 100%;
  overflow: auto;
  resize: vertical; }

input[type="submit"],
input[type="image"],
button {
  cursor: pointer; }

.cssc-form input[type="radio"],
.cssc-form input[type="checkbox"] {
  vertical-align: 0; }

/* Reset */
.inputreset, .project--field,
.project--select, div.control select,
div.control textarea,
div.control input[type="text"],
div.control input[type="email"],
div.control input[type="password"],
div.field select,
div.field textarea,
div.field input[type="text"],
div.field input[type="email"],
div.field input[type="password"], .box-tocart .field.qty input[type="number"], .control.qty [data-role="cart-item-qty"],
.control.qty .cart-item-qty,
.details-qty.qty [data-role="cart-item-qty"],
.details-qty.qty .cart-item-qty, #search_mini_form #search,
.inputbase,
.cssc-form textarea,
.cssc-form .fake-input,
.cssc-form input[type="text"],
.cssc-form input[type="url"],
.cssc-form input[type="email"],
.cssc-form input[type="search"],
.cssc-form input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  vertical-align: middle;
  outline: 0; }

.cssc-form .fake-input {
  display: inline-block;
  zoom: 1;
  *display: inline; }

.cssc-form .fake-input,
.cssc-form [disabled] {
  cursor: not-allowed; }

/* Select */
.cssc-select,
.project--select, div.control select,
div.field select {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: 100%;
  border: none;
  overflow: hidden;
  text-align: left;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  -ms-appearance: none; }

.cssc-select[multiple], .project--select[multiple], div.control select[multiple],
div.field select[multiple] {
  overflow-y: auto; }

.cssc-select::-ms-expand, .project--select::-ms-expand, div.control select::-ms-expand,
div.field select::-ms-expand {
  display: none; }

.cssc-select:focus, .project--select:focus, div.control select:focus,
div.field select:focus {
  outline: none; }

/* Help
-------------------------- */
.cssc-form small {
  display: block; }

.cssc-form.block-form .side-small {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0; }

/* Autocomplete
-------------------------- */
.cssc-form .box.has-autocomplete {
  z-index: 2; }

.cssc-form .box-autocomplete {
  z-index: 1;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin-top: 1px;
  background-color: #fff; }

/* Append form
   ----------------------- */
.form-append {
  min-height: 1px; }

.form-append:after {
  content: '';
  display: table;
  clear: both;
  width: 100%; }

.form-append > * {
  float: left;
  width: auto; }

/* Responsive float form
-------------------------- */
/* fix float form */
@media (max-width: 720px) {
  .float-form.cssc-form--responsive .box {
    padding-left: 0 !important; }
  .float-form.cssc-form--responsive .fake-label,
  .float-form.cssc-form--responsive .box:not(.checked-box):not(.radio-box) label {
    display: block;
    position: static;
    width: auto !important;
    padding-right: 0 !important;
    text-align: left; }
  .float-form.cssc-form--responsive .box .long-label {
    line-height: inherit !important; } }

/* fix twoboxes */
@media (max-width: 720px) {
  .cssc-form.cssc-form--responsive .twoboxes .box {
    display: block;
    float: none;
    width: auto;
    padding-right: 0 !important;
    padding-left: 0 !important; } }

/* ----------------------------------------------------------
  Fake checked items
---------------------------------------------------------- */
/*
<span><input type="checkbox" name="az" value="" /><span></span></span>
*/
.fake-checkbox,
.fake-radio {
  display: inline-block;
  z-index: 1;
  position: relative;
  width: 1em;
  height: 1em;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  vertical-align: -3px;
  background-color: #CCC;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.fake-checkbox input,
.fake-radio input {
  z-index: 1;
  position: absolute;
  top: -0.5em;
  left: -0.5em;
  font-size: 2em;
  opacity: 0.01;
  -webkit-transform: scale(10);
  transform: scale(10);
  cursor: pointer; }

.fake-checkbox span,
.fake-radio span {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.fake-radio input:checked + span,
.fake-checkbox input:checked + span {
  opacity: 0.9999; }

/* Checkbox */
.fake-checkbox span:before {
  content: '✓';
  font-size: 0.8em;
  color: #333; }

/* Radio */
.fake-radio,
.fake-radio span {
  border-radius: 99px; }

.fake-radio span {
  border: 5px solid #CCC;
  background-color: #333; }

/* ----------------------------------------------------------
  Fake checkbox & Fake radio without touching markup
---------------------------------------------------------- */
/* <input type="checkbox" /><label>test</label> */
/* [type="checkbox"]{@extend %fake-check-ghost} */
div.choice input[type="radio"], .credit-card-types .item input[type="radio"],
div.choice input[type="checkbox"],
#sl-category input[type="checkbox"] {
  z-index: 1;
  position: absolute;
  top: auto;
  left: -9999px;
  opacity: 0.01; }

div.choice input[type="radio"] ~ .label-main, .credit-card-types .item input[type="radio"] ~ .label-main,
div.choice input[type="radio"] + .label,
.credit-card-types .item input[type="radio"] + .label,
div.choice input[type="radio"] + label,
.credit-card-types .item input[type="radio"] + label,
div.choice input[type="checkbox"] ~ .label-main,
#sl-category input[type="checkbox"] ~ .label-main,
div.choice input[type="checkbox"] + .label,
#sl-category input[type="checkbox"] + .label,
div.choice input[type="checkbox"] + label,
#sl-category input[type="checkbox"] + label {
  display: block;
  z-index: 1;
  position: relative;
  padding-left: 2em; }

div.choice input[type="radio"] ~ .label-main:before, .credit-card-types .item input[type="radio"] ~ .label-main:before,
div.choice input[type="radio"] + .label:before,
.credit-card-types .item input[type="radio"] + .label:before,
div.choice input[type="radio"] + label:before,
.credit-card-types .item input[type="radio"] + label:before,
div.choice input[type="checkbox"] ~ .label-main:before,
#sl-category input[type="checkbox"] ~ .label-main:before,
div.choice input[type="checkbox"] + .label:before,
#sl-category input[type="checkbox"] + .label:before,
div.choice input[type="checkbox"] + label:before,
#sl-category input[type="checkbox"] + label:before {
  content: '✓';
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  margin: auto;
  border: 1px solid #000;
  text-align: center;
  line-height: 1;
  color: transparent;
  transition: all 0.3s ease; }

div.choice input:checked[type="radio"] ~ .label-main:before, .credit-card-types .item input:checked[type="radio"] ~ .label-main:before,
div.choice input:checked[type="radio"] + .label:before,
.credit-card-types .item input:checked[type="radio"] + .label:before,
div.choice input:checked[type="radio"] + label:before,
.credit-card-types .item input:checked[type="radio"] + label:before,
div.choice input:checked[type="checkbox"] ~ .label-main:before,
#sl-category input:checked[type="checkbox"] ~ .label-main:before,
div.choice input:checked[type="checkbox"] + .label:before,
#sl-category input:checked[type="checkbox"] + .label:before,
div.choice input:checked[type="checkbox"] + label:before,
#sl-category input:checked[type="checkbox"] + label:before {
  color: inherit; }

/* Radio
-------------------------- */
div.choice input[type="radio"] ~ .label-main:before, .credit-card-types .item input[type="radio"] ~ .label-main:before,
div.choice input[type="radio"] + .label:before,
.credit-card-types .item input[type="radio"] + .label:before,
div.choice input[type="radio"] + label:before,
.credit-card-types .item input[type="radio"] + label:before {
  content: '•';
  border-radius: 999px; }

/* Various */
/*
Name: Tables
URL: http://github.com/Darklg/CSSCommon
Version: 1.5.2
License: MIT
*/
/* ----------------------------------------------------------
  Main
---------------------------------------------------------- */
.cssc-table {
  width: 100%;
  margin-bottom: 20px; }

.cssc-table,
.cssc-table tr,
.cssc-table td,
.cssc-table th {
  border-collapse: collapse;
  vertical-align: middle; }

/* Default Theme
-------------------------- */
.cssc-table--default td,
.cssc-table--default th {
  padding: 10px;
  font-size: 12px;
  line-height: 1.3; }

.cssc-table--default td {
  text-align: left; }

.cssc-table--default th {
  text-align: left;
  font-weight: bold; }

.cssc-table--default tr {
  border-bottom: 1px solid #e9e9e9; }

.cssc-table--default thead tr {
  border-bottom: 1px solid #d0d0d0; }

.cssc-table--default tbody tr:last-child {
  border-bottom: 0; }

/* "Tight" Theme
-------------------------- */
.cssc-table--tight th,
.cssc-table--tight td {
  padding: 3px;
  line-height: 1.2; }

/* "Basic" Theme
-------------------------- */
.cssc-table--basic {
  color: #333;
  background: #fff; }

.cssc-table--basic,
.cssc-table--basic tr,
.cssc-table--basic td,
.cssc-table--basic th {
  border: 1px solid #d0d0d0; }

.cssc-table--basic tbody tr,
.cssc-table--basic tbody td,
.cssc-table--basic tbody th {
  border: 1px solid #e0e0e0; }

.cssc-table--basic tr:hover {
  color: #000;
  background: #fafafa; }

.cssc-table--basic th {
  background: #f0f0f0; }

/* "Bordered" Theme
-------------------------- */
.cssc-table--bordered td + td {
  border-left: 1px solid #e9e9e9; }

.cssc-table--bordered .content {
  z-index: 1;
  position: relative; }

.cssc-table--bordered tr + tr td + td .content:before {
  content: '';
  z-index: 1;
  position: absolute;
  top: -20px;
  left: -20px;
  width: 20px;
  height: 20px;
  background-color: #fff; }

/* Rounded corners
-------------------------- */
.cssc-table--rounded {
  border: 1px solid #ccc;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px; }

/* Debug colors */
.cssc-table--rounded tbody {
  background-color: #F5F5F5; }

.cssc-table--rounded tfoot th {
  background-color: #E0E0E0; }

.cssc-table--rounded thead th {
  background-color: #E0E0E0; }

/* Borders top */
.cssc-table--rounded thead:first-child,
.cssc-table--rounded thead:first-child tr:first-child {
  border-radius: 10px 10px 0 0; }

.cssc-table--rounded thead:first-child tr:first-child th:first-child {
  border-radius: 10px 0 0 0; }

.cssc-table--rounded thead:first-child tr:first-child th:last-child {
  border-radius: 0 10px 0 0; }

/* Borders bottom */
.cssc-table--rounded thead + tbody ~ tbody:last-child,
.cssc-table--rounded thead + tbody ~ tbody:last-child tr:last-child,
.cssc-table--rounded thead + tbody:last-child,
.cssc-table--rounded thead + tbody:last-child tr:last-child,
.cssc-table--rounded tfoot,
.cssc-table--rounded tfoot tr:last-child {
  border-radius: 0 0 10px 10px; }

.cssc-table--rounded thead + tbody ~ tbody:last-child tr:last-child td:first-child,
.cssc-table--rounded thead + tbody:last-child tr:last-child td:first-child,
.cssc-table--rounded tfoot tr:last-child th:first-child {
  border-radius: 0 0 0 10px; }

.cssc-table--rounded thead + tbody ~ tbody:last-child tr:last-child td:last-child,
.cssc-table--rounded thead + tbody:last-child tr:last-child td:last-child,
.cssc-table--rounded tfoot tr:last-child th:last-child {
  border-radius: 0 0 10px 0; }

/* ----------------------------------------------------------
  Responsive Tables
---------------------------------------------------------- */
@media (max-width: 767px) {
  .table-wrapper.orders-history td, .table-wrapper.orders-recent td,
  .table-wrapper.orders-history tr,
  .table-wrapper.orders-recent tr,
  .table-wrapper.orders-history tbody,
  .table-wrapper.orders-recent tbody,
  .table-wrapper.orders-history,
  .table-wrapper.orders-recent {
    display: block;
    border: 0; }
  .table-wrapper.orders-history td, .table-wrapper.orders-recent td {
    padding: 0;
    border: 0; }
  .table-wrapper.orders-history tfoot, .table-wrapper.orders-recent tfoot,
  .table-wrapper.orders-history thead,
  .table-wrapper.orders-recent thead {
    display: none; }
  
  .table-wrapper.orders-history tr,
  .table-wrapper.orders-recent tr {
    padding: 1em 0; }
  .table-wrapper.orders-history td, .table-wrapper.orders-recent td {
    margin-bottom: 0.3em;
    padding: 0;
    border: 0 !important;
    text-align: left !important; }
  .table-wrapper.orders-history td:before, .table-wrapper.orders-recent td:before {
    content: attr(data-th);
    display: block;
    font-weight: bold; } }

/*
Name: Grids
URL: http://github.com/Darklg/CSSCommon
Version: 4.3
License: MIT
*/
.cssc-grid {
  display: block;
  clear: both;
  max-width: 100%; }

.cssc-grid:before,
.cssc-grid:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  max-height: 0;
  overflow: hidden; }

.cssc-grid > * {
  float: left;
  min-height: 1px; }

/* ----------------------------------------------------------
  Grille fluide
---------------------------------------------------------- */
.fluid-grid {
  z-index: 1;
  position: relative;
  width: auto;
  margin: 0 -15px;
  max-width: none; }

.fluid-grid > * {
  box-sizing: border-box;
  padding: 0 15px; }

/* Margin
-------------------------- */
.fluid-grid--20 {
  margin: 0 -20px; }

.fluid-grid--20 > * {
  padding: 0 20px; }

.fluid-grid--10 {
  margin: 0 -10px; }

.fluid-grid--10 > * {
  padding: 0 10px; }

.fluid-grid--0 {
  margin: 0; }

.fluid-grid--0 > * {
  padding: 0; }

/* Columns
-------------------------- */
.col-10p {
  width: 10%; }

.col-20p {
  width: 20%; }

.col-25p {
  width: 25%; }

.col-30p {
  width: 30%; }

.col-33p {
  width: 33.333%; }

.col-40p {
  width: 40%; }

.col-45p {
  width: 45%; }

.col-50p {
  width: 50%; }

.col-55p {
  width: 55%; }

.col-60p {
  width: 60%; }

.col-66p {
  width: 66.667%; }

.col-75p {
  width: 75%; }

.col-80p {
  width: 80%; }

.col-90p {
  width: 90%; }

.col-100p {
  width: 100%; }

/* Responsive
-------------------------- */
@media (max-width: 1024px) {
  .fluid-grid {
    margin: 0 -10px; }
  .fluid-grid > * {
    padding: 0 10px; }
  /* Margin */
  .tab--fluid-grid--20 {
    margin: 0 -20px; }
  .tab--fluid-grid--20 > * {
    padding: 0 20px; }
  .tab--fluid-grid--10 {
    margin: 0 -10px; }
  .tab--fluid-grid--10 > * {
    padding: 0 10px; }
  /* Columns */
  .tab--col-10p {
    width: 10%; }
  .tab--col-20p {
    width: 20%; }
  .tab--col-25p {
    width: 25%; }
  .tab--col-30p {
    width: 30%; }
  .tab--col-33p {
    width: 33.333%; }
  .tab--col-40p {
    width: 40%; }
  .tab--col-45p {
    width: 45%; }
  .tab--col-50p {
    width: 50%; }
  .tab--col-55p {
    width: 55%; }
  .tab--col-60p {
    width: 60%; }
  .tab--col-66p {
    width: 66.667%; }
  .tab--col-75p {
    width: 75%; }
  .tab--col-80p {
    width: 80%; }
  .tab--col-90p {
    width: 90%; }
  .tab--col-100p {
    width: 100%; } }

@media (max-width: 767px) {
  .fluid-grid {
    margin: 0 -7.5px; }
  .fluid-grid > * {
    padding: 0 7.5px; }
  /* Margin */
  .tabv--fluid-grid--20 {
    margin: 0 -20px; }
  .tabv--fluid-grid--20 > * {
    padding: 0 20px; }
  .tabv--fluid-grid--10 {
    margin: 0 -10px; }
  .tabv--fluid-grid--10 > * {
    padding: 0 10px; }
  /* Columns */
  .tabv--col-10p {
    width: 10%; }
  .tabv--col-20p {
    width: 20%; }
  .tabv--col-25p {
    width: 25%; }
  .tabv--col-30p {
    width: 30%; }
  .tabv--col-33p {
    width: 33.333%; }
  .tabv--col-40p {
    width: 40%; }
  .tabv--col-45p {
    width: 45%; }
  .tabv--col-50p {
    width: 50%; }
  .tabv--col-55p {
    width: 55%; }
  .tabv--col-60p {
    width: 60%; }
  .tabv--col-66p {
    width: 66.667%; }
  .tabv--col-75p {
    width: 75%; }
  .tabv--col-80p {
    width: 80%; }
  .tabv--col-90p {
    width: 90%; }
  .tabv--col-100p {
    width: 100%; } }

@media (max-width: 500px) {
  /* Margin */
  .mob--fluid-grid--20 {
    margin: 0 -20px; }
  .mob--fluid-grid--20 > * {
    padding: 0 20px; }
  .mob--fluid-grid--10 {
    margin: 0 -10px; }
  .mob--fluid-grid--10 > * {
    padding: 0 10px; }
  /* Columns */
  .mob--col-10p {
    width: 10%; }
  .mob--col-20p {
    width: 20%; }
  .mob--col-25p {
    width: 25%; }
  .mob--col-30p {
    width: 30%; }
  .mob--col-33p {
    width: 33.333%; }
  .mob--col-40p {
    width: 40%; }
  .mob--col-45p {
    width: 45%; }
  .mob--col-50p {
    width: 50%; }
  .mob--col-55p {
    width: 55%; }
  .mob--col-60p {
    width: 60%; }
  .mob--col-66p {
    width: 66.667%; }
  .mob--col-75p {
    width: 75%; }
  .mob--col-80p {
    width: 80%; }
  .mob--col-90p {
    width: 90%; }
  .mob--col-100p {
    width: 100%; } }

/* ----------------------------------------------------------
  Containers
---------------------------------------------------------- */
/* Container centré */
.nav-sections,
.page-header, .home-seo-wrapper,
.centered-container {
  z-index: 1;
  clear: both;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  text-align: center; }

/* Contenu flottant */
div[id="store.menu"] .main-navigation,
.page-header .header.content, .home-seo-wrapper .home-seo-inner,
.centered-container > * {
  box-sizing: border-box;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  max-width: 1360px;
  text-align: left; }

/* Items
-------------------------- */
.centered-container .cc-full {
  width: auto;
  max-width: none; }

.centered-container .cc-full-bg,
.centered-container .cc-full-image {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  background: transparent repeat top center; }

/* Full image is a separate background with a cover image for animating or effects */
.centered-container .cc-full-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

/* Needed to be over a cc-full-image/bg background */
.centered-container .cc-content {
  z-index: 2;
  position: relative; }

/* ----------------------------------------------------------
  Elements visibility depending on used device
---------------------------------------------------------- */
.lt_ie9 .hidden-on-full,
.lt_ie9 .visible-only-tablet,
.lt_ie9 .visible-only-phone {
  display: none; }

@media (min-width: 1024px) {
  .hidden-on-full,
  .visible-only-tablet,
  .visible-only-phone {
    display: none; } }

@media (max-width: 1023px) and (min-width: 501px) {
  .hidden-on-tablet,
  .visible-only-full,
  .visible-only-phone {
    display: none; } }

@media (max-width: 500px) {
  .hidden-on-phone,
  .visible-only-full,
  .visible-only-tablet {
    display: none; } }

/*
Name: Print
URL: http://github.com/Darklg/CSSCommon
Version: 1.1.0
License: MIT
*/
@media print {
  body {
    max-width: 100%; }
  /* Global
       ----------------------- */
  * {
    float: none;
    color: #000; }
  /* Links
       ----------------------- */
  a {
    text-decoration: underline; }
  a:after {
    content: " (" attr(href) ") ";
    font-weight: normal; }
  a:not([href]):after,
  a[href="#"]:after,
  a[href=""]:after {
    display: none; }
  /* CSSCommon
       ----------------------- */
  .noprint,
  .no-print,
  .cssc-mainnav {
    display: none !important; } }

/*
Name: Common Mixins
URL: http://github.com/Darklg/CSSCommon
Version: 0.15.2
License: MIT
*/
/* ----------------------------------------------------------
  Black & White
---------------------------------------------------------- */
/* ----------------------------------------------------------
  Vertical center
---------------------------------------------------------- */
.slider-slide__inner .slide-content__wrapper, .soon_csblock-cta-standard--main-visu.bandeau .content-wrapper, .category-rich-title,
.vertical-center-content,
.cc-soon_csblock-cta-image_simple .soon_csblock-cta-standard {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  -ms-flex-align: center; }

.slider-slide__inner .slide-content__wrapper:after, .soon_csblock-cta-standard--main-visu.bandeau .content-wrapper:after, .category-rich-title:after, .slider-slide__inner .slide-content__wrapper:before, .soon_csblock-cta-standard--main-visu.bandeau .content-wrapper:before, .category-rich-title:before,
.vertical-center-content:after,
.cc-soon_csblock-cta-image_simple .soon_csblock-cta-standard:after,
.vertical-center-content:before,
.cc-soon_csblock-cta-image_simple .soon_csblock-cta-standard:before {
  content: ''; }

.slider-slide__inner .slide-content__wrapper:before, .soon_csblock-cta-standard--main-visu.bandeau .content-wrapper:before, .category-rich-title:before,
.vertical-center-content:before,
.cc-soon_csblock-cta-image_simple .soon_csblock-cta-standard:before {
  align-self: flex-start; }

.slider-slide__inner .slide-content__wrapper:after, .soon_csblock-cta-standard--main-visu.bandeau .content-wrapper:after, .category-rich-title:after,
.vertical-center-content:after,
.cc-soon_csblock-cta-image_simple .soon_csblock-cta-standard:after {
  align-self: flex-end; }

.slider-slide__inner .slide-content__wrapper > *, .soon_csblock-cta-standard--main-visu.bandeau .content-wrapper > *, .category-rich-title > *,
.vertical-center-content > *,
.cc-soon_csblock-cta-image_simple .soon_csblock-cta-standard > * {
  width: 100%; }

/* ----------------------------------------------------------
  Justify items
---------------------------------------------------------- */

.justify-items,
.category-rich-tabs,
.product-data-tabs__titles,
.block-youtube__wrapper .tabs {
  display: -moz-flex;
  display: flex;
  justify-content: space-between;
  -ms-box-orient: horizontal; }

/* ----------------------------------------------------------
  Desktop grid
---------------------------------------------------------- */
.soon_csblock-cta-standard--main .cta-standard-grid, .product-item-routine .product-item-routine-grid, .ingredient-item--even .ingredient-item__inner-grid, .block-authentication, .cart-container > .cart-discount .gift-cart-item, .yonka-contact-wrapper .contact-content,
.desktop-grid-table,
.shipping-address-items,
.column.main .login-container,
.block-addresses-list .block-content,
.block-dashboard-info .block-content,
.block-dashboard-addresses .block-content,
.block-addresses-default .block-content,
div.fields,
.footer-cms-area__content,
.triptyque-wrapper,
.diptyque-wrapper,
.soon_csblock-cta-standard--main-visu.grid .soon_csblock-cta-standard,
.yonkaproductview,
.ingredient-slide-content,
.press-review-slide,
[id="composition.tab"] .composition-main,
.order-state,
.order-shipping-detail,
.table-wrapper.cart .cart-item-wrapper,
.beauty-issue-item__inner,
.storelocator-infos {
  display: table;
  width: 100%;
  table-layout: fixed; }

.soon_csblock-cta-standard--main .cta-standard-grid > *, .product-item-routine .product-item-routine-grid > *, .ingredient-item--even .ingredient-item__inner-grid > *, .block-authentication > *, .cart-container > .cart-discount .gift-cart-item > *, .yonka-contact-wrapper .contact-content > *,
.desktop-grid-table > *,
.shipping-address-items > *,
.column.main .login-container > *,
.block-addresses-list .block-content > *,
.block-dashboard-info .block-content > *,
.block-dashboard-addresses .block-content > *,
.block-addresses-default .block-content > *,
div.fields > *,
.footer-cms-area__content > *,
.triptyque-wrapper > *,
.diptyque-wrapper > *,
.soon_csblock-cta-standard--main-visu.grid .soon_csblock-cta-standard > *,
.yonkaproductview > *,
.ingredient-slide-content > *,
.press-review-slide > *,
[id="composition.tab"] .composition-main > *,
.order-state > *,
.order-shipping-detail > *,
.table-wrapper.cart .cart-item-wrapper > *,
.beauty-issue-item__inner > *,
.storelocator-infos > * {
  display: table-cell;
  vertical-align: top; }

.soon_csblock-cta-standard--main .cta-standard-grid > *:not(:last-child), .product-item-routine .product-item-routine-grid > *:not(:last-child), .ingredient-item--even .ingredient-item__inner-grid > *:not(:last-child), .block-authentication > *:not(:last-child), .cart-container > .cart-discount .gift-cart-item > *:not(:last-child), .yonka-contact-wrapper .contact-content > *:not(:last-child),
.desktop-grid-table > *:not(:last-child),
.shipping-address-items > *:not(:last-child),
.column.main .login-container > *:not(:last-child),
.block-addresses-list .block-content > *:not(:last-child),
.block-dashboard-info .block-content > *:not(:last-child),
.block-dashboard-addresses .block-content > *:not(:last-child),
.block-addresses-default .block-content > *:not(:last-child),
div.fields > *:not(:last-child),
.footer-cms-area__content > *:not(:last-child),
.triptyque-wrapper > *:not(:last-child),
.diptyque-wrapper > *:not(:last-child),
.soon_csblock-cta-standard--main-visu.grid .soon_csblock-cta-standard > *:not(:last-child),
.yonkaproductview > *:not(:last-child),
.ingredient-slide-content > *:not(:last-child),
.press-review-slide > *:not(:last-child),
[id="composition.tab"] .composition-main > *:not(:last-child),
.order-state > *:not(:last-child),
.order-shipping-detail > *:not(:last-child),
.table-wrapper.cart .cart-item-wrapper > *:not(:last-child),
.beauty-issue-item__inner > *:not(:last-child),
.storelocator-infos > *:not(:last-child) {
  padding-right: 15px; }

.soon_csblock-cta-standard--main .cta-standard-grid > * + *, .product-item-routine .product-item-routine-grid > * + *, .ingredient-item--even .ingredient-item__inner-grid > * + *, .block-authentication > * + *, .cart-container > .cart-discount .gift-cart-item > * + *, .yonka-contact-wrapper .contact-content > * + *,
.desktop-grid-table > * + *,
.shipping-address-items > * + *,
.column.main .login-container > * + *,
.block-addresses-list .block-content > * + *,
.block-dashboard-info .block-content > * + *,
.block-dashboard-addresses .block-content > * + *,
.block-addresses-default .block-content > * + *,
div.fields > * + *,
.footer-cms-area__content > * + *,
.triptyque-wrapper > * + *,
.diptyque-wrapper > * + *,
.soon_csblock-cta-standard--main-visu.grid .soon_csblock-cta-standard > * + *,
.yonkaproductview > * + *,
.ingredient-slide-content > * + *,
.press-review-slide > * + *,
[id="composition.tab"] .composition-main > * + *,
.order-state > * + *,
.order-shipping-detail > * + *,
.table-wrapper.cart .cart-item-wrapper > * + *,
.beauty-issue-item__inner > * + *,
.storelocator-infos > * + * {
  padding-left: 15px; }

@media (max-width: 1024px) {
  .soon_csblock-cta-standard--main .cta-standard-grid > *:not(:last-child), .product-item-routine .product-item-routine-grid > *:not(:last-child), .ingredient-item--even .ingredient-item__inner-grid > *:not(:last-child), .block-authentication > *:not(:last-child), .cart-container > .cart-discount .gift-cart-item > *:not(:last-child), .yonka-contact-wrapper .contact-content > *:not(:last-child),
  .desktop-grid-table > *:not(:last-child),
  .shipping-address-items > *:not(:last-child),
  .column.main .login-container > *:not(:last-child),
  .block-addresses-list .block-content > *:not(:last-child),
  .block-dashboard-info .block-content > *:not(:last-child),
  .block-dashboard-addresses .block-content > *:not(:last-child),
  .block-addresses-default .block-content > *:not(:last-child),
  div.fields > *:not(:last-child),
  .footer-cms-area__content > *:not(:last-child),
  .triptyque-wrapper > *:not(:last-child),
  .diptyque-wrapper > *:not(:last-child),
  .soon_csblock-cta-standard--main-visu.grid .soon_csblock-cta-standard > *:not(:last-child),
  .yonkaproductview > *:not(:last-child),
  .ingredient-slide-content > *:not(:last-child),
  .press-review-slide > *:not(:last-child),
  [id="composition.tab"] .composition-main > *:not(:last-child),
  .order-state > *:not(:last-child),
  .order-shipping-detail > *:not(:last-child),
  .table-wrapper.cart .cart-item-wrapper > *:not(:last-child),
  .beauty-issue-item__inner > *:not(:last-child),
  .storelocator-infos > *:not(:last-child) {
    padding-right: 10px; }
  .soon_csblock-cta-standard--main .cta-standard-grid > * + *, .product-item-routine .product-item-routine-grid > * + *, .ingredient-item--even .ingredient-item__inner-grid > * + *, .block-authentication > * + *, .cart-container > .cart-discount .gift-cart-item > * + *, .yonka-contact-wrapper .contact-content > * + *,
  .desktop-grid-table > * + *,
  .shipping-address-items > * + *,
  .column.main .login-container > * + *,
  .block-addresses-list .block-content > * + *,
  .block-dashboard-info .block-content > * + *,
  .block-dashboard-addresses .block-content > * + *,
  .block-addresses-default .block-content > * + *,
  div.fields > * + *,
  .footer-cms-area__content > * + *,
  .triptyque-wrapper > * + *,
  .diptyque-wrapper > * + *,
  .soon_csblock-cta-standard--main-visu.grid .soon_csblock-cta-standard > * + *,
  .yonkaproductview > * + *,
  .ingredient-slide-content > * + *,
  .press-review-slide > * + *,
  [id="composition.tab"] .composition-main > * + *,
  .order-state > * + *,
  .order-shipping-detail > * + *,
  .table-wrapper.cart .cart-item-wrapper > * + *,
  .beauty-issue-item__inner > * + *,
  .storelocator-infos > * + * {
    padding-left: 10px; } }

@media (max-width: 767px) {
  .soon_csblock-cta-standard--main .cta-standard-grid, .product-item-routine .product-item-routine-grid, .ingredient-item--even .ingredient-item__inner-grid, .block-authentication, .cart-container > .cart-discount .gift-cart-item, .yonka-contact-wrapper .contact-content, .soon_csblock-cta-standard--main .cta-standard-grid > *, .product-item-routine .product-item-routine-grid > *, .ingredient-item--even .ingredient-item__inner-grid > *, .block-authentication > *, .cart-container > .cart-discount .gift-cart-item > *, .yonka-contact-wrapper .contact-content > *,
  .desktop-grid-table,
  .shipping-address-items,
  .column.main .login-container,
  .block-addresses-list .block-content,
  .block-dashboard-info .block-content,
  .block-dashboard-addresses .block-content,
  .block-addresses-default .block-content,
  div.fields,
  .footer-cms-area__content,
  .triptyque-wrapper,
  .diptyque-wrapper,
  .soon_csblock-cta-standard--main-visu.grid .soon_csblock-cta-standard,
  .yonkaproductview,
  .ingredient-slide-content,
  .press-review-slide,
  [id="composition.tab"] .composition-main,
  .order-state,
  .order-shipping-detail,
  .table-wrapper.cart .cart-item-wrapper,
  .beauty-issue-item__inner,
  .storelocator-infos,
  .desktop-grid-table > *,
  .shipping-address-items > *,
  .column.main .login-container > *,
  .block-addresses-list .block-content > *,
  .block-dashboard-info .block-content > *,
  .block-dashboard-addresses .block-content > *,
  .block-addresses-default .block-content > *,
  div.fields > *,
  .footer-cms-area__content > *,
  .triptyque-wrapper > *,
  .diptyque-wrapper > *,
  .soon_csblock-cta-standard--main-visu.grid .soon_csblock-cta-standard > *,
  .yonkaproductview > *,
  .ingredient-slide-content > *,
  .press-review-slide > *,
  [id="composition.tab"] .composition-main > *,
  .order-state > *,
  .order-shipping-detail > *,
  .table-wrapper.cart .cart-item-wrapper > *,
  .beauty-issue-item__inner > *,
  .storelocator-infos > * {
    display: block; }
  .soon_csblock-cta-standard--main .cta-standard-grid > *:not(:last-child), .product-item-routine .product-item-routine-grid > *:not(:last-child), .ingredient-item--even .ingredient-item__inner-grid > *:not(:last-child), .block-authentication > *:not(:last-child), .cart-container > .cart-discount .gift-cart-item > *:not(:last-child), .yonka-contact-wrapper .contact-content > *:not(:last-child),
  .desktop-grid-table > *:not(:last-child),
  .shipping-address-items > *:not(:last-child),
  .column.main .login-container > *:not(:last-child),
  .block-addresses-list .block-content > *:not(:last-child),
  .block-dashboard-info .block-content > *:not(:last-child),
  .block-dashboard-addresses .block-content > *:not(:last-child),
  .block-addresses-default .block-content > *:not(:last-child),
  div.fields > *:not(:last-child),
  .footer-cms-area__content > *:not(:last-child),
  .triptyque-wrapper > *:not(:last-child),
  .diptyque-wrapper > *:not(:last-child),
  .soon_csblock-cta-standard--main-visu.grid .soon_csblock-cta-standard > *:not(:last-child),
  .yonkaproductview > *:not(:last-child),
  .ingredient-slide-content > *:not(:last-child),
  .press-review-slide > *:not(:last-child),
  [id="composition.tab"] .composition-main > *:not(:last-child),
  .order-state > *:not(:last-child),
  .order-shipping-detail > *:not(:last-child),
  .table-wrapper.cart .cart-item-wrapper > *:not(:last-child),
  .beauty-issue-item__inner > *:not(:last-child),
  .storelocator-infos > *:not(:last-child) {
    margin-bottom: 15px;
    padding-right: 0;
    padding-left: 0; } }

/* ----------------------------------------------------------
  Absolute cover
---------------------------------------------------------- */
.soon_csblock-routine .step + .step:before, .category-rich-title .category-image, .product-item__photo:before, .filter-options-title:before, .filter-current-subtitle:before, .block.samples .list-gifts label, .yonka-contact-wrapper:before,
.absolute-cover,
.loading-mask,
.header.content > .logo img,
li.level1 [data-hascolor-gamme="1"] .colorgamme,
.cc-soon_csblock-cta-image_simple .soon_csblock-cta-standard,
.slider-slide__inner .responsive-image > *,
.soon_csblock-cta-standard--main-visu.superimposed .title,
.soon_csblock-cta-standard--main-visu.bandeau .content-wrapper,
#form-block-review-add .form-block-review-add__overlay {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

/* ----------------------------------------------------------
  Absolute center
---------------------------------------------------------- */
.product-fake .product-fake-title {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }

/* ----------------------------------------------------------
  Responsive display
---------------------------------------------------------- */
/* Hide on mobile devices */
@media (max-width: 767px) {
  .hide-on-mobile {
    display: none !important; } }

/* Hide on desktop devices */
@media (min-width: 768px) {
  .hide-on-desktop {
    display: none !important; } }

/* Hide on devices larger than tablets */
@media (min-width: 1025px) {
  .hide-above-tablet {
    display: none !important; } }

/* Hide on tablets and smaller devices */
@media (max-width: 1024px) {
  .hide-tablet-below {
    display: none !important; } }

/* ----------------------------------------------------------
  Prefixed keyframes
---------------------------------------------------------- */
/*
 * Thx to: http://stackoverflow.com/a/23861638
 *
 * Ex :
 *
 * @include keyframes(rotating) {
 *    0%, 100% {
 *        transform: rotate(0deg);
 *    }
 * }
*/
/* ----------------------------------------------------------
  Responsive
---------------------------------------------------------- */
/* ----------------------------------------------------------
  Same height children
---------------------------------------------------------- */
.block-order-details-view .block-content {
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap; }

.block-order-details-view .block-content,
.block-order-details-view .block-content > * {
  box-sizing: border-box;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

/* ----------------------------------------------------------
  Responsive padding
---------------------------------------------------------- */
/* All
-------------------------- */
.modals-wrapper .modal-content, .page-title-wrapper, .table-wrapper.orders-history th, .table-wrapper.orders-recent th, .table-wrapper.cart th, #checkout-shipping-method-load th, .table-wrapper.order-items th,
.table-wrapper.orders-history td,
.table-wrapper.orders-recent td,
.table-wrapper.cart td,
#checkout-shipping-method-load td,
.table-wrapper.order-items td, .footer.content > .copyright, .block-routine__steps, .block.crosssell, .product-main-title, .composition-effectiveness > *, #form-block-review-add .review-form, #form-block-review-add .block-title, .ingredient-item, .cart-empty, .cart-container > .cart-discount .currentsamples .title,
.cart-container > .cart-discount .block.discount .title,
.cart-container > .cart-discount .gift-cart-item__wrapper, #checkoutSteps #co-payment-form > .fieldset > *,
#checkoutSteps > li:not(.checkout-payment-method), .yonka-success-page, .beauty-issue-item, .yonka-contact-wrapper-inner, .yonka-contact-wrapper .contact-content > *, .form.contact, #sl-list > *, .storelocator-main, .spa-additional-content .spa-cta-item, .additional-cms-container--recruitement, .cms-tutos-beaute .page-title {
  padding: 30px; }

@media (max-width: 1024px) {
  .modals-wrapper .modal-content, .page-title-wrapper, .table-wrapper.orders-history th, .table-wrapper.orders-recent th, .table-wrapper.cart th, #checkout-shipping-method-load th, .table-wrapper.order-items th,
  .table-wrapper.orders-history td,
  .table-wrapper.orders-recent td,
  .table-wrapper.cart td,
  #checkout-shipping-method-load td,
  .table-wrapper.order-items td, .footer.content > .copyright, .block-routine__steps, .block.crosssell, .product-main-title, .composition-effectiveness > *, #form-block-review-add .review-form, #form-block-review-add .block-title, .ingredient-item, .cart-empty, .cart-container > .cart-discount .currentsamples .title,
  .cart-container > .cart-discount .block.discount .title,
  .cart-container > .cart-discount .gift-cart-item__wrapper, #checkoutSteps #co-payment-form > .fieldset > *,
  #checkoutSteps > li:not(.checkout-payment-method), .yonka-success-page, .beauty-issue-item, .yonka-contact-wrapper-inner, .yonka-contact-wrapper .contact-content > *, .form.contact, #sl-list > *, .storelocator-main, .spa-additional-content .spa-cta-item, .additional-cms-container--recruitement, .cms-tutos-beaute .page-title {
    padding: 20px; } }

@media (max-width: 767px) {
  .modals-wrapper .modal-content, .page-title-wrapper, .table-wrapper.orders-history th, .table-wrapper.orders-recent th, .table-wrapper.cart th, #checkout-shipping-method-load th, .table-wrapper.order-items th,
  .table-wrapper.orders-history td,
  .table-wrapper.orders-recent td,
  .table-wrapper.cart td,
  #checkout-shipping-method-load td,
  .table-wrapper.order-items td, .footer.content > .copyright, .block-routine__steps, .block.crosssell, .product-main-title, .composition-effectiveness > *, #form-block-review-add .review-form, #form-block-review-add .block-title, .ingredient-item, .cart-empty, .cart-container > .cart-discount .currentsamples .title,
  .cart-container > .cart-discount .block.discount .title,
  .cart-container > .cart-discount .gift-cart-item__wrapper, #checkoutSteps #co-payment-form > .fieldset > *,
  #checkoutSteps > li:not(.checkout-payment-method), .yonka-success-page, .beauty-issue-item, .yonka-contact-wrapper-inner, .yonka-contact-wrapper .contact-content > *, .form.contact, #sl-list > *, .storelocator-main, .spa-additional-content .spa-cta-item, .additional-cms-container--recruitement, .cms-tutos-beaute .page-title {
    padding: 15px; } }

/* Top / Bottom
-------------------------- */
.cc-newsletter-full .newsletter-full, .cc-footer-reinsurance .footer-reinsurance, .centered-container.cc-footer-cms-area, .home-seo-wrapper, .home-seo-wrapper .home-seo-inner, .videos-tutos, .csblock-social-networks, .soon_csblock-cta-byhalf, .soon_csblock-cta-standard--main-visu, .edito__quote, .soon_csblock-cta-standard--main, .block-ajaxscroll, .category-rich-title, .product-header-seo, .product.data.items,
.product.info.detailed, .product-data-tabs__contents > *,
.product-data-tabs__contents .tab-content, .routine-title__item, .product-data-tabs__contents .beauty-advice, .composition-tested, #reviews.data .product-reviews-summary, .ingredient-item__inner, .ingredient-item--odd .ingredient-item__content, .customer-account-create .column.main,
.customer-account-createpassword .column.main,
.customer-account-forgotpassword .column.main,
.customer-account-login .column.main, .account .page-main, .products-grid.wishlist .product-items, .checkout-index-index .page-main,
.checkout-cart-index .page-main, .skin-diagnostics__header .page-title, .beauty-issue__header-wrapper, .beauty-issue .content.yonka-page-content, .highlighted-products,
.expert-products, .storelocator-search, #sl-category, .store-list-all, .store-list-all .region-list, .page-title-wrapper--spas .page-title, .block-youtube__list {
  padding-top: 30px;
  padding-bottom: 30px; }

.soon_csblock-cta-edito, .edito__quote, .soon_csblock-cta-standard--main, .category-rich-title, .composition-tested, .composition-effectiveness, .cart-container > .cart-discount .currentsamples,
.cart-container > .cart-discount .block.discount, .yonka-page-content, .product-item-routine .description, #faq-list-container, .highlighted-products,
.expert-products, .highlighted-products .ask-for-samples,
.expert-products .ask-for-samples, .expert-products .expert-description, .spa-additional-content,
.storelocator-description, .spa-list .spa-item, .additional-cms-container--recruitement {
  margin-top: 30px;
  margin-bottom: 30px; }

.recruitment-publication-date {
  margin-top: 30px; }

[data-title][class*="csblock"] .yonka-tab-title, .yonka-header-wrapper, .cms-index-index .column.main > * > *, .product-selection .product-items.slick-slider, .cc-soon_csblock-cta-edito .edito-grid, .category-rich-page .yonka-tab-title, [id="composition.tab"] .composition-main, .ingredient-item, .products-grid.wishlist .product-items li, .noroute-content, .cms-page-view .column, .skin-diagnostics__header, .beauty-issue-item, .page-title-wrapper--spas, .spa-list, .block-youtube__list > * {
  margin-bottom: 30px; }

@media (max-width: 1024px) {
  .cc-newsletter-full .newsletter-full, .cc-footer-reinsurance .footer-reinsurance, .centered-container.cc-footer-cms-area, .home-seo-wrapper, .home-seo-wrapper .home-seo-inner, .videos-tutos, .csblock-social-networks, .soon_csblock-cta-byhalf, .soon_csblock-cta-standard--main-visu, .edito__quote, .soon_csblock-cta-standard--main, .block-ajaxscroll, .category-rich-title, .product-header-seo, .product.data.items,
  .product.info.detailed, .product-data-tabs__contents > *,
  .product-data-tabs__contents .tab-content, .routine-title__item, .product-data-tabs__contents .beauty-advice, .composition-tested, #reviews.data .product-reviews-summary, .ingredient-item__inner, .ingredient-item--odd .ingredient-item__content, .customer-account-create .column.main,
  .customer-account-createpassword .column.main,
  .customer-account-forgotpassword .column.main,
  .customer-account-login .column.main, .account .page-main, .products-grid.wishlist .product-items, .checkout-index-index .page-main,
  .checkout-cart-index .page-main, .skin-diagnostics__header .page-title, .beauty-issue__header-wrapper, .beauty-issue .content.yonka-page-content, .highlighted-products,
  .expert-products, .storelocator-search, #sl-category, .store-list-all, .store-list-all .region-list, .page-title-wrapper--spas .page-title, .block-youtube__list {
    padding-top: 20px;
    padding-bottom: 20px; }
  .soon_csblock-cta-edito, .edito__quote, .soon_csblock-cta-standard--main, .category-rich-title, .composition-tested, .composition-effectiveness, .cart-container > .cart-discount .currentsamples,
  .cart-container > .cart-discount .block.discount, .yonka-page-content, .product-item-routine .description, #faq-list-container, .highlighted-products,
  .expert-products, .highlighted-products .ask-for-samples,
  .expert-products .ask-for-samples, .expert-products .expert-description, .spa-additional-content,
  .storelocator-description, .spa-list .spa-item, .additional-cms-container--recruitement {
    margin-top: 20px;
    margin-bottom: 20px; }
  .recruitment-publication-date {
    margin-top: 20px; }
  [data-title][class*="csblock"] .yonka-tab-title, .yonka-header-wrapper, .cms-index-index .column.main > * > *, .product-selection .product-items.slick-slider, .cc-soon_csblock-cta-edito .edito-grid, .category-rich-page .yonka-tab-title, [id="composition.tab"] .composition-main, .ingredient-item, .products-grid.wishlist .product-items li, .noroute-content, .cms-page-view .column, .skin-diagnostics__header, .beauty-issue-item, .page-title-wrapper--spas, .spa-list, .block-youtube__list > * {
    margin-bottom: 20px; } }

@media (max-width: 767px) {
  .cc-newsletter-full .newsletter-full, .cc-footer-reinsurance .footer-reinsurance, .centered-container.cc-footer-cms-area, .home-seo-wrapper, .home-seo-wrapper .home-seo-inner, .videos-tutos, .csblock-social-networks, .soon_csblock-cta-byhalf, .soon_csblock-cta-standard--main-visu, .edito__quote, .soon_csblock-cta-standard--main, .block-ajaxscroll, .category-rich-title, .product-header-seo, .product.data.items,
  .product.info.detailed, .product-data-tabs__contents > *,
  .product-data-tabs__contents .tab-content, .routine-title__item, .product-data-tabs__contents .beauty-advice, .composition-tested, #reviews.data .product-reviews-summary, .ingredient-item__inner, .ingredient-item--odd .ingredient-item__content, .customer-account-create .column.main,
  .customer-account-createpassword .column.main,
  .customer-account-forgotpassword .column.main,
  .customer-account-login .column.main, .account .page-main, .products-grid.wishlist .product-items, .checkout-index-index .page-main,
  .checkout-cart-index .page-main, .skin-diagnostics__header .page-title, .beauty-issue__header-wrapper, .beauty-issue .content.yonka-page-content, .highlighted-products,
  .expert-products, .storelocator-search, #sl-category, .store-list-all, .store-list-all .region-list, .page-title-wrapper--spas .page-title, .block-youtube__list {
    padding-top: 15px;
    padding-bottom: 15px; }
  .soon_csblock-cta-edito, .edito__quote, .soon_csblock-cta-standard--main, .category-rich-title, .composition-tested, .composition-effectiveness, .cart-container > .cart-discount .currentsamples,
  .cart-container > .cart-discount .block.discount, .yonka-page-content, .product-item-routine .description, #faq-list-container, .highlighted-products,
  .expert-products, .highlighted-products .ask-for-samples,
  .expert-products .ask-for-samples, .expert-products .expert-description, .spa-additional-content,
  .storelocator-description, .spa-list .spa-item, .additional-cms-container--recruitement {
    margin-top: 15px;
    margin-bottom: 15px; }
  .recruitment-publication-date {
    margin-top: 15px; }
  [data-title][class*="csblock"] .yonka-tab-title, .yonka-header-wrapper, .cms-index-index .column.main > * > *, .product-selection .product-items.slick-slider, .cc-soon_csblock-cta-edito .edito-grid, .category-rich-page .yonka-tab-title, [id="composition.tab"] .composition-main, .ingredient-item, .products-grid.wishlist .product-items li, .noroute-content, .cms-page-view .column, .skin-diagnostics__header, .beauty-issue-item, .page-title-wrapper--spas, .spa-list, .block-youtube__list > * {
    margin-bottom: 15px; } }

/* Left / Right
-------------------------- */
.nav-sections,
.page-header, .home-seo-wrapper,
.centered-container, .page-main .columns, .breadcrumbs .items, .page.messages .messages:not(:empty), .category-view .category-description, .modals-wrapper .modal-header,
.modals-wrapper .modal-footer, .breadcrumbs, .products-grid.wishlist .product-items li, .expert-product-item,
.highlighted-product-item, .loop-store .store-main, .store-list-all .region-list > .region, .spa-list .spa-item, .cms-tutos-beaute .page-main, .block-youtube__list > * {
  padding-right: 30px;
  padding-left: 30px; }

.block-youtube__list {
  margin-right: -30px;
  margin-left: -30px; }

@media (max-width: 1024px) {
  .nav-sections,
  .page-header, .home-seo-wrapper,
  .centered-container, .page-main .columns, .breadcrumbs .items, .page.messages .messages:not(:empty), .category-view .category-description, .modals-wrapper .modal-header,
  .modals-wrapper .modal-footer, .breadcrumbs, .products-grid.wishlist .product-items li, .expert-product-item,
  .highlighted-product-item, .loop-store .store-main, .store-list-all .region-list > .region, .spa-list .spa-item, .cms-tutos-beaute .page-main, .block-youtube__list > * {
    padding-right: 20px;
    padding-left: 20px; }
  .block-youtube__list {
    margin-right: -20px;
    margin-left: -20px; } }

@media (max-width: 767px) {
  .nav-sections,
  .page-header, .home-seo-wrapper,
  .centered-container, .page-main .columns, .breadcrumbs .items, .page.messages .messages:not(:empty), .category-view .category-description, .modals-wrapper .modal-header,
  .modals-wrapper .modal-footer, .breadcrumbs, .products-grid.wishlist .product-items li, .expert-product-item,
  .highlighted-product-item, .loop-store .store-main, .store-list-all .region-list > .region, .spa-list .spa-item, .cms-tutos-beaute .page-main, .block-youtube__list > * {
    padding-right: 15px;
    padding-left: 15px; }
  .block-youtube__list {
    margin-right: -15px;
    margin-left: -15px; } }

/* ----------------------------------------------------------
  Visibility switch
---------------------------------------------------------- */
/* Parent hover
-------------------------- */
/* Class visibility
-------------------------- */
/* Attribute visibility
-------------------------- */
/* ----------------------------------------------------------
  Full width container : https://css-tricks.com/?p=243825
---------------------------------------------------------- */
/* ----------------------------------------------------------
  Columns
---------------------------------------------------------- */
/* ----------------------------------------------------------
  Counter
---------------------------------------------------------- */
.order-state {
  counter-reset: section; }

.order-state > * {
  counter-increment: section; }

.order-state > *:before {
  content: counter(section);
  margin: auto; }

/* ----------------------------------------------------------
  Reset table
---------------------------------------------------------- */
/*
Name: Iframes
URL: http://github.com/Darklg/CSSCommon
Version: 0.3
License: MIT
*/
/* ----------------------------------------------------------
  Common
---------------------------------------------------------- */
.content-video,
.full-screen-vimeo,
.content-wide-vimeo {
  z-index: 1;
  top: 0;
  left: 0;
  margin: auto;
  overflow: hidden; }

/* Content
-------------------------- */
.content-video,
.content-wide-vimeo {
  position: relative;
  height: 0;
  padding-top: 56.25%; }

/* ----------------------------------------------------------
  Basic
---------------------------------------------------------- */
.content-video > iframe {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto; }

/* ----------------------------------------------------------
  Vimeo
---------------------------------------------------------- */
/* Full screen
-------------------------- */
.full-screen-vimeo {
  position: absolute;
  right: 0;
  bottom: 0; }

/* Video
-------------------------- */
.content-wide-vimeo > iframe,
.full-screen-vimeo > iframe {
  z-index: 1;
  position: absolute;
  top: -200%;
  left: 0;
  width: 100%;
  height: 500%; }

@media screen and (max-aspect-ratio: 16 / 9) {
  .full-screen-vimeo > iframe {
    left: 50%;
    width: 177.77vh;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); } }

/* ----------------------------------------------------------
  Integento
---------------------------------------------------------- */
/*
Name: Layout
URL: https://github.com/InteGento/InteGentoStyles2
Version: 0.4.1
License: MIT
*/
/* ----------------------------------------------------------
  Main
---------------------------------------------------------- */
.page-main .columns, .breadcrumbs .items, .page.messages .messages:not(:empty), .category-view .category-description {
  margin: 0 auto;
  max-width: 1360px; }

.page-main .columns:after, .breadcrumbs .items:after, .page.messages .messages:not(:empty):after, .category-view .category-description:after {
  content: '';
  display: block;
  clear: both; }

/* ----------------------------------------------------------
  Grid
---------------------------------------------------------- */
.page-layout-2columns-left .column.main,
.page-layout-2columns-right .column.main {
  box-sizing: border-box;
  width: 70%;
  min-height: 300px; }

.page-layout-2columns-left .sidebar,
.page-layout-2columns-right .sidebar {
  box-sizing: border-box;
  width: 30%; }

.page-layout-2columns-left .column.main {
  float: right;
  padding-left: 15px; }

.page-layout-2columns-left .sidebar {
  float: left;
  padding-right: 15px; }

.page-layout-2columns-right .column.main {
  float: left;
  padding-right: 15px; }

.page-layout-2columns-right .sidebar {
  float: left;
  clear: right;
  padding-left: 15px; }

@media (max-width: 1024px) {
  .page-layout-2columns-right .column.main,
  .page-layout-2columns-left .column.main {
    float: none;
    width: auto;
    padding-right: 0;
    padding-left: 0;
    min-height: 0; }
  .page-layout-2columns-right .sidebar,
  .page-layout-2columns-left .sidebar {
    width: 50%;
    padding-top: 20px; }
  .page-layout-2columns-left .sidebar {
    padding-right: 10px; }
  .page-layout-2columns-left .sidebar + .sidebar {
    clear: none;
    padding-right: 0;
    padding-left: 10px; } }

@media (max-width: 767px) {
  .page-layout-2columns-right .sidebar.sidebar,
  .page-layout-2columns-left .sidebar.sidebar {
    float: none;
    width: auto;
    padding-right: 0;
    padding-left: 0; } }

/* ----------------------------------------------------------
  Checkout
---------------------------------------------------------- */
.cart-container:after, .checkout-container:after {
  content: '';
  display: table;
  clear: both;
  width: 100%; }

.form-cart, .opc-wrapper,
.cart-summary,
.opc-sidebar {
  box-sizing: border-box; }

@media (min-width: 768px) {
  .form-cart, .opc-wrapper {
    width: 60%;
    padding-right: 10px; }
  
  .cart-summary,
  .opc-sidebar {
    width: 40%;
    padding-left: 10px; } }

@media (min-width: 1025px) {
  .form-cart, .opc-wrapper {
    width: 66.7%;
    padding-right: 15px; }
  
  .cart-summary,
  .opc-sidebar {
    width: 33.3%;
    padding-left: 15px; } }

/* Cart
-------------------------- */
@media (min-width: 768px) {
  .cart-summary,
  .form-cart {
    float: right; } }

/* OPC
-------------------------- */
@media (min-width: 768px) {
  .opc-sidebar,
  .opc-wrapper {
    float: left; } }

/*
Name: Forms
URL: https://github.com/InteGento/InteGentoStyles2
Version: 0.6.3
License: MIT
*/
/* ----------------------------------------------------------
  Tooltip
---------------------------------------------------------- */
._with-tooltip {
  z-index: 1;
  position: relative;
  padding-right: 30px; }

._with-tooltip .field-tooltip {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 5px; }

._with-tooltip .field-tooltip:hover {
  z-index: 99; }

.field-tooltip-action {
  display: inline-block;
  z-index: 2;
  position: relative;
  width: 2em;
  height: 2em;
  font-size: 11px;
  cursor: pointer; }

.field-tooltip-action:before {
  content: "?";
  display: inline-block;
  width: 2em;
  height: 2em;
  border-radius: 1em;
  overflow: hidden;
  text-align: center;
  font-size: 1.6em;
  font-weight: 500;
  line-height: 2em;
  color: #fff;
  background-color: #514943; }

.field-tooltip-action span {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.field-tooltip-action span.focusable:active,
.field-tooltip-action span.focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

.field-tooltip-action span.focusable:active,
.field-tooltip-action span.focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

.control-text:focus + .field-tooltip-content,
.field-tooltip._active .field-tooltip-content,
.field-tooltip:hover .field-tooltip-content {
  display: block; }

.field-tooltip-content {
  display: none;
  z-index: 1;
  position: absolute;
  right: -1.8em;
  bottom: 4.5em;
  box-sizing: border-box;
  width: 320px;
  padding: 1em;
  max-width: 80vw;
  border: 1px solid #979797;
  background: #F5F7FE;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); }

.field-tooltip-content:after, .field-tooltip-content:before {
  content: "";
  display: block;
  z-index: 3;
  position: absolute;
  top: 100%;
  right: 1em;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-top-color: #979797; }

.field-tooltip-content:after {
  z-index: 4;
  margin-top: -1px;
  border-top-color: #F5F7FE; }

/* ----------------------------------------------------------
  Radio
---------------------------------------------------------- */
.field input[type="radio"] + label {
  display: inline-block;
  margin-right: 1em;
  vertical-align: top; }

/* ----------------------------------------------------------
  Labels
---------------------------------------------------------- */
.field label {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.field.required.admin__control-fields > .label span:after,
.field._required > .label span:after,
.field.required > label:after {
  content: '*';
  margin-left: 0.3em;
  font-weight: bold; }

/* ----------------------------------------------------------
  Field indications
---------------------------------------------------------- */
[id="password-strength-meter-container"],
.control div.mage-error,
.control div.field-error,
.field div.mage-error,
.field div.field-error {
  padding: 0.5em 0;
  font-size: 0.9em; }

/* Errors
-------------------------- */

.control div.mage-error,
.control div.field-error,
.field div.mage-error,
.field div.field-error {
  font-style: italic;
  color: #C00; }


input.mage-error,
.field._error input[aria-invalid="true"] {
  border-color: #C00;
  color: #C00; }

/* Password strength
-------------------------- */
.password-weak [id="password-strength-meter-label"],
.password-strength-meter-1 [id="password-strength-meter-label"] {
  color: #C00; }

.password-medium [id="password-strength-meter-label"],
.password-strength-meter-2 [id="password-strength-meter-label"] {
  color: #ffa500; }

.password-strong [id="password-strength-meter-label"],
.password-very-strong [id="password-strength-meter-label"],
.password-strength-meter-4 [id="password-strength-meter-label"],
.password-strength-meter-3 [id="password-strength-meter-label"] {
  color: #0C0; }

/* ----------------------------------------------------------
  Fieldset
---------------------------------------------------------- */
.fieldset + .fieldset {
  margin-top: 2em; }

/* ----------------------------------------------------------
  Buttons
---------------------------------------------------------- */
/* Toolbar
-------------------------- */
.actions-toolbar {
  margin: 2em 0; }

.actions-toolbar:last-child {
  margin-bottom: 0; }

.actions-toolbar > * {
  display: inline-block;
  vertical-align: top; }

.actions-toolbar > * + * {
  margin-left: 1em; }

@media (max-width: 500px) {
  .actions-toolbar > * {
    display: block;
    margin: 1em 0; }
  .actions-toolbar > * + * {
    margin-left: 0; }
  .actions-toolbar a[class*="action"],
  .actions-toolbar button {
    display: block;
    width: 100%; } }

/* Buttons
-------------------------- */
/* ----------------------------------------------------------
  Nested fields
---------------------------------------------------------- */
.nested-fields {
  margin-bottom: 2em; }

.nested-fields .field:last-child {
  margin-bottom: 0; }

@media (min-width: 768px) {
  .nested-fields .field {
    float: left;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 0;
    padding-right: 1em;
    padding-left: 1em; }
  .nested-fields .field:first-child {
    padding-left: 0; }
  .nested-fields .field:last-child {
    padding-right: 0; } }

/*
Name: Layout
URL: https://github.com/InteGento/InteGentoStyles2
Version: 0.1.0
License: MIT
*/
/* ----------------------------------------------------------
  Basic table
---------------------------------------------------------- */
.table-wrapper > .table {
  width: 100%;
  table-layout: auto; }

.table-wrapper > .table td,
.table-wrapper > .table th {
  text-align: left;
  vertical-align: top; }

/*
Name: Common
URL: https://github.com/InteGento/InteGentoStyles2
Version: 0.8.4
License: MIT
*/
/* ----------------------------------------------------------
  Skip content
---------------------------------------------------------- */
.action.skip.contentarea {
  display: inline-block;
  z-index: 999;
  position: fixed;
  top: -10em;
  left: 0;
  padding: 1em;
  border: 2px dashed;
  vertical-align: top;
  outline: 0;
  background-color: #fff; }

.action.skip.contentarea:focus {
  top: 0; }

/* ----------------------------------------------------------
  Breadcrumbs
---------------------------------------------------------- */
.breadcrumbs .items {
  overflow: hidden; }

.page-main .columns .breadcrumbs .items {
  padding-right: 0;
  padding-left: 0; }

.breadcrumbs .item {
  float: left; }

.breadcrumbs .item + .item:before {
  content: '>';
  margin: 0 0.3em; }

/* ----------------------------------------------------------
  Image container
---------------------------------------------------------- */
.product-image-container,
.product-image-container .product-image-wrapper {
  display: block;
  z-index: 1;
  position: relative;
  width: auto !important; }

.product-image-container .product-image-wrapper {
  padding-bottom: 0 !important; }

.product-image-container .product-image-wrapper img {
  display: block;
  width: 100%; }

/* ----------------------------------------------------------
  Messages
---------------------------------------------------------- */
/* Wrapper
-------------------------- */
.page.messages .messages:not(:empty) {
  margin-bottom: 2em; }

/* Message
-------------------------- */
.messages .message {
  margin: 0 0 1em;
  padding: 1em;
  border: 1px solid; }

.messages .message a {
  text-decoration: underline;
  color: inherit; }

.message.notice {
  color: #009; }

.message.error {
  color: #C00; }

.message.success {
  color: #090; }

.message.warning {
  color: #CC0; }

/* ----------------------------------------------------------
  Switcher
---------------------------------------------------------- */
.switcher-options {
  display: inline-block;
  z-index: 3;
  position: relative;
  width: auto;
  height: 2.5em;
  padding: 0 0.25em;
  padding-right: 20px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  overflow: visible;
  line-height: 2.5;
  vertical-align: top;
  background-color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.switcher-options:after {
  content: '';
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 0.5em;
  margin-top: -2px;
  border: 0 solid transparent;
  border-width: 5px 4px;
  border-top-color: #000; }

.switcher-options .switcher-dropdown {
  visibility: hidden;
  z-index: 2;
  position: absolute;
  top: 100%;
  left: -1px;
  min-width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  opacity: 0;
  background-color: #fff;
  transition: opacity 0.3s ease,visibility 0.3s ease; }

.switcher-options .switcher-dropdown[aria-hidden="false"] {
  visibility: visible;
  opacity: 0.999; }

.switcher-options .switcher-dropdown li {
  line-height: 2;
  white-space: nowrap; }

.switcher-options .switcher-dropdown a {
  display: block;
  padding: 0 0.25em; }

.switcher-options .switcher-dropdown li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.2); }

/* ----------------------------------------------------------
  Pager
---------------------------------------------------------- */
.pager .pages .label,
.pager .toolbar-amount {
  display: none; }

.pager .pages-items {
  text-align: center; }

.pager .pages-items > li {
  display: inline-block;
  vertical-align: top; }

/* ----------------------------------------------------------
  Selectors & mixins
---------------------------------------------------------- */
/* ----------------------------------------------------------
  Reinsurance - icons
---------------------------------------------------------- */
#minicart-reinsurance ul,
.cc-footer-reinsurance ul {
  display: table;
  width: 100%;
  max-width: 100vw;
  table-layout: fixed;
  word-spacing: -0.3em; }

#minicart-reinsurance ul > *,
.cc-footer-reinsurance ul > * {
  display: table-cell;
  box-sizing: border-box;
  padding: 0 1em;
  text-align: center;
  word-spacing: normal;
  vertical-align: top; }

#minicart-reinsurance ul a,
.cc-footer-reinsurance ul a {
  display: block; }

#minicart-reinsurance ul i[class*="icon_"],
.cc-footer-reinsurance ul i[class*="icon_"] {
  display: block;
  height: 1em;
  margin-bottom: 0.3em;
  font-size: 2em; }

#minicart-reinsurance ul strong,
.cc-footer-reinsurance ul strong {
  display: block; }

@media (max-width: 1024px) {
  
  .cc-footer-reinsurance ul {
    display: block;
    font-size: 0; }
  
  .cc-footer-reinsurance ul > * {
    display: inline-block;
    width: 50%;
    margin-bottom: 2em;
    font-size: 12px; } }

@media (max-width: 767px) {
  
  .cc-footer-reinsurance ul > * {
    display: block;
    width: 100%; } }

/*
Name: Modals
URL: https://github.com/InteGento/InteGentoStyles2
Version: 0.1.1
License: MIT
*/
/* ----------------------------------------------------------
  Modals
---------------------------------------------------------- */
/* Wrapper
-------------------------- */
.modals-wrapper .modals-overlay,
.modals-wrapper .modal-popup {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.modals-wrapper .modals-overlay {
  z-index: 98 !important;
  position: absolute;
  background-color: rgba(248, 250, 252, 0.7); }

.modals-wrapper .modal-popup {
  visibility: hidden;
  z-index: 99 !important;
  position: fixed;
  opacity: 0;
  transition: opacity 0.3s ease,visibility 0.3s ease; }

.modals-wrapper .modal-popup._show {
  visibility: visible;
  opacity: 0.999; }

/* Content
-------------------------- */
.modals-wrapper .modal-inner-wrap {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  background-color: #fff;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.modals-wrapper .modal-header,
.modals-wrapper .modal-footer {
  z-index: 2;
  position: absolute;
  right: 0;
  left: 0;
  background-color: #fff; }

.modals-wrapper .modal-header {
  top: 0;
  height: 6em;
  line-height: 6em; }

.modals-wrapper .modal-header .modal-title {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle; }

.modals-wrapper .modal-header .action-close {
  z-index: 1;
  position: absolute;
  top: 1em;
  right: 1em;
  bottom: 1em;
  line-height: 1; }

.modals-wrapper .modal-content {
  z-index: 1;
  position: relative;
  box-sizing: border-box;
  margin: auto;
  max-height: 90vh;
  max-width: 95vw;
  min-height: 150px;
  min-width: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.modals-wrapper * + .modal-content {
  border-top: 6em solid transparent; }

.modals-wrapper .modal-content:not(:last-child) {
  border-bottom: 7em solid transparent; }

.modals-wrapper .modal-footer {
  bottom: 0;
  height: 7em;
  line-height: 7em; }

@media (max-width: 500px) {
  .modal-inner-wrap {
    width: 95vw; } }

/*
Name: Catalog
URL: https://github.com/InteGento/InteGentoStyles2
Version: 0.3.3
License: MIT
*/
/* ----------------------------------------------------------
  Category View
---------------------------------------------------------- */
/* ----------------------------------------------------------
  Product list
---------------------------------------------------------- */
/* Wrapper
-------------------------- */
.product-items:after,
.products-grid:after {
  content: '';
  display: table;
  clear: both;
  width: 100%;
  height: 1px; }

/* List
-------------------------- */
.product-items.list {
  z-index: 1;
  position: relative;
  margin: 0 -15px; }

.product-items.list .product-item {
  display: inline-block;
  box-sizing: border-box;
  width: 50%;
  padding: 0 15px 60px;
  vertical-align: top; }

@media (min-width: 1260px) {
  .product-items.list .product-item {
    width: 33.3%; } }

@media (max-width: 1024px) and (min-width: 768px) {
  .product-items.list {
    margin: 0 -10px; }
  .product-items.list .product-item {
    width: 33.3%;
    padding: 0 10px 40px; } }

@media (max-width: 767px) {
  .product-items.list {
    margin: 0 -7.5px; }
  .product-items.list .product-item {
    width: 50%;
    padding: 0 7.5px 30px; } }

@media (max-width: 500px) {
  .product-items.list .product-item {
    width: 100%; } }

/* Item
-------------------------- */
.product-item-info button.tocart,
.product-item button.tocart {
  display: block;
  width: 100%;
  min-width: 1px; }

/* ----------------------------------------------------------
  Prices
---------------------------------------------------------- */
.price-box .old-price {
  text-decoration: line-through; }

.price-box .special-price + .old-price {
  margin-left: 0.3em; }

/*
Name: Checkout
URL: https://github.com/InteGento/InteGentoStyles2
Version: 0.5.3
License: MIT
*/
/* ----------------------------------------------------------
  Layout
---------------------------------------------------------- */
.checkout-container {
  z-index: 1;
  position: relative; }

@media (max-width: 767px) {
  .cart-container {
    display: flex;
    flex-direction: column-reverse; } }

/* ----------------------------------------------------------
  Reset
---------------------------------------------------------- */
.opc-summary-wrapper .modal-header .action-close {
  display: none; }

/* ----------------------------------------------------------
  Sidebar
---------------------------------------------------------- */
.opc-block-summary .minicart-items {
  display: block !important; }

/* ----------------------------------------------------------
  Loader
---------------------------------------------------------- */
.loading-mask {
  z-index: 10;
  box-sizing: border-box;
  padding: 30px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.2); }

.loading-mask .loader {
  display: inline-block;
  z-index: 1;
  position: relative;
  width: 3em;
  vertical-align: top; }

.loading-mask .loader img {
  width: 100%; }

/* ----------------------------------------------------------
  Options
---------------------------------------------------------- */
dl.item-options {
  overflow: hidden;
  text-align: left; }

dl.item-options,
dl.item-options dd,
dl.item-options dl {
  font: inherit;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
  word-wrap: break-word; }

dl.item-options dt {
  float: left; }

dl.item-options dd:after {
  content: '';
  display: block;
  clear: both;
  height: 1px;
  line-height: 0; }

dl.item-options dt:after {
  content: ':';
  margin: 0 0.3em; }

/* ----------------------------------------------------------
  Addresses
---------------------------------------------------------- */
.shipping-address-items .shipping-address-item .action {
  margin-top: 1em; }

.shipping-address-items .shipping-address-item.selected-item .action {
  display: none; }

/* ----------------------------------------------------------
  Payment Methods
---------------------------------------------------------- */
.payment-method:not(._active) legend.legend,
.payment-method:not(._active) .fieldset,
.payment-method:not(._active) > .payment-method-content {
  display: none; }

.payment-method-title label > * {
  display: inline-block;
  vertical-align: middle; }

/* ----------------------------------------------------------
  Tables
---------------------------------------------------------- */
.table.totals .table-caption,
.table-totals .table-caption {
  display: none; }

.table.totals th:first-child,
.table.totals td:first-child,
.table-totals th:first-child,
.table-totals td:first-child {
  text-align: left; }

.table.totals th:last-child,
.table.totals td:last-child,
.table-totals th:last-child,
.table-totals td:last-child {
  text-align: right; }

/* ----------------------------------------------------------
  Empty cart
---------------------------------------------------------- */
.cart-empty {
  padding-bottom: 15px;
  text-align: center; }

.cart-empty a {
  border-bottom: 1px solid currentColor; }

/*
Name: Customer
URL: https://github.com/InteGento/InteGentoStyles2
Version: 0.2.2
License: MIT
*/
/* ----------------------------------------------------------
  Customer
---------------------------------------------------------- */
/* Login
-------------------------- */
/* Dashboard
-------------------------- */
.block-addresses-list .block-content,
.block-dashboard-info .block-content,
.block-dashboard-addresses .block-content,
.block-addresses-default .block-content {
  margin-bottom: 20px; }

/* Addresses boxes
-------------------------- */
.box-shipping-address address,
.box-billing-address address,
.box-address-shipping address,
.box-address-billing address, .items.addresses address {
  font-size: inherit; }

.box-shipping-address .box-actions,
.box-billing-address .box-actions,
.box-address-shipping .box-actions,
.box-address-billing .box-actions, .items.addresses .item.actions {
  padding-top: 1.5em; }

/* Selectors */
/* Order pages
-------------------------- */
/* Wishlist
-------------------------- */
.products-grid.wishlist .product-items {
  z-index: 1;
  position: relative;
  text-align: left; }

.products-grid.wishlist .product-items li {
  display: inline-block;
  box-sizing: border-box;
  width: 33.3%;
  vertical-align: top; }

@media (max-width: 1024px) {
  .products-grid.wishlist .product-items li {
    width: 50%; } }

@media (max-width: 500px) {
  .products-grid.wishlist .product-items li {
    width: 100%; } }

/* ----------------------------------------------------------
  Project
---------------------------------------------------------- */
@font-face {
  font-family: "icons";
  src: url("../fonts/icons/icons.eot?b5613f2ba8a62bc7781d72f3ff22ff1a");
  src: url("../fonts/icons/icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons/icons.woff2?b5613f2ba8a62bc7781d72f3ff22ff1a") format("woff2"), url("../fonts/icons/icons.woff?b5613f2ba8a62bc7781d72f3ff22ff1a") format("woff"), url("../fonts/icons/icons.ttf?b5613f2ba8a62bc7781d72f3ff22ff1a") format("truetype");
  font-weight: normal;
  font-style: normal; }

.icon, .yonka-button--geoloc:before, .customer-dob button:before, .videos-tutos__header a:before, .block-addresses-list .block-title a:before,
.block-addresses-default .block-title a:before,
.block-dashboard-addresses .block-title a:before,
.block-dashboard-info .block-title a:before, .block-title.order a:before, .modals-wrapper .modal-header .action-close:before, #search_mini_form > button:before, .customer-info-header > a.action:before, #minicart-content-wrapper .close:before, .minicart-items .product.actions .delete:before, .product-add-form a.towishlist:before, .table-wrapper.orders-history .col.tracking a:before,
.table-wrapper.orders-recent .col.tracking a:before, .order-shipping-detail .active .icn-wrap:before, .checkout-help .btn-mail:before, .contact-content h3:before, .loop-store__details .store-address:before,
.loop-store__details .store-contact:before, .storelocator-header .subtitle:before {
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon_arrow-right:before, .videos-tutos__header a:before, .block-addresses-list .block-title a:before,
.block-addresses-default .block-title a:before,
.block-dashboard-addresses .block-title a:before,
.block-dashboard-info .block-title a:before, .block-title.order a:before {
  content: "\f101"; }

.icon_arrowdown:before {
  content: "\f102"; }

.icon_bag:before {
  content: "\f103"; }

.icon_box:before {
  content: "\f104"; }

.icon_calendar:before, .customer-dob button:before {
  content: "\f105"; }

.icon_calendarok:before {
  content: "\f106"; }

.icon_check:before, .order-shipping-detail .active .icn-wrap:before {
  content: "\f107"; }

.icon_close:before, .modals-wrapper .modal-header .action-close:before, .customer-info-header > a.action:before, #minicart-content-wrapper .close:before, .minicart-items .product.actions .delete:before {
  content: "\f108"; }

.icon_delivery:before {
  content: "\f109"; }

.icon_down:before {
  content: "\f10a"; }

.icon_drag:before {
  content: "\f10b"; }

.icon_facebook:before {
  content: "\f10c"; }

.icon_gift:before {
  content: "\f10d"; }

.icon_heart:before, .product-add-form a.towishlist:before {
  content: "\f10e"; }

.icon_instagram:before {
  content: "\f10f"; }

.icon_linkedin:before {
  content: "\f110"; }

.icon_location:before, .yonka-button--geoloc:before, .contact-content h3.address:before, .loop-store__details .store-address:before, .storelocator-header .subtitle:before {
  content: "\f111"; }

.icon_magnify:before, #search_mini_form > button:before {
  content: "\f112"; }

.icon_mail:before, .checkout-help .btn-mail:before {
  content: "\f113"; }

.icon_next:before, .table-wrapper.orders-history .col.tracking a:before,
.table-wrapper.orders-recent .col.tracking a:before {
  content: "\f114"; }

.icon_phone:before,
.loop-store__details .store-contact:before {
  content: "\f115"; }

.icon_plus:before {
  content: "\f116"; }

.icon_prev:before {
  content: "\f117"; }

.icon_reload:before {
  content: "\f118"; }

.icon_secure:before {
  content: "\f119"; }

.icon_tel:before, .contact-content h3.tel:before {
  content: "\f11a"; }

.icon_twitter:before {
  content: "\f11b"; }

.icon_user:before {
  content: "\f11c"; }

.icon_youtube:before {
  content: "\f11d"; }

/* ----------------------------------------------------------
  Montserrat
---------------------------------------------------------- */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat/montserrat-regular-webfont.eot");
  src: url("../fonts/montserrat/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-regular-webfont.woff2") format("woff2"), url("../fonts/montserrat/montserrat-regular-webfont.woff") format("woff"), url("../fonts/montserrat/montserrat-regular-webfont.ttf") format("truetype");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000; }

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat/montserrat-bold-webfont.eot");
  src: url("../fonts/montserrat/montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-bold-webfont.woff2") format("woff2"), url("../fonts/montserrat/montserrat-bold-webfont.woff") format("woff"), url("../fonts/montserrat/montserrat-bold-webfont.ttf") format("truetype");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000; }

/* ----------------------------------------------------------
  Marcellus
---------------------------------------------------------- */
@font-face {
  font-family: 'Marcellus';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/marcellus/marcellus-regular-webfont.woff2") format("woff2"), url("../fonts/marcellus/marcellus-regular-webfont.woff") format("woff"); }

/* ----------------------------------------------------------
  Optima
---------------------------------------------------------- */
@font-face {
  font-family: 'Optima';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/optima/webfonts/3679F3_0_0.eot");
  src: url("../fonts/optima/webfonts/3679F3_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/optima/webfonts/3679F3_0_0.woff2") format("woff2"), url("../fonts/optima/webfonts/3679F3_0_0.woff") format("woff"), url("../fonts/optima/webfonts/3679F3_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Optima';
  font-style: normal;
  font-weight: Bold;
  src: url("../fonts/optima_b/webfonts/38317A_0_0.eot");
  src: url("../fonts/optima_b/webfonts/38317A_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/optima_b/webfonts/38317A_0_0.woff2") format("woff2"), url("../fonts/optima_b/webfonts/38317A_0_0.woff") format("woff"), url("../fonts/optima_b/webfonts/38317A_0_0.ttf") format("truetype"); }

/* ----------------------------------------------------------
  Brandon Grotesque
---------------------------------------------------------- */
@font-face {
  font-family: 'Brandon Grotesque';
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/brandon/webfonts/3679F5_0_0.eot");
  src: url("../fonts/brandon/webfonts/3679F5_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon/webfonts/3679F5_0_0.woff2") format("woff2"), url("../fonts/brandon/webfonts/3679F5_0_0.woff") format("woff"), url("../fonts/brandon/webfonts/3679F5_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Brandon Grotesque';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/brandon/webfonts/3679F5_1_0.eot");
  src: url("../fonts/brandon/webfonts/3679F5_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon/webfonts/3679F5_1_0.woff2") format("woff2"), url("../fonts/brandon/webfonts/3679F5_1_0.woff") format("woff"), url("../fonts/brandon/webfonts/3679F5_1_0.ttf") format("truetype"); }

/* ----------------------------------------------------------
  Buttons
---------------------------------------------------------- */
.yonka-button,
.action.viewcart,
.action.action-gotocart,
.action.action-update,
.action.action-select-shipping-item,
.action.action-toggle,
.action.action-apply,
.action.action-login,
.action.primary, .soon_csblock-cta-standard--main-visu.bandeau .content a[class*="button"], .soon_csblock-cta-standard--main-visu.grid .content a[class*="button"], .product-add-form a.towishlist, .checkout-methods-items .item button + button, #checkout-step-shipping .action.action-show-popup, .beauty-issue-item__inner .diagnostic-actions a,
.action.secondary.viewcart,
.action.action-continueshopping,
.action.action-hide-popup,
.action.action-cancel,
.actions-toolbar .secondary .action,
.yonka-button--secondary.action, .yonka-button-third-action.action,
.ask-for-samples-button, #product-alert-first-line, #block-discount .action, .checkout-help .btn-mail, .form-wishlist-items .actions-toolbar button {
  max-width: 100%;
  min-width: 20em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  line-height: 4.16;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: #535252;
  transition: all 0.3s ease; }

.yonka-button:focus,
.action.viewcart:focus,
.action.action-gotocart:focus,
.action.action-update:focus,
.action.action-select-shipping-item:focus,
.action.action-toggle:focus,
.action.action-apply:focus,
.action.action-login:focus,
.action.primary:focus, .soon_csblock-cta-standard--main-visu.bandeau .content a:focus[class*="button"], .soon_csblock-cta-standard--main-visu.grid .content a:focus[class*="button"], .product-add-form a.towishlist:focus, .checkout-methods-items .item button + button:focus, #checkout-step-shipping .action.action-show-popup:focus, .beauty-issue-item__inner .diagnostic-actions a:focus,
.action.action-continueshopping:focus,
.action.action-hide-popup:focus,
.action.action-cancel:focus,
.actions-toolbar .secondary .action:focus,
.yonka-button--secondary.action:focus, .yonka-button-third-action.action:focus,
.ask-for-samples-button:focus, #product-alert-first-line:focus, #block-discount .action:focus, .checkout-help .btn-mail:focus, .form-wishlist-items .actions-toolbar button:focus, .yonka-button:hover,
.action.viewcart:hover,
.action.action-gotocart:hover,
.action.action-update:hover,
.action.action-select-shipping-item:hover,
.action.action-toggle:hover,
.action.action-apply:hover,
.action.action-login:hover,
.action.primary:hover, .soon_csblock-cta-standard--main-visu.bandeau .content a:hover[class*="button"], .soon_csblock-cta-standard--main-visu.grid .content a:hover[class*="button"], .product-add-form a.towishlist:hover, .checkout-methods-items .item button + button:hover, #checkout-step-shipping .action.action-show-popup:hover, .beauty-issue-item__inner .diagnostic-actions a:hover,
.action.action-continueshopping:hover,
.action.action-hide-popup:hover,
.action.action-cancel:hover,
.actions-toolbar .secondary .action:hover,
.yonka-button--secondary.action:hover, .yonka-button-third-action.action:hover,
.ask-for-samples-button:hover, #product-alert-first-line:hover, #block-discount .action:hover, .checkout-help .btn-mail:hover, .form-wishlist-items .actions-toolbar button:hover {
  color: #fff;
  background-color: #CDD3DA;
  box-shadow: inset 0 0 0 1px #CDD3DA; }

@media (max-width: 767px) {
  .yonka-button,
  .action.viewcart,
  .action.action-gotocart,
  .action.action-update,
  .action.action-select-shipping-item,
  .action.action-toggle,
  .action.action-apply,
  .action.action-login,
  .action.primary, .soon_csblock-cta-standard--main-visu.bandeau .content a[class*="button"], .soon_csblock-cta-standard--main-visu.grid .content a[class*="button"], .product-add-form a.towishlist, .checkout-methods-items .item button + button, #checkout-step-shipping .action.action-show-popup, .beauty-issue-item__inner .diagnostic-actions a,
  .action.secondary.viewcart,
  .action.action-continueshopping,
  .action.action-hide-popup,
  .action.action-cancel,
  .actions-toolbar .secondary .action,
  .yonka-button--secondary.action, .yonka-button-third-action.action,
  .ask-for-samples-button, #product-alert-first-line, #block-discount .action, .checkout-help .btn-mail, .form-wishlist-items .actions-toolbar button {
    min-width: 15em; } }

.soon_csblock-cta-standard--main-visu.bandeau .content a[class*="button"], .soon_csblock-cta-standard--main-visu.grid .content a[class*="button"], .product-add-form a.towishlist, .checkout-methods-items .item button + button, #checkout-step-shipping .action.action-show-popup, .beauty-issue-item__inner .diagnostic-actions a,
.action.secondary.viewcart,
.action.action-continueshopping,
.action.action-hide-popup,
.action.action-cancel,
.actions-toolbar .secondary .action,
.yonka-button--secondary.action, .form-wishlist-items .actions-toolbar button[name="do"] {
  color: #535252;
  background-color: transparent;
  box-shadow: inset 0 0 0 1px currentColor; }

.yonka-button-third-action.action,
.ask-for-samples-button, #product-alert-first-line, #block-discount .action, .checkout-help .btn-mail {
  color: #FFF;
  background-color: #CDD3DA;
  box-shadow: inset 0 0 0 1px #CDD3DA; }

.yonka-button-third-action.action:focus,
.ask-for-samples-button:focus, #product-alert-first-line:focus, #block-discount .action:focus, .checkout-help .btn-mail:focus, .yonka-button-third-action.action:hover,
.ask-for-samples-button:hover, #product-alert-first-line:hover, #block-discount .action:hover, .checkout-help .btn-mail:hover {
  color: #535252;
  background-color: transparent;
  box-shadow: inset 0 0 0 1px currentColor; }

/* Themes
-------------------------- */
/* Sizes
-------------------------- */
.product-item-routine .actions-primary button, #block-discount .action, .checkout-help .btn-mail, .loop-store .actions-toolbar a {
  min-width: 15em;
  font-size: 11px;
  line-height: 3.7; }

@media (max-width: 767px) {
  .product-item-routine .actions-primary button, #block-discount .action, .checkout-help .btn-mail, .loop-store .actions-toolbar a {
    min-width: 10em; } }

/* Icons
-------------------------- */
/* ----------------------------------------------------------
  Forms
---------------------------------------------------------- */
/* Form items */
div.control,
fieldset.field,
div.field, div.fields {
  margin-bottom: 2em; }

div.control:last-child,
fieldset.field:last-child,
div.field:last-child, div.fields:last-child {
  margin-bottom: 0; }

div.control label,
div.field label {
  text-transform: uppercase;
  font-weight: bold; }

.project--field,
div.control select,
div.control textarea,
div.control input[type="text"],
div.control input[type="email"],
div.control input[type="password"],
div.field select,
div.field textarea,
div.field input[type="text"],
div.field input[type="email"],
div.field input[type="password"],
.box-tocart .field.qty input[type="number"] {
  padding: 0.5em 1em;
  min-height: 2.8em;
  border: 1px solid #CDD3DA;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.1em;
  background: #FFF;
  box-shadow: 0 2px 4px 0 #CDD3DA; }

.project--field.mage-error,
div.control select.mage-error,
div.control textarea.mage-error,
div.control input.mage-error[type="text"],
div.control input.mage-error[type="email"],
div.control input.mage-error[type="password"],
div.field select.mage-error,
div.field textarea.mage-error,
div.field input.mage-error[type="text"],
div.field input.mage-error[type="email"],
div.field input.mage-error[type="password"],
.box-tocart .field.qty input.mage-error[type="number"] {
  border-color: #FF6B6B;
  color: #FF6B6B; }

.project--select,
div.control select,
div.field select {
  padding-right: 3em !important;
  background: #FFF no-repeat right 15px center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAABJElEQVR4AaWTAUTFUBSGTyVJJCT237uZNiEaLCmQACLARABCAEIAFgIICRAIUAgIAkEgFAJI8DwoKIqS9R8O4j3P3vZxve2ecz7n3vMmAE6cc3vSgiRJ5lwQXNKzKg54RBBUTaVxHM/Q8aAOANsSRdE8Nzrc+PXAjgxBlmVTrL1TGTs8FkOliwy8MvADYEtqkKbpBGturLOzqqpG5D9hGC4z+M6kLx5/QwZQFMUYgCuVMf+iLMtR6Yf3fp0Jn0z84POK9EE74fHO7ZjXeZ6PyyAo2qT0m+uNz0s9ceBUZVy3jE9KHXRaOiSuLotSMXgVRya75x1OyzB4YNeKXyjyfD+w96cFYFaaQNG+Sbr2+8zhQdrggUObZkf/s9IW63RNPy+pwR8pL1CeHPJkGwAAAABJRU5ErkJggg==);
  background-size: 10px 6px; }

/* Placeholder */
div.control select::-webkit-input-placeholder,
div.control textarea::-webkit-input-placeholder,
div.control input[type="text"]::-webkit-input-placeholder,
div.control input[type="email"]::-webkit-input-placeholder,
div.control input[type="password"]::-webkit-input-placeholder,
div.field select::-webkit-input-placeholder,
div.field textarea::-webkit-input-placeholder,
div.field input[type="text"]::-webkit-input-placeholder,
div.field input[type="email"]::-webkit-input-placeholder,
div.field input[type="password"]::-webkit-input-placeholder, .box-tocart .field.qty input[type="number"]::-webkit-input-placeholder {
  color: #535252;
  opacity: 0.5; }

div.control select:-moz-placeholder,
div.control textarea:-moz-placeholder,
div.control input:-moz-placeholder[type="text"],
div.control input:-moz-placeholder[type="email"],
div.control input:-moz-placeholder[type="password"],
div.field select:-moz-placeholder,
div.field textarea:-moz-placeholder,
div.field input:-moz-placeholder[type="text"],
div.field input:-moz-placeholder[type="email"],
div.field input:-moz-placeholder[type="password"], .box-tocart .field.qty input:-moz-placeholder[type="number"] {
  color: #535252;
  opacity: 0.5; }

div.control select:-ms-input-placeholder,
div.control textarea:-ms-input-placeholder,
div.control input:-ms-input-placeholder[type="text"],
div.control input:-ms-input-placeholder[type="email"],
div.control input:-ms-input-placeholder[type="password"],
div.field select:-ms-input-placeholder,
div.field textarea:-ms-input-placeholder,
div.field input:-ms-input-placeholder[type="text"],
div.field input:-ms-input-placeholder[type="email"],
div.field input:-ms-input-placeholder[type="password"], .box-tocart .field.qty input:-ms-input-placeholder[type="number"] {
  color: #535252;
  opacity: 0.5; }

div.control select::-webkit-input-placeholder,
div.control textarea::-webkit-input-placeholder,
div.control input[type="text"]::-webkit-input-placeholder,
div.control input[type="email"]::-webkit-input-placeholder,
div.control input[type="password"]::-webkit-input-placeholder,
div.field select::-webkit-input-placeholder,
div.field textarea::-webkit-input-placeholder,
div.field input[type="text"]::-webkit-input-placeholder,
div.field input[type="email"]::-webkit-input-placeholder,
div.field input[type="password"]::-webkit-input-placeholder, .box-tocart .field.qty input[type="number"]::-webkit-input-placeholder {
  color: #535252;
  opacity: 0.5; }

div.control select::-ms-input-placeholder,
div.control textarea::-ms-input-placeholder,
div.control input[type="text"]::-ms-input-placeholder,
div.control input[type="email"]::-ms-input-placeholder,
div.control input[type="password"]::-ms-input-placeholder,
div.field select::-ms-input-placeholder,
div.field textarea::-ms-input-placeholder,
div.field input[type="text"]::-ms-input-placeholder,
div.field input[type="email"]::-ms-input-placeholder,
div.field input[type="password"]::-ms-input-placeholder, .box-tocart .field.qty input[type="number"]::-ms-input-placeholder {
  color: #535252;
  opacity: 0.5; }

div.control select::placeholder,
div.control textarea::placeholder,
div.control input[type="text"]::placeholder,
div.control input[type="email"]::placeholder,
div.control input[type="password"]::placeholder,
div.field select::placeholder,
div.field textarea::placeholder,
div.field input[type="text"]::placeholder,
div.field input[type="email"]::placeholder,
div.field input[type="password"]::placeholder, .box-tocart .field.qty input[type="number"]::placeholder {
  color: #535252;
  opacity: 0.5; }

/* Radio - Checkboxes */

div.choice input[type="checkbox"] + label,
#sl-category input[type="checkbox"] + label,
div.choice input[type="radio"] + label,
.credit-card-types .item input[type="radio"] + label {
  padding-left: 1.8em; }


div.choice input[type="checkbox"] + label:before,
#sl-category input[type="checkbox"] + label:before,
div.choice input[type="radio"] + label:before,
.credit-card-types .item input[type="radio"] + label:before {
  top: 0;
  border: 1px solid rgba(205, 211, 218, 0.4);
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(205, 211, 218, 0); }


div.choice input:checked[type="checkbox"] + label:before,
#sl-category input:checked[type="checkbox"] + label:before,
div.choice input:checked[type="radio"] + label:before,
.credit-card-types .item input:checked[type="radio"] + label:before {
  border-color: #CDD3DA;
  color: #CDD3DA;
  box-shadow: 0 0 0 1px rgba(205, 211, 218, 0.999); }


div.choice input[type="checkbox"] + label:before,
#sl-category input[type="checkbox"] + label:before {
  line-height: 1.4 !important; }

/* Selectors
-------------------------- */
fieldset.fieldset legend + br {
  display: none; }

div.control .nested,
div.field .nested {
  margin-top: 2em; }

div.control {
  overflow: visible; }

/* Cards
-------------------------- */
.credit-card-types .item {
  display: inline-block;
  vertical-align: top; }

.credit-card-types .item label {
  display: block;
  padding-top: 2em;
  padding-left: 0 !important; }

.credit-card-types .item label:before {
  top: 0;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

/* DOB
-------------------------- */
.customer-dob {
  z-index: 1;
  position: relative; }

.customer-dob button {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  padding: 0 1em;
  font-size: 16px;
  line-height: 2.8em; }

.customer-dob button span {
  display: none; }

/* Reminder
-------------------------- */
.field.password .remind, #checkout-shipping-method-load .pickup-button {
  border-bottom: 1px solid;
  font-size: 12px;
  vertical-align: top; }

.field.password .remind:not(:hover), #checkout-shipping-method-load .pickup-button:not(:hover) {
  color: #b4b4b4; }

.field.password .control {
  text-align: right; }

.field.password .remind {
  display: inline-block;
  z-index: 1;
  position: relative;
  margin-top: 0.5em; }

/* Rating
-------------------------- */
.review-field-rating label {
  display: inline-block !important;
  vertical-align: top; }

body {
  font: 12px "Brandon Grotesque", Times, serif;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #535252; }

/* ----------------------------------------------------------
  Layout
---------------------------------------------------------- */
.centered-container {
  padding: 0 30px;
  min-width: 0; }

.centered-container > * {
  max-width: 1360px; }

@media (max-width: 767px) {
  .centered-container {
    padding: 0 15px; } }

/* ----------------------------------------------------------
  Links
---------------------------------------------------------- */

a {
  color: #535252; }


a:focus,
a:hover {
  color: #CDD3DA; }


a:active {
  color: #929faf; }

/* ----------------------------------------------------------
  Selection style
---------------------------------------------------------- */
::-moz-selection {
  color: #535252;
  background: rgba(205, 211, 218, 0.5); }

::selection {
  color: #535252;
  background: rgba(205, 211, 218, 0.5); }

/* ----------------------------------------------------------
  Titles
---------------------------------------------------------- */
/* Common
-------------------------- */
.yonka-title, .cc-newsletter-full .title, .soon_csblock-cta-standard--main-visu .title,
.ingredient-item__content .ingredient-title,
.modal-title,
.beauty-issue-item__inner .title,
fieldset.fieldset legend,
#block-crosssell-heading,
.block-dashboard-info h1,
.order-details-items .order-title,
.order-items-title,
.block-order-details-view .block-title strong,
.block-new-customer .block-title,
.block-customer-login .block-title,
.block-addresses-list .block-title,
.block-addresses-default .block-title,
.block-dashboard-addresses .block-title,
.block-dashboard-info .block-title,
.block-title.order strong,
.cart-container > .cart-discount .title,
#checkoutSteps .step-title,
.block-order-details-view .box-title,
.block-addresses-list .box-title,
.block-addresses-default .box-title,
.block-dashboard-addresses .box-title,
.block-dashboard-info .box-title,
.page-title-wrapper > .page-title {
  display: block;
  margin: 0 0 1em;
  text-transform: uppercase;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 40px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.1em; }

.yonka-title + .yonka-title, .cc-newsletter-full .title + .yonka-title, .soon_csblock-cta-standard--main-visu .title + .yonka-title, .cc-newsletter-full .yonka-title + .title, .cc-newsletter-full .title + .title, .soon_csblock-cta-standard--main-visu .yonka-title + .title, .soon_csblock-cta-standard--main-visu .title + .title {
  margin-top: -0.5em; }

.yonka-title--sub {
  text-transform: none; }

@media (max-width: 767px) {
  .yonka-title, .cc-newsletter-full .title, .soon_csblock-cta-standard--main-visu .title,
  .ingredient-item__content .ingredient-title,
  .modal-title,
  .beauty-issue-item__inner .title,
  fieldset.fieldset legend,
  #block-crosssell-heading,
  .block-dashboard-info h1,
  .order-details-items .order-title,
  .order-items-title,
  .block-order-details-view .block-title strong,
  .block-new-customer .block-title,
  .block-customer-login .block-title,
  .block-addresses-list .block-title,
  .block-addresses-default .block-title,
  .block-dashboard-addresses .block-title,
  .block-dashboard-info .block-title,
  .block-title.order strong,
  .cart-container > .cart-discount .title,
  #checkoutSteps .step-title,
  .block-order-details-view .box-title,
  .block-addresses-list .box-title,
  .block-addresses-default .box-title,
  .block-dashboard-addresses .box-title,
  .block-dashboard-info .box-title,
  .page-title-wrapper > .page-title {
    font-size: 20px; } }

.yonka-subtitle, .soon_csblock-cta-standard--main-visu .subtitle,
.videos-tutos__header a,
.block-addresses-list .block-title a,
.block-addresses-default .block-title a,
.block-dashboard-addresses .block-title a,
.block-dashboard-info .block-title a,
.block-title.order a {
  margin: 0 0 0.3em;
  text-transform: uppercase;
  font-family: "Brandon Grotesque", Times, serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.2em; }

.yonka-subtitle--border {
  z-index: 1;
  position: relative;
  margin-bottom: 1.5em;
  padding-left: 5em;
  color: #CDD3DA; }

.yonka-subtitle--border:before {
  content: '';
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 4em;
  height: 0.7em;
  margin: auto;
  background-color: currentColor; }

.page-title__pretitle {
  display: block;
  margin-bottom: 1em;
  text-transform: uppercase;
  font-family: "Brandon Grotesque", Times, serif;
  font-size: 13px;
  font-weight: bold; }

@media (max-width: 767px) {
  .yonka-subtitle, .soon_csblock-cta-standard--main-visu .subtitle,
  .videos-tutos__header a,
  .block-addresses-list .block-title a,
  .block-addresses-default .block-title a,
  .block-dashboard-addresses .block-title a,
  .block-dashboard-info .block-title a,
  .block-title.order a {
    font-size: 9px; } }

/* Native
-------------------------- */
.ingredient-item__content .ingredient-title,
.modal-title,
.beauty-issue-item__inner .title,
fieldset.fieldset legend,
#block-crosssell-heading,
.block-dashboard-info h1,
.order-details-items .order-title,
.order-items-title,
.block-order-details-view .block-title strong,
.block-new-customer .block-title,
.block-customer-login .block-title,
.block-addresses-list .block-title,
.block-addresses-default .block-title,
.block-dashboard-addresses .block-title,
.block-dashboard-info .block-title,
.block-title.order strong,
.cart-container > .cart-discount .title,
#checkoutSteps .step-title,
.block-order-details-view .box-title,
.block-addresses-list .box-title,
.block-addresses-default .box-title,
.block-dashboard-addresses .box-title,
.block-dashboard-info .box-title {
  letter-spacing: 0.1em; }

.ingredient-item__content .ingredient-title {
  font-size: 2em; }


.modal-title,
.beauty-issue-item__inner .title {
  font-size: 1.8em; }


fieldset.fieldset legend,
#block-crosssell-heading,
.block-dashboard-info h1,
.order-details-items .order-title,
.order-items-title {
  font-size: 1.6em; }


.block-order-details-view .block-title strong,
.block-new-customer .block-title,
.block-customer-login .block-title,
.block-addresses-list .block-title,
.block-addresses-default .block-title,
.block-dashboard-addresses .block-title,
.block-dashboard-info .block-title,
.block-title.order strong,
.cart-container > .cart-discount .title,
#checkoutSteps .step-title {
  font-size: 1.4em; }


.block-order-details-view .box-title,
.block-addresses-list .box-title,
.block-addresses-default .box-title,
.block-dashboard-addresses .box-title,
.block-dashboard-info .box-title {
  font-size: 1.2em; }

/* Main
-------------------------- */
.page-title-wrapper {
  text-align: center; }

.page-title-wrapper > .page-title {
  margin-bottom: 0;
  text-align: center;
  text-transform: none;
  font-size: 60px;
  letter-spacing: 0.05em; }

.page-title-wrapper > a {
  border-bottom: 1px solid;
  font-size: 1.2em; }

@media (max-width: 767px) {
  .page-title-wrapper .page-title {
    font-size: 30px; } }

/* Tab title
/* - TITLE -
-------------------------- */
.yonka-tab-title,
.product-data-tabs__contents .tab-name,
.expert-products .expert-title,
.store-list-all .country-title {
  z-index: 1;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 0.1em;
  color: #CDD3DA; }

@media (max-width: 767px) {
  .yonka-tab-title,
  .product-data-tabs__contents .tab-name,
  .expert-products .expert-title,
  .store-list-all .country-title {
    font-size: 12px; } }

.yonka-tab-title:before, .yonka-tab-title:after,
.product-data-tabs__contents .tab-name:before,
.expert-products .expert-title:before,
.store-list-all .country-title:before,
.product-data-tabs__contents .tab-name:after,
.expert-products .expert-title:after,
.store-list-all .country-title:after {
  content: '-';
  margin: 0 15px; }

/* ----------------------------------------------------------
  Text
---------------------------------------------------------- */
p,
ul {
  font-size: 15px;
  line-height: 1.5; }

p:not(:last-child),
ul:not(:last-child) {
  margin-bottom: 1.5em; }

/* ----------------------------------------------------------
  Project padding
---------------------------------------------------------- */
/* ----------------------------------------------------------
  Icons
---------------------------------------------------------- */
.icon, .yonka-button--geoloc:before, .customer-dob button:before, .videos-tutos__header a:before, .block-addresses-list .block-title a:before,
.block-addresses-default .block-title a:before,
.block-dashboard-addresses .block-title a:before,
.block-dashboard-info .block-title a:before, .block-title.order a:before, .modals-wrapper .modal-header .action-close:before, #search_mini_form > button:before, .customer-info-header > a.action:before, #minicart-content-wrapper .close:before, .minicart-items .product.actions .delete:before, .product-add-form a.towishlist:before, .table-wrapper.orders-history .col.tracking a:before,
.table-wrapper.orders-recent .col.tracking a:before, .order-shipping-detail .active .icn-wrap:before, .checkout-help .btn-mail:before, .contact-content h3:before, .loop-store__details .store-address:before,
.loop-store__details .store-contact:before, .storelocator-header .subtitle:before,
.icon:before,
.yonka-button--geoloc:before,
.customer-dob button:before,
.videos-tutos__header a:before,
.block-addresses-list .block-title a:before,
.block-addresses-default .block-title a:before,
.block-dashboard-addresses .block-title a:before,
.block-dashboard-info .block-title a:before,
.block-title.order a:before,
.modals-wrapper .modal-header .action-close:before,
#search_mini_form > button:before,
.customer-info-header > a.action:before,
#minicart-content-wrapper .close:before,
.minicart-items .product.actions .delete:before,
.product-add-form a.towishlist:before,
.table-wrapper.orders-history .col.tracking a:before,
.table-wrapper.orders-recent .col.tracking a:before,
.order-shipping-detail .active .icn-wrap:before,
.checkout-help .btn-mail:before,
.contact-content h3:before,
.loop-store__details .store-address:before,
.loop-store__details .store-contact:before,
.storelocator-header .subtitle:before {
  display: inline-block;
  text-align: center; }

.icon_twitter:before {
  width: 1.3em; }

.icon_facebook:before {
  width: 0.4em; }

/* ----------------------------------------------------------
  Cookie
---------------------------------------------------------- */
#cookie-notice {
  top: auto;
  bottom: 0 !important;
  box-sizing: border-box;
  width: 100%;
  padding: 15px 60px 15px 15px;
  color: #fff;
  background-color: #535252; }

#cookie-notice a:not(:hover) {
  text-decoration: underline;
  color: inherit !important; }

#cookie-notice .close-cookie {
  margin: 0 0.3em; }

#cookie-notice .cookie-notice-text {
  margin-bottom: 0; }

#cookie-notice .cookie-notice-link,
#cookie-notice .cookie-notice-text {
  font-family: "Brandon Grotesque", Times, serif; }

#cookie-notice .close-cookie-image {
  top: 0;
  right: 15px;
  bottom: 0;
  width: 15px;
  height: 15px;
  margin: auto; }

/* ----------------------------------------------------------
  Main newsletter
---------------------------------------------------------- */
.cc-newsletter-full {
  background: #F5F7FE url(../images/bg-newsletter.jpg) no-repeat center center;
  background-size: auto 100%; }

.cc-newsletter-full .title {
  text-align: center; }

.cc-newsletter-full .actions {
  text-align: center; }

.cc-newsletter-full .content {
  margin: auto;
  max-width: 630px; }

/* ----------------------------------------------------------
  Action link
---------------------------------------------------------- */
.videos-tutos__header a, .block-addresses-list .block-title a,
.block-addresses-default .block-title a,
.block-dashboard-addresses .block-title a,
.block-dashboard-info .block-title a, .block-title.order a {
  display: inline-block;
  z-index: 1;
  position: relative;
  margin-bottom: 15px;
  padding-right: 2em;
  padding-left: 2em;
  text-transform: uppercase;
  font-size: 10px;
  vertical-align: top; }

.videos-tutos__header a:after, .block-addresses-list .block-title a:after,
.block-addresses-default .block-title a:after,
.block-dashboard-addresses .block-title a:after,
.block-dashboard-info .block-title a:after, .block-title.order a:after, .videos-tutos__header a:before, .block-addresses-list .block-title a:before,
.block-addresses-default .block-title a:before,
.block-dashboard-addresses .block-title a:before,
.block-dashboard-info .block-title a:before, .block-title.order a:before {
  z-index: 1;
  position: absolute; }

.videos-tutos__header a:before, .block-addresses-list .block-title a:before,
.block-addresses-default .block-title a:before,
.block-dashboard-addresses .block-title a:before,
.block-dashboard-info .block-title a:before, .block-title.order a:before {
  top: -0.1em;
  right: 0;
  color: #CDD3DA; }

.videos-tutos__header a:after, .block-addresses-list .block-title a:after,
.block-addresses-default .block-title a:after,
.block-dashboard-addresses .block-title a:after,
.block-dashboard-info .block-title a:after, .block-title.order a:after {
  content: '';
  top: 0.2em;
  left: 0;
  width: 1em;
  height: 0.5em;
  background-color: #CDD3DA; }

@media (min-width: 768px) {
  .videos-tutos__header a, .block-addresses-list .block-title a,
  .block-addresses-default .block-title a,
  .block-dashboard-addresses .block-title a,
  .block-dashboard-info .block-title a, .block-title.order a {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0; } }

/* ----------------------------------------------------------
  Breadcrumbs
---------------------------------------------------------- */
.breadcrumbs .items {
  padding: 0 0 15px;
  font-size: 9px;
  color: #CDD3DA; }

.breadcrumbs a {
  color: inherit; }

.breadcrumbs a:hover,
.breadcrumbs a:focus {
  color: #535252; }

.breadcrumbs li {
  text-transform: uppercase;
  font: inherit; }

.breadcrumbs li:last-child {
  color: #535252; }

.breadcrumbs strong {
  font-weight: normal; }

/* ----------------------------------------------------------
  Reviews
---------------------------------------------------------- */
.product-reviews-summary {
  z-index: 1;
  position: relative;
  white-space: nowrap; }

.product-reviews-summary > * {
  display: inline-block;
  height: 15px;
  font-size: 14px;
  font-weight: bold;
  line-height: 15px;
  vertical-align: top; }

.product-reviews-summary > * + * {
  margin-left: 1em; }

.rating-summary > .label {
  display: none; }

.rating-result,
.rating-result > span {
  height: 100%;
  height: 15px;
  overflow: hidden;
  background: transparent url(../images/sprite-rating.png) repeat-x top left;
  background-size: 28px 30px; }

.rating-result {
  display: inline-block;
  width: 127px; }

.rating-result > span {
  display: inline-block;
  background-position: bottom left; }

.rating-result span span {
  display: none; }

/* ----------------------------------------------------------
  responsive image
---------------------------------------------------------- */
.responsive-image .desktop-image,
.responsive-image .mobile-image {
  display: none; }

.responsive-image .desktop-image:first-child:last-child,
.responsive-image .mobile-image:first-child:last-child {
  display: block !important; }

@media (min-width: 768px) {
  .responsive-image .desktop-image {
    display: block !important; } }

@media (max-width: 767px) {
  .responsive-image .mobile-image {
    display: block !important; } }

/* ----------------------------------------------------------
  Qty updater
---------------------------------------------------------- */
.control.qty,
.details-qty.qty {
  display: inline-block;
  font-size: 13px;
  white-space: nowrap;
  vertical-align: top; }

.control.qty .label,
.details-qty.qty .label {
  display: none; }

.control.qty .update-cart-item,
.control.qty .cart-item-qty,
.control.qty [data-role="cart-item-qty"],
.control.qty .moins,
.control.qty .plus,
.control.qty .dec,
.control.qty .inc,
.details-qty.qty .update-cart-item,
.details-qty.qty .cart-item-qty,
.details-qty.qty [data-role="cart-item-qty"],
.details-qty.qty .moins,
.details-qty.qty .plus,
.details-qty.qty .dec,
.details-qty.qty .inc {
  display: inline-block;
  width: 2em;
  height: 2em;
  text-align: center;
  font-size: inherit;
  line-height: 2.3;
  vertical-align: top; }

.control.qty .update-cart-item,
.control.qty .moins,
.control.qty .plus,
.control.qty .dec,
.control.qty .inc,
.details-qty.qty .update-cart-item,
.details-qty.qty .moins,
.details-qty.qty .plus,
.details-qty.qty .dec,
.details-qty.qty .inc {
  padding: 0;
  text-transform: uppercase;
  color: #b4b4b4;
  background-color: #F5F7FE;
  box-shadow: inset 0 0 1px 0 currentColor;
  transition: all 0.3s ease;
  cursor: pointer; }

.control.qty .update-cart-item:hover,
.control.qty .moins:hover,
.control.qty .plus:hover,
.control.qty .dec:hover,
.control.qty .inc:hover,
.details-qty.qty .update-cart-item:hover,
.details-qty.qty .moins:hover,
.details-qty.qty .plus:hover,
.details-qty.qty .dec:hover,
.details-qty.qty .inc:hover {
  color: #535252;
  background-color: #CDD3DA; }

.control.qty .update-cart-item,
.details-qty.qty .update-cart-item {
  width: auto;
  padding: 0 1em; }

/* ----------------------------------------------------------
  Table
---------------------------------------------------------- */
.table-wrapper.orders-history,
.table-wrapper.orders-recent, .table-wrapper.cart, #checkout-shipping-method-load, .table-wrapper.order-items {
  border: 1px solid #F5F7FE;
  background-color: #fff; }

.table-wrapper.orders-history .table-caption, .table-wrapper.orders-recent .table-caption, .table-wrapper.cart .table-caption, #checkout-shipping-method-load .table-caption, .table-wrapper.order-items .table-caption {
  display: none !important; }

.table-wrapper.orders-history th:last-child, .table-wrapper.orders-recent th:last-child, .table-wrapper.cart th:last-child, #checkout-shipping-method-load th:last-child, .table-wrapper.order-items th:last-child,
.table-wrapper.orders-history td:last-child,
.table-wrapper.orders-recent td:last-child,
.table-wrapper.cart td:last-child,
#checkout-shipping-method-load td:last-child,
.table-wrapper.order-items td:last-child {
  text-align: right; }

.table-wrapper.orders-history thead th, .table-wrapper.orders-recent thead th, .table-wrapper.cart thead th, #checkout-shipping-method-load thead th, .table-wrapper.order-items thead th {
  border-bottom: 1px solid #F5F7FE;
  text-transform: uppercase;
  font-weight: bold;
  white-space: nowrap;
  color: #BDC7D3; }

.table-wrapper.orders-history tfoot tr > * + *, .table-wrapper.orders-recent tfoot tr > * + *, .table-wrapper.cart tfoot tr > * + *, #checkout-shipping-method-load tfoot tr > * + *, .table-wrapper.order-items tfoot tr > * + * {
  text-align: right; }

.table-wrapper.orders-history tfoot td, .table-wrapper.orders-recent tfoot td, .table-wrapper.cart tfoot td, #checkout-shipping-method-load tfoot td, .table-wrapper.order-items tfoot td,
.table-wrapper.orders-history tfoot th,
.table-wrapper.orders-recent tfoot th,
.table-wrapper.cart tfoot th,
#checkout-shipping-method-load tfoot th,
.table-wrapper.order-items tfoot th,
.table-wrapper.orders-history tbody + tbody td,
.table-wrapper.orders-recent tbody + tbody td,
.table-wrapper.cart tbody + tbody td,
#checkout-shipping-method-load tbody + tbody td,
.table-wrapper.order-items tbody + tbody td,
.table-wrapper.orders-history tbody tr + tr td,
.table-wrapper.orders-recent tbody tr + tr td,
.table-wrapper.cart tbody tr + tr td,
#checkout-shipping-method-load tbody tr + tr td,
.table-wrapper.order-items tbody tr + tr td {
  border-top: 1px solid #F5F7FE; }

.table-wrapper.orders-history .product-item-details, .table-wrapper.orders-recent .product-item-details, .table-wrapper.cart .product-item-details, #checkout-shipping-method-load .product-item-details, .table-wrapper.order-items .product-item-details {
  margin-top: 0.5em;
  text-transform: uppercase;
  letter-spacing: 0.1em; }

.table-wrapper.orders-history .product-item-name, .table-wrapper.orders-recent .product-item-name, .table-wrapper.cart .product-item-name, #checkout-shipping-method-load .product-item-name, .table-wrapper.order-items .product-item-name {
  display: block;
  text-transform: uppercase;
  font-size: 1.1em; }

.table-wrapper.orders-history .col.delete, .table-wrapper.orders-recent .col.delete, .table-wrapper.cart .col.delete, #checkout-shipping-method-load .col.delete, .table-wrapper.order-items .col.delete {
  max-width: 10px;
  vertical-align: top; }

.table-wrapper.orders-history .ref, .table-wrapper.orders-recent .ref, .table-wrapper.cart .ref, #checkout-shipping-method-load .ref, .table-wrapper.order-items .ref {
  font-size: 0.8em; }

.table-wrapper.orders-history .item-options dd, .table-wrapper.orders-recent .item-options dd, .table-wrapper.cart .item-options dd, #checkout-shipping-method-load .item-options dd, .table-wrapper.order-items .item-options dd {
  font-weight: bold; }

.table-wrapper.orders-history .actions-toolbar, .table-wrapper.orders-recent .actions-toolbar, .table-wrapper.cart .actions-toolbar, #checkout-shipping-method-load .actions-toolbar, .table-wrapper.order-items .actions-toolbar {
  margin: 0; }

.table-wrapper.orders-history .actions-toolbar a, .table-wrapper.orders-recent .actions-toolbar a, .table-wrapper.cart .actions-toolbar a, #checkout-shipping-method-load .actions-toolbar a, .table-wrapper.order-items .actions-toolbar a {
  display: inline;
  height: 1.5em;
  padding: 0;
  line-height: 1.5; }

.table-wrapper.orders-history th, .table-wrapper.orders-recent th, #checkout-shipping-method-load th, .table-wrapper.order-items th,
.table-wrapper.orders-history td,
.table-wrapper.orders-recent td,
#checkout-shipping-method-load td,
.table-wrapper.order-items td {
  padding: 15px; }

@media (max-width: 767px) {
  .table-wrapper.orders-history,
  .table-wrapper.orders-recent, .table-wrapper.cart, #checkout-shipping-method-load, .table-wrapper.order-items {
    padding: 15px; }
  .table-wrapper.orders-history thead, .table-wrapper.orders-recent thead, .table-wrapper.cart thead, #checkout-shipping-method-load thead, .table-wrapper.order-items thead {
    display: none; }
  .table-wrapper.orders-history tr, .table-wrapper.orders-recent tr, .table-wrapper.cart tr, #checkout-shipping-method-load tr, .table-wrapper.order-items tr,
  .table-wrapper.orders-history td,
  .table-wrapper.orders-recent td,
  .table-wrapper.cart td,
  #checkout-shipping-method-load td,
  .table-wrapper.order-items td,
  .table-wrapper.orders-history tbody,
  .table-wrapper.orders-recent tbody,
  .table-wrapper.cart tbody,
  #checkout-shipping-method-load tbody,
  .table-wrapper.order-items tbody {
    display: block; }
  .table-wrapper.orders-history tr, .table-wrapper.orders-recent tr, .table-wrapper.cart tr, #checkout-shipping-method-load tr, .table-wrapper.order-items tr {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #F5F7FE; }
  .table-wrapper.orders-history tfoot tr, .table-wrapper.orders-recent tfoot tr, .table-wrapper.cart tfoot tr, #checkout-shipping-method-load tfoot tr, .table-wrapper.order-items tfoot tr {
    display: table;
    width: 100%;
    table-layout: fixed; }
  .table-wrapper.orders-history tfoot tr > *, .table-wrapper.orders-recent tfoot tr > *, .table-wrapper.cart tfoot tr > *, #checkout-shipping-method-load tfoot tr > *, .table-wrapper.order-items tfoot tr > * {
    display: table-cell;
    vertical-align: top; }
  .table-wrapper.orders-history tfoot:last-child tr:last-child, .table-wrapper.orders-recent tfoot:last-child tr:last-child, .table-wrapper.cart tfoot:last-child tr:last-child, #checkout-shipping-method-load tfoot:last-child tr:last-child, .table-wrapper.order-items tfoot:last-child tr:last-child,
  .table-wrapper.orders-history tbody:last-child tr:last-child,
  .table-wrapper.orders-recent tbody:last-child tr:last-child,
  .table-wrapper.cart tbody:last-child tr:last-child,
  #checkout-shipping-method-load tbody:last-child tr:last-child,
  .table-wrapper.order-items tbody:last-child tr:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0; }
  .table-wrapper.orders-history tbody + tbody tr, .table-wrapper.orders-recent tbody + tbody tr, .table-wrapper.cart tbody + tbody tr, #checkout-shipping-method-load tbody + tbody tr, .table-wrapper.order-items tbody + tbody tr,
  .table-wrapper.orders-history tr + tr,
  .table-wrapper.orders-recent tr + tr,
  .table-wrapper.cart tr + tr,
  #checkout-shipping-method-load tr + tr,
  .table-wrapper.order-items tr + tr {
    margin: 0 0 15px; }
  
  .table-wrapper.orders-history td,
  .table-wrapper.orders-recent td,
  .table-wrapper.cart td,
  #checkout-shipping-method-load td,
  .table-wrapper.order-items td,
  .table-wrapper.orders-history tfoot th,
  .table-wrapper.orders-recent tfoot th,
  .table-wrapper.cart tfoot th,
  #checkout-shipping-method-load tfoot th,
  .table-wrapper.order-items tfoot th {
    padding: 0 0 15px !important;
    border: 0 !important; }
  .table-wrapper.orders-history tfoot:last-child tr:last-child td, .table-wrapper.orders-recent tfoot:last-child tr:last-child td, .table-wrapper.cart tfoot:last-child tr:last-child td, #checkout-shipping-method-load tfoot:last-child tr:last-child td, .table-wrapper.order-items tfoot:last-child tr:last-child td,
  .table-wrapper.orders-history tfoot:last-child tr:last-child th,
  .table-wrapper.orders-recent tfoot:last-child tr:last-child th,
  .table-wrapper.cart tfoot:last-child tr:last-child th,
  #checkout-shipping-method-load tfoot:last-child tr:last-child th,
  .table-wrapper.order-items tfoot:last-child tr:last-child th,
  .table-wrapper.orders-history td:last-child,
  .table-wrapper.orders-recent td:last-child,
  .table-wrapper.cart td:last-child,
  #checkout-shipping-method-load td:last-child,
  .table-wrapper.order-items td:last-child {
    padding-bottom: 0 !important; } }

/* ----------------------------------------------------------
  Order Details
---------------------------------------------------------- */
.block-order-details-view {
  margin: 2em auto; }

.block-order-details-view .block-content {
  background-color: #fff; }

.block-order-details-view .block-content > * {
  width: 25%;
  padding: 15px;
  border: 1px solid #ECECEC; }

@media (min-width: 768px) {
  .block-order-details-view .block-content > * + * {
    border-left: 0; } }

@media (max-width: 767px) {
  .block-order-details-view .block-content > * {
    width: 50%; }
  .block-order-details-view .block-content > :nth-child(n+3) {
    border-top: 0; }
  .block-order-details-view .block-content > :nth-child(even) {
    border-left: 0; } }

@media (max-width: 500px) {
  .block-order-details-view .block-content > * {
    font-size: 10px; } }

/* ----------------------------------------------------------
  Modals
---------------------------------------------------------- */
.modal-content {
  background-color: #F5F7FE;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); }

.modals-wrapper .modal-footer {
  text-align: center; }

.modals-wrapper .modal-header .action-close span {
  display: none; }

.modals-wrapper .modal-header .action-close:before {
  font-size: 1.4em;
  color: #CDD3DA; }

.modal-popup.modal-youtube .modal-header {
  height: 0;
  line-height: 0; }

.modal-popup.modal-youtube .modal-content {
  padding: 0 !important;
  border-top: 0 !important; }

.modal-popup.modal-youtube .iframeyoutube {
  width: 600px;
  padding-top: 56.25%;
  max-width: 90vw; }

.modal-popup.modal-youtube .iframeyoutube iframe {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.modal-popup.custom-block-newsletter .modal-header {
  text-align: center;
  line-height: 6.5; }

.modal-popup.custom-block-newsletter label {
  display: none; }

.modal-popup.custom-block-newsletter #newsletter-header .actions {
  text-align: center; }

@media (max-width: 767px) {
  .modals-wrapper .cart-popup .modal-footer {
    height: 12em; }
  .modals-wrapper .cart-popup .modal-content {
    border-bottom-width: 12em; }
  .modals-wrapper .cart-popup .modal-footer button {
    display: block;
    width: 100%;
    margin-top: 15px; } }

/* ----------------------------------------------------------
  Print
---------------------------------------------------------- */
@media print {
  button,
  .breadcrumbs,
  a.towishlist,
  #page-top-header,
  .yonka-header-wrapper {
    display: none !important; } }

/* ----------------------------------------------------------
  Tabs
---------------------------------------------------------- */
.category-rich-tabs, .product-data-tabs__titles, .block-youtube__wrapper .tabs {
  z-index: 1;
  position: relative;
  margin: auto;
  margin-bottom: 30px;
  padding: 0 30px;
  max-width: 767px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em; }

.category-rich-tabs:before, .product-data-tabs__titles:before, .block-youtube__wrapper .tabs:before, .category-rich-tabs:after, .product-data-tabs__titles:after, .block-youtube__wrapper .tabs:after {
  content: '';
  z-index: 1;
  position: absolute;
  top: 0.5em;
  width: 20px;
  height: 3px;
  margin: auto;
  background-color: #CDD3DA; }

.category-rich-tabs:before, .product-data-tabs__titles:before, .block-youtube__wrapper .tabs:before {
  left: 0; }

.category-rich-tabs:after, .product-data-tabs__titles:after, .block-youtube__wrapper .tabs:after {
  right: 0; }

.category-rich-tabs div, .product-data-tabs__titles div, .block-youtube__wrapper .tabs div {
  display: inline-block;
  margin: 0 15px; }

.category-rich-tabs a, .product-data-tabs__titles a, .block-youtube__wrapper .tabs a {
  color: #CDD3DA; }

.category-rich-tabs a:hover, .product-data-tabs__titles a:hover, .block-youtube__wrapper .tabs a:hover,
.category-rich-tabs a:focus,
.product-data-tabs__titles a:focus,
.block-youtube__wrapper .tabs a:focus {
  color: #535252; }

@media (max-width: 767px) {
  .category-rich-tabs, .product-data-tabs__titles, .block-youtube__wrapper .tabs {
    display: block; }
  .category-rich-tabs div, .product-data-tabs__titles div, .block-youtube__wrapper .tabs div {
    display: block;
    margin-bottom: 15px; } }

/* ----------------------------------------------------------
  Date picker
---------------------------------------------------------- */
.ui-datepicker .ui-datepicker-prev span {
  border-color: transparent #CDD3DA transparent transparent !important; }

.ui-datepicker .ui-datepicker-next span {
  border-color: transparent transparent transparent #CDD3DA !important; }

.ui-datepicker .ui-datepicker-calendar .ui-state-active {
  background-color: #CDD3DA; }

.ui-datepicker .ui-datepicker-calendar td a.ui-state-hover {
  background-color: rgba(205, 211, 218, 0.5); }

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

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

.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);
  transform: translate3d(0, 0, 0); }

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

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

.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; }

.slick-arrow.slick-hidden {
  display: none; }

/* Arrows
-------------------------- */
.slick-arrow {
  z-index: 1;
  position: absolute;
  top: 50%;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 6px rgba(0, 0, 0, 0.2);
  font-size: 3em;
  color: #FFF;
  transition: all 0.3s ease;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer; }

.slick-arrow:hover {
  color: #CDD3DA; }

.slick-prev {
  left: 0.25em; }

.slick-next {
  right: 0.25em; }

.slick-arrow.slick-small {
  font-size: 1em; }

.slick-arrow.slick-small.slick-prev {
  left: -0.25em; }

.slick-arrow.slick-small.slick-next {
  right: -0.25em; }

/* Dots
-------------------------- */
.slick-dots {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-align: center; }

.slick-dots,
.slick-dots li {
  list-style: none !important; }

.slick-dots li {
  display: inline-block;
  margin: 0 8px;
  vertical-align: top; }

.slick-dots li:only-child {
  display: none; }

.slick-dots li button {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  font-size: 0;
  line-height: 14px;
  background-color: #f3f3f3;
  transition: all 0.3s ease; }

.slick-dots .slick-active button {
  background-color: #CDD3DA; }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: #000;
  position: absolute;
  z-index: 30;
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 2px;
  height: 9999px;
  left: 50%;
  margin-left: -1px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 2px;
  top: 50%;
  margin-top: -1px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay,
  .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: attr(data-content); }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: attr(data-content); }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  border: 2px solid #000;
  border-radius: 1000px;
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 21px;
  box-shadow: 0 2px 0 #000, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 21px;
  box-shadow: 0 -2px 0 #000, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 21px;
  box-shadow: 2px 0 0 #000, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 21px;
  box-shadow: -2px 0 0 #000, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid #000;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid #000;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid #000;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid #000;
  bottom: 50%;
  margin-bottom: -17px; }

/* ----------------------------------------------------------
  Layout
---------------------------------------------------------- */
/* ----------------------------------------------------------
  Top
---------------------------------------------------------- */
.top-header-title {
  padding: 1em;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: #6F7072; }

.top-header-title a:not(:hover) {
  color: inherit; }

.nav-sections,
.page-header {
  z-index: 2;
  position: relative; }

/* ----------------------------------------------------------
  Main header
---------------------------------------------------------- */
.page-header {
  z-index: 3;
  padding-top: 25px;
  padding-bottom: 25px; }

.page-header .nav-toggle {
  display: none; }

.header.content {
  z-index: 1;
  position: relative;
  min-height: 100px; }

.header.content .header-links-menu {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0; }

.header.content .header.links {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0; }

.header.content .header-links-menu ~ .header.links {
  left: 70px; }

.header.content .header-side-menu {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0; }

/* Switcher language
-------------------------- */
.header-links-menu #switcher-language {
  z-index: 1;
  position: relative;
  top: -0.4em; }

.header-links-menu #switcher-language .switcher-label {
  display: none; }

.header-links-menu #switcher-language .switcher-options {
  border: 1px solid transparent; }

.header-links-menu #switcher-language #switcher-language-trigger {
  width: 2em;
  padding-right: 0.3em;
  overflow: hidden;
  text-transform: uppercase;
  line-height: 3;
  white-space: nowrap; }

/* Links
-------------------------- */
.header.links li {
  display: inline-block;
  margin-right: 1em;
  vertical-align: top; }

.header.links li > a {
  text-align: left;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.1em; }

.header.links li > a > i[class*="icon"] {
  z-index: 1;
  position: relative;
  top: 0;
  height: 0.5em;
  font-size: 2em; }

.header.links .link.wishlist {
  display: none; }

.header.links .espace-pro a {
  display: block;
  margin-left: 1em;
  padding: 0 0.8em;
  line-height: 3;
  color: #fff;
  background-color: #6F7072;
  transition: all 0.3s ease; }

.header.links .espace-pro a:hover {
  background-color: #CDD3DA; }

@media (max-width: 1024px) {
  .header.links {
    display: none; } }

/* Logo
-------------------------- */
.header.content > .logo img {
  height: 100px; }

/* Side
-------------------------- */
.header-side-menu > div {
  display: inline-block;
  z-index: 1;
  position: relative;
  margin-left: 1em;
  vertical-align: top; }

@media (max-width: 1024px) {
  .header-side-menu > div {
    position: static; } }

.minicart-wrapper a.action i[class*="icon_"],
.minisearch-trigger i[class*="icon_"],
.header-quick-login a[data-login] i[class*="icon_"] {
  font-size: 2em; }

#customer-mini-navigation,
.minicart-wrapper .block-minicart {
  z-index: 1;
  position: absolute;
  top: 2em;
  right: 0;
  width: 370px;
  max-width: 90vw;
  min-width: 200px;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 11px 20px 0 rgba(0, 0, 0, 0.15); }

.minicart-wrapper > .block-minicart {
  display: none; }

#customer-mini-navigation .block-new-customer .block-title,
#customer-mini-navigation .block-customer-login .block-title, .customer-info-header > .title, #minicart-content-wrapper .block-title {
  text-transform: uppercase;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 13px;
  letter-spacing: 0.1em; }

/* ----------------------------------------------------------
  Search
---------------------------------------------------------- */
#search_mini_form {
  z-index: 1;
  position: relative;
  min-width: 200px;
  font-size: 2em;
  background-color: #fff; }

#search_mini_form .search-autocomplete,
#search_mini_form .search-loading {
  font-size: 12px; }

#search_mini_form #search {
  border-bottom: 1px solid;
  font: inherit;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.8; }

#search_mini_form > button {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  background-color: #fff; }

#search_mini_form > button span {
  display: none; }

.minisearch-form {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  top: -6px;
  right: 0;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.3s ease,visibility 0.3s ease; }

.algolia-search-block .minisearch-form {
  right: 30px; }

.block-search:focus-within .minisearch-form {
  visibility: visible;
  opacity: 0.999; }

.block-search:hover .minisearch-form {
  visibility: visible;
  opacity: 0.999; }

@media (max-width: 1024px) {
  .header-side-menu > .block-search {
    position: static; }
  .minisearch-form {
    display: none;
    visibility: visible;
    top: 45px;
    width: 100vw;
    height: 80px;
    margin-right: -15px;
    padding: 20px 20px 10px;
    opacity: 0.999;
    background: #F5F7FE; }
  .has--opened-main-menu .minisearch-form {
    display: block; }
  #search_mini_form {
    padding: 0 10px;
    border: 1px solid #b4b4b4;
    background-color: #fff; }
  #search_mini_form > button {
    right: 10px;
    border: 0; }
  #search_mini_form #search {
    border-color: #FFF; } }

@media (max-width: 1024px) and (min-width: 768px) {
  .minisearch-form {
    margin-right: -20px; } }

@media (max-width: 767px) {
  .algolia-search-block .minisearch-form,
  .minisearch-form {
    right: 0; } }

/* ----------------------------------------------------------
  User
---------------------------------------------------------- */
/* Public */
#customer-mini-navigation .block {
  padding: 20px; }

#customer-mini-navigation .block-new-customer {
  background-color: #F5F7FE; }

#customer-mini-navigation .actions-toolbar {
  margin-bottom: 0; }

#customer-mini-navigation .actions-toolbar > *,
#customer-mini-navigation .actions-toolbar .action {
  display: block;
  width: 100%; }

/* Logged in */
.customer-info-header {
  font-size: 12px; }

.customer-info-header > .title {
  display: block;
  padding: 20px 20px 0; }

.customer-info-header > a.action:before {
  margin-right: 1em;
  font-size: 0.8em; }

.customer-info-header > a.action {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  background-color: #F5F7FE; }

.customer-info-header .account-mini-nav {
  padding: 20px; }

.customer-info-header .account-mini-nav li {
  font-size: 12px; }

.customer-info-header .account-mini-nav a {
  font-size: 1.2em; }

/* ----------------------------------------------------------
  Cart
---------------------------------------------------------- */
.header-side-menu .minicart-wrapper {
  z-index: 1;
  position: relative; }

.header-side-menu .minicart-wrapper .counter-label {
  display: none; }

.header-side-menu .minicart-wrapper > a {
  display: block;
  z-index: 1;
  position: relative; }

.header-side-menu .minicart-wrapper .counter.empty > .counter-number {
  display: none; }

.header-side-menu .minicart-wrapper .counter-number {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 1.2em;
  height: 1.2em;
  padding: 0 2px;
  border-radius: 99em;
  text-align: center;
  line-height: 1.4;
  background-color: #CDD3DA; }

#minicart-reinsurance,
#minicart-content-wrapper .block-content > .actions,
#minicart-content-wrapper .subtotal {
  padding: 20px 20px 0;
  background-color: #F5F7FE; }

#minicart-reinsurance {
  padding-bottom: 20px; }

/* Title */
#minicart-content-wrapper .block-title {
  padding: 20px; }

#minicart-content-wrapper .block-title .qty {
  display: none; }

#minicart-content-wrapper .close {
  z-index: 1;
  position: absolute;
  top: 20px;
  right: 20px; }

#minicart-content-wrapper .close span {
  display: none; }

#minicart-content-wrapper .subtitle.empty {
  display: block;
  padding: 0 20px 20px; }

/* Items */
.minicart-items-wrapper {
  padding: 0 20px 20px;
  max-height: 60vh;
  overflow: auto; }

.minicart-items .product-item + .product-item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ECECEC; }

.minicart-items .product-image-container,
.minicart-items .product-item > .product .product-item-photo,
.minicart-items .product-image-container img,
.minicart-items .product-item > .product .product-item-photo img {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 75px !important;
  height: auto !important; }

.minicart-items .product-item > .product {
  z-index: 1;
  position: relative;
  padding-left: 90px;
  min-height: 80px;
  text-align: left;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.1em; }

.minicart-items .product-item-name {
  display: block;
  margin-bottom: 2em;
  padding-right: 4.5em; }

.minicart-items .product.options .content .subtitle,
.minicart-items .product.options .toggle {
  display: none; }

.minicart-items .product.options .content {
  display: block !important;
  margin-bottom: 1em;
  text-transform: none;
  font-size: inherit; }

.minicart-items .product-item-name + .product.options .content {
  margin-top: -1em; }

.minicart-items .product.options .content .label:after {
  content: ' : '; }

.minicart-items .product.options .content .label,
.minicart-items .product.options .content .values {
  display: inline-block;
  vertical-align: top; }

.minicart-items .product.options .content .values {
  font-weight: bold; }

.minicart-items .subtotal,
.minicart-items .price-container {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 12px; }

.minicart-items .product.actions .edit {
  display: none; }

.minicart-items .product.actions .delete {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0; }

.minicart-items .product.actions .delete:before {
  font-size: 0.8em;
  vertical-align: 0; }

@media (max-width: 767px) {
  .minicart-items .product.actions .delete {
    display: block;
    position: relative;
    margin-top: 1em; } }

/* Subtotal */
#minicart-content-wrapper .subtotal {
  text-align: right;
  text-transform: uppercase;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.1; }

#minicart-content-wrapper .subtotal > * {
  display: inline-block;
  vertical-align: top; }

/* Actions */
#minicart-content-wrapper .block-content > .actions > * {
  display: inline-block;
  width: 49%;
  vertical-align: top; }

#minicart-content-wrapper .block-content > .actions > * + * {
  float: right; }

#minicart-content-wrapper .block-content > .actions button,
#minicart-content-wrapper .block-content > .actions a {
  display: block;
  width: 100%;
  min-width: 100%; }

/* Reinsurance */
#minicart-reinsurance strong {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: normal; }

/* ----------------------------------------------------------
  Menu
---------------------------------------------------------- */
.nav-sections-item-switch {
  display: none; }

div[id="store.menu"] {
  z-index: 2;
  position: relative;
  margin: auto;
  margin-bottom: 20px;
  max-width: 1360px; }

div[id="store.menu"] .main-navigation > .extra-links {
  display: none; }

div[id="store.menu"] .additional-navigation > ul > * > a,
div[id="store.menu"] .main-navigation > ul > * > a {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #535252; }

div[id="store.menu"] .submenu {
  display: block !important;
  top: 0 !important;
  right: 0;
  left: 0 !important; }

.extra-submenu-links__wrapper {
  box-sizing: border-box;
  margin: 0 -10px; }

.extra-submenu-links {
  display: table;
  width: 100%;
  table-layout: fixed;
  vertical-align: top; }

.extra-submenu-links > * {
  display: table-cell;
  padding: 0 10px;
  text-align: center;
  vertical-align: top; }

.header-block-img {
  display: inline-block;
  margin: auto;
  max-width: 310px;
  text-align: center;
  vertical-align: top; }

.header-block-img a {
  display: block; }

.header-block-img .title {
  margin-bottom: 1em;
  text-align: left;
  text-transform: uppercase;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold; }

/* Responsive */
@media (min-width: 1025px) {
  div[id="store.menu"] .main-navigation > ul {
    float: left;
    margin-bottom: 0; }
  div[id="store.menu"] .extra-links li + li,
  div[id="store.menu"] .main-navigation > ul > * + * {
    margin-left: 3em; }
  div[id="store.menu"] .additional-navigation > .extra-links {
    float: right; }
  div[id="store.menu"] .additional-navigation > ul > *,
  div[id="store.menu"] .main-navigation > ul > * {
    display: inline-block;
    vertical-align: top; }
  div[id="store.menu"] .additional-navigation > ul > * > .submenu,
  div[id="store.menu"] .main-navigation > ul > * > .submenu {
    visibility: hidden;
    z-index: 1;
    position: absolute !important;
    top: 100% !important;
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    opacity: 0;
    background-color: #fff;
    box-shadow: 0 11px 20px 0 rgba(0, 0, 0, 0.15);
    transition: opacity 0.3s ease,visibility 0.3s ease; }
  div[id="store.menu"] *:hover > .submenu {
    visibility: visible !important;
    opacity: 0.999 !important; } }

@media (max-width: 1024px) {
  .additional-navigation {
    display: none !important; } }

/* Gammes
-------------------------- */
li.level1 [data-hascolor-gamme="1"] {
  display: block;
  z-index: 1;
  position: relative;
  margin-bottom: 1em !important;
  padding-left: 15px;
  min-height: 1.6em;
  text-transform: uppercase;
  font-size: 12px !important;
  font-weight: bold;
  line-height: 1.6 !important; }

li.level1 [data-hascolor-gamme="1"] span {
  display: block;
  padding-top: 0.4em;
  line-height: 1; }

li.level1 [data-hascolor-gamme="1"] .colorgamme {
  right: auto;
  width: 6px; }

/* Images
-------------------------- */
/* Submenu
-------------------------- */
.all-category > a,
li.level1 > a {
  text-transform: uppercase;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.1em; }

.all-category .level2 > a,
li.level1 .level2 > a {
  display: block;
  margin: 0.5em 0;
  font-size: 15px;
  line-height: 1; }

li.level1.category-images {
  display: none; }

.block-category-image-header {
  display: block;
  text-align: center; }

.block-category-image-header img {
  display: block;
  width: 100%;
  margin-bottom: 10px; }

.block-category-image-header .title {
  padding: 1.5em 10px;
  text-align: center;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.1; }

.block-category-image-header a {
  display: inline-block;
  box-sizing: border-box;
  width: 90%;
  margin: auto;
  padding: 1.5em;
  min-width: 100px;
  border: 1px solid;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  vertical-align: top; }

@media (max-width: 1024px) {
  .extra-links > li,
  li.level0 {
    z-index: 1;
    position: relative;
    padding: 10px 0;
    text-align: left; }
  .extra-submenu-links,
  .all-category,
  li.level1 ul {
    padding: 10px; }
  li.level1 {
    padding: 0 10px; }
  li.level0 > a,
  li.level0 > a span {
    display: inline-block;
    height: 1.5em;
    line-height: 1.9;
    vertical-align: middle; }
  .extra-links > li:before,
  li.level0:before {
    content: '';
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    width: 100vw;
    height: 1px;
    margin: auto;
    background-color: #F5F7FE;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); } }

@media (min-width: 1025px) {
  li.level1.category-images {
    float: right !important; }
  li.level1.category-images,
  li.level1 {
    float: left;
    box-sizing: border-box;
    width: 16.6%;
    padding-right: 10px; }
  li.level1.category-images {
    display: block;
    width: 33.3%;
    padding-right: 0; }
  li.level1.category-images > * {
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    padding-left: 10px;
    vertical-align: top; } }

/* ----------------------------------------------------------
  Fixed header
---------------------------------------------------------- */
/* Toggle
-------------------------- */
.nav-toggle {
  font-size: 3.3px; }

.nav-toggle span,
.nav-toggle span:before,
.nav-toggle span:after {
  height: 2px;
  color: #b4b4b4; }

/* Mobile
-------------------------- */
@media (max-width: 1024px) {
  .yonka-header {
    padding-top: 55px; }
  .page-header .nav-toggle {
    display: block;
    z-index: 1;
    position: absolute;
    top: 10px;
    left: 0; }
  .header.content {
    min-height: 0; }
  .yonka-header .page-header {
    z-index: 4;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    box-sizing: border-box;
    height: 55px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #F5F7FE;
    background-color: #fff; }
  .header.content > .logo img {
    right: 60px;
    bottom: auto;
    left: 60px;
    width: 50px;
    height: 37px; }
  .minisearch-trigger {
    display: none; }
  .sections.nav-sections {
    display: none;
    z-index: 3;
    position: fixed;
    top: 135px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    background-color: #fff; }
  .has--opened-main-menu .sections.nav-sections {
    display: block; } }

/* Desktop
-------------------------- */
body.cms-index-index .yonka-header-wrapper,
body.checkout-index-index .yonka-header-wrapper,
body.checkout-cart-index .yonka-header-wrapper,
body.account .yonka-header-wrapper {
  margin-bottom: 0; }

@media (min-width: 1025px) {
  .yonka-header-wrapper {
    height: 192px;
    border-bottom: 1px solid #ECECEC; }
  .yonka-header {
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    background-color: #fff; }
  #page-top-header + .yonka-header-wrapper .yonka-header {
    top: 36px; }
  .has-floating-menu .yonka-header {
    z-index: 10;
    position: fixed;
    top: 0 !important;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); }
  .has-floating-menu .header.content {
    min-height: 65px; }
  .has-floating-menu .header.links,
  .has-floating-menu .header-links-menu {
    display: none; }
  .has-floating-menu .page-header {
    padding-top: 10px;
    padding-bottom: 0; }
  .has-floating-menu .header.content > .logo img {
    top: 0;
    right: auto;
    bottom: auto;
    left: 10px;
    width: 64px;
    height: 55px; }
  .has-floating-menu .page-header:hover {
    z-index: 4; }
  .has-floating-menu .header.content .header-side-menu {
    z-index: 4;
    top: 15px; }
  .has-floating-menu .yonka-header .nav-sections {
    z-index: 3;
    position: absolute;
    top: 0;
    right: 200px;
    left: 200px;
    box-sizing: border-box;
    width: auto;
    height: 80px;
    margin: auto;
    padding-top: 30px;
    padding-right: 0;
    padding-left: 0;
    max-width: 960px; } }

@media (max-width: 1024px) {
  #page-top-header {
    display: none; } }

/* ----------------------------------------------------------
  Reset
---------------------------------------------------------- */
.footer-content small.bugs,
.footer-content small.copyright {
  display: none; }

.footer-title, .footer-newsletter .title strong {
  display: block;
  margin: 15px 0;
  text-transform: uppercase;
  font-family: "Brandon Grotesque", Times, serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.1em; }

/* ----------------------------------------------------------
  Reinsurance
---------------------------------------------------------- */
.cc-footer-reinsurance {
  background: transparent url(../images/bg-reinsurance.jpg) no-repeat center center;
  background-size: cover; }

.cc-footer-reinsurance .footer-reinsurance {
  color: #fff; }

.cc-footer-reinsurance li {
  text-transform: uppercase;
  font-family: "Brandon Grotesque", Times, serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0.1em; }

.cc-footer-reinsurance li i[class*="icon"] {
  margin-bottom: 1em; }

.cc-footer-reinsurance a:not(:hover) {
  color: #fff; }

/* ----------------------------------------------------------
  Main
---------------------------------------------------------- */
.centered-container.cc-footer-cms-area {
  background-color: #F5F7FE; }

/* Help
-------------------------- */
.footer-left li {
  margin-top: 2em; }

.footer-left .footer-title, .footer-left .footer-newsletter .title strong, .footer-newsletter .title .footer-left strong {
  margin-bottom: 0.5em; }

@media (min-width: 768px) {
  .footer-left {
    width: 25%; } }

/* Links
-------------------------- */
.footer-links {
  font-size: 0;
  white-space: nowrap; }

.footer-links > * {
  font-size: 12px;
  white-space: normal; }

.footer-links li {
  margin-bottom: 1em; }

@media (min-width: 768px) {
  .footer-links {
    width: 35%; } }

@media (min-width: 1025px) {
  .footer-links {
    width: 50%; } }

@media (min-width: 1025px) {
  .footer-links > * {
    display: inline-block;
    width: 33.3%;
    vertical-align: top; } }

/* Various
-------------------------- */
.footer-various {
  width: auto; }

@media (min-width: 768px) {
  .footer-various {
    width: 40%; } }

@media (min-width: 1025px) {
  .footer-various {
    width: 25%; } }

/* Newsletter
-------------------------- */
.footer-newsletter .label {
  display: none; }

.footer-newsletter .field.email-main {
  z-index: 1;
  position: relative;
  padding-right: 70px; }

.footer-newsletter .field.email-main button {
  z-index: 1;
  position: absolute;
  top: 1px;
  right: 0;
  width: 60px;
  height: 44px;
  padding-right: 0;
  padding-left: 0;
  min-width: 0;
  line-height: 44px; }

/* Social
-------------------------- */
.footer-social {
  margin-top: 30px; }

.footer-social li {
  display: inline-block;
  margin-right: 1.5em;
  font-size: 20px; }

.footer-social a {
  color: #CDD3DA; }

.footer-social a:hover {
  color: #535252; }

/* ----------------------------------------------------------
  Bottom
---------------------------------------------------------- */
.footer-bottom {
  padding: 3em;
  text-align: center;
  text-transform: uppercase;
  font-family: "Brandon Grotesque", Times, serif;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em; }

.footer-bottom ul,
.footer-bottom li {
  font: inherit; }

.footer-bottom li {
  display: inline-block; }

.footer-bottom li + li:before {
  content: '|';
  margin: 0 0.5em; }

@media (max-width: 767px) {
  .footer-bottom {
    padding-top: 0;
    text-align: left; }
  .footer-bottom li {
    display: block; }
  .footer-bottom li + li {
    margin-top: 1.5em; }
  .footer-bottom li:before {
    display: none; } }

/* ----------------------------------------------------------
  Copyright
---------------------------------------------------------- */
.footer.content > .bugs {
  display: none !important; }

.footer.content > .copyright {
  display: block;
  text-align: center;
  font-size: 12px; }

.footer.content > .copyright:not(:last-child) {
  padding-bottom: 0 !important; }

/* ----------------------------------------------------------
  Modules list
---------------------------------------------------------- */
/* Catalog
-------------------------- */
/* ----------------------------------------------------------
  Listing and Search result page
---------------------------------------------------------- */
/* laisser ce css pour que le listing fonctionne */
#loader {
  height: 0;
  text-align: center;
  overflow: hidden; }

.soon_ajaxscroll-loading #loader {
  height: 60px; }

/* ----------------------------------------------------------
  Checkout cart page
---------------------------------------------------------- */
.checkout-cart-index #sample {
  display: none; }

/* Blocks */
/* ----------------------------------------------------------
  Layout
---------------------------------------------------------- */
.cms-index-index .page-main .columns {
  padding: 0;
  max-width: 100%; }

/* ----------------------------------------------------------
  Spacing
---------------------------------------------------------- */
/* ----------------------------------------------------------
  Home SEO
---------------------------------------------------------- */
.home-seo-wrapper .home-seo-inner {
  text-align: center;
  font-size: 15px;
  line-height: 1.3;
  letter-spacing: 0.1em;
  color: #535252; }

/* ----------------------------------------------------------
  Image simple ( 14 - Image Simple )
---------------------------------------------------------- */
.cc-soon_csblock-cta-image_simple {
  overflow: hidden; }

.cc-soon_csblock-cta-image_simple .main-image {
  box-sizing: border-box;
  width: 100%; }

.cc-soon_csblock-cta-image_simple .soon_csblock-cta-standard {
  z-index: 2; }

/* ----------------------------------------------------------
  Vidéos tutos ( 13 - Video Tutos )
---------------------------------------------------------- */
/* Header
-------------------------- */
.videos-tutos__header {
  z-index: 1;
  position: relative;
  text-align: center; }

.videos-tutos__items {
  margin: 0 -10px;
  text-align: center; }

.videos-tutos__item {
  box-sizing: border-box;
  margin-bottom: 15px;
  padding: 0 10px; }

.videos-tutos__item a {
  display: block;
  z-index: 1;
  position: relative;
  padding-top: 56.25%;
  background: #CDD3DA no-repeat center center;
  background-size: cover; }

.videos-tutos__item iframe {
  display: block;
  width: 100%; }

.videos-tutos__item .item-title {
  padding: 20px 0 0;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.1em; }

@media (min-width: 768px) {
  .videos-tutos__item {
    display: inline-block;
    width: 33.3%;
    vertical-align: top; } }

/* ----------------------------------------------------------
  CTA 12 - Réseaux Sociaux
---------------------------------------------------------- */
.csblock-social-networks {
  max-width: 1024px;
  text-align: center; }

.social-networks__items {
  z-index: 1;
  position: relative;
  margin: 0 -10px;
  text-align: center; }

.social-networks__item {
  display: inline-block;
  box-sizing: border-box;
  width: 25%;
  padding: 0 10px;
  vertical-align: top; }

.social-networks__item a {
  display: block;
  z-index: 1;
  position: relative;
  padding-top: 100%;
  background: transparent no-repeat center center;
  background-size: cover; }

@media (max-width: 767px) {
  .social-networks__item {
    padding: 0 5px; } }

/* ----------------------------------------------------------
  CTA (15) - 1/2 & Triptyque
---------------------------------------------------------- */
.soon_csblock-cta-byhalf {
  z-index: 1;
  position: relative;
  padding-top: 0;
  background: transparent no-repeat bottom left;
  background-size: 30% auto; }

.triptyque-wrapper .triptyque-side {
  padding-right: 0; }

/* Content
-------------------------- */
.triptyque-content,
.diptyque-content {
  box-sizing: border-box;
  vertical-align: middle;
  background: transparent no-repeat left center;
  background-size: 60% auto; }

@media (min-width: 1025px) {
  .triptyque-wrapper {
    display: block; }
  .triptyque-content {
    width: 45%; }
  .triptyque-content-inner,
  .diptyque-content-inner {
    padding-left: 50%; }
  .diptyque-content-inner,
  .triptyque-content-inner {
    padding-top: 60px;
    padding-bottom: 60px; } }

@media (max-width: 1024px) {
  .diptyque-content,
  .diptyque-side,
  .triptyque-content,
  .triptyque-wrapper {
    display: block;
    width: 100%; }
  .triptyque-content,
  .diptyque-content {
    margin-bottom: 20px;
    padding-left: 50%;
    background-size: 50% auto; }
  .triptyque-content-inner,
  .diptyque-content-inner {
    padding-left: 20px; }
  .triptyque-side {
    display: inline-block;
    box-sizing: border-box;
    width: 49%;
    padding-right: 20px;
    padding-left: 0;
    vertical-align: top; }
  .triptyque-wrapper .triptyque-side {
    padding-right: 20px; } }

@media (max-width: 767px) {
  .triptyque-content,
  .diptyque-content {
    width: 100%;
    padding-top: 100%;
    background: transparent no-repeat top center;
    background-size: 100% auto; }
  .triptyque-content-inner,
  .diptyque-content-inner {
    padding-left: 0; }
  .triptyque-side {
    display: block;
    width: auto;
    padding-right: 0; }
  .triptyque-wrapper .triptyque-side {
    padding-right: 0; }
  .triptyque-content {
    padding-top: 142%; } }

/* side
-------------------------- */
.diptyque-side {
  background: transparent no-repeat center center;
  background-size: contain; }

.triptyque-side .product-item {
  margin-right: auto;
  margin-left: auto;
  max-width: 360px; }

.diptyque-side-inner {
  box-sizing: border-box;
  padding: 90px 30px;
  text-align: center; }

.diptyque-side-inner .product-item {
  display: inline-block;
  width: 300px;
  max-width: 60%;
  vertical-align: middle;
  background-color: #fff; }

/* ----------------------------------------------------------
  Product selection
---------------------------------------------------------- */
.product-selection__title {
  text-align: center; }

/* ----------------------------------------------------------
  Slider (17)
---------------------------------------------------------- */
.soon_csblock-cta-slider {
  margin-bottom: 30px; }

.slider-slide__inner {
  z-index: 1;
  position: relative;
  color: #fff; }

.slider-slide__inner .responsive-image > * {
  background: transparent no-repeat center center;
  background-size: cover; }

.slider-slide__inner .slide-content__wrapper {
  z-index: 2;
  position: relative;
  height: 100%;
  min-height: 500px; }

.slider-slide__inner .slide-content {
  text-align: center; }

.slider-slide__inner .slide-content__wrapper.left {
  padding-right: 60%; }

.slider-slide__inner .slide-content__wrapper.right {
  padding-left: 60%; }

.slider-slide__inner .slide-content [class*="yonka-subtitle"] {
  margin-bottom: 20px; }

.slider-slide__inner .slide-content [class*="yonka-title"] {
  margin-bottom: 20px; }

.slider-slide__inner .slide-content a {
  color: #fff; }

@media (max-width: 767px) {
  .slider-slide__inner .slide-content__wrapper {
    padding: 15px 0 !important;
    min-height: 300px !important; } }

/* ----------------------------------------------------------
  CTA (1) - Bloc Visuel + Texte
---------------------------------------------------------- */
/* Common
-------------------------- */
.soon_csblock-cta-standard--main-visu .soon_csblock-cta-standard {
  z-index: 1;
  position: relative;
  text-align: center; }

.soon_csblock-cta-standard--main-visu .subtitle {
  margin-bottom: 2em; }

.soon_csblock-cta-standard--main-visu.bandeau .image img,
.soon_csblock-cta-standard--main-visu.grid .image img {
  display: block;
  width: 100%;
  min-height: 150px;
  -o-object-fit: cover;
     object-fit: cover; }

/* Superimposed
-------------------------- */
.soon_csblock-cta-standard--main-visu.superimposed .soon_csblock-cta-standard {
  padding-top: 3em; }

.soon_csblock-cta-standard--main-visu.superimposed .title {
  bottom: auto;
  text-transform: none; }

.soon_csblock-cta-standard--main-visu.superimposed .title span {
  font-size: 2em; }

.soon_csblock-cta-standard--main-visu.superimposed p {
  font-family: "Optima", Helvetica, Arial, sans-serif; }

.soon_csblock-cta-standard--main-visu.superimposed .image img {
  z-index: 2;
  position: relative;
  margin-bottom: 2em; }

/* Bandeau
-------------------------- */
.soon_csblock-cta-standard--main-visu.bandeau .image img {
  min-height: 200px;
  -o-object-fit: cover;
     object-fit: cover; }

/* Grid
-------------------------- */
.soon_csblock-cta-standard--main-visu.grid {
  margin: auto;
  max-width: 1025px; }

.soon_csblock-cta-standard--main-visu.grid .soon_csblock-cta-standard > * {
  vertical-align: middle; }

.soon_csblock-cta-standard--main-visu.grid .content-wrapper {
  text-align: left; }

/* ----------------------------------------------------------
  0 - Edito
---------------------------------------------------------- */
.soon_csblock-cta-edito {
  margin-right: auto;
  margin-left: auto;
  max-width: 1024px; }

.cc-soon_csblock-cta-edito .yonka-title, .cc-soon_csblock-cta-edito .cc-newsletter-full .title, .cc-newsletter-full .cc-soon_csblock-cta-edito .title, .cc-soon_csblock-cta-edito .soon_csblock-cta-standard--main-visu .title, .soon_csblock-cta-standard--main-visu .cc-soon_csblock-cta-edito .title {
  text-align: center;
  text-transform: none; }

.cc-soon_csblock-cta-edito .edito-grid:after {
  content: ''; }

.cc-soon_csblock-cta-edito .edito__asset {
  width: 40%;
  overflow: hidden; }

.cc-soon_csblock-cta-edito:nth-child(even) .edito__asset {
  float: left; }

.cc-soon_csblock-cta-edito:nth-child(odd) .edito__asset {
  float: right; }

.cc-soon_csblock-cta-edito:nth-child(even) .edito__content {
  padding-left: 30px; }

.cc-soon_csblock-cta-edito:nth-child(odd) .edito__content {
  padding-right: 30px; }

.edito__content {
  box-sizing: border-box;
  width: 60%;
  overflow: hidden;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5; }

.edito__content p,
.edito__content ul,
.edito__content li {
  font: inherit; }

.edito__quote {
  z-index: 1;
  position: relative;
  padding-right: 5em;
  padding-left: 5em;
  text-align: center;
  color: #535252; }

.edito__quote p {
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 17px; }

.edito__quote:before, .edito__quote:after {
  z-index: 1;
  position: absolute;
  font-size: 10em; }

.edito__quote:before {
  content: '“';
  top: -0.1em;
  left: 0; }

.edito__quote:after {
  content: '”';
  right: 0;
  bottom: -0.7em; }

/* ----------------------------------------------------------
  CTA Main
---------------------------------------------------------- */
.soon_csblock-cta-standard--main .soon_csblock-cta-standard {
  max-width: 1024px; }

/* ----------------------------------------------------------
  Block routine
---------------------------------------------------------- */
.soon_csblock-routine .step {
  z-index: 1;
  position: relative;
  margin-bottom: 120px; }

.soon_csblock-routine .step + .step:before {
  content: '';
  top: auto;
  bottom: 100%;
  width: 1px;
  height: 50px;
  margin-bottom: 35px;
  background-color: #ccc; }

.soon_csblock-routine .step-title {
  text-align: center; }

/* Menu
-------------------------- */
.block-routine__steps {
  z-index: 2;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0; }

.block-routine__steps ul {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  padding-top: 70px; }

.block-routine__steps li {
  z-index: 1;
  position: relative;
  width: 2em;
  height: 2em;
  border: 1px solid #CDD3DA;
  border-radius: 99em;
  text-align: center;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  line-height: 2; }

.block-routine__steps li + li {
  margin-top: 50px; }

.block-routine__steps li + li:before {
  content: '';
  z-index: 1;
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 1px;
  height: 30px;
  margin-bottom: 10px;
  background-color: #CDD3DA; }

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

/* Item
-------------------------- */
.product-item-routine {
  z-index: 1;
  position: relative;
  margin: auto;
  max-width: 1024px; }

.product-item-routine .product-item-routine-grid__photo {
  text-align: right; }

.product-item-routine .product-item-photo {
  display: inline-block;
  z-index: 1;
  margin-bottom: 0;
  vertical-align: top; }

.product-item-routine .product-item-details {
  z-index: 1;
  position: relative; }

.product-item-routine .product-item-name {
  margin-bottom: 1em; }

.product-item-routine .details-side > * {
  display: inline-block;
  margin-bottom: 0;
  text-transform: uppercase;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  vertical-align: top;
  color: #B6B6B6; }

.product-item-routine .details-side .price-box {
  z-index: 1;
  position: relative;
  top: -0.2em;
  font-size: 18px;
  color: #535252; }

.product-item-routine .details-side .price-box:after {
  content: '/'; }

@media (min-width: 1025px), (max-width: 767px) and (min-width: 501px) {
  .product-item-routine .product-item-name {
    padding-right: 200px; }
  .product-item-routine .details-side {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0; } }

@media (max-width: 767px) {
  .product-item-routine .product-item-routine-grid__photo {
    text-align: center; } }

/* ----------------------------------------------------------
  Before / after
---------------------------------------------------------- */
.block-beforeafter {
  max-width: 1024px; }

.block-beforeafter__grid > * {
  vertical-align: middle; }

@media (min-width: 1025px) {
  .block-beforeafter__grid .images {
    width: 60%; } }

/* Catalog */
/* ----------------------------------------------------------
  List
---------------------------------------------------------- */
.toolbar-products .toolbar-sorter,
.toolbar-products .toolbar-amount,
.toolbar-products .modes {
  display: none; }

/* ----------------------------------------------------------
  Grid banner
---------------------------------------------------------- */
.block.crosssell {
  background-color: #fff; }

.products-routine .product-items.list .product-item,
.block.crosssell .product-items.list .product-item {
  box-sizing: border-box;
  width: 50%; }

@media (min-width: 1025px) {
  .products-routine .product-items.list .product-item {
    width: 25%;
    padding-bottom: 0; }
  .block.crosssell .product-items.list .product-item {
    width: 33.3%;
    padding-bottom: 0; } }

/* ----------------------------------------------------------
  Infinite scroll
---------------------------------------------------------- */
.block-ajaxscroll {
  text-align: center; }

/* ----------------------------------------------------------
  Title list
---------------------------------------------------------- */
.category-rich-title {
  z-index: 1;
  position: relative;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  max-width: 1360px;
  min-height: 250px;
  background-color: #F5F7FE; }

.category-rich-title .category-image {
  background: transparent no-repeat center center;
  background-size: auto 100%; }

.category-rich-title .category-description {
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 15px; }

.category-rich-title .category-description,
.category-rich-title .page-title-wrapper {
  z-index: 2;
  position: relative;
  padding-top: 0;
  padding-bottom: 0; }

.category-rich-title .category-description {
  margin-top: 20px;
  margin-bottom: 0; }

.category-rich-title .page-title-wrapper > .page-title {
  text-align: inherit;
  text-transform: none; }

@media (min-width: 1025px) {
  .category-rich-title .category-image ~ .category-description,
  .category-rich-title .category-image ~ .page-title-wrapper {
    box-sizing: border-box;
    width: 100%;
    padding-left: 60%;
    text-align: left; } }

@media (max-width: 767px) {
  .category-rich-title {
    min-height: 50px; }
  .category-rich-title .category-description {
    font-size: 12px; } }

/* ----------------------------------------------------------
  Gamme
---------------------------------------------------------- */
/* ----------------------------------------------------------
  Item
---------------------------------------------------------- */
.product-item-info {
  z-index: 1;
  position: relative;
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
  background-color: #fff; }

.product-item-info .price-box {
  margin-bottom: 0.6em;
  font-size: 1.3em; }

.product-item-info .price-final_price {
  font-weight: bold; }

.product-item__photo {
  display: block;
  z-index: 1;
  position: relative;
  margin-bottom: 1.8em; }

.product-item__photo:before {
  content: '';
  z-index: 2;
  opacity: 0;
  background-color: #535252;
  transition: opacity 0.3s ease; }

.product-item__photo img {
  opacity: 0.999; }

.product-item__photo:hover:before {
  opacity: 0.25; }

.product-item__name {
  margin-bottom: 0.5em;
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 0.1em; }

.product-item__size {
  text-transform: uppercase;
  font-weight: bold;
  color: #B6B6B6; }

.product-item__actions {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  background-color: #fff;
  transition: opacity 0.3s ease,visibility 0.3s ease; }

.product-item-info:hover .product-item__actions {
  visibility: visible;
  opacity: 0.999; }

.product-item__actions button.tocart {
  width: auto;
  margin: auto;
  font-size: 12px;
  line-height: 3; }

.product-item__discover {
  padding: 1.1em;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.1em; }

.product-item__discover a {
  display: inline-block;
  border-bottom: 1px solid;
  text-transform: uppercase;
  vertical-align: top; }

/* ----------------------------------------------------------
  Fake
---------------------------------------------------------- */
.product-fake {
  overflow: hidden; }

.product-fake > a {
  display: block;
  margin-bottom: 0; }

.product-fake .product-fake-title {
  z-index: 2;
  box-sizing: border-box;
  width: 100%;
  padding: 15px;
  text-transform: uppercase;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold; }

/* ----------------------------------------------------------
  Header SEO
---------------------------------------------------------- */
.product-header-seo {
  box-sizing: border-box;
  padding-left: 50%;
  min-height: 355px;
  color: #333;
  background: #f0f0f0 no-repeat left center;
  background-size: cover; }

.product-header-seo__title {
  text-transform: uppercase;
  font-size: 40px;
  font-weight: normal;
  line-height: 1.5; }

.product-header-seo__description {
  max-width: 40em;
  font-size: 15px; }

@media (max-width: 767px) {
  .product-header-seo {
    display: none; } }

.product-main-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.1em;
  color: #535252; }

@media (max-width: 767px) {
  .product-main-title {
    font-size: 14px; } }

/* ----------------------------------------------------------
  Main
---------------------------------------------------------- */
/* Layout
-------------------------- */
.yonkaproductview {
  margin: auto;
  margin-bottom: 30px;
  max-width: 1024px; }

.yonkaproductviewsettings {
  z-index: 1;
  position: relative; }

/* Medias
-------------------------- */
.fotorama__caption,
.action-skip-wrapper {
  display: none; }

.fotorama__thumb-border {
  border-color: #979797 !important;
  border-width: 1px !important; }

.media .fotorama__arr {
  background-color: transparent !important; }

/* Pictos
-------------------------- */
.product-main-pictos {
  margin-bottom: 15px;
  border-bottom: 1px solid #E8E8E8; }

/* Sizes
-------------------------- */
.soon-selecttolist-list,
.product-sizes {
  margin-bottom: 15px; }

.soon-selecttolist-list li,
.soon-selecttolist-list .product-size,
.product-sizes li,
.product-sizes .product-size {
  display: inline-block;
  height: 1.5em;
  margin-top: 0.3em;
  margin-right: 0.3em;
  padding: 0 0.5em;
  border: 1px solid #CDD3DA;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  vertical-align: top;
  color: #B6B6B6; }

.soon-selecttolist-list li.active,
.soon-selecttolist-list .product-size--current,
.product-sizes li.active,
.product-sizes .product-size--current {
  color: #535252;
  background-color: #F8FAFC; }

/* Price
-------------------------- */
.product-info-price .price-box {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  margin-left: 15px;
  text-align: right;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: bold; }

.product-info-price .price-box .price-label {
  display: none; }

.product-info-price .price-box > [class*="-price"] {
  display: inline-block;
  width: 100%;
  margin-left: 0 !important;
  vertical-align: top; }

@media (max-width: 1024px) and (min-width: 768px), (max-width: 500px) {
  .product-info-price .price-box {
    z-index: 1;
    position: relative;
    margin-left: 0;
    text-align: left; } }

/* Settings
-------------------------- */
.product-options-wrapper {
  max-width: 70%; }

@media (max-width: 1024px) and (min-width: 768px), (max-width: 500px) {
  .product-options-wrapper {
    max-width: 100%; } }

/* Qty
-------------------------- */
.box-tocart .field.qty {
  display: inline-block;
  z-index: 1;
  position: relative;
  padding-left: 7em;
  vertical-align: top; }

.box-tocart .field.qty .label {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 1em;
  margin: auto;
  line-height: 1; }

.box-tocart .field.qty input[type="number"] {
  max-width: 5em; }

/* Stock
-------------------------- */
.product-info-main .stock {
  margin: 15px 0;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #FF6B6B; }

.product-info-main .stock.available {
  color: #3C3; }

/* Cart
-------------------------- */
.product-add-form {
  margin-bottom: 15px; }

.product-add-form a.towishlist,
.product-add-form button.tocart {
  display: block;
  width: 100%;
  margin: auto;
  max-width: 500px;
  font-size: 11px; }

.product-add-form button.tocart:not(:hover):not(:focus) {
  background-color: #CDD3DA; }

.product-add-form button.tocart:hover,
.product-add-form button.tocart:focus {
  background-color: #535252;
  box-shadow: inset 0 0 0 1px #535252; }

.product-add-form a.towishlist {
  padding-right: 0;
  padding-left: 0;
  color: #CDD3DA; }

.product-add-form a.towishlist:hover, .product-add-form a.towishlist:focus {
  color: #fff; }

.product-add-form a.towishlist:before {
  z-index: 1;
  position: relative;
  top: -0.2em; }

.product-add-form a.towishlist span {
  display: inline-block;
  vertical-align: 0;
  color: #535252; }

.product-add-form .actions > * {
  float: left;
  box-sizing: border-box;
  width: 50%;
  white-space: nowrap; }

.product-add-form .actions > *:first-child {
  padding-right: 15px; }

.product-add-form .actions > * + * {
  padding-left: 15px; }

.product-add-form .actions:after {
  content: '';
  display: block;
  clear: both; }

@media (max-width: 1024px) and (min-width: 768px), (max-width: 500px) {
  .product-add-form .actions > * {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    padding-right: 0 !important;
    padding-left: 0 !important; } }

/* Description
-------------------------- */
.product-info-main .product.description {
  margin: 15px 0;
  font-size: 1.3em; }

/* ----------------------------------------------------------
  Tabs
---------------------------------------------------------- */
.product.data.items,
.product.info.detailed {
  padding-bottom: 0; }

/* Titles
-------------------------- */
/* Content
-------------------------- */
/* ----------------------------------------------------------
  Application
---------------------------------------------------------- */
.product-applications-video {
  z-index: 1;
  position: relative; }

.product-applications-video > * {
  z-index: 2;
  float: right;
  position: relative;
  width: 50%; }

.product-applications-video > *:first-child {
  z-index: 1;
  left: -3%; }

.product-applications-video > * + * {
  left: 3%; }

@media (max-width: 767px) {
  .product-applications-video.product-applications-video > * {
    left: 0;
    width: 100%;
    margin-bottom: 15px; } }

.product-applications-video__content .title {
  margin-bottom: 1em;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 35px;
  font-weight: normal; }

@media (max-width: 767px) {
  .product-applications-video__content .title {
    font-size: 20px; } }

.product-applications-video__content .description {
  max-width: 30em;
  font-size: 15px; }

@media (max-width: 767px) {
  .product-applications-video__content .description {
    font-size: 12px; } }

/* ----------------------------------------------------------
  Routine
---------------------------------------------------------- */
.routine-title__item {
  text-transform: uppercase;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 30px;
  letter-spacing: 0.05em;
  vertical-align: top; }

@media (max-width: 767px) {
  .routine-title__item {
    font-size: 20px; } }

/* ----------------------------------------------------------
  Beauty tip
---------------------------------------------------------- */
.product-data-tabs__contents .beauty-advice {
  margin: auto;
  max-width: 767px;
  text-align: center;
  font-size: 15px; }

@media (max-width: 767px) {
  .product-data-tabs__contents .beauty-advice {
    font-size: 12px; } }

.product-data-tabs__contents .beauty-advice .title,
.product-data-tabs__contents .beauty-advice p {
  font: inherit; }

.product-data-tabs__contents .beauty-advice .title {
  margin-bottom: 1em;
  text-transform: uppercase;
  font-family: "Brandon Grotesque", Times, serif;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0.1em; }

.product-data-tabs__contents .beauty-advice p {
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 0.9em; }

/* ----------------------------------------------------------
  Ingredient tab
---------------------------------------------------------- */
.ingredient-slider .slick-arrow {
  color: #CDD3DA; }

.ingredient-slide-content > * {
  vertical-align: middle; }

/* ----------------------------------------------------------
  Press tab
---------------------------------------------------------- */
.press-review-slide > * {
  vertical-align: middle; }

.press-review-slide p {
  max-width: 450px; }

.press-review-slide__title {
  margin-bottom: 1em;
  font-size: 1.5em; }

/* ----------------------------------------------------------
  Composition
---------------------------------------------------------- */
[id="composition.tab"] {
  margin: auto;
  max-width: 1159px; }

[id="composition.tab"] p {
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 15px; }

.composition-tested {
  text-align: center;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #CDD3DA; }

/* Main
-------------------------- */
[id="composition.tab"] .composition-main > * {
  vertical-align: tosp; }

@media (min-width: 1025px) {
  [id="composition.tab"] .composition-main > *:first-child {
    width: 30%; } }

/* Ingredients
-------------------------- */
.composition-ingredients__switch {
  letter-spacing: 0.2em; }

.composition-ingredients__switch p {
  font-size: 12px;
  font-weight: bold;
  color: #B6B6B6; }

.composition-ingredients__switch strong {
  font-size: 15px;
  font-weight: normal;
  color: #000; }

.composition-ingredients__switch .ingredients-more {
  text-align: right; }

.composition-ingredients__switch .ingredients-more a {
  text-decoration: underline;
  text-transform: uppercase;
  font-family: "Brandon Grotesque", Times, serif;
  font-size: 10px;
  font-weight: bold;
  color: #000; }

.composition-ingredients__switch .ingredients-min p {
  text-align: justify; }

.composition-ingredients__switch.is-opened .ingredients-min,
.composition-ingredients__switch.is-opened .ingredients-more,
.composition-ingredients__switch .ingredients-full {
  display: none; }

.composition-ingredients__switch.is-opened .ingredients-full {
  display: block; }

/* Effectiveness
-------------------------- */
.composition-effectiveness {
  margin-right: auto;
  margin-left: auto;
  max-width: 1159px;
  text-align: center;
  font-weight: bold; }

.composition-effectiveness > * {
  border: 1px solid #CDD3DA; }

/* ----------------------------------------------------------
  Reviews
---------------------------------------------------------- */
/* List
-------------------------- */
#reviews.data .product-reviews-summary span {
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  font-weight: normal; }

#customer-reviews > .block-title {
  padding-bottom: 10px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.1em; }

#customer-reviews .toolbar:first-child,
#customer-reviews .limiter,
#customer-reviews .toolbar-amount {
  display: none; }

.review-item:first-child {
  border-top: 1px solid #F5F7FE; }

.review-item {
  z-index: 1;
  position: relative;
  padding: 30px 0;
  border-bottom: 1px solid #F5F7FE;
  font-size: 15px; }

.review-item .review-title,
.review-item .review-content {
  font-family: "Optima", Helvetica, Arial, sans-serif;
  line-height: 1.5; }

.review-item .review-title {
  font-weight: bold; }

.review-details {
  z-index: 1;
  position: relative;
  margin-bottom: 15px; }

.review-details > * {
  display: inline-block;
  vertical-align: top; }

.review-details .review-date {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0; }

/* Form
-------------------------- */
#form-block-review-add {
  text-align: center; }

#form-block-review-add[data-formvisible="1"] {
  min-height: 650px; }

#form-block-review-add .form-block-review-add__overlay {
  visibility: hidden;
  z-index: 9;
  position: fixed;
  opacity: 0;
  background-color: rgba(245, 247, 254, 0.8);
  transition: opacity 0.3s ease,visibility 0.3s ease; }

#form-block-review-add[data-formvisible="1"] .form-block-review-add__overlay {
  visibility: visible;
  opacity: 0.999; }

#form-block-review-add .block-content {
  display: none;
  z-index: 9;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 800px;
  height: 700px;
  margin: auto;
  max-height: 90vh;
  max-width: 100vw;
  overflow: auto;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); }

#form-block-review-add[data-formvisible="1"] .block-content {
  display: block; }

#form-block-review-add .review-form {
  background-color: #F5F7FE; }

#form-block-review-add .block-title {
  text-align: center; }

#form-block-review-add .block-title strong {
  margin-bottom: 0; }

/* Logged  out
-------------------------- */
#review-form.notlogged p {
  text-align: center;
  font-family: "Optima", Helvetica, Arial, sans-serif; }

#review-form.notlogged p a {
  text-decoration: underline; }

/* ----------------------------------------------------------
  Popin add to cart
---------------------------------------------------------- */
.modal-popup.cart-popup .modal-content {
  width: 600px; }

.cart-popup-container > .info {
  z-index: 1;
  position: relative;
  margin-bottom: 30px;
  padding-left: 70px;
  min-height: 60px;
  font-size: 14px; }

.cart-popup-container > .info .product-name {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em; }

.cart-popup-container > .info .product-image {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 60px; }

/* ----------------------------------------------------------
  Stock
---------------------------------------------------------- */
/* Link
-------------------------- */
/* Popin
-------------------------- */
.modal-guestproductalert .modal-header {
  height: 1em;
  line-height: 1em;
  background-color: transparent; }

.modal-guestproductalert .action.alert {
  display: block;
  margin-bottom: 1em;
  font-size: 13px; }

.modal-guestproductalert * + .modal-content {
  border-top: 1em solid transparent; }

.modal-guestproductalert #product-alert-form button {
  width: 100%; }

.modal-guestproductalert .message {
  margin-top: 1em; }

/* ----------------------------------------------------------
  Layout
---------------------------------------------------------- */
.sidebar-main .filter-content {
  padding-bottom: 30px; }

/* ----------------------------------------------------------
  Filters category
---------------------------------------------------------- */
.filter-options-title, .filter-current-subtitle {
  display: block;
  z-index: 1;
  position: relative;
  margin-bottom: 1em;
  padding-left: 25px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.1em; }

* + .filter-options-title, * + .filter-current-subtitle {
  margin-top: 2em; }

.filter-options-title:before, .filter-current-subtitle:before {
  content: '';
  right: auto;
  bottom: 5px;
  width: 15px;
  height: 10px;
  background-color: #ccc; }

.filter-options-content, .filter-current {
  padding-left: 25px; }

.filter-options-content > .items, .filter-current > .items {
  padding-left: 10px; }

.filter-options-content > .items > .item, .filter-current > .items > .item {
  margin-bottom: 0.5em;
  font-family: "Optima", Helvetica, Arial, sans-serif; }

.filter-options-content .item .count {
  font-weight: bold;
  color: #CDD3DA; }

/* ----------------------------------------------------------
  Current filters
---------------------------------------------------------- */
.filter-current {
  margin-bottom: 2em;
  padding-left: 0; }

.filter-current .filter-label {
  font-weight: bold; }

.filter-current .filter-label:after {
  content: ':'; }

.filter-current .items {
  padding-left: 35px; }

.filter-current .remove span {
  display: none; }

.filter-current .remove:before {
  content: '×';
  display: inline-block;
  height: 0.66em;
  font-family: "Brandon Grotesque", Times, serif;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 0.66;
  vertical-align: -0.2em;
  color: #CDD3DA; }

/* ----------------------------------------------------------
  Layout
---------------------------------------------------------- */
.zzyonka-ingredient-ingredient-index .yonka-header-wrapper {
  margin-bottom: 0; }

.zzyonka-ingredient-ingredient-index .columns {
  padding: 0;
  max-width: 100%; }

/* ----------------------------------------------------------
  Item
---------------------------------------------------------- */
.ingredient-item {
  background: transparent no-repeat center center;
  background-size: cover; }

.ingredient-item__inner {
  margin: auto;
  max-width: 1024px; }

.ingredient-item__content > * {
  max-width: 375px; }

.ingredient-item__content .ingredient-subtitle {
  margin-bottom: 1em; }

.ingredient-item__content .ingredient-description {
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 15px; }

.ingredient-item__content .ingredient-description p,
.ingredient-item__content .ingredient-description ul,
.ingredient-item__content .ingredient-description li {
  font: inherit; }

@media (max-width: 767px) {
  .ingredient-item__content .ingredient-title,
  .ingredient-item__content .ingredient-subtitle {
    text-align: center; } }

/* Odd : Banner
-------------------------- */
.ingredient-item--odd .ingredient-item__content {
  text-shadow: 0 0 15px rgba(83, 82, 82, 0.75);
  color: #fff; }

@media (max-width: 767px) {
  .ingredient-item--odd {
    padding-top: 200px !important;
    background-position: top center;
    background-size: auto 200px; }
  .ingredient-item--odd .ingredient-item__content {
    text-shadow: 0 0 15px rgba(83, 82, 82, 0);
    color: #535252; } }

/* Even : content
-------------------------- */
.ingredient-item--even .ingredient-item__inner-grid {
  text-align: center; }

.ingredient-item--even .ingredient-item__inner-grid > * {
  text-align: left;
  vertical-align: middle; }

@media (max-width: 767px) {
  .ingredient-item--even .ingredient-item__inner-grid > * {
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    vertical-align: top; } }

/* Customer */
/* ----------------------------------------------------------
  Common
---------------------------------------------------------- */
/* Forms
-------------------------- */
.form-address-edit,
.form-edit-account {
  max-width: 600px; }

/* Blocks
-------------------------- */
.box-shipping-address .box-actions,
.box-billing-address .box-actions,
.box-address-shipping .box-actions,
.box-address-billing .box-actions {
  margin-top: 0;
  padding-top: 15px !important; }

/* ----------------------------------------------------------
  Public
---------------------------------------------------------- */
/* Register
-------------------------- */
.form-create-account {
  margin: auto;
  max-width: 550px; }

/* Password
-------------------------- */
.customer-account-create .page-main .columns,
.customer-account-createpassword .page-main .columns,
.customer-account-forgotpassword .page-main .columns {
  max-width: 767px; }

.customer-account-login .page-main .columns {
  max-width: 1024px; }

.customer-account-create .field.note,
.customer-account-createpassword .field.note,
.customer-account-forgotpassword .field.note,
.customer-account-login .field.note {
  font-size: 1.2em; }

/* Login
-------------------------- */
/* Logout
-------------------------- */
.customer-account-logoutsuccess .page-main {
  padding-bottom: 30px;
  text-align: center; }

/* Popin
-------------------------- */
@media (min-width: 1025px) {
  .block-authentication {
    min-width: 800px; } }

/* ----------------------------------------------------------
  Logged
---------------------------------------------------------- */
/* Reset
-------------------------- */
.sidebar-additional .block-reorder {
  display: none !important; }

/* Layout
-------------------------- */
@media (min-width: 1025px) {
  .account.page-layout-2columns-left .column.main {
    width: 75%; }
  .account.page-layout-2columns-left .sidebar {
    width: 25%; } }

.account .page-main {
  background-color: #F8FAFC; }

.account .page-title-wrapper ~ .columns .page-main {
  padding-top: 0; }

/* Sidebar
-------------------------- */
.account-nav {
  padding: 15px;
  font-size: 12px;
  background-color: #fff; }

.account-nav li {
  text-transform: uppercase; }

.account-nav li.current strong {
  font-weight: bold;
  color: #CDD3DA; }

.account-nav li + li {
  margin-top: 0.5em; }

/* Dashboard
-------------------------- */
.block-dashboard-info {
  margin-bottom: 30px; }

.block-dashboard-info p {
  font-family: "Optima", Helvetica, Arial, sans-serif; }

.block-addresses-list .block-title,
.block-addresses-default .block-title,
.block-dashboard-addresses .block-title,
.block-dashboard-info .block-title {
  z-index: 1;
  position: relative; }

.block-addresses-list .addresses address,
.block-addresses-list .box-content,
.block-addresses-default .addresses address,
.block-addresses-default .box-content,
.block-dashboard-addresses .addresses address,
.block-dashboard-addresses .box-content,
.block-dashboard-info .addresses address,
.block-dashboard-info .box-content {
  padding: 15px 15px 0;
  background-color: #fff; }

.block-addresses-list .addresses .actions,
.block-addresses-list .box-actions,
.block-addresses-default .addresses .actions,
.block-addresses-default .box-actions,
.block-dashboard-addresses .addresses .actions,
.block-dashboard-addresses .box-actions,
.block-dashboard-info .addresses .actions,
.block-dashboard-info .box-actions {
  padding: 0 15px 15px;
  background-color: #fff; }

.block-addresses-list .addresses .actions a,
.block-addresses-list .box-actions a,
.block-addresses-default .addresses .actions a,
.block-addresses-default .box-actions a,
.block-dashboard-addresses .addresses .actions a,
.block-dashboard-addresses .box-actions a,
.block-dashboard-info .addresses .actions a,
.block-dashboard-info .box-actions a {
  display: inline-block;
  border-bottom: 1px solid; }

.block-addresses-list .addresses .actions a + a,
.block-addresses-list .box-actions a + a,
.block-addresses-default .addresses .actions a + a,
.block-addresses-default .box-actions a + a,
.block-dashboard-addresses .addresses .actions a + a,
.block-dashboard-addresses .box-actions a + a,
.block-dashboard-info .addresses .actions a + a,
.block-dashboard-info .box-actions a + a {
  margin-left: 0.5em; }

/* Addresses
-------------------------- */
.block-addresses-list ol.items {
  z-index: 1;
  position: relative;
  margin-right: -15px; }

.block-addresses-list .items > .item {
  float: left;
  box-sizing: border-box;
  width: 33%;
  padding-right: 15px;
  padding-bottom: 15px; }

@media (max-width: 767px) {
  .block-addresses-list .items > .item {
    width: 50%; }
  .block-addresses-list .items > .item.item a {
    margin-top: 0.5em;
    margin-left: 0; } }

/* Sales
-------------------------- */
.table-wrapper.orders-history tbody tr.tr-target:not(.open),
.table-wrapper.orders-recent tbody tr.tr-target:not(.open) {
  display: none !important; }

.table-wrapper.orders-history .tr-target td.loading,
.table-wrapper.orders-recent .tr-target td.loading {
  text-align: center; }

.table-wrapper.orders-history .tr-trigger td,
.table-wrapper.orders-recent .tr-trigger td {
  vertical-align: middle; }

.table-wrapper.orders-history .col.invoice a,
.table-wrapper.orders-recent .col.invoice a {
  display: inline-block;
  height: 1.8em;
  padding: 0 0.5em;
  border: 1px solid;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 2;
  vertical-align: middle; }

.table-wrapper.orders-history .col.tracking a,
.table-wrapper.orders-recent .col.tracking a {
  font-size: 0; }

.table-wrapper.orders-history .col.tracking a:before,
.table-wrapper.orders-recent .col.tracking a:before {
  display: inline-block;
  font-size: 16.8px;
  vertical-align: middle;
  transition: all 0.3s ease;
  -webkit-transform-origin: center center;
  transform-origin: center center; }

.table-wrapper.orders-history tr.open .col.tracking a:before,
.table-wrapper.orders-recent tr.open .col.tracking a:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.order-details-items {
  text-align: left;
  font-size: 12px; }

* + .order-details-items {
  margin-top: 2em; }

.order-details-items .order-title strong {
  font-weight: inherit; }

.block-title.order {
  z-index: 1;
  position: relative; }

.block-title.order strong {
  display: block; }

/* Detail sale */
.order-state > * {
  z-index: 1;
  position: relative;
  text-align: center; }

.order-state > *:not(:last-child):after {
  content: '';
  z-index: 1;
  position: absolute;
  top: 1.3em;
  left: 50%;
  width: 100%;
  height: 1px;
  margin: auto;
  background-color: #CDD3DA; }

.order-state > *:before {
  display: block;
  z-index: 2;
  position: relative;
  width: 2em;
  height: 2em;
  margin-bottom: 0.5em;
  border-radius: 99em;
  text-align: center;
  font-size: 1.3em;
  line-height: 2.4;
  color: #CDD3DA;
  background-color: #fff;
  box-shadow: inset 0 0 1px 0 #CDD3DA; }

.order-state > *.active:before {
  color: #fff;
  background-color: #CDD3DA; }

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

/* Shipping detail */
.order-shipping-detail li {
  text-align: center; }

.order-shipping-detail li > div {
  display: inline-block;
  margin: auto;
  max-width: 200px;
  text-align: center;
  vertical-align: top; }

.order-shipping-detail .icn-wrap {
  display: inline-block;
  z-index: 1;
  position: relative;
  width: 3.5em;
  height: 3.5em;
  margin: auto auto 10px;
  font-size: 2em;
  line-height: 3.5;
  opacity: 0.50;
  background-color: #F5F7FE; }

.order-shipping-detail li:only-child .icn-wrap,
.order-shipping-detail .active .icn-wrap {
  opacity: 0.999; }

.order-shipping-detail .active .icn-wrap {
  opacity: 0.999; }

.order-shipping-detail .active .icn-wrap:before {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 100%;
  width: 2em;
  height: 2em;
  margin-top: -1em;
  margin-left: -1em;
  border-radius: 9em;
  font-size: 0.5em;
  line-height: 2.2;
  color: #fff;
  background-color: #CDD3DA; }

.order-shipping-detail li div + div span {
  margin-top: 0.5em; }

.order-shipping-detail li span,
.order-shipping-detail li strong {
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1.5; }

.order-shipping-detail a {
  border-bottom: 1px solid; }

@media (max-width: 767px) {
  .order-shipping-detail {
    text-align: center; }
  .order-shipping-detail li {
    display: inline-block;
    width: 22%;
    margin: 0 5% 15px; } }

@media (max-width: 500px) {
  .order-shipping-detail li {
    width: 39%; } }

/* Total */
@media (min-width: 1025px) {
  .table-order-items-totals {
    margin-left: 300px;
    border-left: 1px solid #F5F7FE; } }

/* Order history
-------------------------- */
.order-products-toolbar .toolbar-amount,
.order-products-toolbar .limiter {
  display: none; }

/* Wishlist
-------------------------- */
.products-grid.wishlist .product-items {
  background-color: #fff; }

.products-grid.wishlist .product-items .product-item-photo {
  display: block;
  margin-bottom: 10px; }

.products-grid.wishlist .product-items .comment-box {
  display: none; }

.products-grid.wishlist .product-items .product-item-actions {
  text-align: center; }

.products-grid.wishlist .product-items .product-item-actions a:first-child {
  margin-top: 0.5em; }

.products-grid.wishlist .product-items .product-item-actions a {
  display: block;
  padding: 0.25em; }

.form-wishlist-items .actions-toolbar button[name="save_and_share"] {
  display: none; }

/* Checkout */
/* ----------------------------------------------------------
  Layout
---------------------------------------------------------- */
.checkout-index-index .page-main,
.checkout-cart-index .page-main {
  background-color: #F5F7FE; }

.checkout-index-index #checkoutSteps,
.checkout-index-index .opc-block-summary > *,
.checkout-index-index .cart-summary > *,
.checkout-index-index .cart.table-wrapper,
.checkout-cart-index #checkoutSteps,
.checkout-cart-index .opc-block-summary > *,
.checkout-cart-index .cart-summary > *,
.checkout-cart-index .cart.table-wrapper {
  background-color: #fff; }

@media (max-width: 767px) {
  .checkout-cart-index .page-main .columns,
  .checkout-index-index .page-main .columns {
    padding-right: 0;
    padding-left: 0; } }

/* ----------------------------------------------------------
  Steps
---------------------------------------------------------- */
.opc-progress-bar {
  counter-reset: section;
  text-align: center; }

.opc-progress-bar li {
  counter-increment: section;
  display: inline-block;
  width: 10em;
  font-size: 16px;
  vertical-align: top;
  color: #CDD3DA; }

.opc-progress-bar li:before {
  content: counter(section);
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-bottom: 0.5em;
  border-radius: 99em;
  font-size: 1.2em;
  line-height: 2.3;
  vertical-align: top;
  box-shadow: inset 0 0 2px 0 #CDD3DA; }

.opc-progress-bar li > * {
  display: block;
  text-transform: uppercase;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 0.1em; }

.opc-progress-bar ._active,
.opc-progress-bar ._complete {
  color: #535252; }

.opc-progress-bar ._active:before,
.opc-progress-bar ._complete:before {
  color: #fff;
  background-color: #535252; }

@media (max-width: 767px) {
  .opc-progress-bar li {
    width: 4em; }
  .opc-progress-bar .opc-progress-bar-item > * {
    display: none; } }

/* ----------------------------------------------------------
  Layout
---------------------------------------------------------- */
/* Cart under list */
@media (max-width: 767px) {
  .cart-container {
    display: flex;
    flex-direction: column-reverse; } }

@media (min-width: 1025px) {
  .cart-summary {
    width: 30%; }
  .cart-container > .cart-discount,
  .form-cart {
    width: 70%; }
  .cart-container > .cart-discount {
    float: left;
    box-sizing: border-box;
    padding-right: 15px; } }

/* ----------------------------------------------------------
  Empty
---------------------------------------------------------- */
.cart-empty {
  width: 600px;
  margin: auto;
  text-align: center;
  background-color: #fff; }

.cart-empty a {
  border-bottom: 1px solid; }

/* ----------------------------------------------------------
  Product table
---------------------------------------------------------- */
.table-wrapper.cart .gift-options-cart-item,
.table-wrapper.cart .action-edit {
  display: none !important; }

.table-wrapper.cart .cart-item-wrapper .product-image-container {
  max-width: 110px; }

@media (max-width: 1024px) {
  .table-wrapper.cart .cart-item-wrapper > *,
  .table-wrapper.cart .cart-item-wrapper {
    display: block; }
  .table-wrapper.cart .cart-item-wrapper > * {
    padding-right: 0;
    padding-left: 0; }
  .table-wrapper.cart .cart-item-wrapper > * + * {
    margin-bottom: 15px; } }

@media (max-width: 767px) {
  .table-wrapper.cart tbody tr {
    z-index: 1;
    position: relative;
    padding-left: 110px !important; }
  .table-wrapper.cart .product-item-photo {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px; }
  .table-wrapper.cart td.col.subtotal {
    padding-bottom: 0 !important; }
  .table-wrapper.cart td.col.delete {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    height: 1em;
    padding: 0;
    line-height: 1; }
  .table-wrapper.cart td.col.delete a {
    line-height: inherit; } }

/* ----------------------------------------------------------
  Checkout - echantillon
---------------------------------------------------------- */
.cart-container > .cart-discount {
  float: left; }

.cart-container > .cart-discount .title {
  margin-bottom: 0; }

.cart-container > .cart-discount .currentsamples,
.cart-container > .cart-discount .block.discount {
  background-color: #fff; }

.cart-container > .cart-discount .currentsamples .title,
.cart-container > .cart-discount .block.discount .title {
  border-bottom: 1px solid #ECECEC; }

.cart-container > .cart-discount .gift-cart-item {
  table-layout: auto; }

.cart-container > .cart-discount .gift-cart-item__wrapper + .gift-cart-item__wrapper {
  border-top: 1px solid #ECECEC; }

.cart-container > .cart-discount .gift-cart-item > div:last-child {
  text-align: right; }

.cart-container > .cart-discount .gift-cart-item a {
  display: block;
  margin: 10px auto;
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em; }

.cart-container > .cart-discount .gift-cart-item .illu {
  width: 110px; }

.cart-container > .cart-discount .gift-cart-item .product-item-name {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.1em; }

@media (max-width: 767px) {
  .cart-container > .cart-discount .gift-cart-item {
    z-index: 1;
    position: relative;
    box-sizing: border-box;
    padding-left: 110px;
    min-height: 100px; }
  .cart-container > .cart-discount .gift-cart-item .illu {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px; } }

/* ----------------------------------------------------------
  Gift popin
---------------------------------------------------------- */
.modal-popup.modal-sample .modal-content {
  background-color: #fff; }

.modal-popup.modal-sample .modal-header,
.modal-popup.modal-sample .buttons-set {
  text-align: center; }

.modal-popup.modal-sample .buttons-set {
  margin-top: 2em; }

.block.samples .list-gifts {
  width: 100%; }

.block.samples .list-gifts > .gift {
  z-index: 1;
  float: left;
  position: relative;
  box-sizing: border-box;
  width: 25%;
  padding: 0 5px;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.1em;
  vertical-align: top; }

.block.samples .list-gifts input[type="checkbox"] {
  z-index: 1;
  position: absolute;
  top: 0;
  left: -999px; }

.block.samples .list-gifts img {
  margin-bottom: 1.5em; }

.block.samples .list-gifts label {
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.2);
  cursor: pointer; }

.block.samples .list-gifts label:after {
  content: '✓';
  z-index: 1;
  position: absolute;
  bottom: 4.3em;
  left: 50%;
  width: 2em;
  height: 2em;
  border-radius: 99em;
  line-height: 2.3;
  color: transparent;
  background-color: #fff;
  box-shadow: inset 0 0 0 5px #FFF, inset 0 0 0 1em #CDD3DA;
  transition: all 0.3s ease;
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0); }

.block.samples .list-gifts input:checked + label:after {
  color: #fff;
  box-shadow: inset 0 0 0 2em #CDD3DA; }

/* ----------------------------------------------------------
  Sidebar
---------------------------------------------------------- */
.opc-block-summary > .title,
.checkout-cart-sidebar .summary.title, .opc-block-summary .table-totals tr > *:last-child,
#cart-totals tr > *:last-child, .opc-block-summary .table-totals .grand.totals > *,
#cart-totals .grand.totals > *, .opc-block-shipping-information .shipping-information-title, .checkout-help .title,
.checkout-help .tel {
  text-transform: uppercase;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.1em; }

.opc-block-summary > .title,
.checkout-cart-sidebar .summary.title {
  display: block;
  padding: 20px 20px 0; }

.opc-block-summary > .title {
  padding-bottom: 20px; }

.opc-block-summary .items-in-cart > .title {
  display: none; }

.opc-block-summary .table-totals,
#cart-totals {
  padding: 10px 0; }

.opc-block-summary .table-totals th,
.opc-block-summary .table-totals td,
#cart-totals th,
#cart-totals td {
  padding-bottom: 10px; }

.opc-block-summary .table-totals .table-caption,
#cart-totals .table-caption {
  display: none; }

.opc-block-summary .table-totals tr > *:first-child,
#cart-totals tr > *:first-child {
  padding-left: 20px;
  text-align: left;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.1em; }

.opc-block-summary .table-totals tr > *:last-child,
#cart-totals tr > *:last-child {
  padding-right: 20px;
  text-align: right; }

.opc-block-summary .table-totals .grand.totals > *,
#cart-totals .grand.totals > * {
  padding-top: 10px;
  border-top: 1px solid #ECECEC; }

/* Discount
-------------------------- */
#block-discount {
  padding: 0 20px 20px; }

#block-discount .title strong {
  display: block;
  z-index: 1;
  position: relative;
  font-size: 15px;
  font-weight: normal;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

#block-discount .title strong:after {
  content: '+';
  z-index: 1;
  position: absolute;
  top: -0.25em;
  right: 0;
  font-size: 1.5em;
  line-height: 1.5;
  color: #CDD3DA; }

#block-discount.active .title strong:after {
  content: '-'; }

#block-discount .fieldset.coupon {
  padding-top: 10px; }

/* Actions
-------------------------- */
.checkout-methods-items {
  margin: 0 !important;
  padding: 0 20px 20px; }

.checkout-methods-items .item button {
  display: block;
  width: 100%; }

.checkout-methods-items .item button + button {
  margin-top: 10px; }

/* Shipping
-------------------------- */
.opc-block-shipping-information .ship-to,
.opc-block-shipping-information .ship-via {
  padding: 20px;
  border-top: 1px solid #ECECEC;
  background-color: #fff; }

.opc-block-shipping-information .shipping-information-title {
  z-index: 1;
  position: relative;
  margin-bottom: 10px;
  padding-right: 4em; }

.opc-block-shipping-information .shipping-information-content {
  font-size: 12px; }

.opc-block-shipping-information .shipping-information-title button {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: underline;
  font-family: "Brandon Grotesque", Times, serif;
  font-size: 0.8em;
  font-weight: normal;
  color: #CDD3DA; }

/* Methods
-------------------------- */
.checkout-logo-payment {
  padding: 20px;
  border-top: 1px solid #ECECEC;
  text-align: center; }

.checkout-logo-payment img {
  width: 100%; }

/* Reinsurance
-------------------------- */
.checkout-reassurance {
  padding: 20px 0;
  background-color: #F5F7FE !important; }

.checkout-reassurance li {
  z-index: 1;
  float: left;
  position: relative;
  box-sizing: border-box;
  width: 50%;
  padding-right: 10px;
  padding-left: 3.75em;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 0.1em; }

.checkout-reassurance li strong {
  font-weight: normal; }

.checkout-reassurance li i[class*="icon"] {
  z-index: 1;
  position: absolute;
  top: -0.1em;
  left: 0;
  font-size: 3em; }

@media (max-width: 767px) {
  .checkout-reassurance {
    padding: 20px; } }

/* Help
-------------------------- */
.checkout-help {
  padding: 20px; }

.checkout-help .title,
.checkout-help .tel {
  margin-bottom: 0.5em; }

.checkout-help .subtitle {
  margin-bottom: 1em;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em; }

.checkout-help table {
  margin-bottom: 10px; }

.checkout-help table th,
.checkout-help table td {
  padding: 0.5em 0;
  text-align: left;
  font-size: 14px; }

.checkout-help .btn-mail {
  display: block;
  width: 100%; }

.checkout-help .btn-mail:before {
  z-index: 1;
  position: relative;
  top: -0.1em;
  font-size: 1.2em; }

/* ----------------------------------------------------------
  Layout
---------------------------------------------------------- */
#checkoutSteps #co-payment-form > .fieldset > legend.legend {
  margin-bottom: 0;
  padding-bottom: 0; }

#checkoutSteps #co-payment-form > .fieldset > div + div,
#checkoutSteps > li + li:not(.checkout-payment-method) {
  border-top: 1px solid #ECECEC; }

/* ----------------------------------------------------------
  Addresses
---------------------------------------------------------- */
.shipping-address-items .shipping-address-item {
  padding: 15px;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #F5F7FE;
  transition: background 0.3s ease; }

.shipping-address-items .shipping-address-item.selected-item {
  background-color: #F5F7FE; }

/* ----------------------------------------------------------
  Shipping
---------------------------------------------------------- */
/* ----------------------------------------------------------
  Payment
---------------------------------------------------------- */
.payment-method-content legend.legend,
#co-payment-form fieldset fieldset.fieldset legend {
  font-size: 12px; }

.payment-methods .payment-method {
  border: 15px solid #FFF;
  background-color: #fff;
  transition: all 0.3s ease; }

.payment-methods .payment-method .payment-method-title {
  margin-bottom: 0; }

.payment-methods .payment-method .payment-method-title .action.action-help {
  display: block;
  margin-top: 0.4em;
  font-size: 0.9em; }

.payment-methods .payment-method._active {
  border-color: #F5F7FE;
  background-color: #F5F7FE; }

.payment-methods .payment-method._active .payment-method-title {
  margin-bottom: 15px; }

/* ----------------------------------------------------------
  Success
---------------------------------------------------------- */
.checkout-onepage-success .page-main .columns {
  max-width: 1024px; }

.yonka-success-page .checkout-success-cms img {
  display: block;
  width: 100%; }

.yonka-success-page .actions-toolbar {
  text-align: center; }

.checkout-success {
  text-align: center; }

/* Content */
/* ----------------------------------------------------------
  Content
---------------------------------------------------------- */
.yonka-page-content,
.product-item-routine .description,
#faq-list-container {
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  max-width: 62em;
  font-size: 15px;
  letter-spacing: 0.05em; }

.yonka-page-content p,
.yonka-page-content ul,
.yonka-page-content li,
.product-item-routine .description p,
#faq-list-container p,
.product-item-routine .description ul,
#faq-list-container ul,
.product-item-routine .description li,
#faq-list-container li {
  font: inherit; }

.yonka-page-content ul:not(:last-child),
.yonka-page-content p:not(:last-child),
.product-item-routine .description ul:not(:last-child),
#faq-list-container ul:not(:last-child),
.product-item-routine .description p:not(:last-child),
#faq-list-container p:not(:last-child) {
  margin-bottom: 1em; }

.yonka-page-content li,
.product-item-routine .description li,
#faq-list-container li {
  z-index: 1;
  position: relative;
  padding-left: 1em; }

.yonka-page-content li:before,
.product-item-routine .description li:before,
#faq-list-container li:before {
  content: '•';
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0; }

.yonka-page-content h2,
.yonka-page-content h3,
.yonka-page-content h4,
.product-item-routine .description h2,
#faq-list-container h2,
.product-item-routine .description h3,
#faq-list-container h3,
.product-item-routine .description h4,
#faq-list-container h4 {
  margin-top: 1em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  font-family: "Optima", Helvetica, Arial, sans-serif; }

.yonka-page-content h2:first-child,
.yonka-page-content h3:first-child,
.yonka-page-content h4:first-child,
.product-item-routine .description h2:first-child,
#faq-list-container h2:first-child,
.product-item-routine .description h3:first-child,
#faq-list-container h3:first-child,
.product-item-routine .description h4:first-child,
#faq-list-container h4:first-child {
  margin-top: 0; }

/* ----------------------------------------------------------
  404
---------------------------------------------------------- */
.noroute-content {
  text-align: center; }

/* ----------------------------------------------------------
  CMS
---------------------------------------------------------- */
.cms-page-view .column {
  margin-right: auto;
  margin-left: auto;
  max-width: 1024px; }

.cms-page-view .column > p,
.cms-page-view .column > ul,
.cms-page-view .column > ul li {
  font-family: "Optima", Helvetica, Arial, sans-serif; }

.cms-page-view .column > p:not(:last-child),
.cms-page-view .column > ul:not(:last-child) {
  margin-bottom: 1em; }

/* ----------------------------------------------------------
  FAQ
---------------------------------------------------------- */
#faq-list-container .faq-category + .faq-category {
  margin-top: 2em;
  padding-top: 2em;
  border-top: 1px solid #ECECEC; }

#faq-list-container .category-content > div + div {
  margin-top: 0.5em;
  padding-top: 1em;
  border-top: 1px solid rgba(236, 236, 236, 0.5); }

#faq-list-container .question-name,
#faq-list-container .category-title {
  cursor: pointer; }

#faq-list-container .category-content {
  padding-top: 1em; }

#faq-list-container .question-name i[class*="icon"],
#faq-list-container .category-title i[class*="icon"] {
  z-index: 1;
  position: relative;
  top: -2px;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: center center;
  transform-origin: center center; }

#faq-list-container .is-visible > .question-name i[class*="icon"],
#faq-list-container .is-visible > .category-title i[class*="icon"] {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

#faq-list-container .category-content,
#faq-list-container .question-content {
  visibility: visible;
  max-height: 2000px;
  overflow: hidden;
  opacity: 0.999;
  transition: all 0.3s ease;
  transition: opacity 0.3s ease,visibility 0.3s ease; }

#faq-list-container div:not(.is-visible) > .category-content,
#faq-list-container div:not(.is-visible) > .question-content {
  visibility: hidden;
  padding-top: 0;
  max-height: 0;
  opacity: 0; }

/* ----------------------------------------------------------
  Listing
---------------------------------------------------------- */
/* Header
-------------------------- */
.skin-diagnostics__header {
  background: #F1FAFF url(../images/bg-diagnostics.jpg) no-repeat left center;
  background-size: auto 100%; }

.skin-diagnostics__header .page-title {
  margin: 0 auto;
  max-width: 10em;
  text-shadow: 0 0 3px #F1FAFF,0 0 6px #F1FAFF,0 0 9px #F1FAFF; }

/* Item
-------------------------- */
.beauty-issue-item__inner > * {
  vertical-align: middle; }

.beauty-issue-item__inner .title {
  margin: auto; }

.beauty-issue-item__inner .bullet-points li {
  display: inline;
  font-size: 15px; }

.beauty-issue-item__inner .bullet-points li:not(:last-child):after {
  content: ', '; }

.beauty-issue-item__inner .diagnostic-actions {
  text-align: right; }

@media (max-width: 767px) {
  .beauty-issue-item__inner .bullet-points li {
    font-size: 13px; }
  .beauty-issue-item__inner .title {
    padding-bottom: 1em; }
  .beauty-issue-item__inner .diagnostic-actions {
    text-align: center; } }

/* ----------------------------------------------------------
  View
---------------------------------------------------------- */
/* Header
-------------------------- */
/* Content
-------------------------- */
/* Products
-------------------------- */
.highlighted-products,
.expert-products {
  text-align: center; }

.expert-product-item,
.highlighted-product-item {
  display: inline-block;
  box-sizing: border-box;
  width: 30%;
  text-align: center;
  vertical-align: top; }

.expert-product-item .product-item__photo,
.highlighted-product-item .product-item__photo {
  background-color: #F8F8F8; }

/* Highlight
-------------------------- */
.highlighted.product-title {
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 25px;
  font-weight: normal;
  letter-spacing: 0.1em; }

/* Expert
-------------------------- */
.expert-products .expert-description {
  margin-right: auto;
  margin-left: auto;
  max-width: 30em;
  text-align: center;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 15px; }

@media (max-width: 767px) {
  .expert-products .expert-description {
    font-size: 12px; } }

/* ----------------------------------------------------------
  Common
---------------------------------------------------------- */
/* Wrapper
-------------------------- */
.yonka-contact-wrapper {
  z-index: 2;
  position: relative; }

.yonka-contact-wrapper:before {
  content: '';
  display: none;
  right: 50%;
  bottom: -140px;
  background: transparent url(../images/illu-contact.jpg) no-repeat bottom center;
  background-size: cover; }

@media (min-width: 1025px) {
  .yonka-contact-wrapper {
    padding-left: 50%; }
  .yonka-contact-wrapper:before {
    display: block; } }

/* Inner
-------------------------- */
.contact-content h3 {
  z-index: 1;
  position: relative;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #535252; }

.contact-content h3:before {
  z-index: 1;
  position: absolute;
  top: 0;
  left: -1.5em;
  font-size: 1.1em;
  color: #535252; }

.contact-content li,
.contact-content p {
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 15px; }

/* Form
-------------------------- */
.form.contact {
  text-align: center;
  background: #F5F7FE url(../images/bg-contact) no-repeat top center; }

.form.contact .fieldset:first-child > .legend {
  text-align: center;
  text-transform: none;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 45px;
  letter-spacing: 0.05em; }

.form.contact > * {
  margin-right: auto;
  margin-left: auto;
  max-width: 650px;
  text-align: left; }

.form.contact.pro > * {
  max-width: 1024px; }

.form.contact [class*="yonka-title"] {
  text-align: center; }

.form.contact .actions-toolbar {
  text-align: center; }

@media (min-width: 1025px) {
  .yonka-contact-wrapper ~ .form.contact {
    padding-top: 200px; } }

@media (max-width: 767px) {
  .form.contact .fieldset:first-child > .legend {
    font-size: 20px; } }

/* ----------------------------------------------------------
  Pro
---------------------------------------------------------- */
div.choice.civility .control label,
div.choice.dossier-info .control label,
div.choice.other-employees .control label,
div.choice.treatments .control label,
div.choice.yonka-know .control label {
  display: inline-block;
  margin-right: 1em; }

/* ----------------------------------------------------------
  Bull
---------------------------------------------------------- */
.sl-info-window .shop-title {
  margin-bottom: 0.5em;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-weight: normal; }

.sl-info-window p {
  margin-bottom: 0;
  font-size: 12px; }

.sl-info-window a {
  text-decoration: underline; }

/* ----------------------------------------------------------
  Search
---------------------------------------------------------- */
.storelocator-search {
  text-align: center;
  white-space: nowrap; }

.storelocator-search > * {
  display: inline-block;
  vertical-align: top; }

.storelocator-search select,
.storelocator-search input,
.storelocator-search .sep {
  box-sizing: border-box;
  padding: 0 15px;
  max-width: 30vw;
  min-height: 1em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  line-height: 4.16;
  letter-spacing: 0.1em; }

.storelocator-search #sl-geoloc {
  max-width: 30vw; }

.storelocator-search select,
.storelocator-search input {
  border-width: 0;
  box-shadow: inset 0 0 0 1px #CDD3DA; }

.storelocator-search select {
  box-sizing: border-box;
  padding-top: 1.3em;
  padding-bottom: 1.3em;
  max-width: 300px;
  min-height: 4.16em;
  line-height: 1; }

.storelocator-search .search-form {
  z-index: 1;
  position: relative; }

.storelocator-search .search-form input {
  padding-right: 6em;
  min-width: 300px; }

.storelocator-search .search-form button {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: 5em;
  padding: 0;
  min-width: 0; }

.storelocator-search #sl-search-reset-button {
  width: 10em; }

@media (max-width: 1024px) {
  .storelocator-search #sl-geoloc,
  .storelocator-search select {
    max-width: 23vw;
    min-width: 100px; }
  .storelocator-search input {
    min-width: 230px !important; } }

@media (max-width: 767px) {
  .storelocator-search > * {
    display: block;
    margin-top: 10px; }
  .storelocator-search .sep {
    display: none; }
  .storelocator-search .search-form input,
  .storelocator-search #sl-geoloc,
  .storelocator-search select {
    max-width: 100%; } }

/* ----------------------------------------------------------
  Map
---------------------------------------------------------- */
#sl-map-container {
  height: 500px;
  margin-bottom: 30px; }

@media (max-width: 1024px) {
  #sl-map-container {
    height: 400px;
    margin-bottom: 20px; } }

@media (max-width: 767px) {
  #sl-map-container {
    height: 300px;
    margin-bottom: 15px; } }

/* ----------------------------------------------------------
  Loop store
---------------------------------------------------------- */
/* Grid
-------------------------- */
#store-list-content .sl-category-list {
  z-index: 1;
  position: relative;
  min-height: 250px; }

#store-list-content #sl-category {
  z-index: 2;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 25%; }

#store-list-content #sl-category ul {
  z-index: 1;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  max-height: 100%;
  overflow: auto; }

#store-list-content #sl-list {
  padding-left: 25%; }

@media (max-width: 767px) {
  #store-list-content #sl-category,
  #store-list-content #sl-category ul,
  #store-list-content #sl-list {
    z-index: 1;
    float: none;
    position: relative;
    width: 100%;
    padding-left: 0; } }

#store-list-content .yonka-title, #store-list-content .cc-newsletter-full .title, .cc-newsletter-full #store-list-content .title, #store-list-content .soon_csblock-cta-standard--main-visu .title, .soon_csblock-cta-standard--main-visu #store-list-content .title {
  margin-bottom: 0;
  text-align: center; }

/* Filters
-------------------------- */
#sl-category li {
  margin-bottom: 10px; }

/* Layout
-------------------------- */
#sl-list {
  margin: auto; }

#sl-list > .odd {
  background-color: #F5F7FE; }

.loop-store {
  z-index: 1;
  position: relative;
  box-sizing: border-box;
  padding-left: 45%;
  font-size: 13px; }

.loop-store .store-picture {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 45%;
  margin: auto;
  background: transparent no-repeat center center;
  background-size: cover; }

@media (max-width: 767px) {
  .loop-store {
    padding-left: 0; }
  .loop-store .store-picture {
    z-index: 1;
    position: relative;
    width: 100%;
    height: 0;
    margin-bottom: 15px;
    padding-top: 50%; }
  .loop-store .store-main {
    padding-right: 0;
    padding-left: 0; } }

/* Header
-------------------------- */
.loop-store__header {
  margin-bottom: 1.5em;
  text-transform: uppercase; }

.loop-store__header .store-city {
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #CDD3DA; }

.loop-store__header .store-name {
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 1.5em; }

/* Content
-------------------------- */
.loop-store__details {
  display: table;
  width: 100%;
  table-layout: fixed; }

.loop-store__details > * {
  display: table-cell;
  vertical-align: top; }

.loop-store__details .store-address,
.loop-store__details .store-contact {
  z-index: 1;
  position: relative;
  padding: 0 1.5em;
  text-transform: uppercase;
  line-height: 2;
  letter-spacing: 0.1em; }

.loop-store__details .store-address:before,
.loop-store__details .store-contact:before {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0; }

.loop-store__details p {
  font: inherit; }

/* Actions
-------------------------- */
.loop-store .actions-toolbar {
  margin-bottom: 0; }

/* ----------------------------------------------------------
  All stores
---------------------------------------------------------- */
.store-list-all {
  text-align: center; }

.store-list-all .title {
  text-transform: none; }

.store-list-all .country-title {
  color: #64C9E5; }

.store-list-all .region-list > .region {
  display: inline-block;
  box-sizing: border-box;
  width: 19%;
  padding-bottom: 15px;
  text-align: left;
  vertical-align: top; }

.store-list-all .region-list > .region:only-child {
  width: 100%; }

.store-list-all .region-title {
  text-transform: uppercase;
  font-family: "Brandon Grotesque", Times, serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #64C9E5; }

.store-list-all li {
  padding-bottom: 0.5em;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 15px; }

.store-list-all .region-list .region:only-child .city-list {
  -webkit-column-count: 5;
  column-count: 5;
  -webkit-column-gap: 15px;
  column-gap: 15px; }

@media (max-width: 1024px) {
  .store-list-all .region-list .region:only-child .city-list {
    -webkit-column-count: 4;
    column-count: 4; }
  .store-list-all .region-list > * {
    width: 24%; } }

@media (max-width: 767px) {
  .store-list-all .region-list .region:only-child .city-list {
    -webkit-column-count: 3;
    column-count: 3; }
  .store-list-all .region-list > * {
    width: 32%; } }

@media (max-width: 500px) {
  .store-list-all .region-list .region:only-child .city-list {
    -webkit-column-count: 2;
    column-count: 2; }
  .store-list-all .region-list > * {
    width: 49%; } }

/* ----------------------------------------------------------
  Store view
---------------------------------------------------------- */
.storelocator-subtitle {
  margin-bottom: 1em;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #64C9E5; }

/* Layout
-------------------------- */
.storelocator-view {
  z-index: 1;
  position: relative;
  margin: auto;
  margin-bottom: 30px;
  max-width: 1024px; }

.storelocator-main {
  z-index: 1;
  position: relative;
  margin: auto;
  max-width: 767px;
  background-color: #F8FEFF; }

.storelocator-picture + .storelocator-main {
  margin-top: -150px; }

.storelocator-picture a {
  display: block; }

.storelocator-picture img {
  display: block;
  width: 100%; }

@media (max-width: 767px) {
  .storelocator-view {
    margin: 0 -15px; }
  .storelocator-picture + .storelocator-main {
    margin-top: 0; } }

/* Header
-------------------------- */
.storelocator-header {
  text-align: center; }

.storelocator-header .title {
  margin-bottom: 0.5em;
  text-transform: none;
  font-size: 60px;
  letter-spacing: 0.05em; }

.storelocator-header .subtitle:before {
  display: block;
  margin-bottom: 0.5em;
  font-size: 2.5em; }

.storelocator-header .subtitle {
  margin-bottom: 1em;
  color: #64C9E5; }

@media (max-width: 767px) {
  .storelocator-header .title {
    font-size: 30px; } }

/* Content
-------------------------- */
.storelocator-infos {
  letter-spacing: 0.1em; }

.storelocator-hours li,
.storelocator-infos .address p {
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.6; }

/* Hours */
.storelocator-hours .day-hours,
.storelocator-hours .day-hours div {
  display: inline; }

.storelocator-hours .day-hours div:not(:empty) + div:not(:empty):before {
  content: ' / '; }

/* Tools */
ul.storelocator-tools {
  margin-bottom: 15px;
  text-align: center; }

ul.storelocator-tools li {
  display: inline-block;
  margin: 0 0.5em;
  font-size: 2em;
  vertical-align: top; }

.storelocator-infos .tools .phonelink {
  display: block;
  box-sizing: border-box;
  height: 1.5em;
  padding: 0 0.5em;
  border: 2px solid;
  border-radius: 2em;
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.5;
  color: #64C9E5; }

/* Content
-------------------------- */
.spa-additional-content,
.storelocator-description {
  text-align: center;
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 15px;
  letter-spacing: 0.1em; }

.spa-additional-content .spa-cta-item {
  display: inline-block;
  box-sizing: border-box;
  width: 30%;
  vertical-align: top; }

@media (max-width: 767px) {
  .spa-additional-content .spa-cta-item {
    width: 100%;
    margin-bottom: 15px; } }

/* ----------------------------------------------------------
  Our spas
---------------------------------------------------------- */
/* Header
-------------------------- */
.page-title-wrapper--spas {
  background: #fff url(../images/bg-spas.jpg) no-repeat center center;
  background-size: cover; }

.page-title-wrapper--spas .page-title {
  margin: 0 auto;
  max-width: 10em;
  text-shadow: 0 0 3px #d4b494,0 0 6px #d4b494,0 0 9px #d4b494;
  color: #fff; }

/* Listing
-------------------------- */
@media (min-width: 768px) {
  .spa-list .spa-item {
    display: inline-block;
    width: 50%; }
  .spa-list {
    padding-bottom: 40px; }
  .spa-list .spa-item:nth-child(even) {
    top: 40px; } }

@media (min-width: 1025px) {
  .spa-list {
    padding-bottom: 60px; }
  .spa-list .spa-item:nth-child(even) {
    top: 60px; } }

/* Item
-------------------------- */
.spa-list .spa-item {
  z-index: 1;
  position: relative;
  box-sizing: border-box;
  vertical-align: top; }

.spa-list .spa-item > a {
  display: block; }

.spa-list .spa-item .spa-name,
.spa-list .spa-item .spa-locality {
  margin-bottom: 20px; }

.spa-list .spa-item .spa-name {
  font-size: 30px; }

.spa-list .spa-item .spa-main-image-content {
  overflow: hidden; }

.spa-list .spa-item .spa-main-image {
  display: block;
  width: 100%;
  transition: all 5s ease;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: center center;
  transform-origin: center center; }

.spa-list .spa-item > a:hover .spa-main-image {
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

@media (max-width: 767px) {
  .spa-item .spa-name {
    font-size: 20px; } }

/* ----------------------------------------------------------
  Content
---------------------------------------------------------- */
.additional-cms-container--recruitement {
  text-align: center;
  background-color: #F5F7FE; }

.additional-cms-container--recruitement:empty {
  display: none; }

.recruitment-publication-date {
  font-family: "Optima", Helvetica, Arial, sans-serif;
  font-size: 15px; }

/* ----------------------------------------------------------
  Page
---------------------------------------------------------- */
.cms-tutos-beaute .yonka-header-wrapper {
  margin-bottom: 0; }

.cms-tutos-beaute .breadcrumbs {
  display: none; }

.cms-tutos-beaute .page-title-wrapper {
  margin: auto;
  margin-bottom: 30px;
  max-width: 1360px;
  color: #fff;
  background: transparent url(../images/bg-tutos.jpg) no-repeat center center;
  background-size: cover; }

/* ----------------------------------------------------------
  Tabs
---------------------------------------------------------- */
.block-youtube__wrapper .tabs .current {
  border-bottom: 1px solid; }

/* ----------------------------------------------------------
  Strate youtube
---------------------------------------------------------- */
.block-youtube__list > * {
  display: inline-block;
  box-sizing: border-box;
  width: 33.3%;
  vertical-align: top; }

@media (max-width: 1024px) {
  .block-youtube__list > * {
    width: 50%; } }

@media (max-width: 767px) {
  .block-youtube__list > * {
    width: 100%; } }

.block-youtube__item .image {
  margin-bottom: 20px; }

.block-youtube__item .image img {
  display: block;
  width: 100%; }

.block-youtube__item .title {
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
  word-wrap: break-word; }

/*# sourceMappingURL=styles.css.map */