@charset "UTF-8";
/*
 * Stylesheets for Project
 */
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126  License: none (public domain) */
@import url("https://fonts.googleapis.com/css?family=Nothing+You+Could+Do");
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@import url("https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,600,700,800");
@font-face {
  font-family: 'Didot';
  src: url("../../fonts/didot-webfont-webfont.eot");
  src: url("../../fonts/didot-webfont-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/didot-webfont-webfont.woff2") format("woff2"), url("../../fonts/didot-webfont-webfont.woff") format("woff"), url("../../fonts/didot-webfont-webfont.ttf") format("truetype"), url("../../fonts/didot-webfont-webfont.svg#didot") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 23, ../scss/app.scss */
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, 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, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
/* line 32, ../scss/app.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 35, ../scss/app.scss */
body {
  line-height: 1;
}

/* line 38, ../scss/app.scss */
ol, ul {
  list-style: none;
}

/* line 41, ../scss/app.scss */
blockquote, q {
  quotes: none;
}

/* line 44, ../scss/app.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

/* line 48, ../scss/app.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* * * HELPER CLASSES * * */
/* Image replacement */
/* line 54, ../scss/app.scss */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

/* line 60, ../scss/app.scss */
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
/* line 67, ../scss/app.scss */
.hidden, .cart-list .action.remove-item span {
  display: none !important;
  visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
/* line 72, ../scss/app.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p */
/* line 84, ../scss/app.scss */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
/* line 93, ../scss/app.scss */
.invisible {
  visibility: hidden;
}

/* clearfix */
/* line 97, ../scss/app.scss */
.clearfix {
  *zoom: 1;
}

/* line 99, ../scss/app.scss */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

/* line 102, ../scss/app.scss */
.clearfix:after {
  clear: both;
}

/*
 * FONT SIZES EM / REM
 */
/*
 * FLEXBOX
 */
/*
 * MEDIAQUERIES
 */
/*
 * Folders
 */
/*
 * Colors
 */
/*
 * Fonts
 */
/*
 * Transition
 */
/*
 * Constants
 */
@font-face {
  font-family: "Jellyka-CuttyCupcakes";
  src: url("../../fonts/jellyka/Jellyka-CuttyCupcakes.eot?") format("eot"), url("../../fonts/jellyka/Jellyka-CuttyCupcakes.woff") format("woff"), url("../../fonts/jellyka/Jellyka-CuttyCupcakes.ttf") format("truetype"), url("../../fonts/jellyka/Jellyka-CuttyCupcakes.svg#Jellyka-CuttyCupcakes") format("svg");
}
@font-face {
  font-family: "new_athena";
  src: url("../../fonts/new_athena/new_athena.eot?") format("eot"), url("../../fonts/new_athena/new_athena.woff") format("woff"), url("../../fonts/new_athena/new_athena.ttf") format("truetype"), url("../../fonts/new_athena/new_athena.svg#new_athena") format("svg");
}
@font-face {
  font-family: "icons";
  src: url("../../fonts/icons/icons.eot?") format("eot"), url("../../fonts/icons/icons.woff") format("woff"), url("../../fonts/icons/icons.ttf") format("truetype"), url("../../fonts/icons/icons.svg#icons") format("svg");
}
/* line 141, ../scss/app.scss */
.fixed {
  position: fixed;
}

/* line 144, ../scss/app.scss */
.absolute {
  position: absolute;
}

/* line 147, ../scss/app.scss */
.first-component {
  margin-top: 0 !important;
}

/* * * BASE STYLES * * */
/* line 151, ../scss/app.scss */
html, button, input, select, textarea {
  color: #222;
}

/* line 154, ../scss/app.scss */
body {
  font-size: 1em;
  line-height: 1.4;
}

/* line 158, ../scss/app.scss */
img {
  vertical-align: middle;
}

/* line 161, ../scss/app.scss */
sup {
  font-size: 0.6em;
  transform: translate(0, -4px);
  display: inline-block;
}

/* line 166, ../scss/app.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCCCCC;
  margin: 1em 0;
  padding: 0;
}

/* line 174, ../scss/app.scss */
img {
  vertical-align: middle;
}

/* line 177, ../scss/app.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* line 182, ../scss/app.scss */
textarea {
  resize: vertical;
}

/* line 185, ../scss/app.scss */
.chromeframe {
  margin: 0.2em 0;
  background: #CCCCCC;
  color: #000;
  padding: 0.2em 0;
}

/* line 191, ../scss/app.scss */
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

/* line 196, ../scss/app.scss */
button {
  overflow: visible;
}

/* line 199, ../scss/app.scss */
button, select {
  text-transform: none;
}

/* line 202, ../scss/app.scss */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

/* line 206, ../scss/app.scss */
button[disabled], html input[disabled] {
  cursor: default;
}

/* line 209, ../scss/app.scss */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 213, ../scss/app.scss */
input {
  line-height: normal;
}

/* line 216, ../scss/app.scss */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/* line 220, ../scss/app.scss */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/* line 223, ../scss/app.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

/* line 227, ../scss/app.scss */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 230, ../scss/app.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/* line 235, ../scss/app.scss */
legend {
  border: 0;
  padding: 0;
}

/* line 239, ../scss/app.scss */
textarea {
  overflow: auto;
}

/* line 242, ../scss/app.scss */
optgroup {
  font-weight: bold;
}

/* line 245, ../scss/app.scss */
*, *:before, *:after {
  box-sizing: border-box;
}

@media only screen and (min-width: 1025px) {
  /* line 249, ../scss/app.scss */
  body, html {
    height: 100%;
  }
}
/* line 252, ../scss/app.scss */
body {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 12px;
  background-color: #f0f0f0;
  color: #000;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width: 1025px) {
  /* line 262, ../scss/app.scss */
  body {
    padding-top: 66px;
  }
}
@media only screen and (min-width: 1281px) {
  /* line 265, ../scss/app.scss */
  body {
    padding-top: 66px;
  }
}
@media only screen and (min-width: 1281px) {
  /* line 268, ../scss/app.scss */
  body {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 271, ../scss/app.scss */
  body {
    font-size: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 274, ../scss/app.scss */
  body {
    padding-top: 55px;
  }
}
/* line 277, ../scss/app.scss */
body.expand {
  overflow: hidden;
}

/* line 280, ../scss/app.scss */
.noscroll {
  position: fixed;
  overflow: hidden !important;
}

/* line 284, ../scss/app.scss */
.overflow-hidden {
  overflow: hidden !important;
  position: relative;
  height: 100%;
}

/* line 289, ../scss/app.scss */
.wrapper {
  margin: 0 auto;
  clear: both;
  max-width: 1000px;
  width: 100%;
}

@media only screen and (max-width: 1280px) {
  /* line 295, ../scss/app.scss */
  .wrapper {
    max-width: 800px;
  }
}
/* line 298, ../scss/app.scss */
.wrapper-fluid {
  background: #FFFFFF;
  max-width: 1200px;
  padding: 60px 90px;
  margin: 60px auto;
}

@media only screen and (max-width: 1280px) {
  /* line 304, ../scss/app.scss */
  .wrapper-fluid {
    max-width: 1000px;
    padding: 40px 60px;
    margin: 40px auto;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 309, ../scss/app.scss */
  .wrapper-fluid {
    background: #f7f7f7;
  }
}
/* line 312, ../scss/app.scss */
.page-header {
  background: #FFFFFF;
  padding: 60px 0;
}

@media only screen and (max-width: 1280px) {
  /* line 316, ../scss/app.scss */
  .page-header {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 319, ../scss/app.scss */
  .page-header {
    padding: 30px 20px;
    border-bottom: 1px solid #dfdfdf;
  }
}
/* line 323, ../scss/app.scss */
a {
  color: #000;
  text-decoration: none;
}

/* selection */
/* line 328, ../scss/app.scss */
::-moz-selection {
  background: #847155;
  text-shadow: none;
  color: #FFFFFF;
}

/* line 333, ../scss/app.scss */
::selection {
  background: #847155;
  text-shadow: none;
  color: #fff;
}

/* line 338, ../scss/app.scss */
.desktop-size {
  display: block;
}

@media only screen and (max-width: 640px) {
  /* line 341, ../scss/app.scss */
  .desktop-size {
    display: none;
  }
}
/* line 344, ../scss/app.scss */
.smartphone-size {
  display: none;
}

@media only screen and (max-width: 640px) {
  /* line 347, ../scss/app.scss */
  .smartphone-size {
    display: block;
  }
}
/* line 350, ../scss/app.scss */
h1, h2, h3, h4 {
  font-weight: 700;
  color: #000;
  margin-bottom: 20px;
  letter-spacing: .05em;
}

/* line 356, ../scss/app.scss */
.tt-1, h1 {
  font-size: 90px;
  line-height: 100px;
  font-weight: 100;
}

@media only screen and (max-width: 768px) {
  /* line 361, ../scss/app.scss */
  .tt-1, h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
/* line 364, ../scss/app.scss */
.tt-1 strong, h1 strong {
  font-weight: 500;
}

/* line 367, ../scss/app.scss */
.tt-2, h2 {
  font-size: 44px;
  line-height: 50px;
  font-weight: 300;
}

@media only screen and (max-width: 768px) {
  /* line 372, ../scss/app.scss */
  .tt-2, h2 {
    font-size: 34px;
    line-height: 34px;
    margin-bottom: 13px;
  }
}
/* line 376, ../scss/app.scss */
.tt-2 strong, h2 strong {
  font-weight: 700;
}

/* line 379, ../scss/app.scss */
.tt-3, .tt-cart-head, h3 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
}

/* line 383, ../scss/app.scss */
.tt-3 strong, .tt-cart-head strong, h3 strong {
  font-weight: 700;
}

/* Modif Castelis 23032016 - #48771 */
/* line 387, ../scss/app.scss */
.footer .subscription-box .tt-3 {
  text-transform: uppercase;
}

/* line 389, ../scss/app.scss */
.footer .tt-3 strong {
  font-weight: 700;
  font-size: 18px;
  color: #000;
  margin-bottom: 0px;
  display: inline-block;
}

/* line 396, ../scss/app.scss */
.tt-4, h4 {
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
  /* line 401, ../scss/app.scss */
  .tt-4, h4 {
    font-size: 16px;
    line-height: 22px;
  }
}
/* line 405, ../scss/app.scss */
.tt-5, .tt-cart-list, h5 {
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
  /* line 410, ../scss/app.scss */
  .tt-5, .tt-cart-list, h5 {
    font-size: 14px;
    line-height: 18px;
  }
}
/* line 414, ../scss/app.scss */
.tt-section {
  font-size: 44px;
  line-height: 50px;
  position: relative;
  margin-bottom: 60px;
  font-weight: 300;
  text-transform: none;
}

@media only screen and (max-width: 768px) {
  /* line 422, ../scss/app.scss */
  .tt-section {
    font-size: 28px;
    line-height: 40px;
  }
}
/* line 425, ../scss/app.scss */
.tt-section strong {
  font-weight: 700;
}

@media only screen and (max-width: 640px) {
  /* line 428, ../scss/app.scss */
  .tt-section {
    margin-bottom: 50px;
  }
}
/* line 430, ../scss/app.scss */
.tt-section:after {
  content: "";
  height: 2px;
  width: 20px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -20px;
  background: #000;
}

/* line 441, ../scss/app.scss */
.tt-underline {
  color: #a3a2a2;
  display: block;
  text-align: left;
  font-weight: 600;
  letter-spacing: .1em;
  position: relative;
  padding-bottom: 20px;
}

@media only screen and (min-width: 1025px) {
  /* line 450, ../scss/app.scss */
  .tt-underline:after {
    content: "";
    height: 1px;
    width: 250px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #c8bcaa;
  }
}
/* line 459, ../scss/app.scss */
.tt-widget {
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  letter-spacing: .3em;
  text-transform: uppercase;
}

/* line 465, ../scss/app.scss */
.tt-widget strong {
  font-weight: 700;
}

/* line 468, ../scss/app.scss */
.tt-page {
  text-align: center;
  margin: 0;
}

@media only screen and (max-width: 1280px) {
  /* line 472, ../scss/app.scss */
  .tt-page {
    font-size: 36px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 475, ../scss/app.scss */
  .tt-page {
    font-size: 26px;
  }
}
/* line 477, ../scss/app.scss */
.tt-page span {
  font-size: inherit;
  text-transform: none;
  letter-spacing: inherit;
  font-weight: inherit;
  display: inline;
  color: #847155;
}

/* line 484, ../scss/app.scss */
.tt-page .subtitle {
  margin: 10px 0 0 0;
  -webkit-font-smoothing: subpixel-antialiased;
}

@media only screen and (min-width: 1025px) {
  /* line 488, ../scss/app.scss */
  .tt-page .subtitle {
    margin: 20px 0 0 0;
  }
}
/* line 491, ../scss/app.scss */
.subtitle {
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .3em;
  white-space: nowrap;
}

@media only screen and (max-width: 640px) {
  /* line 499, ../scss/app.scss */
  .subtitle {
    font-size: 9px;
  }
}
/* line 501, ../scss/app.scss */
.subtitle:before, .subtitle:after {
  content: '';
  display: inline-block;
  width: 40px;
  height: 2px;
  background-color: #000;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  /* line 509, ../scss/app.scss */
  .subtitle:before, .subtitle:after {
    width: 40px;
  }
}
/* line 511, ../scss/app.scss */
.subtitle:before {
  margin: 0 9px 0 0;
}

/* line 513, ../scss/app.scss */
.subtitle:after {
  margin: 0 0 0 5px;
}

/* line 516, ../scss/app.scss */
h1 .subtitle {
  display: block;
  font-style: normal;
}

@media only screen and (max-width: 640px) {
  /* line 521, ../scss/app.scss */
  .slider .subtitle:before, .slider .subtitle:after {
    width: 40px;
    height: 1px;
  }
}
/* line 525, ../scss/app.scss */
.highlight-paragraph {
  font-weight: 600;
  color: #847155;
}

/* line 529, ../scss/app.scss */
p {
  font-size: 14px;
  letter-spacing: .025em;
  margin-bottom: 20px;
  line-height: 20px;
  -webkit-font-smoothing: subpixel-antialiased;
}

@media only screen and (max-width: 1024px) {
  /* line 536, ../scss/app.scss */
  p {
    line-height: 18px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 539, ../scss/app.scss */
  p {
    font-size: 14px;
    line-height: 18px;
  }
}
/* line 543, ../scss/app.scss */
b, strong {
  font-weight: 700;
}

/* line 546, ../scss/app.scss */
em, i {
  font-style: italic;
}

/* line 549, ../scss/app.scss */
blockquote {
  font-family: Times, Serif;
  font-size: 26px;
  font-style: italic;
  text-align: center;
}

/* line 555, ../scss/app.scss */
.more-arrow {
  text-transform: uppercase;
  letter-spacing: .3em;
  display: inline-block;
  text-align: center;
  font-weight: 700;
}

/* line 561, ../scss/app.scss */
.more-arrow:after {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 16px;
  padding-left: 10px;
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 5px;
}

/* line 577, ../scss/app.scss */
.more-arrow:before {
  display: none;
}

/* line 580, ../scss/app.scss */
[class^="cta-"] {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .3em;
  padding: 10px 30px;
  display: inline-block;
}

@media only screen and (min-width: 1025px) {
  /* line 588, ../scss/app.scss */
  [class^="cta-"] {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (max-width: 1024px) {
  /* line 592, ../scss/app.scss */
  [class^="cta-"] {
    padding: 10px 20px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 595, ../scss/app.scss */
  [class^="cta-"] {
    padding: 10px 15px;
  }
}
/* line 598, ../scss/app.scss */
.cta-light {
  border: 1px solid #cccccc;
  color: #000;
  background: #FFFFFF;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .3em;
  padding: 10px 30px;
  display: inline-block;
}

@media only screen and (min-width: 1025px) {
  /* line 609, ../scss/app.scss */
  .cta-light {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (min-width: 1025px) {
  /* line 613, ../scss/app.scss */
  .cta-light:not(.no-hover):hover, .cta-light.active {
    background-color: #000;
    color: #FFFFFF;
    border-color: #FFFFFF;
  }
}
/* line 618, ../scss/app.scss */
.cta-transp, .store .directions, .sliderGrid .sliderButtons ul li a {
  border: 1px solid #cccccc;
  color: #000;
  background: transparent;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .3em;
  padding: 10px 30px;
  display: inline-block;
}

@media only screen and (min-width: 1025px) {
  /* line 629, ../scss/app.scss */
  .cta-transp, .store .directions, .sliderGrid .sliderButtons ul li a {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (min-width: 1025px) {
  /* line 633, ../scss/app.scss */
  .cta-transp:hover, .store .directions:hover, .sliderGrid .sliderButtons ul li a:hover, .cta-transp.active, .store .active.directions, .sliderGrid .sliderButtons ul li a.active {
    background-color: #000;
    color: #FFFFFF;
    border-color: #000;
  }
}
/* line 637, ../scss/app.scss */
.cta-transp:before, .store .directions:before, .sliderGrid .sliderButtons ul li a:before, .cta-transp:after, .store .directions:after, .sliderGrid .sliderButtons ul li a:after {
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  color: #000;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}

/* line 644, ../scss/app.scss */
.cta-transp:before, .store .directions:before, .sliderGrid .sliderButtons ul li a:before {
  padding-right: 7px;
}

/* line 646, ../scss/app.scss */
.cta-transp:after, .store .directions:after, .sliderGrid .sliderButtons ul li a:after {
  padding-left: 7px;
}

@media only screen and (min-width: 1025px) {
  /* line 649, ../scss/app.scss */
  .cta-transp:hover:before, .store .directions:hover:before, .sliderGrid .sliderButtons ul li a:hover:before, .cta-transp:hover:after, .store .directions:hover:after, .sliderGrid .sliderButtons ul li a:hover:after {
    color: #FFFFFF;
  }
}
/* line 652, ../scss/app.scss */
.cta-dark {
  color: #FFFFFF;
  background: #000;
  border: 1px solid #444444;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .3em;
  padding: 10px 30px;
  display: inline-block;
}

/* line 662, ../scss/app.scss */
.cta-dark.-transp {
  background: transparent;
  border: 1px solid #444444;
  color: #000;
}

/* line 666, ../scss/app.scss */
.alt .cta-dark.-transp {
  color: #000;
}

/* line 668, ../scss/app.scss */
.cta-dark.-transp:hover {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}

@media only screen and (min-width: 1025px) {
  /* line 673, ../scss/app.scss */
  .cta-dark {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (min-width: 1025px) {
  /* line 677, ../scss/app.scss */
  .cta-dark.-transp {
    color: #fff;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 680, ../scss/app.scss */
  .alt .cta-dark.-transp {
    color: #000;
  }

  /* line 682, ../scss/app.scss */
  .alt .cta-dark.-transp:hover {
    color: #fff;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 685, ../scss/app.scss */
  .cta-dark:hover, .cta-dark.active {
    background-color: #FFFFFF;
    color: #000;
    border-color: #000;
  }
}
/* line 689, ../scss/app.scss */
.cta-dark:before, .cta-dark:after {
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  color: #FFFFFF;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}

/* line 696, ../scss/app.scss */
.cta-dark:before {
  padding-right: 7px;
}

/* line 698, ../scss/app.scss */
.cta-dark:after {
  padding-left: 7px;
}

@media only screen and (min-width: 1025px) {
  /* line 701, ../scss/app.scss */
  .cta-dark:hover:before, .cta-dark:hover:after {
    color: #000;
  }
}
/* line 703, ../scss/app.scss */
.cta-dark.-fb {
  background: #4e64a3;
  border-color: #4e64a3;
}

@media only screen and (min-width: 1025px) {
  /* line 707, ../scss/app.scss */
  .cta-dark.-fb:hover {
    background: transparent;
    border-color: #4e64a3;
    color: #4e64a3;
  }

  /* line 711, ../scss/app.scss */
  .cta-dark.-fb:hover:after {
    color: #4e64a3;
  }
}
/* line 714, ../scss/app.scss */
.cta-gold {
  border: none;
  color: #FFFFFF;
  background: #c3ac83;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .3em;
  padding: 10px 30px;
  display: inline-block;
  outline: none;
}

@media only screen and (min-width: 1025px) {
  /* line 726, ../scss/app.scss */
  .cta-gold {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (min-width: 1025px) {
  /* line 730, ../scss/app.scss */
  .cta-gold:hover, .cta-gold.active {
    background-color: #000;
    color: #FFFFFF;
    border-color: #000;
  }
}
/* line 734, ../scss/app.scss */
.cta-gold:before, .cta-gold:after {
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  color: #000;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}

/* line 741, ../scss/app.scss */
.cta-gold:before {
  padding-right: 7px;
}

/* line 743, ../scss/app.scss */
.cta-gold:after {
  padding-left: 7px;
}

@media only screen and (min-width: 1025px) {
  /* line 746, ../scss/app.scss */
  .cta-gold:hover:before, .cta-gold:hover:after {
    color: #FFFFFF;
  }
}
/* line 749, ../scss/app.scss */
.cta-text {
  border: 0;
  background: transparent;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
  padding: 2px 10px;
}

/* line 757, ../scss/app.scss */
.whereToBuy:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 768, ../scss/app.scss */
[class^="bt-"] {
  background: none;
  border: 0 none;
  color: #000;
  display: inline-block;
  outline: none;
  padding: 0;
  vertical-align: middle;
  text-decoration: none;
  -webkit-transition: all .001s ease-out;
  transition: all .001s ease-out;
}

/* line 779, ../scss/app.scss */
[class^="bt-"]:after {
  display: block;
  line-height: 1;
}

/* line 783, ../scss/app.scss */
.cf:after {
  display: block;
  content: '';
  clear: both;
}

/* line 788, ../scss/app.scss */
body.no-jellyka .article h4 span {
  font-family: 'new_athena';
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 2.5rem;
}

/* line 794, ../scss/app.scss */
body.no-jellyka .rating p {
  font-family: 'new_athena';
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 2.5rem;
}

/* line 800, ../scss/app.scss */
body.no-jellyka .experts h5 {
  font-family: 'new_athena';
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 2.5rem;
}

/* line 806, ../scss/app.scss */
body.no-jellyka .menu-box .items .article h4 span {
  font-family: 'new_athena';
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 2.5rem;
}

/* line 812, ../scss/app.scss */
.bg-wrapper {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* line 821, ../scss/app.scss */
.bg:not(.-text) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 110%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /*background-color: #151515;*/
  z-index: 0;
}

@media only screen and (min-width: 1681px) {
  /* line 833, ../scss/app.scss */
  .bg:not(.-text) {
    top: 0;
  }
}
/* line 836, ../scss/app.scss */
.more, .more-content {
  border: 1px solid #999999;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .3em;
  padding: 10px 30px;
  display: inline-block;
}

@media only screen and (min-width: 1025px) {
  /* line 845, ../scss/app.scss */
  .more, .more-content {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (max-width: 1024px) {
  /* line 849, ../scss/app.scss */
  .more, .more-content {
    padding: 10px 20px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 852, ../scss/app.scss */
  .more, .more-content {
    padding: 10px 15px;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 855, ../scss/app.scss */
  .more:hover, .more-content:hover {
    background-color: #000;
    color: #fff;
    border-color: #000;
  }
}
/* line 860, ../scss/app.scss */
.more-hover {
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: .3em;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  z-index: 1;
  margin-top: -10px;
}

/* line 873, ../scss/app.scss */
.more-content {
  position: relative;
}

/* line 875, ../scss/app.scss */
.more-content:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000 url(/assets/fr/img/loader.gif) no-repeat 50% 50%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 600ms 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 600ms 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 888, ../scss/app.scss */
.more-content.loading {
  border-color: #000;
  cursor: normal;
}

/* line 891, ../scss/app.scss */
.more-content.loading:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 895, ../scss/app.scss */
.more-details {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .3em;
  color: #000;
  position: fixed;
  top: 0;
  left: 0;
  padding-left: 40px;
  line-height: 30px;
  vertical-align: middle;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* line 910, ../scss/app.scss */
.more-details:before, .more-details:after {
  content: '';
  width: 30px;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: 0px;
  left: -15px;
  margin-top: -1px;
}

/* line 919, ../scss/app.scss */
.more-details:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media only screen and (min-width: 1025px) {
  /* line 924, ../scss/app.scss */
  .more-details {
    -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
    transition: opacity 0.2s ease, visibility 0.2s ease;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 928, ../scss/app.scss */
  .more-details {
    display: none;
  }
}
/* line 930, ../scss/app.scss */
.more-details.visible {
  opacity: 1;
  visibility: visible;
}

/* line 934, ../scss/app.scss */
.socialnetworks ul, .social ul {
  display: block;
  width: 100%;
  margin-top: 5px;
}

/* line 939, ../scss/app.scss */
.socialnetworks li, .social li {
  display: inline-block;
  margin-left: 25px;
  width: 25px;
  height: 25px;
}

@media only screen and (max-width: 1280px) {
  /* line 945, ../scss/app.scss */
  .socialnetworks li, .social li {
    margin-left: 7px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 948, ../scss/app.scss */
  .socialnetworks li, .social li {
    margin-left: 7px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 951, ../scss/app.scss */
  .socialnetworks li, .social li {
    margin-left: 5px;
  }
}
/* line 953, ../scss/app.scss */
.socialnetworks li:nth-of-type(1), .social li:nth-of-type(1) {
  margin-left: 0;
}

/* line 956, ../scss/app.scss */
.socialnetworks a, .social a {
  display: block;
  width: 100%;
  height: 25px;
  line-height: 25px;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 963, ../scss/app.scss */
.socialnetworks a:before, .social a:before {
  font-size: 25px;
  font-family: "FontAwesome";
  color: #c3ac83;
  cursor: pointer;
}

/* line 968, ../scss/app.scss */
.socialnetworks a:hover, .social a:hover {
  opacity: 0.5;
}

/* line 971, ../scss/app.scss */
.socialnetworks i, .social i {
  display: none;
}

/* line 974, ../scss/app.scss */
.socialnetworks .fb a:before, .social .fb a:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 985, ../scss/app.scss */
.socialnetworks .tw a:before, .social .tw a:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 996, ../scss/app.scss */
.socialnetworks .yt a:before, .social .yt a:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 1007, ../scss/app.scss */
.socialnetworks .ig a:before, .social .ig a:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 1018, ../scss/app.scss */
.socialnetworks .pt a:before, .social .pt a:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 1029, ../scss/app.scss */
.chapo {
  text-align: center;
  display: block;
  width: 100%;
  padding: 0 20px;
}

/* line 1034, ../scss/app.scss */
.chapo .subtitle {
  margin-bottom: 60px;
}

@media only screen and (max-width: 1280px) {
  /* line 1037, ../scss/app.scss */
  .chapo .subtitle {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 1040, ../scss/app.scss */
  .chapo .subtitle {
    margin-bottom: 30px;
  }
}
/* line 1043, ../scss/app.scss */
.grids {
  position: relative;
}

/* line 1045, ../scss/app.scss */
.grids .wrapper {
  position: relative;
}

/* line 1047, ../scss/app.scss */
.grids .wrapper > h4 {
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  /* line 1050, ../scss/app.scss */
  .grids .wrapper > h4 {
    display: none;
  }
}
/* line 1052, ../scss/app.scss */
.grids .wrapper > h4 a {
  text-transform: none;
  font-size: 12px;
  font-weight: 500;
  color: #847155;
  border-left: 1px solid #CCCCCC;
  padding-left: 15px;
  margin-left: 10px;
  vertical-align: middle;
  display: inline-block;
}

/* line 1062, ../scss/app.scss */
.grids .wrapper > h4 a:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 11px;
  display: inline-block;
  margin-right: 5px;
}

@media only screen and (min-width: 1025px) {
  /* line 1076, ../scss/app.scss */
  .grids .wrapper > h4 a:hover {
    color: #000;
  }
}
/* line 1079, ../scss/app.scss */
.grid {
  overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  /* line 1082, ../scss/app.scss */
  .grid {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1085, ../scss/app.scss */
  .grid {
    padding: 0 20px;
  }
}
/* line 1087, ../scss/app.scss */
.grid .article, .grid .product, .grid .beautygenius-box, .grid .facebook-box, .grid .newsletter-box {
  float: left;
  position: relative;
  margin-bottom: 20px;
  -webkit-font-smoothing: subpixel-antialiased;
}

@media only screen and (max-width: 768px) {
  /* line 1093, ../scss/app.scss */
  .grid .article, .grid .product, .grid .beautygenius-box, .grid .facebook-box, .grid .newsletter-box {
    float: none;
    clear: both;
  }
}
/* line 1096, ../scss/app.scss */
.grid .expert {
  color: #ffffff;
  float: left;
  position: relative;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  /* line 1102, ../scss/app.scss */
  .grid .expert {
    float: none;
    clear: both;
  }
}
/* line 1105, ../scss/app.scss */
.grid .grid-item {
  padding: 0 10px;
}

/* line 1107, ../scss/app.scss */
.grid .size-small {
  width: 33.3333333333%;
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 640px) {
  /* line 1112, ../scss/app.scss */
  .grid .size-small {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1115, ../scss/app.scss */
  .grid .size-small .media .imgs img {
    height: auto;
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 1121, ../scss/app.scss */
  .grid .size-small.expert {
    width: 100%;
  }

  /* line 1123, ../scss/app.scss */
  .grid .size-small.expert img {
    width: 100%;
  }

  /* line 1125, ../scss/app.scss */
  .grid .size-small.expert .img-container {
    margin: 0 auto;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 640px) {
  /* line 1129, ../scss/app.scss */
  .grid .size-small.expert .img-container {
    width: 100%;
  }
}
/* line 1131, ../scss/app.scss */
.grid .size-semi {
  width: 50%;
}

@media only screen and (max-width: 640px) {
  /* line 1134, ../scss/app.scss */
  .grid .size-semi {
    width: 100%;
  }
}
/* line 1136, ../scss/app.scss */
.grid .size-medium {
  width: 66.6666667%;
}

@media only screen and (max-width: 768px) {
  /* line 1139, ../scss/app.scss */
  .grid .size-medium {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  /* line 1142, ../scss/app.scss */
  .grid .beautygenius-box, .grid .facebook-box, .grid .newsletter-box {
    width: 92%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
/* line 1146, ../scss/app.scss */
.grid .article img {
  max-width: 100%;
  height: auto;
}

/* line 1149, ../scss/app.scss */
.grid .article .wishlist {
  opacity: 1;
}

/* line 1151, ../scss/app.scss */
.grid .article .wishlist:before {
  color: rgba(255, 255, 255, 0.2);
  opacity: 1;
}

/* line 1154, ../scss/app.scss */
.grid .product a .media {
  overflow: hidden;
  background-color: white;
  position: relative;
  cursor: none;
}

/* line 1159, ../scss/app.scss */
.grid .product a .media .imgs {
  width: 200%;
  position: relative;
  background-color: #FFFFFF;
  -webkit-transition: -webkit-transform 650ms ease;
  transition: transform 650ms ease;
}

/* line 1165, ../scss/app.scss */
.grid .product a .media .imgs img {
  width: 50%;
  height: auto;
  display: inline-block;
  -webkit-transition: -webkit-transform 650ms ease;
  transition: transform 650ms ease;
  /* Removing white space due to the inline-block property */
  margin-right: -3px;
}

/* line 1173, ../scss/app.scss */
.grid .product a .media .imgs img:last-child {
  bottom: 0;
  left: 50%;
  width: 75%;
  position: absolute;
  -webkit-transition: all 650ms ease;
  transition: all 650ms ease;
}

/* line 1180, ../scss/app.scss */
.grid .product a .media .imgs.half-ratio {
  width: 100%;
  text-align: center;
}

/* line 1183, ../scss/app.scss */
.grid .product a .media .imgs.half-ratio img {
  width: 70%;
}

/* line 1185, ../scss/app.scss */
.grid .product a .media .imgs.half-ratio img:last-child {
  left: 100%;
  width: 120%;
}

@media only screen and (min-width: 1025px) {
  /* line 1189, ../scss/app.scss */
  .grid .product a:hover .imgs {
    -webkit-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}
@media only screen and (min-width: 1025px) {
  /* line 1194, ../scss/app.scss */
  .grid .product a:hover .imgs.half-ratio {
    -webkit-transform: translate3d(-100%, 0, 0);
    /* Modif Castelis bug zoom page All products */
    -ms-transform: translate3d(-100%, 0, 0);
    /* Modif Castelis bug zoom page All products */
    transform: translate3d(-100%, 0, 0);
  }
}
/* Modif Castelis bug zoom page All products */
/* line 1198, ../scss/app.scss */
.grid .product a:hover .wishlist, .grid .product a:hover .cart {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

@media only screen and (min-width: 1025px) {
  /* line 1202, ../scss/app.scss */
  .grid .product a:hover .rating {
    opacity: 1;
  }
}
/* line 1204, ../scss/app.scss */
.grid .product a:not(.more) {
  min-height: 315px;
}

@media only screen and (max-width: 1024px) {
  /* line 1207, ../scss/app.scss */
  .grid .product a:not(.more) {
    min-height: 335px;
  }
}
@media only screen and (min-width: 1281px) {
  /* line 1210, ../scss/app.scss */
  .grid .product a:not(.more) {
    min-height: 340px;
  }
}
/* line 1212, ../scss/app.scss */
.grid .step .product a .media {
  height: 415px;
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 1280px) {
  /* line 1217, ../scss/app.scss */
  .grid .step .product a .media {
    height: 310px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 1220, ../scss/app.scss */
  .grid .step .product a .media {
    height: 340px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 1223, ../scss/app.scss */
  .grid .step .product a .media {
    display: block;
    height: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1228, ../scss/app.scss */
  .grid .step .product a .media {
    clear: none;
    float: none;
  }
}
/* line 1231, ../scss/app.scss */
.grid .step .product a .media .imgs, .grid .step .product a .media .imgs.half-ratio {
  width: 200%;
  overflow: visible;
}

/* line 1234, ../scss/app.scss */
.grid .step .product a .media .imgs img, .grid .step .product a .media .imgs.half-ratio img {
  width: 50%;
  display: block;
  height: auto;
}

/* line 1238, ../scss/app.scss */
.grid .step .product a .media .imgs img:last-child, .grid .step .product a .media .imgs.half-ratio img:last-child {
  left: 50%;
  width: 85%;
}

@media only screen and (min-width: 1025px) {
  /* line 1242, ../scss/app.scss */
  .grid .step .product a:hover .imgs, .grid .step .product a:hover .imgs.half-ratio {
    -webkit-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}
@media only screen and (min-width: 1025px) {
  /* line 1247, ../scss/app.scss */
  .grid .imgs {
    -webkit-transition: -webkit-transform false false, 650ms false false, ease-in false false;
    transition: transform, 650ms, ease-in;
  }
}
/* line 1250, ../scss/app.scss */
.grid .rating, .grid .wishlist, .grid .cart, .grid .remove {
  opacity: 0;
}

@media only screen and (min-width: 1025px) {
  /* line 1253, ../scss/app.scss */
  .grid .rating, .grid .wishlist, .grid .cart, .grid .remove {
    opacity: 0;
    -webkit-transition: opacity false false, 300ms false false;
    transition: opacity, 300ms;
  }
}
/* line 1257, ../scss/app.scss */
.grid .wishlist, .grid .cart, .grid .remove {
  opacity: 1;
}

@media only screen and (min-width: 1025px) {
  /* line 1260, ../scss/app.scss */
  .grid .wishlist, .grid .cart, .grid .remove {
    opacity: 0;
  }
}
/* line 1262, ../scss/app.scss */
.grid .expert {
  width: 33%;
  padding: 0 5%;
  margin-bottom: 60px;
}

@media only screen and (max-width: 1024px) {
  /* line 1267, ../scss/app.scss */
  .grid .expert {
    padding: 0 4%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1270, ../scss/app.scss */
  .grid .expert {
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
  }
}
/* line 1274, ../scss/app.scss */
.grid .expert .img-container {
  height: 100%;
  width: 100%;
  position: relative;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 1280, ../scss/app.scss */
.grid .expert .img-container:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: -webkit-linear-gradient(top, rgba(153, 153, 153, 0) 54%, rgba(153, 153, 153, 0.2) 63%, #0f0f0f 100%);
  background: linear-gradient(to bottom, rgba(153, 153, 153, 0) 54%, rgba(153, 153, 153, 0.2) 63%, #0f0f0f 100%);
}

/* line 1289, ../scss/app.scss */
.grid .expert img {
  display: block;
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 640px) {
  /* line 1294, ../scss/app.scss */
  .grid .expert img {
    margin: 0 auto;
    width: 100%;
  }
}
/*.grid .expert:hover .img-container {
  -webkit-transform: translate(0, 5%) scale(1.1);
  -ms-transform: translate(0, 5%) scale(1.1);
  transform: translate(0, 5%) scale(1.1); }*/
@media only screen and (min-width: 1025px) {
  /* line 1302, ../scss/app.scss */
  .grid .expert:hover .more {
    background-color: #000;
    color: #fff;
  }
}
/* line 1305, ../scss/app.scss */
.grid .expert:nth-of-type(3n-1):before {
  content: '';
  width: 10px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 160px;
}

@media only screen and (max-width: 1024px) {
  /* line 1313, ../scss/app.scss */
  .grid .expert:nth-of-type(3n-1):before, .grid .expert:nth-of-type(3n-1):after {
    display: none;
  }
}
/* line 1315, ../scss/app.scss */
.grid .expert:nth-of-type(3n-1):before {
  left: -5px;
}

/* line 1317, ../scss/app.scss */
.grid .expert:nth-of-type(3n-1):after {
  right: -5px;
}

/* line 1319, ../scss/app.scss */
.grid .expert a {
  display: block;
  position: relative;
}

/* line 1323, ../scss/app.scss */
.products.account-products .grid .product a:hover .remove {
  opacity: 0.75;
}

/* line 1326, ../scss/app.scss */
.products.account-products .grid .product a .remove:hover {
  opacity: 1;
}

/* line 1329, ../scss/app.scss */
.grid-masonry {
  margin-bottom: 60px;
}

@media only screen and (min-width: 769px) {
  /* line 1332, ../scss/app.scss */
  .grid-masonry {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 1336, ../scss/app.scss */
  .grid-masonry {
    padding: 0;
    margin-bottom: 30px;
  }
}
/* line 1340, ../scss/app.scss */
.articles, .products, .ambassadors, .experts {
  padding: 100px 0;
}

@media only screen and (max-width: 1280px) {
  /* line 1343, ../scss/app.scss */
  .articles, .products, .ambassadors, .experts {
    padding: 55px 0 60px 0;
  }
}
@media only screen and (max-width: 768px) {
  /* line 1346, ../scss/app.scss */
  .articles, .products, .ambassadors, .experts {
    padding: 30px 0;
  }
}
/* line 1349, ../scss/app.scss */
.ambassadors {
  padding: 140px 0;
}

@media only screen and (max-width: 1280px) {
  /* line 1352, ../scss/app.scss */
  .ambassadors {
    padding: 115px 0 60px 0;
  }
}
@media only screen and (max-width: 768px) {
  /* line 1355, ../scss/app.scss */
  .ambassadors {
    padding: 85px 0;
  }
}
/* line 1358, ../scss/app.scss */
.products {
  margin-bottom: 60px;
  padding-bottom: 0px;
  margin-top: 60px;
  padding-top: 0px;
}

@media only screen and (max-width: 1280px) {
  /* line 1364, ../scss/app.scss */
  .products {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 1367, ../scss/app.scss */
  .products {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 1371, ../scss/app.scss */
  .search-results .products {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 1375, ../scss/app.scss */
  .search-results .products {
    padding-top: 120px;
  }
}
/* line 1378, ../scss/app.scss */
.articles {
  background-color: #e4e4e4;
  text-align: center;
}

@media only screen and (max-width: 640px) {
  /* line 1382, ../scss/app.scss */
  .articles {
    background: #FFFFFF;
  }
}
/* line 1384, ../scss/app.scss */
.articles.tutorials {
  background: #FFFFFF;
}

@media only screen and (min-width: 769px) {
  /* line 1387, ../scss/app.scss */
  .articles .grid {
    padding: 0 0 30px 0;
  }
}
@media only screen and (min-width: 1401px) {
  /* line 1390, ../scss/app.scss */
  .articles .grid {
    padding: 0 0 60px 0;
  }
}
/* line 1393, ../scss/app.scss */
.article {
  text-align: center;
}

/* line 1395, ../scss/app.scss */
.article h4 {
  font-size: 21px;
  letter-spacing: .3em;
}

/* line 1398, ../scss/app.scss */
.article h4 span {
  font-family: 'Jellyka-CuttyCupcakes', cursive;
  text-transform: none;
  color: #847155;
  font-weight: normal;
  font-size: 52px;
  letter-spacing: 0;
}

/* line 1405, ../scss/app.scss */
.article .imgs {
  width: 200%;
  overflow: hidden;
}

/* line 1408, ../scss/app.scss */
.article .imgs img {
  float: left;
  width: 50%;
  height: auto;
}

/* line 1412, ../scss/app.scss */
.article.grid-item:hover {
  background: none;
}

/* line 1415, ../scss/app.scss */
.article-xlarge {
  padding: 40px;
  background-color: #fff;
}

@media only screen and (max-width: 1024px) {
  /* line 1419, ../scss/app.scss */
  .article-xlarge {
    padding: 30px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 1422, ../scss/app.scss */
  .article-xlarge {
    padding: 20px;
  }
}
/* line 1424, ../scss/app.scss */
.article-xlarge .wrapper, .article-xlarge .content {
  height: 700px;
}

@media only screen and (max-width: 1280px) {
  /* line 1427, ../scss/app.scss */
  .article-xlarge .wrapper, .article-xlarge .content {
    height: 570px;
  }
}
/* line 1429, ../scss/app.scss */
.article-xlarge .wrapper {
  max-width: 100%;
  background-color: #151515;
  position: relative;
  display: table;
  padding-right: 35%;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  /* line 1437, ../scss/app.scss */
  .article-xlarge .wrapper {
    padding-right: 0;
  }
}
/* line 1439, ../scss/app.scss */
.article-xlarge .more {
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  border: 0;
  font-size: 12px;
  color: #000;
  letter-spacing: .05em;
}

@media only screen and (max-width: 640px) {
  /* line 1449, ../scss/app.scss */
  .article-xlarge .more {
    bottom: 50px;
    top: auto;
  }
}
/* line 1452, ../scss/app.scss */
.article-xlarge .content {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  position: relative;
}

@media only screen and (max-width: 768px) {
  /* line 1458, ../scss/app.scss */
  .article-xlarge .content {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1461, ../scss/app.scss */
  .article-xlarge .content {
    vertical-align: top;
    padding-top: 20px;
  }
}
/* line 1464, ../scss/app.scss */
.article-xlarge .content h2, .article-xlarge .content h3, .article-xlarge .content p, .article-xlarge .content .subtitle {
  color: #fff;
}

/* line 1466, ../scss/app.scss */
.article-xlarge .content h2 {
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 0;
  letter-spacing: 0;
  font-size: 58px;
  line-height: 64px;
}

@media only screen and (max-width: 1280px) {
  /* line 1474, ../scss/app.scss */
  .article-xlarge .content h2 {
    font-size: 48px;
    line-height: 54px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 1478, ../scss/app.scss */
  .article-xlarge .content h2 {
    font-size: 38px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1482, ../scss/app.scss */
  .article-xlarge .content h2 {
    font-size: 24px;
    line-height: 30px;
    padding: 0 10px;
  }
}
/* line 1486, ../scss/app.scss */
.article-xlarge .content h3 {
  text-transform: uppercase;
  font-size: 40px;
  line-height: 46px;
}

@media only screen and (max-width: 1280px) {
  /* line 1491, ../scss/app.scss */
  .article-xlarge .content h3 {
    font-size: 30px;
    line-height: 46px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 1495, ../scss/app.scss */
  .article-xlarge .content h3 {
    font-size: 20px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1499, ../scss/app.scss */
  .article-xlarge .content h3 {
    font-size: 16px;
    line-height: 32px;
    padding: 0 10px;
  }
}
/* line 1503, ../scss/app.scss */
.article-xlarge .content p {
  font-size: 18px;
  color: #999999;
  padding: 0 20px;
}

@media only screen and (max-width: 1280px) {
  /* line 1508, ../scss/app.scss */
  .article-xlarge .content p {
    font-size: 14px;
  }
}
/* line 1510, ../scss/app.scss */
.article-xlarge .content p:before {
  content: '';
  display: block;
  width: 10px;
  height: 2px;
  background-color: #fff;
  margin: 0 auto 20px;
}

@media only screen and (max-width: 640px) {
  /* line 1518, ../scss/app.scss */
  .article-xlarge .content p:before {
    margin: -15px auto 10px;
  }
}
/* line 1520, ../scss/app.scss */
.article-xlarge .content .subtitle {
  display: inline-block;
}

/* line 1522, ../scss/app.scss */
.article-xlarge .subtitle {
  display: inline-block;
  margin-bottom: 20px;
}

@media only screen and (min-width: 641px) {
  /* line 1526, ../scss/app.scss */
  .article-xlarge .subtitle {
    margin-bottom: 60px;
  }
}
/* line 1528, ../scss/app.scss */
.article-xlarge .subtitle:before, .article-xlarge .subtitle:after {
  background-color: #fff;
}

@media only screen and (max-width: 640px) {
  /* line 1531, ../scss/app.scss */
  .article-xlarge .bg {
    top: auto;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-position: 72% 100%;
    background-size: auto 62%;
    background-color: #000;
  }
}
@media only screen and (max-width: 768px) {
  /* line 1541, ../scss/app.scss */
  .article.size-small, .facebook-box.size-small {
    width: 92%;
    margin: 0 auto 60px auto;
  }
}
/* line 1545, ../scss/app.scss */
.article.size-small a, .facebook-box.size-small a {
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (min-width: 1025px) {
  /* line 1549, ../scss/app.scss */
  .article.size-small a, .facebook-box.size-small a {
    -webkit-transition: background 300ms ease;
    transition: background 300ms ease;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1554, ../scss/app.scss */
  .article.size-small.grid-item, .facebook-box.size-small.grid-item {
    left: 0;
    right: 0;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 1559, ../scss/app.scss */
  .article.size-small.grid-item a, .facebook-box.size-small.grid-item a {
    display: block;
  }
}
/* line 1562, ../scss/app.scss */
.article.size-small .subtitle, .facebook-box.size-small .subtitle {
  color: #847155;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1280px) {
  /* line 1566, ../scss/app.scss */
  .article.size-small .subtitle, .facebook-box.size-small .subtitle {
    font-size: 9px;
    margin-bottom: 20px;
  }

  /* line 1569, ../scss/app.scss */
  .article.size-small .subtitle:before, .article.size-small .subtitle:after, .facebook-box.size-small .subtitle:before, .facebook-box.size-small .subtitle:after {
    width: 20px;
  }
}
/* line 1571, ../scss/app.scss */
.article.size-small .subtitle:before, .article.size-small .subtitle:after, .facebook-box.size-small .subtitle:before, .facebook-box.size-small .subtitle:after {
  background-color: #847155;
  width: 30px;
}

@media only screen and (max-width: 1280px) {
  /* line 1575, ../scss/app.scss */
  .article.size-small .subtitle:before, .article.size-small .subtitle:after, .facebook-box.size-small .subtitle:before, .facebook-box.size-small .subtitle:after {
    width: 10px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 1579, ../scss/app.scss */
  .article.size-small .block-content {
    border: 1px solid #f7f7f7;
  }
}
/* line 1582, ../scss/app.scss */
.article.size-medium, .article.size-semi {
  margin-bottom: 60px;
}

/* line 1584, ../scss/app.scss */
.article.size-medium.grid-item, .article.size-semi.grid-item {
  margin-bottom: 80px;
}

@media only screen and (max-width: 640px) {
  /* line 1587, ../scss/app.scss */
  .article.size-medium.grid-item, .article.size-semi.grid-item {
    margin-bottom: 120px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1590, ../scss/app.scss */
  .article.size-medium, .article.size-semi {
    margin-bottom: 20px;
  }
}
/* line 1592, ../scss/app.scss */
.article.size-medium a, .article.size-semi a {
  display: block;
}

@media only screen and (min-width: 1025px) {
  /* line 1595, ../scss/app.scss */
  .article.size-medium a:before, .article.size-semi a:before {
    content: "";
    position: absolute;
    margin-top: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent;
    z-index: 1;
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (min-width: 1025px) {
  /* line 1608, ../scss/app.scss */
  .article.size-medium a:hover:before, .article.size-semi a:hover:before {
    background: rgba(0, 0, 0, 0.55);
  }
}
@media only screen and (min-width: 1025px) {
  /* line 1611, ../scss/app.scss */
  .article.size-medium a:hover:after, .article.size-semi a:hover:after {
    z-index: 20;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 1614, ../scss/app.scss */
  .article.size-medium a:hover .content, .article.size-semi a:hover .content {
    padding-bottom: 55px;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 1617, ../scss/app.scss */
  .article.size-medium a:hover .more-arrow, .article.size-semi a:hover .more-arrow {
    opacity: 1;
  }
}
/* line 1619, ../scss/app.scss */
.article.size-medium .content, .article.size-semi .content {
  width: 460px;
  background-color: #151515;
  bottom: -60px;
  position: absolute;
  text-align: center;
  padding: 45px 55px;
  left: 0;
  right: 0;
  margin: auto;
}

@media only screen and (min-width: 1025px) {
  /* line 1630, ../scss/app.scss */
  .article.size-medium .content, .article.size-semi .content {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    z-index: 4;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 1635, ../scss/app.scss */
  .article.size-medium .content, .article.size-semi .content {
    width: 400px;
    padding: 30px 45px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 1639, ../scss/app.scss */
  .article.size-medium .content, .article.size-semi .content {
    left: 10%;
    margin-left: 0;
    width: calc(80% - 20px);
  }
}
@media only screen and (max-width: 640px) {
  /* line 1644, ../scss/app.scss */
  .article.size-medium .content, .article.size-semi .content {
    bottom: -100px;
    left: 0;
    right: 0;
    margin: auto;
    width: 92%;
    padding: 30px 20px;
  }
}
/* line 1651, ../scss/app.scss */
.article.size-medium .content h4, .article.size-medium .content p, .article.size-semi .content h4, .article.size-semi .content p {
  color: #fff;
}

/* line 1653, ../scss/app.scss */
.article.size-medium .content .subtitle, .article.size-semi .content .subtitle {
  color: #847155;
  margin-bottom: 30px;
}

@media only screen and (min-width: 1281px) {
  /* line 1657, ../scss/app.scss */
  .article.size-medium .content .subtitle, .article.size-semi .content .subtitle {
    margin-bottom: 50px;
  }
}
/* line 1659, ../scss/app.scss */
.article.size-medium .content .subtitle:before, .article.size-medium .content .subtitle:after, .article.size-semi .content .subtitle:before, .article.size-semi .content .subtitle:after {
  background-color: #847155;
  width: 40px;
}

@media only screen and (max-width: 640px) {
  /* line 1663, ../scss/app.scss */
  .article.size-medium .content .subtitle:before, .article.size-medium .content .subtitle:after, .article.size-semi .content .subtitle:before, .article.size-semi .content .subtitle:after {
    width: 20px;
  }
}
/* line 1665, ../scss/app.scss */
.article.size-medium .content p:not(.subtitle), .article.size-semi .content p:not(.subtitle) {
  letter-spacing: .025em;
  color: #999999;
}

@media only screen and (max-width: 640px) {
  /* line 1669, ../scss/app.scss */
  .article.size-medium .content p:not(.subtitle), .article.size-semi .content p:not(.subtitle) {
    font-size: 12px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1672, ../scss/app.scss */
  .article.size-medium .content p:not(.subtitle) br, .article.size-semi .content p:not(.subtitle) br {
    display: none;
  }
}
/* line 1674, ../scss/app.scss */
.article.size-medium .content .more-arrow, .article.size-semi .content .more-arrow {
  margin: 0;
  font-size: 13px;
  color: #808080;
  opacity: 0;
  position: absolute;
  bottom: 28px;
  width: 100%;
  left: 0;
  right: 0;
  margin: auto;
}

@media only screen and (min-width: 1025px) {
  /* line 1686, ../scss/app.scss */
  .article.size-medium .content .more-arrow, .article.size-semi .content .more-arrow {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (max-width: 768px) {
  /* line 1690, ../scss/app.scss */
  .article.size-medium .content .more-arrow, .article.size-semi .content .more-arrow {
    position: static;
    opacity: 1;
    font-size: 11px;
  }
}
/* line 1694, ../scss/app.scss */
.article.size-medium .wishlist, .article.size-semi .wishlist {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 98;
  opacity: 1;
}

/* line 1700, ../scss/app.scss */
.article.size-medium .wishlist:before, .article.size-semi .wishlist:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.2);
}

@media only screen and (min-width: 1025px) {
  /* line 1713, ../scss/app.scss */
  .article.size-medium .wishlist:before, .article.size-semi .wishlist:before {
    -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 1716, ../scss/app.scss */
.article.size-medium .wishlist:after, .article.size-semi .wishlist:after {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 20px;
  color: #cc1734;
  display: inline-block;
  position: relative;
  z-index: 20;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

@media only screen and (min-width: 1025px) {
  /* line 1734, ../scss/app.scss */
  .article.size-medium .wishlist:after, .article.size-semi .wishlist:after {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
  }
}
/* line 1740, ../scss/app.scss */
.article.size-medium .wishlist i, .article.size-semi .wishlist i {
  display: none;
}

/* line 1742, ../scss/app.scss */
.article.size-medium .wishlist:hover, .article.size-medium .wishlist.added, .article.size-semi .wishlist:hover, .article.size-semi .wishlist.added {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 1745, ../scss/app.scss */
.article.size-medium .wishlist:hover:before, .article.size-medium .wishlist.added:before, .article.size-semi .wishlist:hover:before, .article.size-semi .wishlist.added:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 1748, ../scss/app.scss */
.article.size-medium .wishlist:hover:after, .article.size-medium .wishlist.added:after, .article.size-semi .wishlist:hover:after, .article.size-semi .wishlist.added:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 1755, ../scss/app.scss */
.article.alt h4 {
  color: #fff;
}

@media only screen and (min-width: 1025px) {
  /* line 1759, ../scss/app.scss */
  .article.alt a:hover {
    background-color: #222;
  }
}
/* line 1762, ../scss/app.scss */
.article.alt a {
  padding: 30px 18px;
}

@media only screen and (min-width: 1025px) {
  /* line 1765, ../scss/app.scss */
  .article.alt a .content h4 {
    -webkit-transition: -webkit-transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (max-width: 1280px) {
  /* line 1769, ../scss/app.scss */
  .article.alt a {
    padding: 30px 15px;
  }
}
/* line 1772, ../scss/app.scss */
.article.alt .block-content {
  background: #151515;
}

/* line 1775, ../scss/app.scss */
.article.alt:hover a .content h4 {
  -webkit-transform: scale(0.93);
  -ms-transform: scale(0.93);
  transform: scale(0.93);
}

/* line 1780, ../scss/app.scss */
.article.alt:hover a:after {
  opacity: 1;
  border: 1px solid #fff;
  color: #fff;
}

/* line 1785, ../scss/app.scss */
.article.size-medium:nth-of-type(even) {
  float: right;
}

@media only screen and (max-width: 768px) {
  /* line 1788, ../scss/app.scss */
  .article.size-medium:nth-of-type(even) {
    padding-left: 0;
  }
}
/* line 1790, ../scss/app.scss */
.article.size-medium:nth-of-type(even).grid-item {
  padding: 0 10px;
}

@media only screen and (min-width: 1025px) {
  /* line 1793, ../scss/app.scss */
  .article.size-medium:nth-of-type(even) .content {
    left: 0;
    right: 0;
    margin: auto;
  }
}
/* line 1798, ../scss/app.scss */
.video > a {
  display: block;
  height: 100%;
  position: relative;
}

/* line 1802, ../scss/app.scss */
.video > a:after {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  display: inline-block;
  width: 120px;
  height: 120px;
  line-height: 120px;
  font-size: 40px;
  border-color: #fff;
  color: #fff;
  padding-left: 5px;
  border: 1px solid #fff;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (min-width: 1025px) {
  /* line 1832, ../scss/app.scss */
  .video > a:after {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (max-width: 768px) {
  /* line 1836, ../scss/app.scss */
  .video > a:after {
    margin-top: 5px;
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 1842, ../scss/app.scss */
  .video > a:after {
    margin-top: -10px;
  }
}
/* line 1844, ../scss/app.scss */
.video > a.alt a:after {
  color: #808080;
}

/* line 1847, ../scss/app.scss */
.video.size-medium a:after, .video.intro a:after {
  position: absolute;
  top: 35%;
  left: 50%;
  width: 120px;
  height: 120px;
  line-height: 120px;
  font-size: 40px;
  border-color: #fff;
  color: #fff;
  padding-left: 5px;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 640px) {
  /* line 1863, ../scss/app.scss */
  .video.size-medium a:after, .video.intro a:after {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
    margin-top: -5px;
  }
}
/* line 1870, ../scss/app.scss */
.articles .grid.wrapper, .products .grid.wrapper {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

/* line 1874, ../scss/app.scss */
.articles .grid.wrapper:after, .products .grid.wrapper:after {
  content: "";
  display: block;
  clear: both;
}

/* line 1878, ../scss/app.scss */
.articles .grid.wrapper .container, .products .grid.wrapper .container {
  width: auto;
  margin-left: -10px;
  margin-right: -10px;
}

/* line 1882, ../scss/app.scss */
.articles .grid.wrapper .container:after, .products .grid.wrapper .container:after {
  content: "";
  display: block;
  clear: both;
}

/* line 1887, ../scss/app.scss */
.articles .block, .products .block {
  position: relative;
  padding-bottom: 100%;
}

@media only screen and (max-width: 768px) {
  /* line 1892, ../scss/app.scss */
  .articles .facebook-box .block, .articles .newsletter-box .block, .products .facebook-box .block, .products .newsletter-box .block {
    padding-bottom: 68%;
  }
}
/* line 1895, ../scss/app.scss */
.articles .block-content, .products .block-content {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  text-align: center;
  background-size: cover;
}

/* line 1905, ../scss/app.scss */
.articles .block-content img, .products .block-content img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

@media only screen and (min-width: 1025px) {
  /* line 1914, ../scss/app.scss */
  .articles .block-content img, .products .block-content img {
    height: auto;
    z-index: 0;
  }
}
/* line 1918, ../scss/app.scss */
.articles .size-small .content, .products .size-small .content {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (min-width: 1281px) {
  /* line 1928, ../scss/app.scss */
  .articles .size-small .content, .products .size-small .content {
    padding: 0 30px;
  }
}
/* line 1930, ../scss/app.scss */
.articles .size-small .content h4, .products .size-small .content h4 {
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 1934, ../scss/app.scss */
.articles .size-small.video .content, .products .size-small.video .content {
  top: 40%;
}

/* line 1937, ../scss/app.scss */
.articles .size-small .more-arrow, .products .size-small .more-arrow {
  display: none;
}

/* line 1940, ../scss/app.scss */
.articles .size-small:not(.alt) .block-content, .products .size-small:not(.alt) .block-content {
  background-color: #FFFFFF;
}

@media only screen and (min-width: 1025px) {
  /* line 1944, ../scss/app.scss */
  .articles .article.size-small .block-content:before, .products .article.size-small .block-content:before {
    content: "";
    width: 100%;
    height: 100%;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 1955, ../scss/app.scss */
.articles .article.size-small .block-content:hover:before, .products .article.size-small .block-content:hover:before {
  background: rgba(0, 0, 0, 0.25);
  z-index: 0;
}

/* line 1959, ../scss/app.scss */
.articles .article.size-small .block-content:hover .content, .products .article.size-small .block-content:hover .content {
  z-index: 20;
}

/* line 1962, ../scss/app.scss */
.articles .article.size-small .block-content:hover .content h4, .products .article.size-small .block-content:hover .content h4 {
  -webkit-transform: scale(0.93);
  -ms-transform: scale(0.93);
  transform: scale(0.93);
}

/* line 1967, ../scss/app.scss */
.articles .article.size-small .block-content:hover:after, .products .article.size-small .block-content:hover:after {
  opacity: 1;
  border: 1px solid #fff;
  color: #fff;
}

@media only screen and (min-width: 769px) {
  /* line 1973, ../scss/app.scss */
  .articles .size-medium, .articles .size-small, .products .size-medium, .products .size-small {
    margin: 20px auto;
    position: relative;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 20px 0;
  }
}
/* line 1981, ../scss/app.scss */
.articles .size-medium, .products .size-medium {
  margin-bottom: 80px;
}

@media only screen and (max-width: 768px) {
  /* line 1984, ../scss/app.scss */
  .articles .size-medium, .products .size-medium {
    margin-bottom: 120px;
  }
}
/* line 1986, ../scss/app.scss */
.articles .size-medium:last-child, .products .size-medium:last-child {
  margin-bottom: 0;
}

/* line 1989, ../scss/app.scss */
.articles .article.size-semi, .products .article.size-semi {
  margin-bottom: 20px;
}

/* line 1991, ../scss/app.scss */
.articles .article.size-semi .block, .articles .article.size-semi .block-content, .articles .article.size-semi .block-content img, .articles .article.size-semi .thumb, .products .article.size-semi .block, .products .article.size-semi .block-content, .products .article.size-semi .block-content img, .products .article.size-semi .thumb {
  position: relative;
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 1998, ../scss/app.scss */
.articles .article.size-semi .block, .products .article.size-semi .block {
  padding-bottom: 0;
}

/* line 2000, ../scss/app.scss */
.articles .article.size-semi p, .products .article.size-semi p {
  margin: 20px 0 0;
}

/* line 2002, ../scss/app.scss */
.articles .article.size-semi .content, .products .article.size-semi .content {
  margin-top: -80px;
  bottom: auto;
  position: relative;
  width: calc(100% - 40px);
}

@media only screen and (max-width: 1280px) {
  /* line 2008, ../scss/app.scss */
  .articles .article.size-semi .content, .products .article.size-semi .content {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 2012, ../scss/app.scss */
  .articles .article.size-semi .content, .products .article.size-semi .content {
    left: 0;
    margin-left: 20px;
    width: calc(100% - 40px);
  }
}
/* line 2016, ../scss/app.scss */
.articles .article.size-semi .content .subtitle, .products .article.size-semi .content .subtitle {
  margin: 0 0 30px;
}

/* line 2018, ../scss/app.scss */
.articles .article.size-semi h4, .products .article.size-semi h4 {
  margin-bottom: 0;
  font-weight: 400;
}

/* line 2021, ../scss/app.scss */
.articles .article.size-semi .more-hover, .products .article.size-semi .more-hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

@media only screen and (min-width: 1025px) {
  /* line 2027, ../scss/app.scss */
  .articles .article.size-semi a:before, .products .article.size-semi a:before {
    display: none;
  }

  /* line 2029, ../scss/app.scss */
  .articles .article.size-semi .thumb, .products .article.size-semi .thumb {
    overflow: hidden;
  }

  /* line 2031, ../scss/app.scss */
  .articles .article.size-semi .thumb img, .products .article.size-semi .thumb img {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  /* line 2034, ../scss/app.scss */
  .articles .article.size-semi .thumb span, .products .article.size-semi .thumb span {
    -webkit-transform: scale(0.98, 0.98);
    -ms-transform: scale(0.98, 0.98);
    transform: scale(0.98, 0.98);
  }

  /* line 2038, ../scss/app.scss */
  .articles .article.size-semi .thumb:before, .products .article.size-semi .thumb:before {
    content: "";
    position: absolute;
    margin-top: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent;
    z-index: 1;
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 2051, ../scss/app.scss */
.articles .size-semi a:hover .thumb img, .products .size-semi a:hover .thumb img {
  -webkit-transition: -webkit-transform 10s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 10s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

@media only screen and (min-width: 1025px) {
  /* line 2059, ../scss/app.scss */
  .articles .size-semi a:hover .thumb:before, .products .size-semi a:hover .thumb:before {
    background: rgba(0, 0, 0, 0.45);
  }
}
@media only screen and (min-width: 1025px) {
  /* line 2063, ../scss/app.scss */
  .articles .size-semi a:hover .thumb span, .products .size-semi a:hover .thumb span {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@media only screen and (min-width: 1025px) {
  /* line 2069, ../scss/app.scss */
  .articles .size-semi a:hover .content, .products .size-semi a:hover .content {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    padding-bottom: 30px;
    -webkit-transform: translate(0, -3%);
    -ms-transform: translate(0, -3%);
    transform: translate(0, -3%);
  }
}
@media only screen and (min-width: 1025px) {
  /* line 2078, ../scss/app.scss */
  .articles .size-semi a:hover .more-hover, .products .size-semi a:hover .more-hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
/* line 2082, ../scss/app.scss */
.articles .article.size-semi:nth-of-type(odd), .products .article.size-semi:nth-of-type(odd) {
  padding-right: 10px;
}

/* line 2085, ../scss/app.scss */
.articles .article.size-semi:nth-of-type(even), .products .article.size-semi:nth-of-type(even) {
  padding-left: 10px;
}

@media only screen and (min-width: 769px) {
  /* line 2089, ../scss/app.scss */
  .myarticles .wrapper, .timeline .wrapper, .myproducts .wrapper {
    float: left;
  }
}
/* line 2092, ../scss/app.scss */
.beautygenius-box .block-content, .newsletter-box .block-content {
  background: #fff url(/assets/img/bg-noise-mobile.png) 0 0 repeat;
}

@media only screen and (min-width: 769px) {
  /* line 2095, ../scss/app.scss */
  .beautygenius-box .block-content, .newsletter-box .block-content {
    background: #fff url(/assets/img/bg-noise-desktop.png);
  }
}
/* line 2098, ../scss/app.scss */
.beautygenius-box a {
  text-align: center;
  padding: 10px 40px;
  height: 270px;
}

@media only screen and (min-width: 769px) {
  /* line 2103, ../scss/app.scss */
  .beautygenius-box a {
    padding: 20px;
  }
}
/* line 2105, ../scss/app.scss */
.beautygenius-box a h4 {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 5px;
  padding-top: 0;
}

@media only screen and (max-width: 1280px) {
  /* line 2111, ../scss/app.scss */
  .beautygenius-box a h4 {
    font-size: 22px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 2115, ../scss/app.scss */
  .beautygenius-box a h4 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
/* line 2118, ../scss/app.scss */
.beautygenius-box a h4:before {
  content: '';
  width: 100px;
  height: 100px;
  background: url(/assets/img/logo-beautygenius.svg) no-repeat 45% 0;
  background-size: contain;
  display: block;
  margin: 0 auto 20px auto;
}

@media only screen and (max-width: 1280px) {
  /* line 2127, ../scss/app.scss */
  .beautygenius-box a h4:before {
    margin-bottom: 10px;
    width: 55px;
    height: 55px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 2132, ../scss/app.scss */
  .beautygenius-box a h4:before {
    width: 110px;
    height: 110px;
    margin: 10px auto;
  }
}
/* line 2136, ../scss/app.scss */
.beautygenius-box a h4 strong {
  font-weight: 700;
}

@media only screen and (max-width: 1280px) {
  /* line 2139, ../scss/app.scss */
  .beautygenius-box a h4 {
    margin-bottom: 10px;
  }
}
/* line 2141, ../scss/app.scss */
.beautygenius-box a p {
  font-weight: 500;
  letter-spacing: .025;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1280px) {
  /* line 2146, ../scss/app.scss */
  .beautygenius-box a p {
    margin-bottom: 15px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 2150, ../scss/app.scss */
  .beautygenius-box a p {
    margin-bottom: 15px;
  }
}
/* line 2152, ../scss/app.scss */
.beautygenius-box a .more {
  padding: 10px 40px;
  background-color: #847155;
  border: 1px solid #847155;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: .3em;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
}

@media only screen and (max-width: 1280px) {
  /* line 2164, ../scss/app.scss */
  .beautygenius-box a .more {
    font-size: 10px;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 2167, ../scss/app.scss */
  .beautygenius-box a .more {
    -webkit-transition: background 300ms false, color 300ms false;
    transition: background 300ms, color 300ms;
  }
}
/* line 2170, ../scss/app.scss */
.beautygenius-box a .legal {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0;
  color: #847155;
}

@media only screen and (max-width: 1280px) {
  /* line 2176, ../scss/app.scss */
  .beautygenius-box a .legal {
    font-size: 10px;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 2179, ../scss/app.scss */
  .beautygenius-box a:hover .more {
    background-color: #fff;
    color: #847155;
  }
}
@media only screen and (max-width: 640px) {
  /* line 2184, ../scss/app.scss */
  .facebook-box {
    height: auto !important;
  }
}
/* line 2187, ../scss/app.scss */
.facebook-box a {
  text-align: center;
  background: #fff;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border: 8px solid #4e64a3;
  padding: 10px 40px;
  height: 265px;
}

@media only screen and (min-width: 769px) {
  /* line 2197, ../scss/app.scss */
  .facebook-box a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
    padding: 0;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 2206, ../scss/app.scss */
  .facebook-box a {
    padding: 15px 20px 15px 20px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 2209, ../scss/app.scss */
  .facebook-box a {
    padding: 10px 10px 20px 10px;
    height: auto;
    border-width: 4px;
  }
}
/* line 2213, ../scss/app.scss */
.facebook-box a p {
  font-size: 16px;
  line-height: 1.5;
  color: #4e64a3;
  margin: 10px 0;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

@media only screen and (max-width: 1280px) {
  /* line 2221, ../scss/app.scss */
  .facebook-box a p {
    font-size: 14px;
  }
}
/* line 2223, ../scss/app.scss */
.facebook-box a .number {
  font-size: 60px;
  font-weight: 300;
  line-height: 68px;
  margin-bottom: 0;
}

@media only screen and (max-width: 1280px) {
  /* line 2229, ../scss/app.scss */
  .facebook-box a .number {
    font-size: 48px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 2232, ../scss/app.scss */
  .facebook-box a .number {
    font-size: 50px;
    line-height: 58px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 2236, ../scss/app.scss */
  .facebook-box a .number {
    font-size: 40px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 2240, ../scss/app.scss */
  .facebook-box a .number {
    margin-bottom: 10px;
  }
}
/* line 2242, ../scss/app.scss */
.facebook-box a span {
  text-transform: uppercase;
  font-size: 10px;
  color: #4e64a3;
  font-weight: 700;
  letter-spacing: .3em;
  display: block;
  margin-top: 40px;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

@media only screen and (max-width: 768px) {
  /* line 2253, ../scss/app.scss */
  .facebook-box a span {
    margin-top: 8px;
  }
}
/* line 2255, ../scss/app.scss */
.facebook-box a span:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  display: inline-block;
  vertical-align: bottom;
  font-size: 22px;
  padding-right: 8px;
  color: #4e64a3;
}

/* line 2270, ../scss/app.scss */
.facebook-box a:hover span {
  -webkit-transform: translate(0, -20%) scale(1.05);
  -ms-transform: translate(0, -20%) scale(1.05);
  transform: translate(0, -20%) scale(1.05);
}

/* line 2274, ../scss/app.scss */
.facebook-box a:hover p {
  -webkit-transform: translate(0, -10%) scale(1);
  -ms-transform: translate(0, -10%) scale(1);
  transform: translate(0, -10%) scale(1);
}

/* line 2278, ../scss/app.scss */
.facebook-box a:hover p.number {
  -webkit-transform: translate(0, 5%) scale(1.1);
  -ms-transform: translate(0, 5%) scale(1.1);
  transform: translate(0, 5%) scale(1.1);
}

/* line 2283, ../scss/app.scss */
.newsletter-box {
  text-align: left;
}

@media only screen and (max-width: 640px) {
  /* line 2286, ../scss/app.scss */
  .newsletter-box {
    margin-bottom: 30px !important;
  }
}
/* line 2288, ../scss/app.scss */
.newsletter-box form {
  height: 265px;
  vertical-align: middle;
  width: 100%;
}

@media only screen and (max-width: 1280px) {
  /* line 2293, ../scss/app.scss */
  .newsletter-box form {
    padding: 10px 25px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 2296, ../scss/app.scss */
  .newsletter-box form {
    padding: 35px 40px;
    height: 170px;
  }
}
/* line 2299, ../scss/app.scss */
.newsletter-box form h4 {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 40px;
  text-align: left;
}

/* line 2304, ../scss/app.scss */
.newsletter-box form h4 strong {
  font-weight: 700;
}

@media only screen and (max-width: 1280px) {
  /* line 2307, ../scss/app.scss */
  .newsletter-box form h4 {
    font-size: 19px;
    line-height: 25px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 2312, ../scss/app.scss */
  .newsletter-box form h4 {
    font-size: 22px;
    line-height: 26px;
  }
}
/* line 2315, ../scss/app.scss */
.newsletter-box .content {
  width: 100%;
}

@media only screen and (max-width: 1280px) {
  /* line 2318, ../scss/app.scss */
  .newsletter-box .content {
    width: 85% !important;
  }
}
@media only screen and (min-width: 1281px) {
  /* line 2321, ../scss/app.scss */
  .newsletter-box .text input:focus {
    width: 90%;
  }
}
@media only screen and (min-width: 1401px) {
  /* line 2324, ../scss/app.scss */
  .newsletter-box .text input:focus {
    width: 80%;
  }
}
/* line 2327, ../scss/app.scss */
.newsletter form .text {
  position: relative;
}

/* line 2330, ../scss/app.scss */
.newsletter form .text:before {
  color: #999999;
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 20px;
  line-height: 17px;
  position: absolute;
  left: 0;
  top: 7px;
}

/* line 2347, ../scss/app.scss */
.newsletter form .text input {
  display: inline-block;
  text-align: left;
  float: left;
  padding-left: 25px;
}

/* line 2352, ../scss/app.scss */
.newsletter form .text input:focus + .submit {
  opacity: 1;
}

/* line 2355, ../scss/app.scss */
.newsletter form .text input {
  width: 100%;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 2359, ../scss/app.scss */
.newsletter form .text input:focus {
  width: 80%;
}

@media only screen and (min-width: 1401px) {
  /* line 2362, ../scss/app.scss */
  .newsletter form .text input:focus {
    width: 85%;
  }
}
/* line 2365, ../scss/app.scss */
.newsletter form .submit {
  position: absolute;
  right: 0;
  left: auto;
  bottom: auto;
  top: 0;
  opacity: 0;
}

@media only screen and (min-width: 1025px) {
  /* line 2373, ../scss/app.scss */
  .newsletter form .submit {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (max-width: 1280px) {
  /* line 2377, ../scss/app.scss */
  .newsletter form .submit {
    right: 0px;
  }
}
/* line 2379, ../scss/app.scss */
.newsletter form .submit button {
  text-transform: uppercase;
  color: #847155;
  font-weight: 600;
  border: 0;
  background: none;
  font-size: 14px;
  padding: 0;
  border-left: 1px solid #847155;
  padding-left: 10px;
  margin-top: 10px;
  outline: 0;
}

/* line 2392, ../scss/app.scss */
.newsletter form span.error {
  color: #D91E18;
  text-transform: none;
  position: absolute;
  top: auto;
  bottom: 0;
  letter-spacing: 0;
  bottom: -70px;
  width: 100%;
  left: 0;
}

/* line 2402, ../scss/app.scss */
.newsletter form span.error:before, .newsletter form span.error:after {
  display: none;
}

/* line 2405, ../scss/app.scss */
.footer .newsletter form .text input {
  width: 100%;
}

@media only screen and (min-width: 1401px) {
  /* line 2408, ../scss/app.scss */
  .footer .newsletter form .text input {
    width: 85%;
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 2412, ../scss/app.scss */
.footer .newsletter form .text input:focus {
  width: 85%;
}

@media only screen and (min-width: 1401px) {
  /* line 2415, ../scss/app.scss */
  .footer .newsletter form .text input:focus {
    width: 75%;
  }
}
@media only screen and (max-width: 768px) {
  /* line 2419, ../scss/app.scss */
  .footer .newsletter form .text:before {
    left: 0;
  }
}
/* line 2422, ../scss/app.scss */
.footer .newsletter form .submit {
  position: absolute;
  top: -5px;
}

@media only screen and (min-width: 1025px) {
  /* line 2426, ../scss/app.scss */
  .footer .newsletter form .submit {
    right: -30px;
  }
}
@media only screen and (min-width: 1401px) {
  /* line 2429, ../scss/app.scss */
  .footer .newsletter form .submit {
    right: 20px;
  }
}
/* line 2432, ../scss/app.scss */
.footer .newsletter form span.error {
  width: auto;
}

/* line 2435, ../scss/app.scss */
.products {
  text-align: center;
  position: relative;
}

/* line 2439, ../scss/app.scss */
.category-products h2, .home-products h2, .alsolike h2 {
  text-transform: uppercase;
}

@media only screen and (max-width: 640px) {
  /* line 2442, ../scss/app.scss */
  .category-products h2, .home-products h2, .alsolike h2 {
    font-size: 19px;
  }
}
/* line 2445, ../scss/app.scss */
.category-products .chapo, .home-products .chapo, .alsolike .chapo {
  margin: 30px 0 40px 0;
}

@media only screen and (max-width: 640px) {
  /* line 2448, ../scss/app.scss */
  .category-products .chapo, .home-products .chapo, .alsolike .chapo {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
/* line 2452, ../scss/app.scss */
.category-products .expandDown, .home-products .expandDown, .alsolike .expandDown {
  display: none;
}

@media only screen and (max-width: 768px) {
  /* line 2455, ../scss/app.scss */
  .category-products .expandDown, .home-products .expandDown, .alsolike .expandDown {
    position: relative;
    width: 30px;
    height: 30px;
    border: 1px solid #CCCCCC;
    display: inline-block;
    border-radius: 50%;
    margin: -5px 0 0 5px;
  }

  /* line 2463, ../scss/app.scss */
  .category-products .expandDown i, .home-products .expandDown i, .alsolike .expandDown i {
    display: none;
  }

  /* line 2465, ../scss/app.scss */
  .category-products .expandDown:before, .home-products .expandDown:before, .alsolike .expandDown:before {
    content: "";
    font-family: "icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    font-size: 15.38462px;
    line-height: 29px;
    display: block;
    text-align: center;
    color: #000;
    letter-spacing: 0;
  }
}
/* line 2482, ../scss/app.scss */
.expandDown select {
  font-size: initial;
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
}

/* line 2490, ../scss/app.scss */
.product {
  text-align: left;
}

/* line 2492, ../scss/app.scss */
.product h4 {
  letter-spacing: .3em;
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  /* line 2498, ../scss/app.scss */
  .product h4 {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
    margin-top: 4px;
    padding-left: 8px;
  }
}
/* line 2504, ../scss/app.scss */
.product h4:before {
  content: '';
  width: 10px;
  height: 2px;
  background-color: #000;
  display: block;
  margin-top: -35px;
  margin-bottom: 20px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  /* line 2514, ../scss/app.scss */
  .product h4:before {
    margin-top: -25px;
    margin-bottom: 10px;
  }
}
/* line 2517, ../scss/app.scss */
.product p {
  padding-left: 20px;
}

@media only screen and (max-width: 1024px) {
  /* line 2520, ../scss/app.scss */
  .product p {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 2523, ../scss/app.scss */
  .product p {
    padding-left: 8px;
  }
}
/* line 2525, ../scss/app.scss */
.product p span {
  font-size: 11px;
  color: #b3b3b3;
  display: inline-block;
  padding-left: 3px;
}

/* line 2530, ../scss/app.scss */
.product p span:before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  width: 5px;
  height: 1px;
  background: #CCCCCC;
  vertical-align: middle;
  text-transform: capitalize;
}

@media only screen and (min-width: 1025px) {
  /* line 2540, ../scss/app.scss */
  .product .bt-container {
    margin: 30px 0 0 15px;
  }
}
/* line 2543, ../scss/app.scss */
.rating {
  white-space: nowrap;
  position: absolute;
  left: 20px;
  bottom: 60px;
}

/* line 2548, ../scss/app.scss */
.rating p {
  font-size: 24px;
  font-family: 'Jellyka-CuttyCupcakes', cursive;
  font-weight: normal;
  line-height: 24px;
  letter-spacing: .08em;
  color: #646464;
  padding-left: 0;
  margin-bottom: 0;
}

/* line 2558, ../scss/app.scss */
.stars i {
  display: none;
}

/* line 2561, ../scss/app.scss */
.stars span:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 20px;
  line-height: 30px;
  display: inline-block;
  color: #c3ac83;
  letter-spacing: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/* line 2579, ../scss/app.scss */
.stars span.on:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 2583, ../scss/app.scss */
.product .actions, .article .actions {
  margin-bottom: 20px;
  text-align: center;
}

@media only screen and (min-width: 1025px) {
  /* line 2587, ../scss/app.scss */
  .product .actions, .article .actions {
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;
    z-index: 98;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 2595, ../scss/app.scss */
  .product .actions, .article .actions {
    z-index: 1;
  }

  /* line 2597, ../scss/app.scss */
  .product .actions span, .article .actions span {
    display: inline-block;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 2601, ../scss/app.scss */
  .product .actions.-remove, .article .actions.-remove {
    right: 12px;
    top: 12px;
    left: auto;
  }
}
/* line 2606, ../scss/app.scss */
.product .wishlist, .product .cart, .product .remove, .article .wishlist, .article .cart, .article .remove {
  display: block;
  width: 20px;
  height: 20px;
  position: relative;
  margin-bottom: 2px;
}

/* line 2612, ../scss/app.scss */
.product .wishlist:before, .product .wishlist:after, .product .cart:before, .product .cart:after, .product .remove:before, .product .remove:after, .article .wishlist:before, .article .wishlist:after, .article .cart:before, .article .cart:after, .article .remove:before, .article .remove:after {
  font-size: 28px;
  font-weight: 100;
  padding: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 98;
  top: 0;
  left: 0;
  opacity: 1;
}

@media only screen and (min-width: 1025px) {
  /* line 2624, ../scss/app.scss */
  .product .wishlist:before, .product .wishlist:after, .product .cart:before, .product .cart:after, .product .remove:before, .product .remove:after, .article .wishlist:before, .article .wishlist:after, .article .cart:before, .article .cart:after, .article .remove:before, .article .remove:after {
    font-size: 20px;
    font-weight: 900;
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 2629, ../scss/app.scss */
.product .wishlist:before, .product .cart:before, .product .remove:before, .article .wishlist:before, .article .cart:before, .article .remove:before {
  color: #bfbfbf;
}

/* line 2631, ../scss/app.scss */
.product .wishlist:after, .product .cart:after, .product .remove:after, .article .wishlist:after, .article .cart:after, .article .remove:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

@media only screen and (min-width: 1025px) {
  /* line 2635, ../scss/app.scss */
  .product .wishlist:after, .product .cart:after, .product .remove:after, .article .wishlist:after, .article .cart:after, .article .remove:after {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
  }
}
/* line 2641, ../scss/app.scss */
.product .wishlist i, .product .cart i, .product .remove i, .article .wishlist i, .article .cart i, .article .remove i {
  display: none;
}

/* line 2643, ../scss/app.scss */
.product .wishlist.added, .product .cart.added, .product .remove.added, .article .wishlist.added, .article .cart.added, .article .remove.added {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 2646, ../scss/app.scss */
.product .wishlist.added:before, .product .cart.added:before, .product .remove.added:before, .article .wishlist.added:before, .article .cart.added:before, .article .remove.added:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 2649, ../scss/app.scss */
.product .wishlist.added:after, .product .cart.added:after, .product .remove.added:after, .article .wishlist.added:after, .article .cart.added:after, .article .remove.added:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

@media only screen and (min-width: 1025px) {
  /* line 2657, ../scss/app.scss */
  .product .wishlist, .article .wishlist {
    float: right;
  }
}
/* line 2660, ../scss/app.scss */
.product .wishlist:before, .article .wishlist:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 2671, ../scss/app.scss */
.product .wishlist:after, .article .wishlist:after {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  color: #cc1734;
}

/* line 2683, ../scss/app.scss */
.product .wishlist:hover, .product .wishlist.added, .article .wishlist:hover, .article .wishlist.added {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 2686, ../scss/app.scss */
.product .wishlist:hover:before, .product .wishlist.added:before, .article .wishlist:hover:before, .article .wishlist.added:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 2689, ../scss/app.scss */
.product .wishlist:hover:after, .product .wishlist.added:after, .article .wishlist:hover:after, .article .wishlist.added:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

@media only screen and (min-width: 1025px) {
  /* line 2697, ../scss/app.scss */
  .product .cart, .article .cart {
    float: left;
  }
}
/* line 2700, ../scss/app.scss */
.product .cart:before, .article .cart:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 2711, ../scss/app.scss */
.product .cart:after, .article .cart:after {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  color: #847155;
}

/* line 2725, ../scss/app.scss */
.product .cart:hover, .product .cart.added, .article .cart:hover, .article .cart.added {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 2728, ../scss/app.scss */
.product .cart:hover:before, .product .cart.added:before, .article .cart:hover:before, .article .cart.added:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 2731, ../scss/app.scss */
.product .cart:hover:after, .product .cart.added:after, .article .cart:hover:after, .article .cart.added:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 2738, ../scss/app.scss */
.product .remove:before, .article .remove:before {
  color: #151515;
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-weight: 900;
  font-size: 16px;
  opacity: 1;
  z-index: 1;
}

/* Modif Castelis ticket #48365 */
/* line 2755, ../scss/app.scss */
.article .remove:before {
  color: #FFF;
}

/* line 2758, ../scss/app.scss */
.product .remove:hover, .article .remove:hover {
  opacity: 1;
}

/* line 2761, ../scss/app.scss */
.article .actions {
  position: absolute;
  top: 15px;
}

/* line 2765, ../scss/app.scss */
.article .remove:before {
  color: #fff;
}

/* line 2768, ../scss/app.scss */
.article .actions {
  left: auto;
  right: 10px;
}

@media only screen and (max-width: 1024px) {
  /* line 2772, ../scss/app.scss */
  .article .actions {
    width: 20px;
    height: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 2777, ../scss/app.scss */
  .article a .remove {
    opacity: 0.75;
  }
}
/* line 2780, ../scss/app.scss */
.article a:hover .remove {
  opacity: 0.75;
}

/* line 2783, ../scss/app.scss */
.article a .remove:hover {
  opacity: 1;
}

@media only screen and (max-width: 1024px) {
  /* line 2787, ../scss/app.scss */
  .article .addToFavorites:before, .article .addToFavorites:after {
    font-size: 20px;
  }
}
/* line 2790, ../scss/app.scss */
.ambassadors {
  text-align: center;
  background-color: #000;
  overflow-x: hidden;
}

@media only screen and (min-width: 1025px) {
  /* line 2795, ../scss/app.scss */
  .ambassadors {
    padding-bottom: 0;
  }
}
/* line 2797, ../scss/app.scss */
.ambassadors .chapo {
  padding: 0 20px;
}

@media only screen and (max-width: 768px) {
  /* line 2800, ../scss/app.scss */
  .ambassadors .chapo h2 {
    font-size: 30px;
  }
}
/* line 2802, ../scss/app.scss */
.ambassadors .chapo .wrapper {
  position: relative;
}

/* line 2804, ../scss/app.scss */
.ambassadors .chapo .wrapper:before, .ambassadors .chapo .wrapper:after {
  content: '';
  width: 3px;
  height: 10px;
  background: #FFFFFF;
  position: absolute;
  z-index: 97;
}

/* line 2811, ../scss/app.scss */
.ambassadors .chapo .wrapper:before {
  left: -65px;
  top: 75px;
}

@media only screen and (max-width: 1280px) {
  /* line 2815, ../scss/app.scss */
  .ambassadors .chapo .wrapper:before {
    left: -65px / 1.5;
  }
}
/* line 2817, ../scss/app.scss */
.ambassadors .chapo .wrapper:after {
  right: -85px;
  top: 140px;
}

/* line 2820, ../scss/app.scss */
.ambassadors .chapo .home-chapo-wrap:before {
  top: 155px;
}

/* line 2822, ../scss/app.scss */
.ambassadors .chapo .home-chapo-wrap:after {
  top: 220px;
}

/* line 2824, ../scss/app.scss */
.ambassadors .sliderAmbassadors {
  margin-bottom: 100px;
}

@media only screen and (max-width: 1280px) {
  /* line 2827, ../scss/app.scss */
  .ambassadors .sliderAmbassadors {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 2830, ../scss/app.scss */
  .ambassadors .sliderAmbassadors {
    margin-bottom: 42px;
  }
}
/* line 2832, ../scss/app.scss */
.ambassadors .sliderAmbassadors .picture-container {
  position: relative;
  height: 432px;
}

@media only screen and (max-width: 1280px) {
  /* line 2836, ../scss/app.scss */
  .ambassadors .sliderAmbassadors .picture-container {
    height: 350px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 2839, ../scss/app.scss */
  .ambassadors .sliderAmbassadors .picture-container {
    height: auto;
  }
}
/* line 2841, ../scss/app.scss */
.ambassadors .sliderAmbassadors .content {
  position: relative;
  padding-left: 15px;
  margin-top: -30px;
  width: 41%;
  background: transparent;
}

@media only screen and (max-width: 1280px) {
  /* line 2848, ../scss/app.scss */
  .ambassadors .sliderAmbassadors .content {
    width: 49%;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 2851, ../scss/app.scss */
  .ambassadors .sliderAmbassadors .content {
    margin: 0 auto;
    margin-top: -25px;
    width: 80%;
    padding-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  /* line 2857, ../scss/app.scss */
  .ambassadors .sliderAmbassadors .content {
    width: 94%;
    margin-bottom: 100px;
  }
}
/* line 2860, ../scss/app.scss */
.ambassadors .sliderAmbassadors .content:after {
  content: "";
  height: 3px;
  width: 10px;
  background: #FFFFFF;
  right: -35%;
  top: 100px;
  position: absolute;
  z-index: 10;
}

@media only screen and (max-width: 1280px) {
  /* line 2870, ../scss/app.scss */
  .ambassadors .sliderAmbassadors .content:after {
    right: -20%;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 2873, ../scss/app.scss */
  .ambassadors .sliderAmbassadors .content:after {
    display: none;
  }
}
/* line 2875, ../scss/app.scss */
.ambassadors .sliderAmbassadors + a {
  margin-bottom: 110px;
}

@media only screen and (max-width: 1280px) {
  /* line 2878, ../scss/app.scss */
  .ambassadors .sliderAmbassadors + a {
    margin-bottom: 100px;
  }
}
/* line 2880, ../scss/app.scss */
.ambassadors .sliderAmbassadors .bt-container {
  margin-top: 20px;
}

@media only screen and (max-width: 768px) {
  /* line 2883, ../scss/app.scss */
  .ambassadors .sliderAmbassadors .bt-container {
    text-align: center;
    width: 100%;
    position: absolute;
  }
}
/* line 2887, ../scss/app.scss */
.ambassadors .sliderAmbassadors .parallax-wrap {
  z-index: 4;
  position: relative;
  text-align: left;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 2894, ../scss/app.scss */
.ambassadors .sliderAmbassadors .parallax-wrap:before {
  content: "";
  background: #000;
  width: 100%;
  height: 100%;
  top: 30px;
  position: absolute;
}

/* line 2901, ../scss/app.scss */
.ambassadors .sliderAmbassadors .parallax-wrap p {
  color: #FFFFFF;
}

/* line 2903, ../scss/app.scss */
.ambassadors .sliderAmbassadors h2, .ambassadors .sliderAmbassadors h1 {
  letter-spacing: .3em;
  font-size: 34px;
  line-height: 38px;
  text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
  /* line 2909, ../scss/app.scss */
  .ambassadors .sliderAmbassadors h2, .ambassadors .sliderAmbassadors h1 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 2913, ../scss/app.scss */
  .ambassadors .sliderAmbassadors h2, .ambassadors .sliderAmbassadors h1 {
    font-size: 20px;
    line-height: 24px;
  }
}
/* line 2916, ../scss/app.scss */
.ambassadors .sliderAmbassadors h2:before, .ambassadors .sliderAmbassadors h1:before {
  content: '';
  width: 10px;
  height: 2px;
  margin-bottom: 10px;
  background-color: #fff;
  display: block;
}

/* line 2923, ../scss/app.scss */
.ambassadors .sliderNavArrow li {
  z-index: 98;
}

@media only screen and (max-width: 768px) {
  /* line 2926, ../scss/app.scss */
  .ambassadors .sliderNavArrow li {
    top: 25px;
  }
}
/* line 2928, ../scss/app.scss */
.ambassadors .bg {
  position: relative;
  display: block;
  position: relative;
  z-index: 1;
}

/* line 2933, ../scss/app.scss */
.ambassadors .bg:after {
  content: "";
  width: 12px;
  height: 2px;
  background: #FFFFFF;
  display: block;
  text-align: left;
  margin: 30px 0;
}

/* line 2941, ../scss/app.scss */
.ambassadors .bg:after {
  position: absolute;
  left: 50%;
  margin-left: -6px;
}

@media only screen and (max-width: 1024px) {
  /* line 2946, ../scss/app.scss */
  .ambassadors .bg:after {
    left: 100%;
    margin-left: -12px;
  }
}
/* line 2949, ../scss/app.scss */
.ambassadors .bg picture {
  display: block;
}

/* line 2951, ../scss/app.scss */
.ambassadors .bg img {
  width: 100%;
  height: auto;
}

/* line 2954, ../scss/app.scss */
.ambassadors .home-bg {
  background-color: #000;
}

/* line 2956, ../scss/app.scss */
.ambassadors .more {
  border-color: #fff;
  background-color: #fff;
  color: #000;
}

@media only screen and (min-width: 1025px) {
  /* line 2961, ../scss/app.scss */
  .ambassadors .more {
    -webkit-transition: color 300ms false, background 300ms false;
    transition: color 300ms, background 300ms;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 2965, ../scss/app.scss */
  .ambassadors .more:hover {
    background-color: #000;
    color: #fff;
  }
}
/* line 2968, ../scss/app.scss */
.ambassadors h1, .ambassadors h2, .ambassadors h3, .ambassadors h4, .ambassadors a {
  color: #fff;
}

/* line 2970, ../scss/app.scss */
.ambassadors h3:before, .ambassadors h3:after {
  background-color: #fff;
}

@media only screen and (min-width: 1025px) {
  /* line 2973, ../scss/app.scss */
  .ambassadors .more-content:hover {
    background-color: #fff;
    color: #000;
  }
}
/* line 2977, ../scss/app.scss */
.experts {
  text-align: center;
  background-color: #151515;
}

/* line 2980, ../scss/app.scss */
.experts .wrapper {
  max-width: 1300px;
}

/* line 2982, ../scss/app.scss */
.experts .grid {
  padding-bottom: 0px;
  margin: 0 auto;
}

@media only screen and (max-width: 1280px) {
  /* line 2986, ../scss/app.scss */
  .experts .grid {
    margin: 50px auto 0 auto;
  }
}
@media only screen and (max-width: 640px) {
  /* line 2989, ../scss/app.scss */
  .experts .grid {
    padding-bottom: 0px;
  }
}
/* line 2991, ../scss/app.scss */
.experts .more {
  border-color: #fff;
  background-color: #fff;
  color: #000;
}

@media only screen and (min-width: 1025px) {
  /* line 2996, ../scss/app.scss */
  .experts .more {
    -webkit-transition: color 300ms false, background 300ms false;
    transition: color 300ms, background 300ms;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 3000, ../scss/app.scss */
  .experts .more:hover {
    background-color: #000;
    color: #fff;
  }
}
/* line 3003, ../scss/app.scss */
.experts h2, .experts h3, .experts h4, .experts a {
  color: #fff;
}

/* line 3005, ../scss/app.scss */
.experts h4 {
  font-size: 20px;
  letter-spacing: .3em;
  margin-top: -10px;
}

@media only screen and (max-width: 1024px) {
  /* line 3010, ../scss/app.scss */
  .experts h4 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 3013, ../scss/app.scss */
  .experts h4 {
    font-size: 23px;
  }
}
/* line 3015, ../scss/app.scss */
.experts h5 {
  line-height: 30px;
  font-size: 38px;
  font-family: 'Jellyka-CuttyCupcakes', cursive;
  font-weight: normal;
  color: #847155;
  text-transform: none;
}

@media only screen and (max-width: 1024px) {
  /* line 3023, ../scss/app.scss */
  .experts h5 {
    line-height: 38px;
    font-size: 48px;
  }
}
/* line 3026, ../scss/app.scss */
.experts h3:before, .experts h3:after {
  background-color: #fff;
}

@media only screen and (min-width: 1025px) {
  /* line 3029, ../scss/app.scss */
  .experts .more-content:hover {
    background-color: #fff;
    color: #000;
  }
}
/*@media only screen and (max-width: 1024px) {
  .experts .expert.size-small:nth-of-type(2), .experts .expert.size-small:nth-of-type(3) {
    display: none; } }*/
/* line 3038, ../scss/app.scss */
.experts .content {
  position: relative;
  padding-bottom: 5px;
  margin-top: 0;
  min-height: 240px;
}

@media only screen and (max-width: 1024px) {
  /* line 3044, ../scss/app.scss */
  .experts .content {
    width: 100%;
    margin: 0 auto;
    padding: 0 35px 20px;
    min-height: auto;
    height: auto !important;
  }
}
/* line 3050, ../scss/app.scss */
.experts .content h5 {
  margin-top: -34px;
}

@media only screen and (max-width: 1024px) {
  /* line 3053, ../scss/app.scss */
  .experts .content h5 {
    margin-top: -40px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 3056, ../scss/app.scss */
  .experts .content h5 {
    margin-top: -38px;
  }
}
/* line 3058, ../scss/app.scss */
.experts .content p {
  margin-bottom: 20px;
  -webkit-font-smoothing: antialiased;
  width: 120%;
  margin-left: -10%;
}

/* line 3063, ../scss/app.scss */
.experts .content p:last-child {
  margin-bottom: 0;
}

/* line 3065, ../scss/app.scss */
.experts .content .more {
  position: absolute;
  width: 69%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
  /* line 3073, ../scss/app.scss */
  .experts .content .more {
    position: relative;
    width: 145px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 3077, ../scss/app.scss */
  .experts .content p {
    width: auto;
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  /* line 3082, ../scss/app.scss */
  .experts a[class^="cta-"], .ambassadors a[class^="cta-"] {
    position: relative;
    margin-bottom: 30px;
  }

  /* line 3085, ../scss/app.scss */
  .experts a[class^="cta-"]:before, .ambassadors a[class^="cta-"]:before {
    content: '';
    width: 10px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: -33px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
/* line 3096, ../scss/app.scss */
.edito {
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  clear: both;
  max-width: 1200px;
  margin-bottom: 90px;
  margin-top: 90px;
}

/* line 3104, ../scss/app.scss */
.edito + .gallery {
  padding-top: 0;
}

@media only screen and (max-width: 1280px) {
  /* line 3109, ../scss/app.scss */
  .edito {
    max-width: 870px;
  }
}
/* line 3111, ../scss/app.scss */
.edito .wrapper {
  padding: 80px 0px;
  overflow: hidden;
}

@media only screen and (max-width: 1280px) {
  /* line 3115, ../scss/app.scss */
  .edito .wrapper {
    padding: 60px 35px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 3118, ../scss/app.scss */
  .edito .wrapper {
    padding: 60px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 3121, ../scss/app.scss */
  .edito .wrapper {
    padding: 35px 20px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 3124, ../scss/app.scss */
  .edito .wrapper .content {
    padding: 0 0 35px;
  }
}
@media only screen and (min-width: 641px) {
  /* line 3127, ../scss/app.scss */
  .edito .wrapper .content {
    float: left;
    width: 50%;
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 641px) {
  /* line 3132, ../scss/app.scss */
  .edito .wrapper .media {
    float: right;
    text-align: center;
    width: 50%;
  }
}
@media only screen and (min-width: 1401px) {
  /* line 3137, ../scss/app.scss */
  .edito .wrapper .media {
    margin-top: 0;
  }
}
/* line 3139, ../scss/app.scss */
.edito .wrapper .media img {
  max-width: 100%;
  height: auto;
  /*float: right;*/
}

@media only screen and (max-width: 1280px) {
  /* line 3144, ../scss/app.scss */
  .edito .wrapper .media img {
    padding: 0 0 0 0;
  }
}
/* line 3146, ../scss/app.scss */
.edito .wrapper h2 {
  font-size: 34px;
  line-height: 40px;
  text-transform: uppercase;
  letter-spacing: .3em;
}

@media only screen and (max-width: 768px) {
  /* line 3152, ../scss/app.scss */
  .edito .wrapper h2 {
    font-size: 28px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 3156, ../scss/app.scss */
  .edito .wrapper h2 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: .15em;
    margin-top: 35px;
  }
}
/* line 3161, ../scss/app.scss */
.edito .wrapper h3 {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 22px;
  -webkit-font-smoothing: subpixel-antialiased;
}

@media only screen and (max-width: 768px) {
  /* line 3167, ../scss/app.scss */
  .edito .wrapper h3 {
    line-height: 20px;
  }
}
/* line 3169, ../scss/app.scss */
.edito .wrapper p {
  color: #808080;
}

/* line 3171, ../scss/app.scss */
.edito.reverse .content {
  float: right;
}

/* line 3173, ../scss/app.scss */
.edito.reverse .media {
  float: left;
}

/* line 3175, ../scss/app.scss */
.edito.reverse .media img {
  float: left;
}

@media only screen and (max-width: 1280px) {
  /* line 3178, ../scss/app.scss */
  .edito.reverse .media img {
    padding: 0 20px 0 0;
  }
}
/* line 3181, ../scss/app.scss */
.edito-alt .wrapper {
  max-width: 1200px;
  padding: 0 0 0 100px;
}

@media only screen and (max-width: 768px) {
  /* line 3185, ../scss/app.scss */
  .edito-alt .wrapper {
    padding: 35px 20px;
  }
}
/* line 3187, ../scss/app.scss */
.edito-alt .wrapper h2 {
  margin-top: 80px;
}

@media only screen and (max-width: 768px) {
  /* line 3190, ../scss/app.scss */
  .edito-alt .wrapper h2 {
    margin-top: 35px;
  }
}
/* line 3192, ../scss/app.scss */
.edito-alt .wrapper .media {
  width: 40%;
  margin: 0;
}

@media only screen and (max-width: 640px) {
  /* line 3196, ../scss/app.scss */
  .edito-alt .wrapper .media {
    width: 100%;
    /*position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);*/
  }
}
/* line 3205, ../scss/app.scss */
.all-products .page-header {
  border-bottom: 1px solid #e6e6e6;
}

/* line 3208, ../scss/app.scss */
.all-products .all-products-title-wrapper {
  text-align: initial;
}

/* line 3211, ../scss/app.scss */
.all-products .expandDown {
  display: inline-block;
  vertical-align: middle;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* line 3218, ../scss/app.scss */
.all-products .expandDown i {
  cursor: pointer;
  width: 36px;
  height: 36px;
  border: 1px solid #CCCCCC;
  display: inline-block;
  border-radius: 50%;
  display: inline-block;
  margin-left: 15px;
}

/* line 3227, ../scss/app.scss */
.all-products .expandDown i i {
  display: none;
}

/* line 3229, ../scss/app.scss */
.all-products .expandDown i:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 18.46154px;
  line-height: 35px;
  display: block;
  text-align: center;
  color: #000;
  letter-spacing: 0;
}

@media only screen and (min-width: 1025px) {
  /* line 3246, ../scss/app.scss */
  .all-products .expandDown i {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 3249, ../scss/app.scss */
.all-products .expandDown i:hover {
  opacity: 0.65;
}

@media only screen and (max-width: 1024px) {
  /* line 3253, ../scss/app.scss */
  .all-products .all-products-title-wrapper {
    text-align: center;
  }

  /* line 3255, ../scss/app.scss */
  .all-products .all-products-title-wrapper .expandDown {
    margin-left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
/* line 3261, ../scss/app.scss */
.all-products .add-filters {
  display: none;
}

/* line 3263, ../scss/app.scss */
.all-products .add-filters.visible {
  display: inline-block;
  vertical-align: bottom;
}

@media only screen and (max-width: 1024px) {
  /* line 3267, ../scss/app.scss */
  .all-products .add-filters.visible {
    right: 0;
    display: block;
    vertical-align: bottom;
    text-align: center;
    margin-top: 20px;
  }
}
/* line 3273, ../scss/app.scss */
.all-products .add-filters span, .all-products .add-filters span a {
  display: inline-block !important;
  color: #847155;
  vertical-align: middle;
  margin-right: 35px;
  padding-bottom: 4px;
  -webkit-font-smoothing: subpixel-antialiased;
}

@media only screen and (max-width: 1280px) {
  /* line 3281, ../scss/app.scss */
  .all-products .add-filters span, .all-products .add-filters span a {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 3284, ../scss/app.scss */
  .all-products .add-filters span, .all-products .add-filters span a {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 3287, ../scss/app.scss */
  .all-products .add-filters span:nth-of-type(2), .all-products .add-filters span a:nth-of-type(2) {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 3290, ../scss/app.scss */
  .all-products .add-filters span:nth-of-type(2):before, .all-products .add-filters span:nth-of-type(2):after, .all-products .add-filters span a:nth-of-type(2):before, .all-products .add-filters span a:nth-of-type(2):after {
    display: none;
  }
}
/* line 3292, ../scss/app.scss */
.all-products .add-filters span i {
  width: 16px;
  height: 16px;
  border: 1px solid #CCCCCC;
  display: inline-block;
  border-radius: 50%;
  font-style: normal;
  margin-left: 5px;
}

/* line 3300, ../scss/app.scss */
.all-products .add-filters span i i {
  display: none;
}

/* line 3302, ../scss/app.scss */
.all-products .add-filters span i:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 8.20513px;
  line-height: 15px;
  display: block;
  text-align: center;
  color: #CCCCCC;
  letter-spacing: 0;
}

@media only screen and (min-width: 1025px) {
  /* line 3319, ../scss/app.scss */
  .all-products .add-filters span i {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    width: 23px;
    height: 23px;
    border: 1px solid #CCCCCC;
    display: inline-block;
    border-radius: 50%;
  }

  /* line 3327, ../scss/app.scss */
  .all-products .add-filters span i i {
    display: none;
  }

  /* line 3329, ../scss/app.scss */
  .all-products .add-filters span i:before {
    content: "";
    font-family: "icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    font-size: 11.79487px;
    line-height: 22px;
    display: block;
    text-align: center;
    color: #CCCCCC;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 3346, ../scss/app.scss */
  .all-products .add-filters span a:active i {
    color: #FFFFFF;
    background-color: #000;
    border-color: #000;
  }
}
/* line 3350, ../scss/app.scss */
.all-products .add-filters span a.active i {
  color: #FFFFFF;
  background-color: #000;
  border-color: #000;
}

@media only screen and (max-width: 1024px) {
  /* line 3355, ../scss/app.scss */
  .all-products .add-filters span a.active i:before {
    content: "\e601";
  }
}
@media only screen and (max-width: 1024px) {
  /* line 3358, ../scss/app.scss */
  .all-products .add-filters span a[data-open="colors"] {
    display: none !important;
  }
}
/* line 3360, ../scss/app.scss */
.all-products .add-filters span a:not(.all) {
  font-size: 10px;
  color: #847155;
  letter-spacing: .3em;
  font-size: 10px;
  font-weight: 700;
}

@media only screen and (max-width: 1024px) {
  /* line 3367, ../scss/app.scss */
  .all-products .add-filters span a:not(.all) {
    margin-right: 0;
    font-size: 8px;
    letter-spacing: 0.10em;
  }
}
/* line 3371, ../scss/app.scss */
.all-products .add-filters .span-title {
  text-transform: uppercase;
  display: block;
  font-size: 10px;
  color: #847155;
  font-weight: 700;
  letter-spacing: .3em;
  margin-bottom: 10px;
}

@media only screen and (max-width: 1024px) {
  /* line 3380, ../scss/app.scss */
  .all-products .add-filters .span-title {
    margin-right: 0;
    font-size: 8px;
    letter-spacing: 0.10em;
  }
}
/* line 3384, ../scss/app.scss */
.all-products .add-filters .span-title:before {
  content: '';
  width: 6px;
  height: 1px;
  background: #847155;
  display: inline-block;
  vertical-align: middle;
  margin: 0 7px 2px 0;
}

@media only screen and (min-width: 1025px) {
  /* line 3393, ../scss/app.scss */
  .all-products .add-filters .span-title:before {
    width: 8px;
    height: 2px;
  }
}
/* line 3397, ../scss/app.scss */
.all-products .filters .wrapper {
  max-width: 1300px;
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  /* line 3402, ../scss/app.scss */
  .all-products .filters .wrapper {
    position: static;
    overflow: hidden;
  }
}
/* line 3405, ../scss/app.scss */
.all-products .filters .wrapper nav {
  float: left;
}

@media only screen and (min-width: 1025px) {
  /* line 3408, ../scss/app.scss */
  .all-products .filters .wrapper nav {
    width: 20%;
  }
}
/* line 3410, ../scss/app.scss */
.all-products .filters .wrapper li {
  text-align: left;
}

@media only screen and (max-width: 1024px) {
  /* line 3413, ../scss/app.scss */
  .all-products .filters .wrapper li {
    line-height: 28px;
  }
}
/* line 3415, ../scss/app.scss */
.all-products .filters .wrapper a {
  font-weight: 700;
  text-transform: none;
  color: #000;
}

/* line 3420, ../scss/app.scss */
.all-products .filters span {
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  color: #847155;
  font-weight: 700;
  letter-spacing: .3em;
}

/* line 3428, ../scss/app.scss */
.all-products .filters .cols:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 1025px) {
  /* line 3434, ../scss/app.scss */
  .all-products .filters .cols {
    max-width: 1280px;
    width: 97%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 3440, ../scss/app.scss */
  .all-products .filters .cols .col {
    display: inline-block;
    width: 25%;
    position: relative;
    float: left;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 3447, ../scss/app.scss */
  .all-products .filters .filter-subtitle {
    margin-top: 10px;
  }

  /* line 3449, ../scss/app.scss */
  .all-products .filters .filter-subtitle label {
    font-weight: 800;
  }

  /* line 3451, ../scss/app.scss */
  .all-products .filters .filter-subtitle-first {
    margin: 0px;
  }

  /* line 3453, ../scss/app.scss */
  .all-products .filters .filter-title {
    margin-top: 20px;
  }
}
/* line 3456, ../scss/app.scss */
.bg-overlay, .bg-overlayLight {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  opacity: 0;
}

@media only screen and (min-width: 1025px) {
  /* line 3467, ../scss/app.scss */
  .bg-overlay, .bg-overlayLight {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 3470, ../scss/app.scss */
.bg-overlay.visible, .visible.bg-overlayLight {
  z-index: 98;
  /* Modif Castelis - empêche l'overlay de passer par dessus les filtres de la recherche */
  opacity: 1;
  -ms-touch-action: none;
  touch-action: none;
}

/* line 3475, ../scss/app.scss */
.bg-overlay.over-header, .over-header.bg-overlayLight {
  z-index: 98;
  opacity: 1;
}

/* line 3479, ../scss/app.scss */
.bg-overlayLight {
  background-color: rgba(247, 247, 247, 0.9);
}

/* line 3481, ../scss/app.scss */
.articles .size-medium .media .imgs img,
.articles .size-small .media .imgs img,
.products .size-medium .media .imgs img,
.products .size-small .media .imgs img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

/*@media only screen and (min-width: 1025px) {
  .hoverable-img-product {
    cursor: none; } }*/
/* line 3493, ../scss/app.scss */
.newsletter-subscribe .bt-container a {
  margin: 0 10px;
}

@media only screen and (max-width: 1024px) {
  /* line 3496, ../scss/app.scss */
  .newsletter-subscribe .bt-container a {
    width: 100%;
    margin: 20px 0;
    text-align: center;
  }
}
/* line 3501, ../scss/app.scss */
.mobile-nav {
  text-align: center;
  float: right;
  display: none;
  margin-top: 3px;
}

@media only screen and (max-width: 1024px) {
  /* line 3507, ../scss/app.scss */
  .mobile-nav {
    display: block;
  }
}
/* line 3509, ../scss/app.scss */
.mobile-nav li {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  /* line 3514, ../scss/app.scss */
  .mobile-nav li {
    padding: 0 21px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 3517, ../scss/app.scss */
  .mobile-nav li {
    padding: 0 6px;
    width: 50px;
  }
}
/* line 3520, ../scss/app.scss */
.mobile-nav li:before {
  content: "";
  height: 60px;
  width: 1px;
  background: #343434;
  position: absolute;
  top: -18px;
  left: 0;
}

@media only screen and (max-width: 640px) {
  /* line 3529, ../scss/app.scss */
  .mobile-nav li:last-child {
    width: 52px;
  }
}
/* line 3531, ../scss/app.scss */
.mobile-nav li .myaccount:before {
  width: 25px;
  height: 30px;
  margin: 0 auto;
}

/* line 3536, ../scss/app.scss */
.cartBtn:before, .locatorBtn:before, .beautyGeniusBtn:before {
  font-size: 22px;
  color: #847155;
  display: inline-block;
  padding: 0 4px;
}

/* line 3542, ../scss/app.scss */
.cartBtn span, .locatorBtn span, .beautyGeniusBtn span {
  display: none !important;
  text-indent: 9999px !important;
}

/* line 3546, ../scss/app.scss */
.cartBtn:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 22px;
}

@media only screen and (max-width: 640px) {
  /* line 3558, ../scss/app.scss */
  .cartBtn:before {
    padding-top: 3px;
  }
}
/* line 3561, ../scss/app.scss */
.cartBtn b {
  background-color: #847155;
  color: #000;
  font-size: 9px;
  width: 13px;
  height: 13px;
  line-height: 13px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  top: -2px;
  left: 18px;
  padding-left: 2px;
}

@media only screen and (max-width: 1024px) {
  /* line 3575, ../scss/app.scss */
  .cartBtn b {
    left: 43px;
    top: 0px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 3579, ../scss/app.scss */
  .cartBtn b {
    left: 29px;
  }
}
/* line 3582, ../scss/app.scss */
.locatorBtn:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  padding-left: 6px;
}

@media only screen and (max-width: 640px) {
  /* line 3594, ../scss/app.scss */
  .locatorBtn:before {
    padding-top: 3px;
  }
}
/* line 3597, ../scss/app.scss */
.beautyGeniusBtn:before {
  content: "";
  width: 28px;
  height: 34px;
  background: url(/assets/img/logo-beautygenius.svg) no-repeat 0 0;
  background-size: 100% auto;
  margin: 0 auto;
}

/* line 3605, ../scss/app.scss */
.menuOpen {
  overflow: hidden;
}

/* line 3607, ../scss/app.scss */
.menuOpen .burger:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 3617, ../scss/app.scss */
.menuOpen .menu-mobile {
  display: block;
}

/* line 3620, ../scss/app.scss */
.header {
  height: 130px;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 110;
}

@media only screen and (max-width: 1280px) {
  /* line 3628, ../scss/app.scss */
  .header {
    height: 120px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 3631, ../scss/app.scss */
  .header {
    height: 55px;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 3634, ../scss/app.scss */
  .header.sticky {
    height: 66px;
  }
}
/* line 3636, ../scss/app.scss */
.header.sticky .header-top > .wrapper {
  height: 66px;
}

@media only screen and (max-width: 1024px) {
  /* line 3639, ../scss/app.scss */
  .header.sticky .header-top > .wrapper {
    height: 55px;
    max-width: none;
  }
}
/* line 3642, ../scss/app.scss */
.header .burger {
  display: none;
  margin: 0;
  width: 47px;
  height: 40px;
  margin-top: 7px;
  padding: 0;
}

/* line 3649, ../scss/app.scss */
.header .burger:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  color: #847155;
  font-size: 20px;
  display: inline-block;
  margin-left: 20px;
}

@media only screen and (max-width: 1024px) {
  /* line 3664, ../scss/app.scss */
  .header .burger {
    display: inline-block;
    vertical-align: top;
  }
}
/* line 3667, ../scss/app.scss */
.header .header-top {
  background-color: #151515;
  position: relative;
  z-index: 109;
}

@media only screen and (max-width: 1024px) {
  /* line 3672, ../scss/app.scss */
  .header .header-top {
    display: inline-block;
    width: 100%;
  }
}
/* line 3675, ../scss/app.scss */
.header .header-top > .wrapper {
  width: 100%;
  margin: 0;
  height: 130px;
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 3681, ../scss/app.scss */
.header .header-top > .wrapper:after {
  content: "";
  display: block;
  clear: both;
}

@media only screen and (max-width: 1280px) {
  /* line 3686, ../scss/app.scss */
  .header .header-top > .wrapper {
    height: 120px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 3689, ../scss/app.scss */
  .header .header-top > .wrapper {
    padding: 10px 0 0 0;
    overflow: visible;
    position: relative;
    width: 100%;
    height: 55px;
    max-width: none;
  }
}
/* line 3696, ../scss/app.scss */
.header a {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 11px;
  font-weight: 700;
}

@media screen and (min-width: 1580px) {
  /* line 3703, ../scss/app.scss */
  .header a {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 3706, ../scss/app.scss */
  .header a {
    -webkit-transition: opacity 300ms false;
    transition: opacity 300ms;
  }
}
@media only screen and (max-width: 1400px) {
  /* line 3710, ../scss/app.scss */
  .header a {
    font-size: 11px;
    letter-spacing: .06em;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 3714, ../scss/app.scss */
  .header a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 3717, ../scss/app.scss */
  .header a:not(.myaccount):hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
}
/* line 3720, ../scss/app.scss */
.header .top {
  padding-left: 40px;
  display: inline-block;
  line-height: 130px;
  border-right: 1px solid #212121;
  width: 245px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #151515;
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

@media only screen and (max-width: 1280px) {
  /* line 3734, ../scss/app.scss */
  .header .top {
    padding-left: 20px;
    padding-right: 15px;
    line-height: 120px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 3739, ../scss/app.scss */
  .header .top {
    float: none;
    border-right: 0;
    padding: 0;
    line-height: 55px;
    text-align: left;
  }
}
@media only screen and (min-width: 1281px) {
  /* line 3746, ../scss/app.scss */
  .header .top {
    width: 200px;
  }
}
@media only screen and (min-width: 1281px) {
  /* line 3749, ../scss/app.scss */
  .header .top {
    width: 209px;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 3752, ../scss/app.scss */
  .header .top {
    width: 185px;
  }
}
/* line 3754, ../scss/app.scss */
.header.sticky .top {
  line-height: 66px;
}

@media only screen and (min-width: 1281px) {
  /* line 3757, ../scss/app.scss */
  .header.sticky .top {
    line-height: 66px;
    width: 200px;
  }
}
@media only screen and (min-width: 1281px) {
  /* line 3761, ../scss/app.scss */
  .header.sticky .top {
    width: 209px;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 3764, ../scss/app.scss */
  .header.sticky .top {
    width: 185px;
  }
}
/* line 3766, ../scss/app.scss */
.header .logo, .header .logo-mobile {
  width: 120px;
  height: 30px;
  overflow: hidden;
  text-indent: -9999px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background: url(/assets/img/logo.svg) no-repeat;
  background-size: 100%;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

@media only screen and (max-width: 1280px) {
  /* line 3779, ../scss/app.scss */
  .header .logo, .header .logo-mobile {
    width: 110px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 3782, ../scss/app.scss */
  .header .logo, .header .logo-mobile {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 3785, ../scss/app.scss */
  .header.sticky .logo:not(.expand-logo), .header.sticky .logo-mobile:not(.expand-logo) {
    width: 120px;
    margin: 5px 5px 0 0;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 3789, ../scss/app.scss */
  .header.sticky .logo:not(.expand-logo), .header.sticky .logo-mobile:not(.expand-logo) {
    width: 110px;
  }
}
/* line 3791, ../scss/app.scss */
.header .logo-mobile {
  display: none;
}

@media only screen and (max-width: 1024px) {
  /* line 3794, ../scss/app.scss */
  .header .logo-mobile {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 30px;
    margin: 5px 0 0 6%;
    padding-top: 4px;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 640px) {
  /* line 3803, ../scss/app.scss */
  .header .logo-mobile {
    display: inline-block;
    vertical-align: top;
    width: 85px;
    height: 29px;
    margin: 7px 0 0 9%;
  }
}
@media screen and (max-width: 360px) {
  /* line 3810, ../scss/app.scss */
  .header .logo-mobile {
    margin: 7px 0px 0px 2.7%;
  }
}
/* line 3812, ../scss/app.scss */
.header .expandMenu {
  width: 22px;
  height: 22px;
  border: 1px solid #646464;
  display: inline-block;
  border-radius: 50%;
  display: none;
  vertical-align: middle;
  margin-left: 3px;
}

/* line 3821, ../scss/app.scss */
.header .expandMenu i {
  display: none;
}

/* line 3823, ../scss/app.scss */
.header .expandMenu:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 11.28205px;
  line-height: 21px;
  display: block;
  text-align: center;
  color: #646464;
  letter-spacing: 0;
}

@media only screen and (min-width: 1025px) {
  /* line 3840, ../scss/app.scss */
  .header .expandMenu {
    display: inline-block;
  }
}
@media only screen and (min-width: 1401px) {
  /* line 3843, ../scss/app.scss */
  .header .expandMenu {
    margin-left: 5px;
  }
}
/* line 3845, ../scss/app.scss */
.header .expandMenu:before {
  line-height: 21px;
}

@media only screen and (min-width: 1401px) {
  /* line 3848, ../scss/app.scss */
  .header .expandMenu:before {
    padding-left: 1px;
  }
}
/* line 3850, ../scss/app.scss */
.header .menus {
  width: 100%;
  position: absolute;
  padding-left: 240px;
  background-color: #151515;
}

@media only screen and (max-width: 1400px) {
  /* line 3856, ../scss/app.scss */
  .header .menus {
    padding-left: 20px;
    padding-left: 215px;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 3860, ../scss/app.scss */
  .header .menus {
    padding-left: 20px;
    padding-left: 210px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 3864, ../scss/app.scss */
  .header .menus {
    display: none;
  }
}
/* line 3866, ../scss/app.scss */
.header .menus nav {
  display: table;
  height: 130px;
  width: 100%;
  position: relative;
  -webkit-transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

@media only screen and (max-width: 1280px) {
  /* line 3874, ../scss/app.scss */
  .header .menus nav {
    height: 120px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 3877, ../scss/app.scss */
  .header .menus nav {
    height: 55px;
  }
}
/* line 3879, ../scss/app.scss */
.header .menus ul {
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 1280px) {
  /* line 3883, ../scss/app.scss */
  .header .menus ul {
    padding-right: 5px;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 3886, ../scss/app.scss */
  .header.sticky .menus {
    width: 100%;
    position: absolute;
    padding-left: 240px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  /* line 3891, ../scss/app.scss */
  .header.sticky .menus {
    width: 100%;
    position: absolute;
    padding-left: 210px;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 3896, ../scss/app.scss */
  .header.sticky .menus nav {
    height: 66px;
  }
}
/* line 3898, ../scss/app.scss */
.header .menu-box:not(.expand-search) .span-title, .header .menu-box:not(.expand-search) .nav-item, .header .menu-mobile .span-title, .header .menu-mobile .nav-item, .header .expandMenu-box .span-title, .header .expandMenu-box .nav-item, .header .header-op .span-title, .header .header-op .nav-item {
  text-transform: uppercase;
  display: block;
  font-size: 10px;
  color: #847155;
  font-weight: 700;
  letter-spacing: .3em;
  margin-bottom: 10px;
}

@media only screen and (max-width: 1024px) {
  /* line 3907, ../scss/app.scss */
  .header .menu-box:not(.expand-search) .span-title, .header .menu-box:not(.expand-search) .nav-item, .header .menu-mobile .span-title, .header .menu-mobile .nav-item, .header .expandMenu-box .span-title, .header .expandMenu-box .nav-item, .header .header-op .span-title, .header .header-op .nav-item {
    font-size: 13px;
  }
}
/* line 3909, ../scss/app.scss */
.header .menu-box:not(.expand-search) .span-title:before, .header .menu-box:not(.expand-search) .nav-item:before, .header .menu-mobile .span-title:before, .header .menu-mobile .nav-item:before, .header .expandMenu-box .span-title:before, .header .expandMenu-box .nav-item:before, .header .header-op .span-title:before, .header .header-op .nav-item:before {
  content: '';
  width: 8px;
  height: 2px;
  background-color: #847155;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 -18px;
}

@media only screen and (max-width: 1024px) {
  /* line 3918, ../scss/app.scss */
  .header .menu-box:not(.expand-search) .span-title:before, .header .menu-box:not(.expand-search) .nav-item:before, .header .menu-mobile .span-title:before, .header .menu-mobile .nav-item:before, .header .expandMenu-box .span-title:before, .header .expandMenu-box .nav-item:before, .header .header-op .span-title:before, .header .header-op .nav-item:before {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 3921, ../scss/app.scss */
  .header .menu-box:not(.expand-search) .span-title a, .header .menu-mobile .span-title a, .header .expandMenu-box .span-title a, .header .header-op .span-title a {
    font-size: 13px !important;
  }
}
/* line 3923, ../scss/app.scss */
.header .menu-box:not(.expand-search) span a:not(.all), .header .menu-mobile span a:not(.all), .header .expandMenu-box span a:not(.all), .header .header-op span a:not(.all) {
  font-size: 10px;
  color: #847155;
  letter-spacing: .3em;
  font-size: 10px;
  font-weight: 700;
}

@media only screen and (min-width: 1025px) {
  /* line 3930, ../scss/app.scss */
  .header.sticky .primaryMenu > a {
    border: 0;
    padding-left: 10px;
    margin-left: 0;
  }
}
/* line 3934, ../scss/app.scss */
.header span .all, .header .primaryMenu > a {
  text-transform: none;
  font-size: 11px;
  font-weight: 500;
  color: #646464;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  padding-left: 10px;
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
}

@media only screen and (max-width: 1024px) {
  /* line 3945, ../scss/app.scss */
  .header span .all, .header .primaryMenu > a {
    display: none;
  }
}
/* line 3947, ../scss/app.scss */
.header span .all:before, .header .primaryMenu > a:before {
  color: inherit !important;
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 11px !important;
  line-height: 17px !important;
  display: inline-block;
  margin-right: 5px;
}

@media only screen and (min-width: 1025px) {
  /* line 3963, ../scss/app.scss */
  .header span .all:hover, .header .primaryMenu > a:hover {
    color: #fff;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 3966, ../scss/app.scss */
  .header span .all, .header .primaryMenu > a {
    display: none;
  }
}
/* line 3968, ../scss/app.scss */
.header .primaryMenu {
  padding-right: 5px;
  padding-left: 0;
  position: relative;
}

@media only screen and (min-width: 1401px) {
  /* line 3973, ../scss/app.scss */
  .header .primaryMenu {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 1400px) {
  /* line 3976, ../scss/app.scss */
  .header .primaryMenu {
    padding-right: 20px;
  }
}
/* line 3978, ../scss/app.scss */
.header .primaryMenu li {
  display: inline-block;
  margin-right: 30px;
  margin-top: 35px;
}

@media only screen and (min-width: 1025px) {
  /* line 3983, ../scss/app.scss */
  .header .primaryMenu li {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (min-width: 1401px) {
  /* line 3987, ../scss/app.scss */
  .header .primaryMenu li {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 3990, ../scss/app.scss */
  .header .primaryMenu li {
    margin-right: 15px;
  }
}
/* line 3992, ../scss/app.scss */
.header .primaryMenu li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1200px) {
  /* line 3995, ../scss/app.scss */
  .header .primaryMenu li {
    margin-top: 0;
    margin-right: 5px;
  }
}
/* line 3998, ../scss/app.scss */
.header.sticky .primaryMenu li {
  margin-top: 0;
}

/* line 4000, ../scss/app.scss */
.header .secondaryMenu {
  width: auto;
  text-align: right;
  position: absolute;
  margin-top: 32px;
  left: 0;
  display: block;
  z-index: 99;
  opacity: 1;
  padding-left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media only screen and (min-width: 1025px) {
  /* line 4013, ../scss/app.scss */
  .header .secondaryMenu {
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (max-width: 1280px) {
  /* line 4017, ../scss/app.scss */
  .header .secondaryMenu {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 1401px) {
  /* line 4020, ../scss/app.scss */
  .header .secondaryMenu {
    margin-top: 37px;
    padding-left: 10px;
  }
}
@media screen and (max-width: 1200px) {
  /* line 4024, ../scss/app.scss */
  .header .secondaryMenu {
    display: none !important;
  }
}
/* line 4026, ../scss/app.scss */
.header .secondaryMenu li {
  display: inline-block;
  white-space: nowrap;
  margin-right: 15px;
  position: relative;
}

@media only screen and (min-width: 1401px) {
  /* line 4032, ../scss/app.scss */
  .header .secondaryMenu li {
    margin-right: 30px;
  }
}
/* line 4034, ../scss/app.scss */
.header .secondaryMenu li span:before {
  display: none;
}

/* line 4036, ../scss/app.scss */
.header .secondaryMenu li span a {
  margin-top: -2px;
  margin-left: -5px;
  border: 0;
}

/* line 4040, ../scss/app.scss */
.header .secondaryMenu li span a:after {
  display: none;
}

/* line 4042, ../scss/app.scss */
.header .secondaryMenu a {
  display: inline-block;
  position: relative;
  font-weight: 600;
  padding: 5px 5px 0px 32px;
  line-height: 18px;
  border-top: 1px solid #847155;
}

/* line 4049, ../scss/app.scss */
.header .secondaryMenu a:before {
  font-size: 18px;
  line-height: 1;
  color: #847155;
  display: inline-block;
  vertical-align: bottom;
  padding: 0 5px 0px 5px;
  text-align: right;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 4063, ../scss/app.scss */
.header .secondaryMenu .all {
  padding: 5px 5px 0px 0px;
}

/* line 4065, ../scss/app.scss */
.header .secondaryMenu .all:before {
  font-size: 18px;
  line-height: 26px;
  color: #847155;
  display: inline-block;
  vertical-align: 0%;
  padding: 0 5px 0px 5px;
  text-align: right;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  position: relative;
  top: 0;
}

/* line 4078, ../scss/app.scss */
.header .secondaryMenu li.icon--eye a:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  top: 60%;
}

/* line 4089, ../scss/app.scss */
.header .secondaryMenu li.icon--play a:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  top: 57%;
}

@media only screen and (min-width: 1025px) {
  /* line 4101, ../scss/app.scss */
  .header.sticky .secondaryMenu {
    opacity: 0;
    visibility: hidden;
  }
}
/* line 4104, ../scss/app.scss */
.header .annexeMenu {
  text-align: center;
  border-right: 1px solid #212121;
  border-left: 1px solid #212121;
  position: relative;
  padding: 0 10px;
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 1280px) {
  /* line 4113, ../scss/app.scss */
  .header .annexeMenu {
    padding-right: 5px;
  }
}
@media only screen and (min-width: 1401px) {
  /* line 4116, ../scss/app.scss */
  .header .annexeMenu {
    padding: 0 20px;
  }
}
/* line 4118, ../scss/app.scss */
.header .annexeMenu > div {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  height: 100%;
}

/* line 4123, ../scss/app.scss */
.header .annexeMenu > div:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

@media only screen and (min-width: 1401px) {
  /* line 4129, ../scss/app.scss */
  .header .annexeMenu > div {
    margin-right: 20px;
  }
}
/* line 4131, ../scss/app.scss */
.header .annexeMenu > div:first-child {
  margin-left: 0;
}

/* line 4133, ../scss/app.scss */
.header .annexeMenu > div:last-child {
  margin-right: 0;
}

/* line 4135, ../scss/app.scss */
.header .annexeMenu > div > a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

/* line 4139, ../scss/app.scss */
.header .annexeMenu > div > a:before {
  font-size: 22px;
  color: #847155;
  display: inline;
  position: relative;
}

/* line 4144, ../scss/app.scss */
.header .annexeMenu > div.cart-icon > a:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 4154, ../scss/app.scss */
.header .annexeMenu > div.wheretobuy a:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 4164, ../scss/app.scss */
.header .annexeMenu > div.search-icon a:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 4174, ../scss/app.scss */
.header .annexeMenu > div i:not(.ticker) {
  display: none;
}

/* line 4176, ../scss/app.scss */
.header .annexeMenu > div b {
  background-color: #847155;
  color: #000;
  font-size: 9px;
  width: 13px;
  height: 13px;
  line-height: 13px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  top: -2px;
  left: 18px;
  padding-left: 2px;
}

@media only screen and (max-width: 1280px) {
  /* line 4190, ../scss/app.scss */
  .header.sticky .annexeMenu li a:before {
    font-size: 22px;
  }

  /* line 4192, ../scss/app.scss */
  .header.sticky .annexeMenu li.cart a:before {
    font-size: 25px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 4195, ../scss/app.scss */
  .header .beautyGeniusBtn {
    position: relative;
    display: inline-block;
    height: 30px;
  }
}
/* line 4199, ../scss/app.scss */
.header .myaccount-btn-wrap:not(.beautyGeniusBtn) {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 0px;
  font-size: 10px;
  position: relative;
  min-width: 110px;
}

@media only screen and (min-width: 1025px) {
  /* line 4208, ../scss/app.scss */
  .header .myaccount-btn-wrap:not(.beautyGeniusBtn) {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 4211, ../scss/app.scss */
.header .myaccount-btn-wrap:not(.beautyGeniusBtn) span {
  left: 5px;
  right: 0;
  margin: auto;
  width: 100%;
  opacity: 1;
  font-size: 10px;
}

@media only screen and (min-width: 1025px) {
  /* line 4219, ../scss/app.scss */
  .header .myaccount-btn-wrap:not(.beautyGeniusBtn) span {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
}
/* line 4222, ../scss/app.scss */
.header .myaccount {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

/* line 4226, ../scss/app.scss */
.header .myaccount:before {
  content: "";
  background: #151515 url(/assets/img/logo-beautygenius.svg) no-repeat 0 0;
  width: 100%;
  height: 58px;
  background-size: contain;
  display: block;
  margin: 5px auto 10px auto;
  background-position: 50% 0;
}

@media only screen and (min-width: 1025px) {
  /* line 4236, ../scss/app.scss */
  .header .myaccount:before {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 4239, ../scss/app.scss */
.header .logOut:before {
  content: initial;
}

@media only screen and (max-width: 1024px) {
  /* line 4242, ../scss/app.scss */
  .header .logOut .accountSpan {
    font-size: 7px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
  }
}
/* line 4250, ../scss/app.scss */
.header.sticky .myaccount.logOut span {
  display: none;
}

@media only screen and (min-width: 1025px) {
  /* line 4253, ../scss/app.scss */
  .header.sticky .myaccount:before {
    width: 30px;
    height: 30px;
    margin-top: 18px;
  }

  /* line 4257, ../scss/app.scss */
  .header.sticky .myaccount span {
    opacity: 0;
    bottom: 30px;
  }
}
/* line 4260, ../scss/app.scss */
.header .search form .text {
  position: relative;
}

/* line 4262, ../scss/app.scss */
.header .search form .text:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  color: #847155;
  font-size: 20px;
  line-height: 17px;
  position: absolute;
  left: 0;
  top: 20%;
}

/* line 4278, ../scss/app.scss */
.header .search form .text input {
  padding-left: 30px;
}

/* line 4280, ../scss/app.scss */
.header .search form .submit {
  display: none;
}

/* line 4283, ../scss/app.scss */
.menu-mobile {
  display: none;
  position: fixed;
  z-index: 100;
  top: -5px;
  left: 0;
  bottom: -5px;
  overflow: hidden;
  padding: 60px 20px 15px;
  background-color: #000;
  height: calc(100% + 10px);
  box-sizing: border-box;
}

@media only screen and (min-width: 1025px) {
  /* line 4296, ../scss/app.scss */
  .menu-mobile {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 4299, ../scss/app.scss */
  .menu-mobile {
    width: 33%;
    min-width: 340px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 4303, ../scss/app.scss */
  .menu-mobile {
    width: 100%;
    min-width: 0;
  }
}
/* line 4306, ../scss/app.scss */
.menu-mobile .mobile-wrap {
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

/* line 4310, ../scss/app.scss */
.menu-mobile .newsletter form .text input {
  padding-left: 30px;
}

/* line 4312, ../scss/app.scss */
.menu-mobile nav {
  padding-bottom: 50px;
}

/* line 4314, ../scss/app.scss */
.menu-mobile li {
  line-height: 24px;
  text-align: left;
  overflow: hidden;
}

/* line 4318, ../scss/app.scss */
.menu-mobile li .nav-item {
  border-bottom: 1px solid #847155;
  margin-bottom: 0;
  line-height: 52px;
  position: relative;
}

/* line 4323, ../scss/app.scss */
.menu-mobile li .nav-item.nav-item {
  margin-bottom: 0;
}

/* line 4325, ../scss/app.scss */
.menu-mobile li:last-child span {
  border: 0;
}

/* line 4327, ../scss/app.scss */
.menu-mobile li a i:after {
  content: '+';
  top: 0;
  font-size: 44px;
  font-weight: 100;
  line-height: 50px;
  position: absolute;
  right: 0;
  color: #847155;
  font-style: normal;
}

/* line 4337, ../scss/app.scss */
.menu-mobile li .link i:after {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 20px;
  line-height: 20px;
  vertical-align: middle;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 4354, ../scss/app.scss */
.menu-mobile li.active i:after {
  content: '-';
  top: -4px;
}

/* line 4357, ../scss/app.scss */
.menu-mobile li.has-children {
  position: relative;
}

/* line 4359, ../scss/app.scss */
.menu-mobile li.has-children ul {
  display: none;
  margin-top: 0;
  padding-top: 0;
}

/* line 4363, ../scss/app.scss */
.menu-mobile li.has-children ul li {
  line-height: 26px;
  font-size: 16px;
}

/* line 4366, ../scss/app.scss */
.menu-mobile li.has-children ul li a {
  color: #CCCCCC;
}

/* line 4368, ../scss/app.scss */
.menu-mobile li.has-children i:after {
  right: -15px;
}

/* line 4370, ../scss/app.scss */
.menu-mobile li.has-children.open ul {
  display: block;
}

/* line 4372, ../scss/app.scss */
.menu-mobile li.has-children.open i:after {
  content: '-';
  top: -4px;
}

/* line 4375, ../scss/app.scss */
.menu-mobile .pages {
  padding: 10px 20px;
  display: none;
  box-sizing: border-box;
}

/* line 4379, ../scss/app.scss */
.menu-mobile .pages.open {
  display: block;
}

/* line 4381, ../scss/app.scss */
.menu-mobile .pages li {
  line-height: 34px;
}

/* line 4383, ../scss/app.scss */
.menu-mobile label {
  display: none;
}

/* line 4385, ../scss/app.scss */
.menu-mobile .newsletter {
  position: static;
  width: 100%;
  bottom: 70px;
  left: 0;
  padding: 0;
  margin: 15px auto;
}

/* line 4392, ../scss/app.scss */
.menu-mobile .newsletter:after {
  content: "";
  display: block;
  clear: both;
}

/* line 4396, ../scss/app.scss */
.menu-mobile .newsletter .text:before {
  color: #847155;
}

/* line 4398, ../scss/app.scss */
.menu-mobile .newsletter form {
  position: relative;
}

/* line 4400, ../scss/app.scss */
.menu-mobile .newsletter form:before {
  content: "";
  width: 15px;
  height: 2px;
  background: #847155;
  display: block;
  text-align: left;
  position: absolute;
  top: -20px;
  left: 2px;
}

/* line 4410, ../scss/app.scss */
.menu-mobile .search {
  margin: 10px 0 30px 0;
}

/* line 4412, ../scss/app.scss */
.menu-mobile .text input {
  border-bottom-width: 1px;
  color: #fff;
}

/* line 4415, ../scss/app.scss */
.menu-mobile .text ::-webkit-input-placeholder {
  color: #847155;
  text-transform: uppercase;
  font-style: italic;
  letter-spacing: .3em;
}

/* line 4420, ../scss/app.scss */
.menu-mobile .text ::-moz-placeholder {
  color: #847155;
  text-transform: uppercase;
  font-style: italic;
  letter-spacing: .3em;
}

/* line 4425, ../scss/app.scss */
.menu-mobile .text :-ms-input-placeholder {
  color: #847155;
  text-transform: uppercase;
  font-style: italic;
  letter-spacing: .3em;
}

/* line 4430, ../scss/app.scss */
.menu-mobile .text input:-moz-placeholder {
  color: #847155;
  text-transform: uppercase;
  font-style: italic;
  letter-spacing: .3em;
}

/* line 4435, ../scss/app.scss */
.menu-mobile .socialnetworks {
  text-align: center;
  position: static;
  width: 100%;
  bottom: 20px;
  left: 0;
}

/* line 4441, ../scss/app.scss */
.menu-mobile .socialnetworks li {
  margin: 0 15px;
}

/* Modif Castelis 30032016 ticket #48823 */
/* line 4444, ../scss/app.scss */
.menu-mobile .socialnetworks li:first-child {
  display: none;
}

/* Modif Castelis 27042016 ticket #48823 */
/* line 4447, ../scss/app.scss */
.menu-mobile .socialnetworks li:last-child {
  margin-right: 25px;
}

/* line 4449, ../scss/app.scss */
.menu-mobile .open ul {
  display: block;
}

/* line 4452, ../scss/app.scss */
.header a.account:hover {
  opacity: 1 !important;
}

/* line 4455, ../scss/app.scss */
.expandMenu-box {
  position: absolute;
  z-index: 111;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #000;
  padding-top: 90px;
  padding-bottom: 20px;
  text-align: center;
  -webkit-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: -webkit-transform 600ms cubic-bezier(1, 0, 0, 1);
  transition: transform 600ms cubic-bezier(1, 0, 0, 1);
}

@media only screen and (max-width: 1280px) {
  /* line 4471, ../scss/app.scss */
  .expandMenu-box {
    padding-top: 60px;
  }
}
/* line 4473, ../scss/app.scss */
.expandMenu-box .logo, .expandMenu-box .header .logo-mobile, .header .expandMenu-box .logo-mobile {
  margin-bottom: 90px !important;
  width: 250px !important;
  height: 70px !important;
}

@media only screen and (max-width: 1280px) {
  /* line 4478, ../scss/app.scss */
  .expandMenu-box .logo, .expandMenu-box .header .logo-mobile, .header .expandMenu-box .logo-mobile {
    margin-bottom: 60px !important;
  }
}
/* line 4480, ../scss/app.scss */
.expandMenu-box .wrapper, .expandMenu-box .logo, .expandMenu-box .header .logo-mobile, .header .expandMenu-box .logo-mobile, .expandMenu-box .close, .expandMenu-box .socialnetworks {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 300ms false;
  transition: opacity 300ms;
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms;
}

/* line 4487, ../scss/app.scss */
.expandMenu-box ul {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin-left: 80px;
  margin-bottom: 90px;
}

@media only screen and (max-width: 1280px) {
  /* line 4494, ../scss/app.scss */
  .expandMenu-box ul {
    margin-bottom: 0px;
  }
}
/* line 4496, ../scss/app.scss */
.expandMenu-box ul:nth-of-type(1) {
  margin-left: 0;
}

/* line 4498, ../scss/app.scss */
.expandMenu-box li {
  line-height: 36px;
}

@media only screen and (max-width: 1024px) {
  /* line 4501, ../scss/app.scss */
  .expandMenu-box li {
    line-height: 26px;
  }
}
/* line 4503, ../scss/app.scss */
.expandMenu-box > .wrapper li:nth-of-type(1) {
  display: block;
}

/* line 4505, ../scss/app.scss */
.expandMenu-box a {
  font-size: 18px;
}

@media only screen and (max-width: 1280px) {
  /* line 4508, ../scss/app.scss */
  .expandMenu-box a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 4511, ../scss/app.scss */
  .expandMenu-box a {
    font-size: 14px;
  }
}
/* line 4513, ../scss/app.scss */
.expandMenu-box .socialnetworks {
  margin-bottom: 0;
}

/* line 4515, ../scss/app.scss */
.expandMenu-box .socialnetworks span {
  display: inline-block;
}

/* line 4517, ../scss/app.scss */
.expandMenu-box .socialnetworks span:before {
  display: none;
}

/* line 4519, ../scss/app.scss */
.expandMenu-box .socialnetworks li {
  margin-left: 20px;
  width: 20px;
  height: 20px;
}

/* line 4523, ../scss/app.scss */
.expandMenu-box .socialnetworks li:nth-of-type(1) {
  width: auto;
  height: auto;
  margin-left: 0;
}

/* line 4527, ../scss/app.scss */
.expandMenu-box .socialnetworks a {
  height: 20px;
  line-height: 20px;
}

/* line 4530, ../scss/app.scss */
.expandMenu-box .socialnetworks a:before {
  font-size: 20px;
}

/* line 4533, ../scss/app.scss */
.close {
  position: absolute;
  top: 25px;
  right: 25px;
  color: #fff;
  padding-right: 20px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .05em;
}

/* line 4542, ../scss/app.scss */
.close:before, .close:after {
  content: '';
  background-color: #fff;
  width: 15px;
  height: 2px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -2px;
}

/* line 4551, ../scss/app.scss */
.close:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 4555, ../scss/app.scss */
.close:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 4560, ../scss/app.scss */
.expandMenu .expandMenu-box {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 4564, ../scss/app.scss */
.expandMenu .expandMenu-box .wrapper, .expandMenu .expandMenu-box .logo, .expandMenu .expandMenu-box .header .logo-mobile, .header .expandMenu .expandMenu-box .logo-mobile, .expandMenu .expandMenu-box .close, .expandMenu .expandMenu-box .socialnetworks {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 4568, ../scss/app.scss */
.header.sticky .menu-box {
  padding: 66px 0 0;
}

@media only screen and (max-width: 1024px) {
  /* line 4572, ../scss/app.scss */
  .menu-box:not(.menu-category) {
    display: none;
  }
}
/* line 4575, ../scss/app.scss */
.menu-box {
  position: absolute;
  z-index: 98;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  text-align: center;
  -webkit-transform: translate3d(0, -120%, 0);
  -ms-transform: translate3d(0, -120%, 0);
  transform: translate3d(0, -120%, 0);
}

/* line 4586, ../scss/app.scss */
.menu-box.contextual {
  padding-top: 66px;
}

@media only screen and (min-width: 1025px) {
  /* line 4589, ../scss/app.scss */
  .menu-box {
    -webkit-transition: -webkit-transform 600ms cubic-bezier(1, 0, 0, 1);
    transition: transform 600ms cubic-bezier(1, 0, 0, 1);
  }
}
/* line 4592, ../scss/app.scss */
.menu-box > nav > ul {
  padding: 30px;
  /*padding-bottom: 10px; - Modif Castelis 18032016*/
  border-bottom: 1px solid #e2e2e2;
}

@media only screen and (max-width: 1280px) {
  /* line 4597, ../scss/app.scss */
  .menu-box > nav > ul {
    padding: 20px;
  }
}
/* line 4599, ../scss/app.scss */
.menu-box > nav > ul li {
  display: inline-block;
  margin: 0 30px;
}

@media only screen and (max-width: 1280px) {
  /* line 4603, ../scss/app.scss */
  .menu-box > nav > ul li {
    margin: 0 20px;
  }
}
/* line 4605, ../scss/app.scss */
.menu-box > nav > ul a {
  color: #CCCCCC;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: .3em;
  text-transform: uppercase;
}

@media only screen and (min-width: 1025px) {
  /* line 4613, ../scss/app.scss */
  .menu-box > nav > ul a {
    -webkit-transition: color 300ms false;
    transition: color 300ms;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 4617, ../scss/app.scss */
  .menu-box > nav > ul a {
    font-size: 18px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 4621, ../scss/app.scss */
  .menu-box > nav > ul a {
    font-size: 16px;
    line-height: 16px;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 4625, ../scss/app.scss */
  .menu-box > nav > ul li.active a {
    color: #847155;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
/* line 4629, ../scss/app.scss */
.menu-box > nav > ul a:hover {
  opacity: 1 !important;
}

/* line 4631, ../scss/app.scss */
.menu-box .wrapper {
  padding: 40px 20px;
  max-width: 1300px;
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  /* line 4637, ../scss/app.scss */
  .menu-box .wrapper {
    padding: 5px 20px 20px 20px;
    position: static;
    overflow: hidden;
  }
}
/* line 4641, ../scss/app.scss */
.menu-box .wrapper nav {
  float: left;
}

@media only screen and (min-width: 1025px) {
  /* line 4644, ../scss/app.scss */
  .menu-box .wrapper nav {
    width: 20%;
  }
}
/* line 4646, ../scss/app.scss */
.menu-box .wrapper li {
  text-align: left;
  line-height: 34px;
}

@media only screen and (max-width: 1024px) {
  /* line 4650, ../scss/app.scss */
  .menu-box .wrapper li {
    line-height: 28px;
  }
}
/* line 4652, ../scss/app.scss */
.menu-box .wrapper a {
  font-weight: 700;
  text-transform: none;
  color: #000;
}

@media only screen and (max-width: 1024px) {
  /* line 4657, ../scss/app.scss */
  .menu-box.menu-category .wrapper nav {
    width: 100%;
    padding-top: 10px;
  }

  /* line 4660, ../scss/app.scss */
  .menu-box.menu-category .wrapper li {
    text-align: center;
  }

  /* line 4662, ../scss/app.scss */
  .menu-box.menu-category .wrapper a {
    color: #a3a2a2;
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    font-size: 16px;
  }

  /* line 4667, ../scss/app.scss */
  .menu-box.menu-category .wrapper a:hover {
    color: #4d4d4d;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 1025px) {
  /* line 4671, ../scss/app.scss */
  .menu-box.menu-category .wrapper li.active a {
    color: #847155;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
/* line 4675, ../scss/app.scss */
.menu-box .items {
  display: table;
}

/* line 4677, ../scss/app.scss */
.menu-box .items.w20 {
  width: 20%;
}

/* line 4679, ../scss/app.scss */
.menu-box .items.w40 {
  width: 40%;
}

/* line 4681, ../scss/app.scss */
.menu-box .items.w60 {
  width: 60%;
}

/* line 4683, ../scss/app.scss */
.menu-box .items.w80 {
  width: 80%;
}

/* line 4685, ../scss/app.scss */
.menu-box .items.w100 {
  width: 100%;
}

/* line 4687, ../scss/app.scss */
.menu-box .items .item {
  width: 25%;
  display: table-cell;
  text-align: center;
}

/* line 4691, ../scss/app.scss */
.menu-box .items img {
  max-width: 100%;
  /*width: 100%; Modif Castelis cf #48969 */
  margin-bottom: 40px;
  /* Modif Castelis cf #48969 */
  height: auto;
  max-height: 254px;
  /* Modif Castelis cf mail Yannick 17032016 */
}

/* line 4697, ../scss/app.scss */
.menu-box .items a {
  display: block;
}

/* line 4699, ../scss/app.scss */
.menu-box .items h4 {
  padding: 0 20px;
  margin-bottom: 0;
}

/* line 4702, ../scss/app.scss */
.menu-box .items h4:before {
  display: none;
}

/* line 4704, ../scss/app.scss */
.menu-box .items .subtitle:before, .menu-box .items .subtitle:after {
  width: 30px;
}

/* line 4706, ../scss/app.scss */
.menu-box .items .product h4 {
  font-size: 14px;
  line-height: 18px;
}

@media only screen and (max-width: 1024px) {
  /* line 4710, ../scss/app.scss */
  .menu-box .items .product h4 {
    font-size: 12px;
    line-height: 16px;
  }
}
/* line 4713, ../scss/app.scss */
.menu-box .items .article {
  vertical-align: top;
  padding-top: 50px;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

/* line 4718, ../scss/app.scss */
.menu-box .items .article p {
  color: #847155;
}

/* line 4720, ../scss/app.scss */
.menu-box .items .article p:before, .menu-box .items .article p:after {
  background: #847155;
}

@media only screen and (max-width: 1280px) {
  /* line 4723, ../scss/app.scss */
  .menu-box .items .article p:before, .menu-box .items .article p:after {
    width: 10px;
  }
}
/* line 4725, ../scss/app.scss */
.menu-box .items .article.video {
  position: relative;
}

/* line 4727, ../scss/app.scss */
.menu-box .items .article h4 {
  font-size: 22px;
}

@media only screen and (max-width: 1280px) {
  /* line 4730, ../scss/app.scss */
  .menu-box .items .article h4 {
    font-size: 18px;
  }
}
/* line 4732, ../scss/app.scss */
.menu-box .items .article h4 span {
  font-family: 'Jellyka-CuttyCupcakes', cursive;
  text-transform: none;
  color: #847155;
  font-weight: normal;
  font-size: 52px;
  letter-spacing: 0;
}

/* line 4739, ../scss/app.scss */
.menu-box .items .article h4 span:before, .menu-box .items .article h4 span:after {
  display: none;
}

/* line 4741, ../scss/app.scss */
.menu-box span {
  text-transform: uppercase;
  display: block;
  color: #847155;
  font-weight: 700;
  margin-bottom: 10px;
}

@media only screen and (max-width: 1024px) {
  /* line 4748, ../scss/app.scss */
  .menu-box .span-title a {
    font-size: 8px;
  }
}
/* line 4750, ../scss/app.scss */
.menu-box .wrap {
  position: relative;
  margin: 0 auto;
  min-height: 450px;
  background: #FFFFFF;
}

/* line 4755, ../scss/app.scss */
.menu-box .menu-wrapper {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
}

@media only screen and (min-width: 1025px) {
  /* line 4764, ../scss/app.scss */
  .menu-box .menu-wrapper {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 4767, ../scss/app.scss */
.menu-box .menu-wrapper.current {
  opacity: 1;
  visibility: visible;
}

/* line 4770, ../scss/app.scss */
.menu-box .menu-wrapper .items {
  margin: 0 auto;
}

@media only screen and (min-width: 1025px) {
  /* line 4774, ../scss/app.scss */
  .menu-box.category-l2 .wrapper nav,
  .menu-box.category-inside-lop .wrapper nav,
  .menu-box.category-trends-and-tutorials .wrapper nav,
  .menu-box.category-topic-landing .wrapper nav {
    float: none;
    margin: 0 auto;
  }

  /* line 4780, ../scss/app.scss */
  .menu-box.category-l2 .wrapper nav a,
  .menu-box.category-inside-lop .wrapper nav a,
  .menu-box.category-trends-and-tutorials .wrapper nav a,
  .menu-box.category-topic-landing .wrapper nav a {
    color: #a3a2a2;
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    font-size: 16px;
  }

  /* line 4788, ../scss/app.scss */
  .menu-box.category-l2 .wrapper nav a:hover,
  .menu-box.category-inside-lop .wrapper nav a:hover,
  .menu-box.category-trends-and-tutorials .wrapper nav a:hover,
  .menu-box.category-topic-landing .wrapper nav a:hover {
    color: #4d4d4d;
  }

  /* line 4793, ../scss/app.scss */
  .menu-box.category-l2 .wrapper nav li.active a,
  .menu-box.category-inside-lop .wrapper nav li.active a,
  .menu-box.category-trends-and-tutorials .wrapper nav li.active a,
  .menu-box.category-topic-landing .wrapper nav li.active a {
    color: #847155;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
/* line 4801, ../scss/app.scss */
.menu-box.category-l2 .wrapper,
.menu-box.category-topic-landing .wrapper {
  padding: 20px;
}

/* line 4805, ../scss/app.scss */
.menu-box.category-l2 nav,
.menu-box.category-topic-landing nav {
  width: 100%;
  text-align: center;
}

/* line 4809, ../scss/app.scss */
.menu-box.category-l2 nav a,
.menu-box.category-topic-landing nav a {
  font-size: 11px !important;
  letter-spacing: 2px;
}

/* line 4813, ../scss/app.scss */
.menu-box.category-l2 nav li,
.menu-box.category-topic-landing nav li {
  display: inline-block;
  margin: 0 10px;
}

/* line 4817, ../scss/app.scss */
.menu-box.category-l2 nav li a,
.menu-box.category-topic-landing nav li a {
  text-transform: uppercase;
}

@media only screen and (max-width: 1024px) {
  /* line 4822, ../scss/app.scss */
  .menu-box.category-l2,
  .menu-box.category-topic-landing {
    width: auto;
  }

  /* line 4825, ../scss/app.scss */
  .menu-box.category-l2 li,
  .menu-box.category-topic-landing li {
    display: block;
    margin: 0;
  }
}
/* line 4830, ../scss/app.scss */
.scroll-nav .cols nav ul li a {
  color: #CCCCCC;
}

@media only screen and (min-width: 1025px) {
  /* line 4833, ../scss/app.scss */
  .scroll-nav .cols nav ul li a {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 4836, ../scss/app.scss */
.scroll-nav .cols nav ul li a:hover {
  color: #000;
}

@media only screen and (min-width: 1401px) {
  /* line 4840, ../scss/app.scss */
  .header.sticky .menu-box {
    padding: 66px 0 0;
  }
}
/* line 4843, ../scss/app.scss */
.header .menu-box {
  padding: 130px 0 0;
}

@media only screen and (min-width: 1401px) {
  /* line 4846, ../scss/app.scss */
  .header .menu-box {
    padding: 130px 0 0;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 4849, ../scss/app.scss */
  .header .menu-box {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 4852, ../scss/app.scss */
  .header .menu-box {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 4855, ../scss/app.scss */
  .header .menu-box {
    top: 95px;
    padding-top: 0;
    position: fixed !important;
  }
}
/* line 4860, ../scss/app.scss */
.expand.menu-box {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 4865, ../scss/app.scss */
.home .menu-box {
  padding-top: 130px;
}

@media only screen and (max-width: 1280px) {
  /* line 4868, ../scss/app.scss */
  .home .menu-box {
    padding-top: 120px;
  }
}
/* line 4871, ../scss/app.scss */
.home .header.sticky .menu-box {
  padding-top: 66px;
}

@media only screen and (min-width: 769px) {
  /* line 4875, ../scss/app.scss */
  .l1 .sticky-wrapper, .l2 .sticky-wrapper {
    position: absolute;
  }
}
/* line 4878, ../scss/app.scss */
.scroll-nav-wrap {
  position: relative;
  height: 40px;
  overflow: hidden;
  width: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  /*z-index: -1*/
}

@media only screen and (min-width: 769px) {
  /* line 4887, ../scss/app.scss */
  .scroll-nav-wrap {
    position: fixed;
    top: 55px;
    height: 0;
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (min-width: 1025px) {
  /* line 4894, ../scss/app.scss */
  .scroll-nav-wrap {
    top: 100%;
  }
}
/* line 4896, ../scss/app.scss */
.scroll-nav-wrap.swap {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 210ms ease-in-out;
  transition: transform 210ms ease-in-out;
}

@media only screen and (max-width: 1024px) {
  /* line 4903, ../scss/app.scss */
  .scroll-nav-wrap.swap {
    display: none !important;
  }
}
/* line 4905, ../scss/app.scss */
.scroll-nav-wrap.stuck {
  position: absolute;
  top: 100%;
  height: 40px;
}

@media only screen and (max-width: 1024px) {
  /* line 4910, ../scss/app.scss */
  .scroll-nav-wrap.stuck {
    top: 54px;
    position: fixed;
    z-index: 110;
  }
}
/* line 4914, ../scss/app.scss */
.scroll-nav-wrap .menu-box:not(.menu-category) {
  z-index: 0;
  top: 100%;
}

@media only screen and (max-width: 1024px) {
  /* line 4918, ../scss/app.scss */
  .scroll-nav-wrap .menu-box:not(.menu-category) {
    top: 0;
    display: none;
  }
}
/* line 4921, ../scss/app.scss */
.scroll-nav-wrap .slideRight {
  font-style: normal;
  position: absolute;
  right: 0;
  top: 0;
  width: 35px;
  height: 30px;
  z-index: 99;
  height: 90%;
  box-shadow: -4px 0px 4px 1px #FFFFFF;
  background: #FFFFFF;
}

/* line 4932, ../scss/app.scss */
.scroll-nav-wrap .slideRight:before {
  font-size: 14px;
  color: #c3ac83;
  font-weight: bold;
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  display: inline-block;
  background: #FFFFFF;
  font-weight: 900;
  top: 20px;
  left: 10px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 4954, ../scss/app.scss */
.scroll-nav-wrap .slideRight:before {
  right: 0;
}

/* line 4957, ../scss/app.scss */
.categories-trigger, .header .categories-trigger {
  text-transform: uppercase;
  color: rgba(132, 113, 85, 0.55);
  text-transform: uppercase;
  letter-spacing: .30em;
  text-align: right;
  margin-right: 10%;
  font-weight: 700;
  width: 100%;
  position: absolute;
  right: 30px;
  top: 7px;
  margin: auto;
}

@media only screen and (max-width: 768px) {
  /* line 4971, ../scss/app.scss */
  .categories-trigger, .header .categories-trigger {
    text-align: center;
    left: 0;
    right: 0;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 4976, ../scss/app.scss */
  .categories-trigger, .header .categories-trigger {
    right: 10%;
  }
}
/* line 4978, ../scss/app.scss */
.categories-trigger:hover, .categories-trigger.active, .header .categories-trigger:hover, .header .categories-trigger.active {
  color: rgba(132, 113, 85, 0.95);
  opacity: 1;
}

/* line 4981, ../scss/app.scss */
.categories-trigger i, .header .categories-trigger i {
  margin-left: 10px;
  width: 23px;
  height: 23px;
  border: 1px solid #CCCCCC;
  display: inline-block;
  border-radius: 50%;
}

/* line 4988, ../scss/app.scss */
.categories-trigger i i, .header .categories-trigger i i {
  display: none;
}

/* line 4990, ../scss/app.scss */
.categories-trigger i:before, .header .categories-trigger i:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 11.79487px;
  line-height: 22px;
  display: block;
  text-align: center;
  color: #CCCCCC;
  letter-spacing: 0;
}

/* line 5006, ../scss/app.scss */
.categories-trigger.active i, .header .categories-trigger.active i {
  background-color: #847155;
  border-color: #847155;
}

/* line 5009, ../scss/app.scss */
.categories-trigger.active i:before, .header .categories-trigger.active i:before {
  color: #FFFFFF;
}

@media only screen and (min-width: 1025px) {
  /* line 5013, ../scss/app.scss */
  .categories-trigger, .header .categories-trigger, i, i:before {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }

  /* line 5016, ../scss/app.scss */
  .menu-category.menu-box.expand {
    -webkit-transform: translate3d(0, 40px, 0);
    -ms-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 5023, ../scss/app.scss */
.scroll-nav {
  position: relative;
  width: 100%;
  background: #FFFFFF;
  z-index: 99;
  left: 0;
  height: 40px;
  margin-top: 0;
  top: 0;
  padding: 5px 0 0 0;
}

@media only screen and (max-width: 768px) {
  /* line 5034, ../scss/app.scss */
  .scroll-nav.longMenu .nav-menu {
    width: 30em;
    text-align: left;
    padding-left: 20px;
  }
}
/* line 5038, ../scss/app.scss */
.scroll-nav:after {
  content: "";
  width: 150%;
  height: 1px;
  background: #e6e6e6;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media only screen and (max-width: 768px) {
  /* line 5047, ../scss/app.scss */
  .scroll-nav {
    padding: 7px 0 0 0;
    position: relative;
    bottom: 0;
    top: auto;
    width: 100%;
    left: 0;
    opacity: 1;
    margin-top: 0;
  }
}
/* line 5056, ../scss/app.scss */
.scroll-nav ul {
  text-transform: uppercase;
  margin: 0;
}

/* line 5059, ../scss/app.scss */
.scroll-nav ul li {
  display: inline-block;
  vertical-align: middle;
}

/* line 5062, ../scss/app.scss */
.scroll-nav .nav-menu {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  padding-top: 3px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 98;
}

@media only screen and (min-width: 769px) {
  /* line 5074, ../scss/app.scss */
  .scroll-nav .nav-menu {
    padding-top: 3px;
    text-align: center;
    width: auto;
    z-index: 2;
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (max-width: 768px) {
  /* line 5082, ../scss/app.scss */
  .scroll-nav .nav-menu.is-expanded {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: calc(100% - 80px);
  }
}
/* line 5086, ../scss/app.scss */
.scroll-nav .nav-menu li {
  margin-right: 15px;
  font-size: 15px;
  font-weight: 600;
}

@media only screen and (min-width: 1025px) {
  /* line 5091, ../scss/app.scss */
  .scroll-nav .nav-menu li {
    margin-right: 30px;
  }
}
/* line 5093, ../scss/app.scss */
.scroll-nav .nav-menu li:last-child {
  margin-right: 0;
}

/* line 5095, ../scss/app.scss */
.scroll-nav .nav-menu a {
  color: rgba(132, 113, 85, 0.55);
  text-transform: uppercase;
  letter-spacing: .3em;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 5101, ../scss/app.scss */
.scroll-nav .nav-menu a:hover, .scroll-nav .nav-menu a.active {
  color: rgba(132, 113, 85, 0.95);
}

/* line 5104, ../scss/app.scss */
.menu-category {
  z-index: -0;
}

@media only screen and (max-width: 1024px) {
  /* line 5108, ../scss/app.scss */
  .menu-category {
    z-index: 0;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    background: #FFFFFF;
  }

  /* line 5115, ../scss/app.scss */
  .menu-category.expand {
    display: block;
    height: auto;
    position: static;
  }

  /* line 5119, ../scss/app.scss */
  .menu-category nav ul li {
    display: block;
    line-height: 18px;
    margin: 15px 0px;
  }
}
/* line 5124, ../scss/app.scss */
.nav-guide, .header .nav-guide {
  display: none;
}

@media only screen and (min-width: 769px) {
  /* line 5127, ../scss/app.scss */
  .nav-guide, .header .nav-guide {
    display: inline-block;
    float: left;
    padding: 0 0 0 20px;
    position: relative;
    z-index: 2;
    z-index: 20;
  }
}
/* line 5134, ../scss/app.scss */
.nav-guide li, .header .nav-guide li {
  margin: 0 10px;
}

/* line 5136, ../scss/app.scss */
.nav-guide li.current, .header .nav-guide li.current {
  position: relative;
}

/* line 5138, ../scss/app.scss */
.nav-guide li.current:before, .header .nav-guide li.current:before {
  content: '•';
  display: inline-block;
  vertical-align: middle;
  color: #b2b2b2;
  padding-right: 5px;
  font-size: 20px;
  position: absolute;
  left: -15px;
}

/* line 5147, ../scss/app.scss */
.nav-guide .link, .header .nav-guide .link {
  font-weight: 600;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: #a3a3a3;
  font-size: 11px;
  position: relative;
}

/* line 5154, ../scss/app.scss */
.nav-guide .link:after, .header .nav-guide .link:after {
  content: "";
  width: 1px;
  height: 20px;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: -10px;
  top: -3px;
}

/* line 5162, ../scss/app.scss */
.nav-guide h4, .nav-guide h4 a, .header .nav-guide h4, .header .nav-guide h4 a {
  font-weight: 300;
  font-size: 22px;
  margin: 0;
  color: #000;
  display: inline;
}

/* line 5168, ../scss/app.scss */
.nav-guide h4 .expandDown, .nav-guide h4 a .expandDown, .header .nav-guide h4 .expandDown, .header .nav-guide h4 a .expandDown {
  width: 25px;
  height: 25px;
  border: 1px solid #cdcdcd;
  display: inline-block;
  border-radius: 50%;
  vertical-align: top;
  margin-left: 5px;
}

/* line 5176, ../scss/app.scss */
.nav-guide h4 .expandDown i, .nav-guide h4 a .expandDown i, .header .nav-guide h4 .expandDown i, .header .nav-guide h4 a .expandDown i {
  display: none;
}

/* line 5178, ../scss/app.scss */
.nav-guide h4 .expandDown:before, .nav-guide h4 a .expandDown:before, .header .nav-guide h4 .expandDown:before, .header .nav-guide h4 a .expandDown:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 12.82051px;
  line-height: 24px;
  display: block;
  text-align: center;
  color: #000;
  letter-spacing: 0;
}

/* line 5194, ../scss/app.scss */
.nav-guide h4 .expandDown:before, .nav-guide h4 a .expandDown:before, .header .nav-guide h4 .expandDown:before, .header .nav-guide h4 a .expandDown:before {
  font-size: 12px;
}

/* line 5197, ../scss/app.scss */
.footer {
  clear: both;
  background: #fff url(/assets/img/logo-inverted.svg) no-repeat 50% 100px;
  background-size: 250px auto;
  padding-top: 250px;
  text-transform: uppercase;
  z-index: 98;
}

@media only screen and (max-width: 1280px) {
  /* line 5205, ../scss/app.scss */
  .footer {
    padding-top: 170px;
    background-position: 50% 60px;
    background-size: 220px auto;
  }
}
@media only screen and (max-width: 640px) {
  /* line 5210, ../scss/app.scss */
  .footer {
    padding: 150px 20px 0;
    background-position: 50% 40px;
    background-size: 180px auto;
    /*position: relative; - Modif Castelis #49514 12052016*/
  }
}
/* line 5215, ../scss/app.scss */
.footer .text {
  max-width: 320px;
  margin: 0 auto;
}

@media only screen and (max-width: 640px) {
  /* line 5219, ../scss/app.scss */
  .footer:before {
    content: "";
    width: 90%;
    left: 0;
    right: 0;
    position: absolute;
    height: 1px;
    background: #e6e6e6;
    top: 120px;
    margin: 0 auto;
  }
}
/* line 5229, ../scss/app.scss */
.footer .wrapper {
  display: table;
  margin-bottom: 90px;
}

@media only screen and (max-width: 1280px) {
  /* line 5233, ../scss/app.scss */
  .footer .wrapper {
    margin-bottom: 30px;
    max-width: 900px;
  }
}
/* line 5236, ../scss/app.scss */
.footer .wrapper nav {
  width: 600px;
  display: table-cell;
  padding-left: 80px;
}

@media only screen and (max-width: 1024px) {
  /* line 5241, ../scss/app.scss */
  .footer .wrapper nav {
    padding-left: 60px;
    width: 560px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 5245, ../scss/app.scss */
  .footer .wrapper nav {
    width: 500px;
    padding-left: 40px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 5249, ../scss/app.scss */
  .footer .wrapper nav {
    display: none;
  }
}
/* line 5251, ../scss/app.scss */
.footer .wrapper nav ul {
  float: left;
}

/* line 5253, ../scss/app.scss */
.footer .wrapper nav ul:nth-of-type(1) {
  width: 250px;
}

@media only screen and (max-width: 768px) {
  /* line 5256, ../scss/app.scss */
  .footer .wrapper nav ul:nth-of-type(1) {
    width: 220px;
  }
}
/* line 5258, ../scss/app.scss */
.footer .wrapper nav ul:nth-of-type(2) {
  margin-bottom: 40px;
}

/* line 5260, ../scss/app.scss */
.footer .wrapper nav li {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  margin-bottom: 5px;
}

@media only screen and (min-width: 1025px) {
  /* line 5266, ../scss/app.scss */
  .footer .wrapper nav a {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 5269, ../scss/app.scss */
.footer .wrapper nav a:hover {
  opacity: 0.5;
}

/* line 5271, ../scss/app.scss */
.footer strong {
  text-transform: uppercase;
  display: block;
  font-size: 10px;
  color: #847155;
  font-weight: 700;
  letter-spacing: .3em;
  margin-bottom: 10px;
}

@media only screen and (max-width: 640px) {
  /* line 5280, ../scss/app.scss */
  .footer strong {
    margin-bottom: 15px;
  }
}
/* line 5282, ../scss/app.scss */
.footer strong:before {
  content: '';
  width: 8px;
  height: 2px;
  background-color: #847155;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 -18px;
}

@media only screen and (max-width: 640px) {
  /* line 5291, ../scss/app.scss */
  .footer strong:before {
    display: none;
  }
}
/* line 5293, ../scss/app.scss */
.footer .annexe {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px 0 90px;
  border-left: 1px solid #e5e5e5;
}

@media only screen and (max-width: 1024px) {
  /* line 5299, ../scss/app.scss */
  .footer .annexe {
    padding-left: 60px;
    padding-right: 40px;
    min-width: 270px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 5304, ../scss/app.scss */
  .footer .annexe {
    padding-left: 50px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 5307, ../scss/app.scss */
  .footer .annexe {
    padding: 0;
    border-left: 0;
    text-align: center;
  }
}
/* line 5311, ../scss/app.scss */
.footer .socialnetworks {
  display: inline-block;
  margin-bottom: 15px;
  position: relative;
}

@media only screen and (min-width: 1401px) {
  /* line 5316, ../scss/app.scss */
  .footer .socialnetworks {
    width: 85%;
  }
}
/* line 5318, ../scss/app.scss */
.footer .socialnetworks:after {
  content: "";
  width: 12px;
  height: 2px;
  background: #c3ac83;
  display: block;
  text-align: left;
  margin: 30px 0;
}

/* line 5326, ../scss/app.scss */
.footer .socialnetworks:after {
  margin: 30px auto 20px auto;
  height: 3px;
}

/* line 5329, ../scss/app.scss */
.footer .socialnetworks ul {
  text-align: center;
}

@media only screen and (max-width: 640px) {
  /* line 5332, ../scss/app.scss */
  .footer .socialnetworks li {
    margin: 0 15px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 5335, ../scss/app.scss */
  .footer .socialnetworks li:nth-of-type(1) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  /* line 5338, ../scss/app.scss */
  .footer .socialnetworks li:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 640px) {
  /* line 5341, ../scss/app.scss */
  .footer .socialnetworks strong {
    display: none;
  }
}
/* line 5343, ../scss/app.scss */
.footer .footer-change-location {
  color: #847155;
  font-weight: 700;
}

/* line 5346, ../scss/app.scss */
.footer .location-list ul {
  padding-top: 5px;
  padding-bottom: 20px;
}

/* line 5349, ../scss/app.scss */
.footer .location-list li {
  margin: 0 17px;
}

/* line 5351, ../scss/app.scss */
.footer .location-list li:before {
  content: "";
}

/* line 5353, ../scss/app.scss */
.footer .location-list a {
  text-transform: none;
  font-weight: 900;
  font-size: 12px;
  color: #b2b2b2;
}

/* line 5358, ../scss/app.scss */
.footer .dropDownTrigger:after {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  display: inline-block;
  color: #847155;
  padding-left: 5px;
  vertical-align: middle;
}

/* line 5372, ../scss/app.scss */
.footer .dropDownTrigger.active:after {
  content: "";
}

/* line 5374, ../scss/app.scss */
.footer .dropDownContent {
  height: 0;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  overflow: hidden;
}

/* line 5379, ../scss/app.scss */
.footer .dropDownContent.open {
  overflow: visible;
}

@media only screen and (max-width: 1024px) {
  /* line 5382, ../scss/app.scss */
  .footer .location-list ul {
    padding: 0;
  }
}
/* line 5385, ../scss/app.scss */
.bottom {
  text-align: center;
  border-top: 1px solid #e5e5e5;
  line-height: 40px;
}

/* line 5389, ../scss/app.scss */
.bottom ul {
  padding: 10px 0 15px 0;
}

@media only screen and (max-width: 1024px) {
  /* line 5392, ../scss/app.scss */
  .bottom ul {
    padding-bottom: 7px;
  }
}
/* line 5394, ../scss/app.scss */
.bottom li {
  display: inline;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .05em;
}

@media only screen and (max-width: 640px) {
  /* line 5400, ../scss/app.scss */
  .bottom li {
    display: block;
  }
}
/* line 5402, ../scss/app.scss */
.bottom li:before {
  content: '•';
  color: #999999;
  display: inline-block;
  margin: 0 5px;
}

@media only screen and (max-width: 640px) {
  /* line 5408, ../scss/app.scss */
  .bottom li:before {
    display: none;
  }
}
/* line 5410, ../scss/app.scss */
.bottom li:first-child:before {
  content: '';
}

/* line 5412, ../scss/app.scss */
.bottom a {
  color: #999999;
}

@media only screen and (min-width: 1025px) {
  /* line 5415, ../scss/app.scss */
  .bottom a {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 5418, ../scss/app.scss */
.bottom a:hover {
  opacity: 0.5;
}

/* line 5421, ../scss/app.scss */
.more-details {
  z-index: 99;
  min-width: 100px;
  width: 100%;
}

/* line 5425, ../scss/app.scss */
.more-details.white {
  color: #FFFFFF;
}

/* line 5427, ../scss/app.scss */
.more-details.white:after, .more-details.white:before {
  background-color: #FFFFFF;
}

/* line 5430, ../scss/app.scss */
input {
  -webkit-transition: border 300ms false;
  -webkit-transition-delay: 0s;
  -webkit-transition: border 300ms false false;
  transition: border 300ms false false;
}

/* line 5436, ../scss/app.scss */
.text {
  width: 100%;
  margin: 0 auto;
}

/* line 5439, ../scss/app.scss */
.text label {
  display: none;
}

/* line 5441, ../scss/app.scss */
.text input {
  border: 0;
  border-bottom: 3px solid #c3ac83;
  line-height: 30px;
  font-size: 14px;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  letter-spacing: .025em;
  color: #000;
  padding: 0 20px;
  width: 100%;
  background-color: transparent;
  border-radius: 0;
}

@media only screen and (max-width: 1280px) {
  /* line 5455, ../scss/app.scss */
  .text input {
    font-size: 12px;
  }
}
/* line 5457, ../scss/app.scss */
.text input.error {
  color: #D91E18 !important;
}

/* line 5459, ../scss/app.scss */
.text input:focus {
  outline: 0;
}

/* line 5461, ../scss/app.scss */
.text ::-webkit-input-placeholder {
  color: #999999;
}

/* line 5463, ../scss/app.scss */
.text ::-moz-placeholder {
  color: #999999;
}

/* line 5465, ../scss/app.scss */
.text :-ms-input-placeholder {
  color: #999999;
}

/* line 5467, ../scss/app.scss */
.text input:-moz-placeholder {
  color: #999999;
}

/* line 5470, ../scss/app.scss */
.form-validate .validate-label {
  display: block;
  position: absolute;
  bottom: 0px;
  color: #D91E18;
  width: 100%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-size: 11px;
  letter-spacing: 0.05em;
}

/* line 5483, ../scss/app.scss */
.form-validate .text:nth-of-type(2) .validate-label {
  position: absolute;
  bottom: -20px;
}

/* line 5487, ../scss/app.scss */
.form-validate .text:nth-of-type(3) .validate-label {
  position: absolute;
  bottom: -40px;
}

/* line 5491, ../scss/app.scss */
.form-validate .text:nth-of-type(4) .validate-label {
  position: absolute;
  bottom: -60px;
}

/* line 5495, ../scss/app.scss */
.checkboxes [type="checkbox"]:not(:checked), .checkboxes [type="radio"]:not(:checked),
.checkboxes [type="checkbox"]:checked, .checkboxes [type="radio"]:checked {
  position: absolute;
  left: -9999px;
}

/* line 5500, ../scss/app.scss */
.checkboxes [type="checkbox"]:not(:checked) + label, .checkboxes [type="radio"]:not(:checked) + label,
.checkboxes [type="checkbox"]:checked + label, .checkboxes [type="radio"]:checked + label {
  position: relative;
  display: block;
}

/* line 5505, ../scss/app.scss */
.checkboxes [type="checkbox"]:not(:checked) + label, .checkboxes [type="radio"]:not(:checked) + label {
  cursor: pointer;
}

/* line 5508, ../scss/app.scss */
.checkboxes.-small {
  text-align: left;
  margin: 20px 0;
}

/* line 5511, ../scss/app.scss */
.checkboxes.-small li {
  display: inline-block;
  width: auto;
  text-transform: uppercase;
}

/* line 5515, ../scss/app.scss */
.checkboxes.-small li:nth-of-type(2), .checkboxes.-small li:nth-of-type(3), .checkboxes.-small li:nth-of-type(4), .checkboxes.-small li:nth-of-type(5) {
  margin-left: 20px;
}

/* line 5517, ../scss/app.scss */
.checkboxes.-small [type="checkbox"]:not(:checked) + label, .checkboxes.-small [type="radio"]:not(:checked) + label,
.checkboxes.-small [type="checkbox"]:checked + label, .checkboxes.-small [type="radio"]:checked + label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

/* line 5522, ../scss/app.scss */
.checkboxes.-small [type="checkbox"]:not(:checked) + label:before, .checkboxes.-small [type="radio"]:not(:checked) + label:after,
.checkboxes.-small [type="checkbox"]:checked + label:before, .checkboxes.-small [type="radio"]:checked + label:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #FFFFFF;
  border-radius: 50%;
  border: 1px solid #000;
  vertical-align: middle;
  margin: 0 0 2px 5px;
}

/* line 5533, ../scss/app.scss */
.checkboxes.-small [type="checkbox"]:not(:checked) + label:after, .checkboxes.-small [type="radio"]:not(:checked) + label:after,
.checkboxes.-small [type="checkbox"]:checked + label:after, .checkboxes.-small [type="radio"]:checked + label:after {
  border-color: rgba(0, 0, 0, 0.4);
}

/* line 5536, ../scss/app.scss */
.checkboxes.-small [type="checkbox"]:not(:checked) + label:after, .checkboxes.-small [type="radio"]:not(:checked) + label:before,
.checkboxes.-small [type="checkbox"]:checked + label:after, .checkboxes.-small [type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  right: 4px;
  top: 4px;
  font-size: 12px;
  color: #000;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  opacity: 1;
  background: #000;
}

/* line 5551, ../scss/app.scss */
.checkboxes.-small [type="radio"]:not(:checked) + label:before {
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

/* line 5556, ../scss/app.scss */
.checkboxes.-small [type="radio"]:checked + label:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/*Castelis ajout type=radio 16/03/2016*/
/* line 5563, ../scss/app.scss */
.checkboxes.-default [type="checkbox"]:not(:checked),
.checkboxes.-default [type="radio"]:not(:checked),
.checkboxes.-colorLabel [type="checkbox"]:not(:checked),
.checkboxes.-default [type="checkbox"]:checked,
.checkboxes.-default [type="radio"]:checked,
.checkboxes.-colorLabel [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

/*Castelis ajout type=radio 16/03/2016*/
/* line 5573, ../scss/app.scss */
.checkboxes.-default [type="checkbox"]:not(:checked) + label,
.checkboxes.-default [type="radio"]:not(:checked) + label,
.checkboxes.-colorLabel [type="checkbox"]:not(:checked) + label,
.checkboxes.-default [type="checkbox"]:checked + label,
.checkboxes.-default [type="radio"]:checked + label,
.checkboxes.-colorLabel [type="checkbox"]:checked + label {
  position: relative;
  padding: 10px 14px 10px 45px;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: .1em;
}

/*Castelis ajout type=radio 16/03/2016*/
/* line 5586, ../scss/app.scss */
.checkboxes.-default [type="checkbox"]:not(:checked) + label:not(.disabled),
.checkboxes.-default [type="radio"]:not(:checked) + label:not(.disabled),
.checkboxes.-colorLabel [type="checkbox"]:not(:checked) + label:not(.disabled) {
  cursor: pointer;
}

/*Castelis ajout type=radio 16/03/2016*/
/* line 5592, ../scss/app.scss */
.checkboxes.-default [type="checkbox"]:not(:checked) + label:before,
.checkboxes.-default [type="radio"]:not(:checked) + label:before,
.checkboxes.-colorLabel [type="checkbox"]:not(:checked) + label:before,
.checkboxes.-default [type="checkbox"]:checked + label:before,
.checkboxes.-default [type="radio"]:checked + label:before,
.checkboxes.-colorLabel [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #847155;
  -webkit-transition: 0.2s ease-in-out false;
  transition: 0.2s ease-in-out;
}

/*Castelis ajout type=radio 16/03/2016*/
/* line 5610, ../scss/app.scss */
.checkboxes.-default [type="checkbox"]:not(:checked) + label:not(.disabled):after,
.checkboxes.-default [type="radio"]:not(:checked) + label:not(.disabled):after,
.checkboxes.-colorLabel [type="checkbox"]:not(:checked) + label:not(.disabled):after,
.checkboxes.-default [type="checkbox"]:checked + label:not(.disabled):after,
.checkboxes.-default [type="radio"]:checked + label:not(.disabled):after,
.checkboxes.-colorLabel [type="checkbox"]:checked + label:not(.disabled):after {
  content: "";
  position: absolute;
  top: 11px;
  left: 7px;
  margin: auto;
  font-size: 14px;
  color: #000;
  -webkit-transition: 0.2s ease-in-out false;
  transition: 0.2s ease-in-out;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #847155;
}

/*Castelis ajout type=radio 16/03/2016*/
/* line 5631, ../scss/app.scss */
.checkboxes.-default [type="checkbox"]:not(:checked) + label:after, .checkboxes.-colorLabel [type="checkbox"]:not(:checked) + label:after,
.checkboxes.-default [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

/*Castelis ajout type=radio 16/03/2016*/
/* line 5639, ../scss/app.scss */
.checkboxes.-default [type="checkbox"]:checked + label:after, .checkboxes.-colorLabel [type="checkbox"]:checked + label:after,
.checkboxes.-default [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/*Castelis ajout type=radio 16/03/2016*/
/* line 5647, ../scss/app.scss */
.checkboxes.-default [type="checkbox"]:disabled:not(:checked) + label:before,
.checkboxes.-default [type="radio"]:disabled:not(:checked) + label:before,
.checkboxes.-colorLabel [type="checkbox"]:disabled:not(:checked) + label:before,
.checkboxes.-default [type="checkbox"]:disabled:checked + label:before,
.checkboxes.-default [type="radio"]:disabled:checked + label:before,
.checkboxes.-colorLabel [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #a3a2a2;
  background-color: #b2b2b2;
}

/*Castelis ajout type=radio 16/03/2016*/
/* line 5658, ../scss/app.scss */
.checkboxes.-default [type="checkbox"]:disabled:checked + label:after, .checkboxes.-colorLabel [type="checkbox"]:disabled:checked + label:after,
.checkboxes.-default [type="radio"]:disabled:checked + label:after {
  color: #999999;
}

/*Castelis ajout type=radio 16/03/2016*/
/* line 5663, ../scss/app.scss */
.checkboxes.-default [type="checkbox"]:disabled + label, .checkboxes.-colorLabel [type="checkbox"]:disabled + label,
.checkboxes.-default [type="radio"]:disabled + label {
  color: #a3a2a2;
}

/* line 5667, ../scss/app.scss */
.checkboxes.-default label:not(.disabled):hover:before, .checkboxes.-colorLabel label:not(.disabled):hover:before {
  border: 1px solid #655641;
}

/* line 5670, ../scss/app.scss */
.checkboxes.-img [type="checkbox"]:not(:checked), .checkboxes.-img [type="radio"]:not(:checked),
.checkboxes.-img [type="checkbox"]:checked, .checkboxes.-img [type="radio"]:checked, .checkboxes.-color [type="checkbox"]:not(:checked), .checkboxes.-color [type="radio"]:not(:checked),
.checkboxes.-color [type="checkbox"]:checked, .checkboxes.-color [type="radio"]:checked {
  position: absolute;
  left: -9999px;
}

/* line 5676, ../scss/app.scss */
.checkboxes.-img [type="checkbox"]:not(:checked) + label, .checkboxes.-img [type="radio"]:not(:checked) + label,
.checkboxes.-img [type="checkbox"]:checked + label, .checkboxes.-img [type="radio"]:checked + label, .checkboxes.-color [type="checkbox"]:not(:checked) + label, .checkboxes.-color [type="radio"]:not(:checked) + label,
.checkboxes.-color [type="checkbox"]:checked + label, .checkboxes.-color [type="radio"]:checked + label {
  position: relative;
  display: block;
}

/* line 5682, ../scss/app.scss */
.checkboxes.-img [type="checkbox"]:not(:checked) + label, .checkboxes.-img [type="radio"]:not(:checked) + label, .checkboxes.-color [type="checkbox"]:not(:checked) + label, .checkboxes.-color [type="radio"]:not(:checked) + label {
  cursor: pointer;
}

/* line 5685, ../scss/app.scss */
.checkboxes.-img [type="checkbox"]:not(:checked) + label:after, .checkboxes.-img [type="radio"]:not(:checked) + label:after,
.checkboxes.-img [type="checkbox"]:checked + label:after, .checkboxes.-img [type="radio"]:checked + label:after, .checkboxes.-img .after-container:after, .checkboxes.-color [type="checkbox"]:not(:checked) + label:after, .checkboxes.-color [type="radio"]:not(:checked) + label:after,
.checkboxes.-color [type="checkbox"]:checked + label:after, .checkboxes.-color [type="radio"]:checked + label:after, .checkboxes.-color .after-container:after {
  content: "";
  font-family: "icons";
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 12px;
  color: #000;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FFFFFF;
  padding: 2px 0 0 4px;
  font-weight: 600;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* line 5705, ../scss/app.scss */
.checkboxes.-img [type="checkbox"]:not(:checked) + label:after, .checkboxes.-img [type="radio"]:not(:checked) + label:after, .checkboxes.-color [type="checkbox"]:not(:checked) + label:after, .checkboxes.-color [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  width: 30px;
  height: 30px;
}

/* line 5710, ../scss/app.scss */
.checkboxes.-img [type="checkbox"]:checked + label:after, .checkboxes.-img [type="radio"]:checked + label:after, .checkboxes.-color [type="checkbox"]:checked + label:after, .checkboxes.-color [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  width: 20px;
  height: 20px;
}

/* line 5717, ../scss/app.scss */
.checkboxes.-colorLabel [type="checkbox"]:not(:checked) + label:before, .checkboxes.-colorLabel [type="radio"]:not(:checked) + label:before,
.checkboxes.-colorLabel [type="checkbox"]:checked + label:before, .checkboxes.-colorLabel [type="radio"]:not(:checked) + label:before {
  border: 0;
}

/* line 5721, ../scss/app.scss */
.checkboxes.-colorLabel [type="checkbox"]:not(:checked) + label:not(.disabled):after, .checkboxes.-colorLabel [type="radio"]:not(:checked) + label:not(.disabled):after,
.checkboxes.-colorLabel [type="checkbox"]:checked + label:not(.disabled):after, .checkboxes.-colorLabel [type="radio"]:not(:checked) + label:not(.disabled):after {
  content: "";
  font-family: "icons";
  position: absolute;
  top: -1px;
  left: 5px;
  bottom: 0;
  margin: auto;
  font-size: 25px;
  color: #000;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FFFFFF;
  padding: 2px 0 0 7px;
  font-weight: 600;
}

@media only screen and (max-width: 1024px) {
  /* line 5742, ../scss/app.scss */
  .checkboxes.-colorRadio, .checkboxes.-colorLabel {
    text-align: center;
  }
}
/* line 5745, ../scss/app.scss */
.checkboxes.-main {
  margin: 20px 0 30px 0;
  text-align: left;
}

@media only screen and (max-width: 1280px) {
  /* line 5749, ../scss/app.scss */
  .checkboxes.-main {
    margin: 10px 0 15px 0;
  }
}
@media only screen and (max-width: 640px) {
  /* line 5752, ../scss/app.scss */
  .checkboxes.-main {
    margin: 20px 0 15px 0;
  }
}
/* line 5754, ../scss/app.scss */
.checkboxes.-main li {
  display: block;
  width: 100%;
  margin: 20px 0;
  clear: both;
}

/* line 5759, ../scss/app.scss */
.checkboxes.-main input, .checkboxes.-main span, .checkboxes.-main label {
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: pointer;
}

/* line 5765, ../scss/app.scss */
.checkboxes.-main input[type="radio"] + label, .checkboxes.-main input[type="checkbox"] + label {
  text-transform: uppercase;
  font-weight: 600;
  float: left;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  margin: 5px 0;
}

@media only screen and (max-width: 640px) {
  /* line 5774, ../scss/app.scss */
  .checkboxes.-main input[type="radio"] + label, .checkboxes.-main input[type="checkbox"] + label {
    font-size: 12px;
  }
}
/* line 5776, ../scss/app.scss */
.checkboxes.-main input[type="radio"] + label span, .checkboxes.-main input[type="checkbox"] + label span {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 20px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  position: relative;
  border: 1px solid #CCCCCC;
  pointer-events: none;
}

/* line 5787, ../scss/app.scss */
.checkboxes.-main input[type="radio"] + label span:after, .checkboxes.-main input[type="checkbox"] + label span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-weight: 600;
  display: none;
  background: #000;
  margin: auto;
}

@media only screen and (min-width: 1025px) {
  /* line 5803, ../scss/app.scss */
  .checkboxes.-main input[type="radio"] + label span:after, .checkboxes.-main input[type="checkbox"] + label span:after {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 5806, ../scss/app.scss */
.checkboxes.-main input[type="radio"]:checked + label span:after, .checkboxes.-main input[type="checkbox"]:checked + label span:after {
  display: block;
}

/* line 5808, ../scss/app.scss */
.checkboxes.-main.-light input[type="radio"] + label, .checkboxes.-main.-light input[type="checkbox"] + label {
  color: #FFFFFF;
}

/* line 5810, ../scss/app.scss */
.checkboxes.-main.-light input[type="radio"] + label span, .checkboxes.-main.-light input[type="checkbox"] + label span {
  border: 1px solid #FFFFFF;
}

/* line 5812, ../scss/app.scss */
.checkboxes.-main.-light input[type="radio"] + label span:after, .checkboxes.-main.-light input[type="checkbox"] + label span:after {
  background: #FFFFFF;
}

/* line 5814, ../scss/app.scss */
.checkboxes.-main.-dark input[type="radio"] + label, .checkboxes.-main.-dark input[type="checkbox"] + label {
  color: #808080;
}

/* line 5816, ../scss/app.scss */
.checkboxes.-main.-dark input[type="radio"] + label span, .checkboxes.-main.-dark input[type="checkbox"] + label span {
  border: 1px solid #CCCCCC;
}

/* line 5818, ../scss/app.scss */
.checkboxes.-main.-dark input[type="radio"] + label span:after, .checkboxes.-main.-dark input[type="checkbox"] + label span:after {
  background: #000;
}

/* line 5821, ../scss/app.scss */
.checkboxes.-colorRadio li {
  display: inline-block;
}

/* line 5824, ../scss/app.scss */
.checkboxes.-colorRadio input[type="radio"] + label span {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 20px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  position: relative;
  pointer-events: none;
}

@media only screen and (max-width: 1024px) {
  /* line 5835, ../scss/app.scss */
  .checkboxes.-colorRadio input[type="radio"] + label span {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
/* line 5838, ../scss/app.scss */
.checkboxes.-colorRadio input[type="radio"] + label span:after {
  content: "";
  font-family: "icons";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  font-size: 17px;
  color: #000;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  padding: 3px 0 0 2px;
  font-weight: 600;
  opacity: 0;
  text-indent: 0;
  background: #FFFFFF;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
}

/* line 5863, ../scss/app.scss */
.checkboxes.-colorRadio input[type="radio"]:checked + label span:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/* line 5869, ../scss/app.scss */
.checkboxes.-colorRadio.-noLabel input[type="radio"] + label span {
  margin-right: 10px;
  text-indent: -9999px;
}

/* line 5873, ../scss/app.scss */
.checkboxes.-filter {
  font-weight: 600;
  color: #999999;
  font-size: 13px;
}

/* line 5877, ../scss/app.scss */
.checkboxes.-filter input[type="checkbox"] + label i, .checkboxes.-filter input[type="radio"] + label i {
  display: inline-block;
  width: 17px;
  height: 17px;
  margin: -1px 10px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  position: relative;
  border: 1px solid #CCCCCC;
  pointer-events: none;
}

/* line 5888, ../scss/app.scss */
.checkboxes.-filter input[type="checkbox"] + label i:after, .checkboxes.-filter input[type="radio"] + label i:after {
  content: "";
  width: 11px;
  height: 11px;
  background: #847155;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
  -webkit-transition: 0.15s false false;
  transition: 0.15s;
}

/* line 5906, ../scss/app.scss */
.checkboxes.-filter input[type="checkbox"]:checked + label i:after, .checkboxes.-filter input[type="radio"]:checked + label i:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

@media only screen and (min-width: 1025px) {
  /* line 5912, ../scss/app.scss */
  .checkboxes.-filter input[type="checkbox"] + label, .checkboxes.-filter input[type="radio"] + label {
    -webkit-transition: 0.15s false false;
    transition: 0.15s;
  }
}
/* line 5915, ../scss/app.scss */
.checkboxes.-filter input[type="checkbox"]:checked + label, .checkboxes.-filter input[type="radio"]:checked + label {
  color: #4d4d4d;
}

/* line 5918, ../scss/app.scss */
.col-grid-1 {
  float: left;
  width: 8.33333%;
}

/* line 5922, ../scss/app.scss */
.col-grid-2 {
  float: left;
  width: 16.66667%;
}

/* line 5926, ../scss/app.scss */
.col-grid-3 {
  float: left;
  width: 25%;
}

/* line 5930, ../scss/app.scss */
.col-grid-4 {
  float: left;
  width: 33.33333%;
}

/* line 5934, ../scss/app.scss */
.col-grid-5 {
  float: left;
  width: 41.66667%;
}

/* line 5938, ../scss/app.scss */
.col-grid-6 {
  float: left;
  width: 50%;
}

/* line 5942, ../scss/app.scss */
.col-grid-7 {
  float: left;
  width: 58.33333%;
}

/* line 5946, ../scss/app.scss */
.col-grid-8, .cart-total .bt-container {
  float: left;
  width: 66.66667%;
}

/* line 5950, ../scss/app.scss */
.col-grid-9 {
  float: left;
  width: 75%;
}

/* line 5954, ../scss/app.scss */
.col-grid-10 {
  float: left;
  width: 83.33333%;
}

/* line 5958, ../scss/app.scss */
.col-grid-11 {
  float: left;
  width: 91.66667%;
}

/* line 5962, ../scss/app.scss */
.col-grid-12 {
  float: left;
  width: 100%;
}

/* line 5966, ../scss/app.scss */
.col-grid, .shopping-cart [class^="col-"] {
  float: left;
  box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
  /* line 5971, ../scss/app.scss */
  [class^="col-grid-"] {
    width: 100%;
  }
}
/* line 5974, ../scss/app.scss */
.breadcrumb {
  margin-bottom: 10px;
}

/* line 5976, ../scss/app.scss */
.breadcrumb li {
  display: inline-block;
  font-size: 11px;
}

/* line 5979, ../scss/app.scss */
.breadcrumb li:after {
  margin-left: 5px;
  margin-right: 1px;
}

/* line 5982, ../scss/app.scss */
.breadcrumb li:last-child:after {
  display: none;
}

/* line 5984, ../scss/app.scss */
.breadcrumb a {
  color: inherit;
}

/* line 5987, ../scss/app.scss */
.product-large .breadcrumb {
  display: none;
}

@media only screen and (min-width: 641px) {
  /* line 5990, ../scss/app.scss */
  .product-large .breadcrumb {
    display: block;
  }
}
/* line 5992, ../scss/app.scss */
.product-large .breadcrumb li {
  color: #646464;
}

/* line 5994, ../scss/app.scss */
.product-large .breadcrumb li:after {
  content: '-';
}

@media only screen and (min-width: 1025px) {
  /* line 5997, ../scss/app.scss */
  .product-large .breadcrumb a:hover {
    text-decoration: underline;
  }
}
/* line 6000, ../scss/app.scss */
.cover .breadcrumb li {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: .3em;
  font-weight: 700;
}

/* line 6005, ../scss/app.scss */
.cover .breadcrumb li:after {
  content: "•";
}

/* line 6008, ../scss/app.scss */
.cover.alt .breadcrumb li {
  color: #FFFFFF;
}

@media only screen and (min-width: 641px) {
  /* line 6011, ../scss/app.scss */
  .cover.alt .breadcrumb li {
    color: #000;
  }
}
/* line 6014, ../scss/app.scss */
.mobile-cover .breadcrumb {
  margin-bottom: 5px;
}

/* line 6016, ../scss/app.scss */
.mobile-cover .breadcrumb li {
  color: #FFFFFF;
}

/* line 6019, ../scss/app.scss */
.inside-lop .cover .breadcrumb {
  margin-left: -3px;
}

/* line 6022, ../scss/app.scss */
.cover {
  position: relative;
  width: 100%;
  min-height: 100%;
  background-color: #000;
}

/* line 6027, ../scss/app.scss */
.cover.category {
  min-height: 600px;
  height: calc( 100vh - 120px);
}

@media only screen and (max-width: 1024px) {
  /* line 6031, ../scss/app.scss */
  .cover.category {
    min-height: 0;
    height: calc( 100vh - 55px);
  }
}
@media only screen and (max-width: 768px) {
  /* line 6035, ../scss/app.scss */
  .cover {
    padding: 0;
    margin-bottom: 0;
    height: 420px;
  }
}
/* line 6039, ../scss/app.scss */
.cover .bg {
  top: 0;
}

@media only screen and (max-width: 768px) {
  /* line 6042, ../scss/app.scss */
  .cover .bg {
    background-size: auto 100%;
    top: 0;
    height: 100%;
    min-height: 350px;
  }
}
/* line 6047, ../scss/app.scss */
.cover .content {
  max-width: 500px;
  width: 55%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: left;
  color: #999999;
  z-index: 3;
  right: 10%;
}

@media only screen and (max-width: 768px) {
  /* line 6060, ../scss/app.scss */
  .cover .content {
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
  }
}
/* line 6065, ../scss/app.scss */
.cover .content p {
  line-height: 24px;
  color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
  position: relative;
}

/* line 6070, ../scss/app.scss */
.cover .content p:after {
  content: "";
  width: 12px;
  height: 2px;
  background: #FFFFFF;
  display: block;
  text-align: left;
  margin: 30px 0;
}

@media only screen and (min-width: 1025px) {
  /* line 6079, ../scss/app.scss */
  .cover .content p {
    text-align: justify;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 6082, ../scss/app.scss */
  .cover .content p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 25px;
  }
}
/* line 6086, ../scss/app.scss */
.cover .content h1 {
  color: #FFFFFF;
  margin-left: -6px;
  text-transform: uppercase;
  text-align: left;
  font-size: 63px;
  line-height: 70px;
  margin: 15px 0;
  /* Allow automatic wrap but expand the title to the right */
  width: 150%;
  max-width: 620px;
}

/* line 6097, ../scss/app.scss */
.cover .content h2 {
  color: #FFFFFF;
}

/* line 6099, ../scss/app.scss */
.cover .content h3 {
  color: #FFFFFF;
}

/* line 6101, ../scss/app.scss */
.cover .content h4 {
  color: #FFFFFF;
}

@media only screen and (max-width: 1280px) {
  /* line 6104, ../scss/app.scss */
  .cover .content h1 {
    max-width: 580px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 6107, ../scss/app.scss */
  .cover .content h1 {
    width: auto;
    font-size: 60px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 6112, ../scss/app.scss */
  .cover .content h1 {
    width: auto;
    font-size: 45px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 6117, ../scss/app.scss */
  .cover .content h1 {
    margin-left: -4px;
    white-space: initial;
    width: auto;
    font-size: 30px;
    line-height: 30px;
  }
}
/* line 6124, ../scss/app.scss */
a.scrollDown {
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  margin: 0 auto;
  text-align: center;
  font-weight: 600;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 11px;
  z-index: 4;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}

@media only screen and (max-width: 768px) {
  /* line 6140, ../scss/app.scss */
  a.scrollDown {
    bottom: 30px;
  }
}
/* line 6142, ../scss/app.scss */
a.scrollDown:after {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #FFFFFF;
  font-size: 20px;
  font-weight: bold;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  bottom: -10px;
  margin: 0 auto;
  height: 20px;
  width: 20px;
  overflow: hidden;
}

/* line 6167, ../scss/app.scss */
a.scrollDown h1, a.scrollDown p {
  color: #fff;
}

/* line 6170, ../scss/app.scss */
.cover.alt p, .cover.alt h1 {
  color: #000;
}

/* line 6172, ../scss/app.scss */
.cover.alt h2, .cover.alt h3, .cover.alt h4 {
  color: #000;
}

@media only screen and (max-width: 640px) {
  /* line 6175, ../scss/app.scss */
  .cover.alt p, .cover.alt h1 {
    color: #000000;
  }
}
@media only screen and (max-width: 640px) {
  /* line 6178, ../scss/app.scss */
  .cover.alt h2, .cover.alt h3, .cover.alt h4 {
    color: #000000;
  }
}
/* line 6181, ../scss/app.scss */
.cover.alt .content p:after {
  background-color: #000;
}

@media only screen and (max-width: 640px) {
  /* line 6184, ../scss/app.scss */
  .cover.alt .content p:after {
    background-color: #FFFFFF;
  }
}
/* line 6187, ../scss/app.scss */
.cover.alt a.scrollDown h1, .cover.alt a.scrollDown p {
  color: #000;
}

@media only screen and (max-width: 640px) {
  /* line 6190, ../scss/app.scss */
  .cover.alt a.scrollDown h1, .cover.alt a.scrollDown p {
    color: #FFFFFF;
  }
}
/* line 6193, ../scss/app.scss */
.edito {
  /*display: none;*/
  margin-bottom: 90px;
  margin-top: 90px;
}

/* line 6197, ../scss/app.scss */
.cover + .edito {
  margin-top: 0;
}

@media only screen and (min-width: 769px) {
  /* line 6200, ../scss/app.scss */
  .edito {
    display: block;
  }
}
/* line 6202, ../scss/app.scss */
.edito .content p:after {
  display: none;
}

@media only screen and (max-width: 1024px) {
  /* line 6205, ../scss/app.scss */
  .edito {
    margin-top: 35px;
    margin-bottom: 35px;
    padding-bottom: 35px;
  }
}
/* line 6209, ../scss/app.scss */
.product-page .edito, .product-page-lipstick .edito {
  display: block;
}

@media only screen and (max-width: 1024px) {
  /* line 6213, ../scss/app.scss */
  .intro-category {
    position: relative;
    background: #FFFFFF;
    padding: 35px 20px 35px;
    line-height: 2;
    font-size: 14px;
    color: #636262;
  }

  /* line 6220, ../scss/app.scss */
  .intro-category p {
    line-height: 1.75;
  }
}
/* line 6223, ../scss/app.scss */
.intro-category .scroll-nav {
  border-top: 1px solid #f2f2f2;
}

@media only screen and (max-width: 768px) {
  /* line 6227, ../scss/app.scss */
  .cover .content .intro-category {
    display: none;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 6231, ../scss/app.scss */
  .category-page .sliderSmall {
    max-width: 870px;
  }

  /* line 6233, ../scss/app.scss */
  .category-page .sliderSmall .subtitle {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 1280px) and (max-width: 640px) {
  /* line 6236, ../scss/app.scss */
  .category-page .sliderSmall .subtitle {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 6240, ../scss/app.scss */
  .category-page .sliderSmall h2 {
    font-size: 38px;
    line-height: 1.25;
  }
}
@media only screen and (max-width: 1280px) and (max-width: 640px) {
  /* line 6244, ../scss/app.scss */
  .category-page .sliderSmall h2 {
    font-size: 24px;
    position: relative;
  }

  /* line 6247, ../scss/app.scss */
  .category-page .sliderSmall h2:after {
    content: "";
    width: 12px;
    height: 2px;
    background: #FFFFFF;
    display: block;
    text-align: left;
    margin: 30px 0;
  }

  /* line 6255, ../scss/app.scss */
  .category-page .sliderSmall h2:after {
    display: block;
    margin: 10px auto;
  }
}
/* line 6259, ../scss/app.scss */
.expert-large {
  background-color: #151515;
  padding: 90px 0;
}

/* line 6262, ../scss/app.scss */
.expert-large .wrapper {
  overflow: hidden;
  max-width: 1300px;
  position: relative;
}

/* line 6266, ../scss/app.scss */
.expert-large .wrapper:before, .expert-large .wrapper:after {
  content: '';
  width: 3px;
  height: 10px;
  background: #FFFFFF;
  position: absolute;
  z-index: 97;
}

/* line 6273, ../scss/app.scss */
.expert-large .wrapper:before {
  left: 0;
  top: 143px;
}

@media only screen and (max-width: 1280px) {
  /* line 6277, ../scss/app.scss */
  .expert-large .wrapper:before {
    left: 70px;
  }
}
/* line 6279, ../scss/app.scss */
.expert-large .wrapper:after {
  right: 0;
  top: 410px;
}

@media only screen and (max-width: 1280px) {
  /* line 6283, ../scss/app.scss */
  .expert-large .wrapper:after {
    right: 70px;
  }
}
/* line 6285, ../scss/app.scss */
.expert-large .media, .expert-large .content {
  width: 50%;
  float: left;
}

/* line 6288, ../scss/app.scss */
.expert-large .media {
  padding-left: 20px;
  text-align: center;
}

/* line 6291, ../scss/app.scss */
.expert-large .content {
  padding-right: 20px;
}

/* line 6293, ../scss/app.scss */
.expert-large h2, .expert-large h3, .expert-large h4, .expert-large h5, .expert-large p {
  color: #fff;
}

/* line 6295, ../scss/app.scss */
.expert-large h3:before, .expert-large h3:after {
  background-color: #fff;
}

/* line 6297, ../scss/app.scss */
.expert-large h4, .expert-large h5 {
  letter-spacing: .3em;
  font-size: 30px;
  line-height: 38px;
  text-transform: uppercase;
}

/* line 6302, ../scss/app.scss */
.expert-large h4 {
  text-align: right;
  margin-right: 17%;
  margin-top: -22px;
}

/* line 6306, ../scss/app.scss */
.expert-large h5 {
  margin-bottom: 20px;
}

/* line 6308, ../scss/app.scss */
.expert-large p {
  line-height: 24px;
  max-width: 450px;
  width: 100%;
}

/* line 6312, ../scss/app.scss */
.expert-large .more {
  border-color: #fff;
  background-color: #fff;
  color: #000;
}

@media only screen and (min-width: 1025px) {
  /* line 6317, ../scss/app.scss */
  .expert-large .more {
    margin: 50px 0 25px 0;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 6320, ../scss/app.scss */
  .expert-large .more:hover {
    background-color: #000;
    color: #fff;
  }
}
/* line 6324, ../scss/app.scss */
.product-large {
  background-color: #fff;
}

/* line 6326, ../scss/app.scss */
.product-large .wrapper {
  overflow: hidden;
  padding: 30px 0;
  position: relative;
  max-width: 810px;
}

@media only screen and (max-width: 1024px) {
  /* line 6332, ../scss/app.scss */
  .product-large .wrapper {
    padding: 60px 20px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 6335, ../scss/app.scss */
  .product-large .wrapper {
    padding: 30px 20px 0px 20px;
  }

  /* line 6337, ../scss/app.scss */
  .product-large .wrapper .sliderPaginationMobile {
    display: none;
  }
}
@media only screen and (min-width: 641px) {
  /* line 6340, ../scss/app.scss */
  .product-large .media {
    float: left;
    width: 50%;
    padding-right: 20px;
  }
}
/* line 6344, ../scss/app.scss */
.product-large .media img {
  max-width: 100%;
  height: auto;
  max-height: 450px;
}

@media only screen and (max-width: 1024px) {
  /* line 6349, ../scss/app.scss */
  .product-large .media img {
    max-height: 420px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 6352, ../scss/app.scss */
  .product-large .media img {
    display: block;
    margin: 0 auto;
    position: static;
    width: auto;
  }
}
/* line 6357, ../scss/app.scss */
.product-large .content {
  text-align: center;
}

@media only screen and (min-width: 641px) {
  /* line 6360, ../scss/app.scss */
  .product-large .content {
    float: right;
    width: 50%;
    margin-bottom: 50px;
    text-align: left;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 6366, ../scss/app.scss */
  .product-large .content {
    margin-bottom: 10px;
  }
}
/* line 6368, ../scss/app.scss */
.product-large .content .rating {
  position: initial;
  margin-bottom: 20px;
}

@media only screen and (max-width: 640px) {
  /* line 6372, ../scss/app.scss */
  .product-large .content .rating {
    display: none;
  }
}
/* line 6374, ../scss/app.scss */
.product-large .content .rating p {
  display: inline-block;
  font-size: 30px;
  color: #000;
}

/* line 6378, ../scss/app.scss */
.product-large .content .stars {
  display: inline-block;
  margin-right: 10px;
}

/* line 6381, ../scss/app.scss */
.product-large .content .color {
  height: 16px;
  color: #808080;
  font-size: 12px;
}

@media only screen and (max-width: 640px) {
  /* line 6386, ../scss/app.scss */
  .product-large .content .color {
    margin-top: 50px;
  }
}
/* line 6388, ../scss/app.scss */
.product-large h1 {
  font-size: 34px;
  line-height: 38px;
  text-transform: uppercase;
  letter-spacing: .3em;
  font-weight: 400;
}

/* line 6394, ../scss/app.scss */
.product-large h1 strong {
  font-weight: 700;
}

@media only screen and (max-width: 640px) {
  /* line 6397, ../scss/app.scss */
  .product-large h1 {
    text-align: center;
    font-size: 24px;
    max-width: 80%;
    margin: 0 auto 20px auto;
    line-height: 30px;
  }
}
/* line 6403, ../scss/app.scss */
.product-large h3 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 10px;
}

/* line 6409, ../scss/app.scss */
.product-large p {
  color: #808080;
}

/* line 6411, ../scss/app.scss */
.product-large .attribute-list {
  margin-bottom: 50px;
}

/* line 6413, ../scss/app.scss */
.product-large .attribute-list a {
  overflow: hidden;
  display: inline-block;
  border: 3px solid #fff;
  border-radius: 50%;
}

/* line 6418, ../scss/app.scss */
.product-large .attribute-list .selected {
  border-color: #e6e6e6;
}

/* line 6420, ../scss/app.scss */
.product-large .benefits, .product-large .ingredients {
  clear: both;
  padding-top: 50px;
}

@media only screen and (min-width: 769px) {
  /* line 6424, ../scss/app.scss */
  .product-large .benefits, .product-large .ingredients {
    width: 49%;
    display: inline-block;
    vertical-align: top;
  }
}
/* line 6428, ../scss/app.scss */
.product-large .benefits h5, .product-large .ingredients h5 {
  color: #808080;
}

@media only screen and (min-width: 769px) {
  /* line 6431, ../scss/app.scss */
  .product-large .benefits {
    padding-right: 4%;
  }
}
@media only screen and (min-width: 769px) {
  /* line 6434, ../scss/app.scss */
  .product-large .ingredients {
    padding-left: 6%;
  }
}
/* line 6436, ../scss/app.scss */
.product-large .price {
  margin-top: 30px;
}

@media only screen and (min-width: 769px) {
  /* line 6439, ../scss/app.scss */
  .product-large .price {
    margin: 30px 0 10px 0;
  }
}
/* line 6441, ../scss/app.scss */
.product-large .price p {
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: .3em;
  color: #000;
}

/* line 6446, ../scss/app.scss */
.product-large .price p strong {
  font-weight: 600;
}

/* line 6448, ../scss/app.scss */
.product-large .addToCart {
  margin-bottom: 20px;
}

@media only screen and (max-width: 640px) {
  /* line 6451, ../scss/app.scss */
  .product-large .addToCart {
    margin-bottom: 30px;
  }
}
/* line 6453, ../scss/app.scss */
.product-large .addToCart img {
  width: 20px;
  margin-top: -3px;
}

/* line 6456, ../scss/app.scss */
.product-large .addToCart button {
  padding-right: 45px;
  padding-left: 35px;
}

/* line 6459, ../scss/app.scss */
.product-large .addToCart button span {
  margin: 0 0px 0 12px;
}

/* line 6461, ../scss/app.scss */
.product-large .favorites {
  text-transform: uppercase;
  letter-spacing: .3em;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 20px;
}

/* line 6467, ../scss/app.scss */
.product-large .favorites a {
  color: #999999;
}

@media only screen and (min-width: 1025px) {
  /* line 6470, ../scss/app.scss */
  .product-large .favorites a {
    -webkit-transition: color 300ms false;
    transition: color 300ms;
  }
}
/* line 6473, ../scss/app.scss */
.product-large .favorites a:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 16px;
  margin-right: 10px;
}

@media only screen and (min-width: 1025px) {
  /* line 6486, ../scss/app.scss */
  .product-large .favorites a:hover {
    color: #000;
  }
}
/* line 6488, ../scss/app.scss */
.product-large .menu-anchor {
  border-top: 1px solid #e5e5e5;
  padding-top: 10px;
}

/* line 6491, ../scss/app.scss */
.product-large .menu-anchor li {
  display: inline-block;
  margin-right: 20px;
}

/* line 6494, ../scss/app.scss */
.product-large .menu-anchor li:last-child {
  margin-right: 0;
}

/* line 6496, ../scss/app.scss */
.product-large .menu-anchor a {
  border-bottom: 1px solid #646464;
  color: #646464;
}

@media only screen and (min-width: 1025px) {
  /* line 6500, ../scss/app.scss */
  .product-large .menu-anchor a {
    -webkit-transition: border 300ms false, color 300ms false;
    transition: border 300ms, color 300ms;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 6504, ../scss/app.scss */
  .product-large .menu-anchor a:hover {
    border-bottom-color: #000;
    color: #000;
  }
}
/* line 6507, ../scss/app.scss */
.product-large .addToFavorites:before {
  position: relative;
  top: 3px;
}

/* line 6510, ../scss/app.scss */
.product-large .addToFavorites.added,
.product-large .addToFavorites.added:before {
  color: #c3ac83;
}

/* line 6513, ../scss/app.scss */
.product-large .addToFavorites.added:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  color: #cc1734;
}

/* line 6524, ../scss/app.scss */
.product-large .simpleSlider {
  margin: 30px 0;
}

/* line 6526, ../scss/app.scss */
.product-large .simpleSlider.-noLabel {
  overflow: visible;
  display: block;
  max-height: none;
}

/* line 6530, ../scss/app.scss */
.product-large .simpleSlider .panel {
  display: inline-block !important;
  height: 100%;
}

/* line 6533, ../scss/app.scss */
.product-large .simpleSlider .panel img {
  position: absolute !important;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 2px;
  width: 100%;
}

/* line 6541, ../scss/app.scss */
.product-large .-noLabel {
  max-height: 40px;
  overflow: hidden;
  margin: 30px 0 40px 0;
  padding-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
  /* line 6547, ../scss/app.scss */
  .product-large .checkboxes.-colorRadio, .product-large .checkboxes.-colorLabel {
    text-align: left;
  }

  /* line 6549, ../scss/app.scss */
  .product-large .checkboxes.-colorRadio input[type="radio"] + label span, .product-large .checkboxes.-colorLabel input[type="radio"] + label span {
    margin: 0 20px 0 0;
  }
}
@media only screen and (max-width: 640px) {
  /* line 6552, ../scss/app.scss */
  .product-large .checkboxes.-colorRadio, .product-large .checkboxes.-colorLabel {
    text-align: center;
  }

  /* line 6554, ../scss/app.scss */
  .product-large .checkboxes.-colorRadio input[type="radio"] + label span, .product-large .checkboxes.-colorLabel input[type="radio"] + label span {
    margin: 0 0 10px 0;
  }
}
/* line 6556, ../scss/app.scss */
.product-large .checkboxes.-colorRadio {
  margin: 15px 0;
}

/* line 6558, ../scss/app.scss */
.product-large .checkboxes.-colorRadio li {
  display: inline-block;
}

@media only screen and (max-width: 640px) {
  /* line 6561, ../scss/app.scss */
  .product-large .checkboxes.-colorRadio {
    width: 290px;
    margin: 0 auto 20px auto;
  }

  /* line 6564, ../scss/app.scss */
  .product-large .checkboxes.-colorRadio li {
    margin-left: 4px;
    margin-right: 5px;
  }
}
/* line 6567, ../scss/app.scss */
.product-large .checkboxes.-colorRadio input[type="radio"] + label {
  color: #808080;
}

@media only screen and (max-width: 1024px) {
  /* line 6570, ../scss/app.scss */
  .product-large .checkboxes.-colorRadio input[type="radio"] + label {
    font-size: 12px;
  }
}
/* line 6572, ../scss/app.scss */
.product-large .checkboxes.-colorRadio input[type="radio"] + label span {
  width: 40px;
  height: 40px;
  border: solid 1px #c1bebe;
}

/* line 6576, ../scss/app.scss */
.product-large .checkboxes.-colorRadio input[type="radio"] + label span:after {
  padding-left: 6px;
}

@media only screen and (max-width: 640px) {
  /* line 6579, ../scss/app.scss */
  .product-large .checkboxes.-colorRadio input[type="radio"] + label span:after {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 6582, ../scss/app.scss */
  .product-large .checkboxes.-colorRadio input[type="radio"] + label span {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 6585, ../scss/app.scss */
  .product-large .checkboxes.-colorRadio input[type="radio"] + label span {
    width: 30px;
    height: 30px;
    margin: 5px auto;
    display: block;
  }

  /* line 6590, ../scss/app.scss */
  .product-large .checkboxes.-colorRadio input[type="radio"] + label span:after {
    width: 22px;
    height: 22px;
    padding-top: 0px;
  }
}
/* line 6594, ../scss/app.scss */
.product-large .checkboxes.-noLabel input[type="radio"] + label span:after {
  padding-left: 0px;
}

/* line 6596, ../scss/app.scss */
.product-large .alternative-views {
  text-align: center;
  width: 100%;
  clear: both;
}

@media only screen and (max-width: 768px) {
  /* line 6601, ../scss/app.scss */
  .product-large .alternative-views {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 6604, ../scss/app.scss */
  .product-large .alternative-views {
    margin-top: -80px;
  }
}
/* line 6606, ../scss/app.scss */
.product-large .alternative-views ul {
  text-align: left;
}

/* line 6608, ../scss/app.scss */
.product-large .alternative-views li {
  display: inline-block;
  margin-right: 20px;
  width: 33%;
  text-align: center;
  margin-right: -5px;
  padding: 15px;
}

/* line 6615, ../scss/app.scss */
.product-large .alternative-views li img {
  width: auto;
  max-width: 100%;
  max-height: 250px;
}

/* line 6619, ../scss/app.scss */
.product-large .alternative-views li:last-child {
  margin-right: 0;
}

/* line 6621, ../scss/app.scss */
.product-large .linkFirstReview {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 12px;
  color: #646464;
}

/* line 6626, ../scss/app.scss */
.product-large .linkFirstReview:hover {
  color: black;
  text-decoration: underline;
}

/* line 6630, ../scss/app.scss */
.mobile-btns {
  background: #FFFFFF;
}

/* line 6633, ../scss/app.scss */
.mobile-btn:not(.back), .account .back:not(.back) {
  margin-bottom: 5px;
}

/* line 6636, ../scss/app.scss */
.mobile-btn.back, .account .back {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);
  z-index: 98;
  text-align: center;
}

@media only screen and (max-width: 640px) {
  /* line 6641, ../scss/app.scss */
  .mobile-btn.back, .account .back {
    border-bottom: 1px solid #e8e8e8;
  }
}
@media only screen and (max-width: 640px) {
  /* line 6644, ../scss/app.scss */
  .mobile-btn.back .stars, .account .back .stars {
    display: none;
  }
}
/* line 6647, ../scss/app.scss */
.mobile-btn, .account .back {
  display: none;
  padding: 22px 15px 20px 15px;
  text-align: left;
  font-weight: 600;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: #000;
  font-size: 11px;
  letter-spacing: .10em;
  font-size: 14px;
  background: #f2f2F2;
}

@media only screen and (max-width: 640px) {
  /* line 6660, ../scss/app.scss */
  .mobile-btn, .account .back {
    display: block;
  }
}
/* line 6662, ../scss/app.scss */
.mobile-btn:after, .account .back:after {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  color: #999999;
  font-size: 20px;
  display: inline-block;
  text-align: right;
  float: right;
}

/* line 6677, ../scss/app.scss */
.mobile-btn.back:after, .account .back:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  float: left;
  margin-right: 15px;
}

/* line 6683, ../scss/app.scss */
.mobile-btn .stars, .account .back .stars {
  display: inline-block;
  position: absolute;
  padding-left: 20px;
}

/* line 6687, ../scss/app.scss */
.mobile-btn .stars span:before, .account .back .stars span:before {
  line-height: 20px;
  letter-spacing: -4px;
  font-size: 18px;
}

/* line 6692, ../scss/app.scss */
.productDetails, .product-review {
  padding-bottom: 30px;
}

@media only screen and (max-width: 640px) {
  /* line 6695, ../scss/app.scss */
  .productDetails, .product-review {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #FFFFFF;
    z-index: 99;
    padding: 15px 20px;
    display: none;
  }
}
@media only screen and (max-width: 640px) and (max-width: 640px) {
  /* line 6707, ../scss/app.scss */
  .productDetails .inner, .product-review .inner {
    height: calc(100% - 55px);
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
@media only screen and (max-width: 768px) {
  /* line 6712, ../scss/app.scss */
  .productDetails.fixFixed, .product-review.fixFixed {
    position: absolute;
    height: auto;
    bottom: 0;
    z-index: 99;
  }
}
@media only screen and (max-width: 640px) {
  /* line 6719, ../scss/app.scss */
  .productDetails {
    padding: 55px 0 0 0;
  }

  /* line 6721, ../scss/app.scss */
  .productDetails .inner {
    padding: 10px 20px;
    background: #FFFFFF;
  }

  /* line 6724, ../scss/app.scss */
  .productDetails .inner .col.benefits {
    padding-top: 0;
  }
}
/* line 6727, ../scss/app.scss */
.review {
  overflow: hidden;
  padding: 30px 0 60px 0;
  margin: 60px 0;
}

@media only screen and (min-width: 1025px) {
  /* line 6732, ../scss/app.scss */
  .review {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    padding: 60px 0;
  }
}
@media only screen and (max-width: 640px) {
  /* line 6737, ../scss/app.scss */
  .review {
    padding: 55px 0 5px 0;
  }

  /* line 6739, ../scss/app.scss */
  .review .rating {
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 30px 0;
    margin-bottom: 40px;
    position: initial;
    text-align: center;
  }

  /* line 6745, ../scss/app.scss */
  .review .rating p {
    font-size: 36px;
    text-align: center;
    margin: 20px 0;
  }

  /* line 6749, ../scss/app.scss */
  .review .rating .stars {
    text-align: left;
  }
}
/* line 6751, ../scss/app.scss */
.review .wrapper {
  padding: 0 20px;
}

/* line 6753, ../scss/app.scss */
.review .global {
  position: relative;
  background-color: #fff;
  float: left;
  width: 40%;
  margin-bottom: 40px;
  padding: 0 20px 40px 30px;
}

@media only screen and (max-width: 640px) {
  /* line 6761, ../scss/app.scss */
  .review .global {
    width: auto;
    padding: 0;
    padding-bottom: 40px;
    background: #f2f2f2;
    text-align: center;
    float: none;
  }
}
/* line 6768, ../scss/app.scss */
.review .global .rating:not(.n1) {
  padding-left: 10px;
}

@media only screen and (max-width: 640px) {
  /* line 6771, ../scss/app.scss */
  .review .global .rating:not(.n1) {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    padding-left: 0;
  }
}
/* line 6776, ../scss/app.scss */
.review .global .rating.n1 {
  margin: 10px 0 60px 0;
}

@media only screen and (max-width: 640px) {
  /* line 6779, ../scss/app.scss */
  .review .global .rating.n1 {
    margin-bottom: 10px;
    border: 0;
  }
}
/* line 6782, ../scss/app.scss */
.review .global .rating.n1 .stars span:before {
  font-size: 30px;
}

/* line 6784, ../scss/app.scss */
.review .global .rating.n1 .stars {
  position: relative;
}

/* line 6786, ../scss/app.scss */
.review .global .rating.n1 .stars:after {
  content: "";
  width: 13px;
  height: 3px;
  background: #000;
  top: 57px;
  left: 8px;
  display: block;
  position: absolute;
}

@media only screen and (max-width: 640px) {
  /* line 6796, ../scss/app.scss */
  .review .global .rating.n1 .stars:after {
    top: 49px;
  }
}
/* line 6798, ../scss/app.scss */
.review .global > div {
  position: relative;
  margin-bottom: 20px;
}

@media only screen and (max-width: 640px) {
  /* line 6802, ../scss/app.scss */
  .review .global > div {
    margin-bottom: 5px;
  }
}
/* line 6804, ../scss/app.scss */
.review .global > div:last-child {
  margin-bottom: 0;
}

/* line 6806, ../scss/app.scss */
.review .global h2 {
  text-transform: uppercase;
  letter-spacing: .3em;
  font-size: 23px;
  line-height: 32px;
  margin-top: -15px;
  margin-bottom: 0;
}

@media only screen and (max-width: 1280px) {
  /* line 6814, ../scss/app.scss */
  .review .global h2 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 6817, ../scss/app.scss */
  .review .global h2 {
    font-size: 19px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 6821, ../scss/app.scss */
  .review .global h2 {
    padding-left: 4px;
  }
}
/* line 6823, ../scss/app.scss */
.review .global h3 {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .3em;
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  /* line 6831, ../scss/app.scss */
  .review .global h3 {
    font-size: 14px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 6835, ../scss/app.scss */
  .review .global h3 {
    padding-left: 4px;
  }
}
/* line 6837, ../scss/app.scss */
.review .global .rating {
  position: initial;
}

/* line 6839, ../scss/app.scss */
.review .global-wrap {
  margin-bottom: 0;
  display: inline-block;
  text-align: left;
}

/* line 6843, ../scss/app.scss */
.review .comments {
  float: right;
  width: 56%;
}

@media only screen and (max-width: 640px) {
  /* line 6847, ../scss/app.scss */
  .review .comments {
    width: 100%;
    margin: 30px 0;
  }
}
/* line 6850, ../scss/app.scss */
.review .comments .comments-filters {
  position: relative;
  display: inline-block;
}

/* line 6853, ../scss/app.scss */
.review .comments .comments-filters label {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

/* line 6857, ../scss/app.scss */
.review .comments .comments-filters select.select-styled {
  position: static;
  color: #999999;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.3em;
  padding-right: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  appearance-text-transform: uppercase;
  border: none;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  vertical-align: top;
  background-color: transparent;
  width: auto;
  display: inline-block;
  cursor: pointer;
}

/* line 6878, ../scss/app.scss */
.review .comments .comments-filters select.select-style:focus {
  outline: none;
}

/* line 6880, ../scss/app.scss */
.review .comments .comments-filters .select-icon {
  width: auto;
  height: auto;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}

/* line 6887, ../scss/app.scss */
.review .comments .comments-filters .select-icon:after {
  position: absolute;
  top: 2px;
  left: -18px;
  z-index: -1;
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 13px;
  display: inline-block;
  color: #999999;
  font-weight: 700;
  padding: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 6909, ../scss/app.scss */
.review .comments .sortBy {
  letter-spacing: 0.3em;
  color: #999999;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  position: relative;
  display: block;
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 640px) {
  /* line 6919, ../scss/app.scss */
  .review .comments .sortBy {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  /* line 6922, ../scss/app.scss */
  .review .comments .addComment {
    display: none;
  }
}
/* line 6924, ../scss/app.scss */
.review .comments .addComment:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 6934, ../scss/app.scss */
.review .comments .firstComment {
  display: none;
}

/* line 6936, ../scss/app.scss */
.review .comments .comment {
  padding-bottom: 20px;
}

/* line 6938, ../scss/app.scss */
.review .comments .comment .meta {
  border-bottom: 1px solid #d3d3d3;
  overflow: hidden;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

/* line 6943, ../scss/app.scss */
.review .comments .comment .meta .author, .review .comments .comment .meta .item {
  letter-spacing: .3em;
  text-transform: uppercase;
  margin-right: 10px;
  font-weight: 500;
}

@media only screen and (max-width: 640px) {
  /* line 6949, ../scss/app.scss */
  .review .comments .comment .meta .author, .review .comments .comment .meta .item {
    font-size: 13px;
  }
}
/* line 6951, ../scss/app.scss */
.review .comments .comment .meta .stars {
  display: inline-block;
  text-transform: uppercase;
}

/* line 6954, ../scss/app.scss */
.review .comments .comment .meta .stars span:before {
  color: #000;
  font-size: 14px;
  line-height: 24px;
}

/* line 6958, ../scss/app.scss */
.review .comments .comment .meta .date {
  float: right;
  letter-spacing: .3em;
  color: #999999;
  font-weight: 500;
}

@media only screen and (max-width: 640px) {
  /* line 6964, ../scss/app.scss */
  .review .comments .comment .meta .date {
    font-size: 13px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 6967, ../scss/app.scss */
  .review .comments .comment .message p {
    font-size: 11px;
  }
}
/* line 6969, ../scss/app.scss */
.review .actions {
  padding: 25px 0 0;
  border-top: 1px solid #d3d3d3;
  position: relative;
}

@media only screen and (max-width: 640px) {
  /* line 6974, ../scss/app.scss */
  .review .actions .action {
    width: 100%;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 6977, ../scss/app.scss */
  .review .actions .action a[class^="cta-"] {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* line 6980, ../scss/app.scss */
.review .actions .action:nth-of-type(2) {
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 3;
}

/* line 6985, ../scss/app.scss */
.review .actions .pagination {
  text-align: right;
  padding-top: 8px;
  font-weight: 600;
}

@media only screen and (max-width: 640px) {
  /* line 6990, ../scss/app.scss */
  .review .actions .pagination {
    text-align: center;
    padding-top: 10px;
    position: relative;
  }
}
/* line 6994, ../scss/app.scss */
.review .actions .pagination li {
  display: inline-block;
  margin-right: 10px;
  letter-spacing: .3em;
  text-transform: uppercase;
}

/* line 6999, ../scss/app.scss */
.review .actions .pagination li.prev {
  display: none;
}

/* line 7001, ../scss/app.scss */
.review .actions .pagination li a {
  color: #999999;
}

@media only screen and (min-width: 1025px) {
  /* line 7004, ../scss/app.scss */
  .review .actions .pagination li a {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 7007, ../scss/app.scss */
.review .actions .pagination li a:hover {
  color: #000;
}

@media only screen and (max-width: 640px) {
  /* line 7010, ../scss/app.scss */
  .review .actions .pagination li:not(.next):not(.prev) {
    margin-right: 10px;
    letter-spacing: .3em;
    text-transform: uppercase;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    right: 0px;
    background-color: #e5e5e5;
    margin-bottom: 30px;
    padding-left: 2px;
    padding-top: 4px;
  }

  /* line 7022, ../scss/app.scss */
  .review .actions .pagination li:not(.next):not(.prev) a, .review .actions .pagination li:not(.next):not(.prev) span {
    color: #FFFFFF;
    font-size: 15px;
    padding-top: 50px;
    margin-top: 30px;
  }
}
/* line 7027, ../scss/app.scss */
.review .actions .pagination li.current {
  text-decoration: underline;
}

@media only screen and (max-width: 640px) {
  /* line 7030, ../scss/app.scss */
  .review .actions .pagination li.current {
    text-decoration: none;
    background-color: #000 !important;
  }
}
@media only screen and (max-width: 640px) {
  /* line 7034, ../scss/app.scss */
  .review .actions .pagination .prev {
    left: 0;
    position: absolute;
    margin-top: 7px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 7039, ../scss/app.scss */
  .review .actions .pagination .next {
    right: 0;
    position: absolute;
    margin-top: 7px;
  }
}
@media only screen and (min-width: 641px) {
  /* line 7045, ../scss/app.scss */
  .writeComment {
    width: 100%;
    max-height: 40px;
    position: relative;
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }

  /* line 7051, ../scss/app.scss */
  .writeComment .container {
    float: right;
    width: 56%;
    margin-top: -30px;
  }

  /* line 7055, ../scss/app.scss */
  .writeComment button {
    float: right;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }

  /* line 7061, ../scss/app.scss */
  .writeComment .addComment {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }

  /* line 7064, ../scss/app.scss */
  .writeComment .addComment:before {
    content: "";
    font-family: "icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
  }
}
/* line 7075, ../scss/app.scss */
.writeComment .form__customer-review {
  width: 100%;
  margin-top: 25px;
  overflow: visible;
  display: none;
}

@media only screen and (min-width: 641px) {
  /* line 7081, ../scss/app.scss */
  .writeComment .form__customer-review {
    opacity: 0;
    visibility: hidden;
    position: relative;
    max-height: 0;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 7088, ../scss/app.scss */
  .writeComment .form__customer-review {
    display: none;
    float: none;
  }
}
/* line 7091, ../scss/app.scss */
.writeComment .form__customer-review .text__error {
  opacity: 0;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 7095, ../scss/app.scss */
.writeComment .form__customer-review .text__error.active {
  opacity: 1;
}

/* line 7097, ../scss/app.scss */
.writeComment .form__customer-review .field__error {
  color: #cc1734;
}

/* line 7099, ../scss/app.scss */
.writeComment .form__customer-review .field__customer__wrap {
  position: relative;
  width: 56%;
  float: left;
}

@media only screen and (max-width: 640px) {
  /* line 7104, ../scss/app.scss */
  .writeComment .form__customer-review .field__customer__wrap {
    width: 100%;
    padding: 0;
  }
}
/* line 7107, ../scss/app.scss */
.writeComment .form__customer-review .field__customer-review__comment {
  outline: none;
  border: 0;
  border-radius: 0;
  padding: 10px 15px;
  background: #f8f8f8;
  display: block;
  width: 100%;
  min-height: 275px;
  margin: 20px auto;
  font-size: 14px;
}

@media only screen and (min-width: 641px) {
  /* line 7119, ../scss/app.scss */
  .writeComment .form__customer-review .field__customer-review__comment {
    margin: 0 0 10px 0;
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 7123, ../scss/app.scss */
.writeComment .form__customer-review .product-review__optin {
  margin-bottom: 20px;
}

/* line 7125, ../scss/app.scss */
.writeComment .form__customer-review .product-review__optin.checkboxes.-default label, .writeComment .form__customer-review .product-review__optin.checkboxes.-colorLabel label {
  cursor: pointer;
  padding: 6px 14px 5px 25px;
  font-size: 12px;
  text-transform: none;
  white-space: normal;
}

/* line 7131, ../scss/app.scss */
.writeComment .form__customer-review .product-review__optin.checkboxes.-default label:before, .writeComment .form__customer-review .product-review__optin.checkboxes.-colorLabel label:before {
  width: 18px;
  height: 18px;
}

/* line 7134, ../scss/app.scss */
.writeComment .form__customer-review .product-review__optin.checkboxes.-default label:after, .writeComment .form__customer-review .product-review__optin.checkboxes.-colorLabel label:after {
  width: 10px;
  height: 10px;
  top: 8px;
  left: 4px;
}

/* line 7139, ../scss/app.scss */
.writeComment .form__customer-review .product-review__optin.checkboxes.-default label a, .writeComment .form__customer-review .product-review__optin.checkboxes.-colorLabel label a {
  text-decoration: underline;
}

/* line 7141, ../scss/app.scss */
.writeComment .form__customer-review .product-review__ratings__wrap {
  position: relative;
  width: 44%;
  float: left;
  padding-right: 40px;
}

@media only screen and (max-width: 768px) {
  /* line 7147, ../scss/app.scss */
  .writeComment .form__customer-review .product-review__ratings__wrap {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 7150, ../scss/app.scss */
  .writeComment .form__customer-review .product-review__ratings__wrap {
    width: 100%;
    padding: 0;
  }
}
/* line 7153, ../scss/app.scss */
.writeComment .form__customer-review .product-review__ratings {
  float: right;
  margin-left: -35px;
  width: 100%;
  max-width: 295px;
  min-height: 225px;
  background-color: #FFFFFF;
}

@media only screen and (max-width: 640px) {
  /* line 7161, ../scss/app.scss */
  .writeComment .form__customer-review .product-review__ratings {
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    float: none;
    top: auto;
    min-height: 0;
    margin-left: 0;
  }
}
/* line 7170, ../scss/app.scss */
.writeComment .form__customer-review .product-review__ratings h3 {
  font-size: 16px;
  letter-spacing: 5px;
  margin-top: -12px;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (max-width: 640px) {
  /* line 7177, ../scss/app.scss */
  .writeComment .form__customer-review .product-review__ratings h3 {
    margin-top: 0;
  }
}
/* line 7179, ../scss/app.scss */
.writeComment .form__customer-review .product-review__ratings .ratings-wrapper {
  display: inline-block;
  position: relative;
  width: auto;
  padding: 0 20px 12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 640px) {
  /* line 7189, ../scss/app.scss */
  .writeComment .form__customer-review .product-review__ratings .ratings-wrapper {
    display: block;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
/* line 7195, ../scss/app.scss */
.writeComment .form__customer-review .product-review__ratings .rating-field {
  margin-bottom: 12px;
}

/* line 7197, ../scss/app.scss */
.writeComment .form__customer-review .product-review__ratings .rating-label {
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 3px;
  margin-bottom: 1px;
}

@media only screen and (max-width: 640px) {
  /* line 7204, ../scss/app.scss */
  .writeComment .form__customer-review .product-review__ratings .rating-label {
    display: inline-block;
    min-width: 60%;
    text-align: left;
    vertical-align: bottom;
  }
}
/* line 7209, ../scss/app.scss */
.writeComment .form__customer-review .product-review__ratings .stars {
  height: 16px;
}

/* line 7211, ../scss/app.scss */
.writeComment .form__customer-review .product-review__ratings .stars span:before {
  font-size: 14px;
  line-height: 16px;
}

/* line 7214, ../scss/app.scss */
.writeComment .form__customer-review .product-review__ratings .stars span.hover:before,
.writeComment .form__customer-review .product-review__ratings .stars span:active:before {
  opacity: 1;
}

@media only screen and (max-width: 640px) {
  /* line 7218, ../scss/app.scss */
  .writeComment .form__customer-review .product-review__ratings .stars {
    display: inline-block;
    height: 20px;
    vertical-align: top;
  }

  /* line 7222, ../scss/app.scss */
  .writeComment .form__customer-review .product-review__ratings .stars span:before {
    font-size: 20px;
    line-height: 20px;
  }
}
/* line 7225, ../scss/app.scss */
.writeComment .form__customer-review .product-review__ratings .stars span:hover {
  cursor: pointer;
}

/* line 7227, ../scss/app.scss */
.writeComment .form__customer-review .product-review__ratings .global-rating {
  margin-bottom: 25px;
}

/* line 7229, ../scss/app.scss */
.writeComment .form__customer-review .product-review__ratings .global-rating .rating-label {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 5px;
}

/* line 7233, ../scss/app.scss */
.writeComment .form__customer-review .product-review__ratings .global-rating .stars {
  height: 24px;
}

/* line 7235, ../scss/app.scss */
.writeComment .form__customer-review .product-review__ratings .global-rating .stars span:before {
  font-size: 24px;
  line-height: 30px;
}

/* line 7238, ../scss/app.scss */
.writeComment .form__customer-review .submit-review {
  opacity: 1;
  float: right;
  visibility: visible;
}

@media only screen and (max-width: 640px) {
  /* line 7243, ../scss/app.scss */
  .writeComment .form__customer-review .submit-review {
    float: none;
  }
}
/* line 7245, ../scss/app.scss */
.writeComment .form__customer-review.has-errors .rating-field.error .rating-label {
  color: #cc1734;
}

/* line 7247, ../scss/app.scss */
.writeComment .form__customer-review.has-errors .field__customer-review__comment.error {
  border: solid 1px #cc1734;
}

/* line 7249, ../scss/app.scss */
.writeComment .form__customer-review.has-errors .product-review__optin.error {
  color: #cc1734;
}

/* line 7251, ../scss/app.scss */
.writeComment .form__customer-review.has-errors .product-review__optin.error label:before {
  border-color: #cc1734;
}

/* line 7253, ../scss/app.scss */
.writeComment .form__customer-review.has-errors .product-review__optin.error a {
  color: #cc1734;
}

/* line 7256, ../scss/app.scss */
.writeComment.open {
  overflow: visible;
}

@media only screen and (max-width: 768px) {
  /* line 7259, ../scss/app.scss */
  .writeComment.open .addComment {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 7262, ../scss/app.scss */
  .writeComment.open {
    max-height: 250px;
  }
}
@media only screen and (min-width: 1401px) {
  /* line 7265, ../scss/app.scss */
  .writeComment.open {
    max-height: 350px;
  }
}
/* line 7267, ../scss/app.scss */
.writeComment.open a[class^="cta-"] {
  opacity: 0;
  visibility: hidden;
}

/* line 7270, ../scss/app.scss */
.writeComment.open .form__customer-review {
  opacity: 1;
  visibility: visible;
  display: block;
  max-height: 550px;
  -webkit-transition: opacity 300ms ease-out 300ms;
  transition: opacity 300ms ease-out 300ms;
}

@media only screen and (max-width: 640px) {
  /* line 7278, ../scss/app.scss */
  .writeComment.open .form__customer-review {
    max-height: none;
    display: block;
    width: auto;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 7285, ../scss/app.scss */
  .header .stickyNav:not(.stuck) {
    display: none;
  }
}
/* line 7288, ../scss/app.scss */
.menu-annexe {
  text-align: center;
  border-top: 1px solid #ccc;
  padding: 10px 0;
  background: #FFFFFF;
  width: 100%;
  -webkit-transition: 0.1s ease false;
  transition: 0.1s ease;
  /*&.stuckPos
		top: 66px
		@include transition(top .25s ease-out)*/
}

@media only screen and (max-width: 768px) {
  /* line 7300, ../scss/app.scss */
  .menu-annexe {
    padding-left: 25px;
    text-align: left;
  }
}
/* line 7303, ../scss/app.scss */
.menu-annexe.stuck {
  border-bottom: 1px solid #e6e6e6;
  height: auto;
  /*&.stuck
    position: fixed
    top: 130px
    width: 100%
    z-index: 97
    margin-top: 0
    opacity: 1
    border-bottom: 1px solid $grey-200
    @include transition(top .6s ease .25s)
    @include media-desktop-large-and-less
        top: 120px
    @include media-desktop-and-less
        top: 55px */
}

/* line 7319, ../scss/app.scss */
.menu-annexe li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 50px;
}

@media only screen and (max-width: 1024px) {
  /* line 7324, ../scss/app.scss */
  .menu-annexe li {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 7327, ../scss/app.scss */
  .menu-annexe li {
    margin-left: 0;
  }
}
/* line 7329, ../scss/app.scss */
.menu-annexe a {
  letter-spacing: .2em;
  font-size: 14px;
  font-weight: 700;
  color: #847155;
  text-transform: uppercase;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  position: relative;
  padding-left: 20px;
}

@media only screen and (min-width: 641px) {
  /* line 7340, ../scss/app.scss */
  .menu-annexe a.addToFavorites:before {
    position: absolute;
    top: -3px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 7344, ../scss/app.scss */
  .menu-annexe a.whereToBuy, .menu-annexe a.writeReview {
    display: none;
  }

  /* line 7346, ../scss/app.scss */
  .menu-annexe a.addToCart, .menu-annexe a.addToFavorites {
    font-size: 12px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 7349, ../scss/app.scss */
  .menu-annexe a {
    padding-left: 0;
  }

  /* line 7351, ../scss/app.scss */
  .menu-annexe a.whereToBuy, .menu-annexe a.writeReview {
    display: none;
  }

  /* line 7353, ../scss/app.scss */
  .menu-annexe a.addToCart, .menu-annexe a.addToFavorites {
    font-size: 0;
  }

  /* line 7355, ../scss/app.scss */
  .menu-annexe a.addToCart:before, .menu-annexe a.addToFavorites:before {
    position: relative;
    font-size: 21px;
    top: 0;
    left: 0;
  }
}
/* line 7360, ../scss/app.scss */
.menu-annexe a:before {
  display: inline-block;
  color: #847155;
  font-size: 21px;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  padding-right: 15px;
  position: absolute;
  left: -15px;
  top: -3px;
}

@media only screen and (min-width: 1025px) {
  /* line 7371, ../scss/app.scss */
  .menu-annexe a:hover, .menu-annexe a:hover:before {
    opacity: 0.75;
  }
}
@media only screen and (max-width: 768px) {
  /* line 7374, ../scss/app.scss */
  .menu-annexe a {
    font-size: 12px;
  }
}
/* line 7376, ../scss/app.scss */
.menu-annexe a.whereToBuy:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 7386, ../scss/app.scss */
.menu-annexe a.addToCart:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 7396, ../scss/app.scss */
.menu-annexe a.addToCart.added:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 7406, ../scss/app.scss */
.menu-annexe a.addToFavorites:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 7416, ../scss/app.scss */
.menu-annexe a.addToFavorites.added:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  color: #cc1734;
}

/* line 7427, ../scss/app.scss */
.menu-annexe a.writeReview:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 7437, ../scss/app.scss */
.menu-annexe a span {
  display: none;
}

/* line 7439, ../scss/app.scss */
.menu-annexe a.fb:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 7449, ../scss/app.scss */
.menu-annexe a.tw:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 24px;
}

/* line 7460, ../scss/app.scss */
.menu-annexe a.pt:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 23px;
}

/* line 7471, ../scss/app.scss */
.menu-annexe .social {
  margin: 15px 0 15px 70px;
}

@media only screen and (max-width: 640px) {
  /* line 7474, ../scss/app.scss */
  .menu-annexe .social {
    padding-top: 3px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 7477, ../scss/app.scss */
  .menu-annexe .social {
    float: right;
    margin: 0 0 0 40px;
  }
}
@media only screen and (min-width: 769px) {
  /* line 7481, ../scss/app.scss */
  .menu-annexe .social {
    margin: 10px 25px 0 40px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 7485, ../scss/app.scss */
  .menu-annexe .social {
    margin-top: 0;
  }
}
/* line 7487, ../scss/app.scss */
.menu-annexe .social li {
  margin: 0 10px 0 10px;
}

/* line 7489, ../scss/app.scss */
.menu-annexe .social a {
  letter-spacing: 0;
}

@media only screen and (max-width: 640px) {
  /* line 7492, ../scss/app.scss */
  .menu-annexe .social a {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 7495, ../scss/app.scss */
  .menu-annexe.mini-icon {
    height: 52px;
  }

  /* line 7497, ../scss/app.scss */
  .menu-annexe.mini-icon li {
    float: left;
    margin-left: 15px;
    height: 28px;
    line-height: 28px;
  }

  /* line 7502, ../scss/app.scss */
  .menu-annexe.mini-icon li:first-child {
    margin-left: 30px;
  }

  /* line 7504, ../scss/app.scss */
  .menu-annexe.mini-icon a {
    padding-left: 0;
  }

  /* line 7506, ../scss/app.scss */
  .menu-annexe.mini-icon a.addToCart, .menu-annexe.mini-icon a.addToFavorites, .menu-annexe.mini-icon a.whereToBuy, .menu-annexe.mini-icon a.writeReview {
    font-size: 0;
  }

  /* line 7508, ../scss/app.scss */
  .menu-annexe.mini-icon a.addToCart:before, .menu-annexe.mini-icon a.addToFavorites:before, .menu-annexe.mini-icon a.whereToBuy:before, .menu-annexe.mini-icon a.writeReview:before {
    position: relative;
    font-size: 21px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
  }

  /* line 7516, ../scss/app.scss */
  .menu-annexe.mini-icon .social {
    float: right;
    margin: 0 0 0 40px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 7520, ../scss/app.scss */
  .menu-annexe.mini-icon li {
    margin-left: 0px;
  }

  /* line 7522, ../scss/app.scss */
  .menu-annexe.mini-icon a.whereToBuy, .menu-annexe.mini-icon a.writeReview {
    display: none;
  }
}
/* line 7525, ../scss/app.scss */
.menu-annexe-dark {
  background-color: #000;
  border-bottom: 1px solid #292929 !important;
  border-top: none;
}

/* line 7530, ../scss/app.scss */
.edito-large {
  max-width: 100%;
  margin: 0px;
}

/* line 7533, ../scss/app.scss */
.edito-large .wrapper {
  padding: 90px 0;
}

@media only screen and (max-width: 1280px) {
  /* line 7536, ../scss/app.scss */
  .edito-large .wrapper {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 7539, ../scss/app.scss */
  .edito-large .wrapper {
    padding: 40px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 7542, ../scss/app.scss */
  .edito-large .wrapper {
    padding: 30px 15px 15px 15px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 7545, ../scss/app.scss */
  .edito-large .wrapper .bt-container {
    margin: 40px 0 0 0;
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  /* line 7549, ../scss/app.scss */
  .edito-large .media img {
    margin: 20px auto;
  }
}
/* line 7552, ../scss/app.scss */
.embed {
  text-align: center;
  padding: 0px;
  margin-top: 60px;
  margin-bottom: 60px;
}

@media only screen and (max-width: 640px) {
  /* line 7558, ../scss/app.scss */
  .embed {
    background: #FFFFFF;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 7561, ../scss/app.scss */
  .embed {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 640px) {
  /* line 7565, ../scss/app.scss */
  .embed.switch-the-look {
    display: none;
  }
}
/* line 7568, ../scss/app.scss */
.embed.switch-the-look .switch-box {
  background-color: #000;
  padding: 10px;
}

/* line 7572, ../scss/app.scss */
.timeline .entries {
  margin-top: 10px;
  padding: 25px 20px;
  background: #f7f7f7;
  color: #808080;
  text-align: left;
  letter-spacing: .1em;
  position: relative;
}

/* line 7580, ../scss/app.scss */
.timeline .entries ul li {
  display: block;
  margin: 10px 0;
}

/* line 7583, ../scss/app.scss */
.timeline .entries ul li:first-child, .timeline .entries ul li:last-child {
  margin: 0;
}

/* line 7585, ../scss/app.scss */
.timeline .entries ul li span {
  display: inline-block;
  margin: 0 15px 0 0;
}

/* line 7588, ../scss/app.scss */
.timeline .entries ul li sup {
  font-size: .5em;
  line-height: .8em;
}

/* line 7591, ../scss/app.scss */
.timeline .entries .date {
  width: 7%;
  color: #9c9c9c;
  vertical-align: top;
}

/* line 7595, ../scss/app.scss */
.timeline .entries .content {
  display: inline-block;
  text-transform: uppercase;
  width: 80%;
}

/* line 7599, ../scss/app.scss */
.timeline .entries .content a {
  color: inherit;
}

@media only screen and (min-width: 1025px) {
  /* line 7602, ../scss/app.scss */
  .timeline .entries .content a {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 7605, ../scss/app.scss */
.timeline .entries .content a:hover {
  color: #000;
}

/* line 7607, ../scss/app.scss */
.timeline .entries:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 74%;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #e6e6e6;
  left: 9.15%;
}

/* line 7618, ../scss/app.scss */
.fb-form {
  display: none;
}

/* line 7621, ../scss/app.scss */
.global-form .checkboxes li, .account .checkboxes li {
  letter-spacing: .1em;
  font-size: 12px;
}

/* line 7625, ../scss/app.scss */
.global-form .checkboxes.-default, .global-form .checkboxes.-colorLabel, .account .checkboxes.-default, .account .checkboxes.-colorLabel {
  text-align: left;
  overflow: hidden;
  font-size: 12px;
  min-height: 110px;
}

@media only screen and (max-width: 1024px) {
  /* line 7631, ../scss/app.scss */
  .global-form .checkboxes.-default, .global-form .checkboxes.-colorLabel, .account .checkboxes.-default, .account .checkboxes.-colorLabel {
    margin-top: 20px;
  }
}
/* line 7633, ../scss/app.scss */
.global-form .checkboxes.-default li, .global-form .checkboxes.-colorLabel li, .account .checkboxes.-default li, .account .checkboxes.-colorLabel li {
  display: inline-block;
  float: left;
}

@media only screen and (max-width: 640px) {
  /* line 7637, ../scss/app.scss */
  .global-form .checkboxes.-default li, .global-form .checkboxes.-colorLabel li, .account .checkboxes.-default li, .account .checkboxes.-colorLabel li {
    width: 100%;
  }
}
/* line 7639, ../scss/app.scss */
.global-form .checkboxes.-default p, .global-form .checkboxes.-colorLabel p, .account .checkboxes.-default p, .account .checkboxes.-colorLabel p {
  margin: 10px 0 5px 0;
}

/* line 7641, ../scss/app.scss */
.global-form .checkboxes.-default p.title, .global-form .checkboxes.-colorLabel p.title, .account .checkboxes.-default p.title, .account .checkboxes.-colorLabel p.title {
  font-weight: 600;
  text-transform: uppercase;
}

/* line 7645, ../scss/app.scss */
.global-form .checkboxes.-small:not(.no-bef), .account .checkboxes.-small:not(.no-bef) {
  position: relative;
  padding-left: 75px;
}

/* line 7648, ../scss/app.scss */
.global-form .checkboxes.-small:not(.no-bef):before, .account .checkboxes.-small:not(.no-bef):before {
  position: absolute;
  display: inline-block;
  content: "";
  top: 9px;
  left: 0;
  width: 60px;
  height: 2px;
  margin-right: 15px;
  background: #000;
  vertical-align: middle;
}

/* line 7660, ../scss/app.scss */
.global-form .checkboxes.-small li, .account .checkboxes.-small li {
  margin: 0 20px 0 0;
  min-width: 60px;
  text-align: right;
}

@media only screen and (min-width: 769px) {
  /* line 7665, ../scss/app.scss */
  .global-form .checkboxes.-small li, .account .checkboxes.-small li {
    min-width: 0;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 7669, ../scss/app.scss */
  .global-form .checkboxes.-colorRadio, .account .checkboxes.-colorRadio {
    text-align: left;
  }
}
/* line 7672, ../scss/app.scss */
.global-form .checkboxes.-colorRadio li, .account .checkboxes.-colorRadio li {
  margin: 5px 12px 15px 0;
  text-transform: uppercase;
  color: #000;
}

@media only screen and (max-width: 1024px) {
  /* line 7678, ../scss/app.scss */
  .global-form .checkboxes.-colorRadio label, .account .checkboxes.-colorRadio label {
    text-align: center;
  }
}
/* line 7681, ../scss/app.scss */
.global-form .checkboxes.-colorRadio input[type="radio"] + label span, .account .checkboxes.-colorRadio input[type="radio"] + label span {
  width: 30px;
  height: 30px;
  margin-right: 0;
  line-height: 18px;
}

@media only screen and (max-width: 1024px) {
  /* line 7687, ../scss/app.scss */
  .global-form .checkboxes.-colorRadio input[type="radio"] + label span, .account .checkboxes.-colorRadio input[type="radio"] + label span {
    display: block;
    margin: 0 auto 10px auto;
  }
}
/* line 7691, ../scss/app.scss */
.global-form .checkboxes.-colorRadio input[type="radio"] + label span:after, .account .checkboxes.-colorRadio input[type="radio"] + label span:after {
  width: 20px;
  height: 20px;
  font-size: 12px;
  padding: 2px 0 0 4px;
}

@media only screen and (max-width: 1024px) {
  /* line 7697, ../scss/app.scss */
  .global-form .checkboxes.-colorRadio input[type="radio"] + label span:after, .account .checkboxes.-colorRadio input[type="radio"] + label span:after {
    padding: 1px;
  }
}
/* line 7700, ../scss/app.scss */
.global-form .checkboxes.-colorRadio input[type="radio"] + label span:before, .account .checkboxes.-colorRadio input[type="radio"] + label span:before {
  display: none;
}

/* line 7703, ../scss/app.scss */
.global-form .checkboxes.-colorRadio:not(.-noLabel) li, .account .checkboxes.-colorRadio:not(.-noLabel) li {
  width: 60px;
  margin: 5px 0 10px 0;
}

@media only screen and (min-width: 1025px) {
  /* line 7707, ../scss/app.scss */
  .global-form .checkboxes.-colorRadio:not(.-noLabel) li, .account .checkboxes.-colorRadio:not(.-noLabel) li {
    width: 120px;
  }
}
/* line 7710, ../scss/app.scss */
.global-form .checkboxes.-colorRadio:not(.-noLabel) input[type="radio"] + label span, .account .checkboxes.-colorRadio:not(.-noLabel) input[type="radio"] + label span {
  margin-right: 15px;
}

@media only screen and (max-width: 1024px) {
  /* line 7713, ../scss/app.scss */
  .global-form .checkboxes.-colorRadio:not(.-noLabel) input[type="radio"] + label span, .account .checkboxes.-colorRadio:not(.-noLabel) input[type="radio"] + label span {
    margin: 10px auto;
  }
}
/* line 7716, ../scss/app.scss */
body.account-page,
body.account-logged,
body.account-unlogged {
  background-color: #FFFFFF;
}

@media only screen and (min-width: 1025px) {
  /* line 7721, ../scss/app.scss */
  body.account-page,
  body.account-logged,
  body.account-unlogged {
    padding-top: 0;
  }
}
/* line 7725, ../scss/app.scss */
body.account-page .footer,
body.account-logged .footer,
body.account-unlogged .footer {
  width: 100%;
  margin: 30px 0;
  padding: 0;
}

@media only screen and (min-width: 1025px) {
  /* line 7732, ../scss/app.scss */
  body.account-page .footer,
  body.account-logged .footer,
  body.account-unlogged .footer {
    position: fixed;
    bottom: 0;
    margin: 0;
    z-index: 10;
  }
}
/* line 7739, ../scss/app.scss */
body.account-page .footer:before,
body.account-logged .footer:before,
body.account-unlogged .footer:before {
  display: none;
}

/* line 7743, ../scss/app.scss */
body.account-page .footer .wrapper,
body.account-logged .footer .wrapper,
body.account-unlogged .footer .wrapper {
  display: none;
}

/* line 7747, ../scss/app.scss */
body.account-page .footer .bottom,
body.account-logged .footer .bottom,
body.account-unlogged .footer .bottom {
  border: 0;
  background: #FFFFFF;
}

@media only screen and (min-width: 1025px) {
  /* line 7753, ../scss/app.scss */
  body.account-page .footer .bottom,
  body.account-logged .footer .bottom,
  body.account-unlogged .footer .bottom {
    line-height: 10px;
    border-top: 1px solid #e5e5e5;
  }
}
/* line 7759, ../scss/app.scss */
.account.product-expanded {
  background-color: #f7f7f7;
}

/* line 7762, ../scss/app.scss */
.account .back {
  background: transparent;
  border-bottom: 1px solid #CCCCCC;
  color: #808080;
  margin-bottom: 0;
  display: block;
}

@media only screen and (max-width: 640px) {
  /* line 7769, ../scss/app.scss */
  .account .back {
    position: fixed;
    width: 100%;
    background-color: #ffffff;
    height: 60px;
    top: 55px;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 7776, ../scss/app.scss */
  .account .back {
    display: none;
  }
}
/* line 7778, ../scss/app.scss */
.account .back:before {
  color: #000;
}

/* line 7780, ../scss/app.scss */
.account .back.error {
  font-size: 9px;
}

/* line 7783, ../scss/app.scss */
.account-category {
  display: none;
}

/* line 7785, ../scss/app.scss */
.account-category:after {
  content: "";
  display: block;
  clear: both;
}

/* line 7789, ../scss/app.scss */
.account-category.expanded {
  display: block;
  margin-bottom: 90px;
  position: relative;
  width: 100%;
  max-width: 1000px;
}

/* line 7795, ../scss/app.scss */
.account-category #dependingQuestions {
  display: none;
}

/* line 7797, ../scss/app.scss */
.account-category .product-filter {
  position: absolute;
  right: 20px;
  top: 0;
  display: none;
}

@media only screen and (min-width: 1025px) {
  /* line 7803, ../scss/app.scss */
  .account-category .product-filter {
    display: block;
  }
}
/* line 7805, ../scss/app.scss */
.account-category .product-filter .tt-underline {
  padding-bottom: 3px;
  text-align: right;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

@media only screen and (max-width: 1400px) {
  /* line 7811, ../scss/app.scss */
  .account-category .product-filter .tt-underline {
    margin-bottom: 28px;
  }
}
/* line 7813, ../scss/app.scss */
.account-category .product-filter .tt-underline:after {
  content: none;
}

/* line 7815, ../scss/app.scss */
.account-category .product-filter .tt-underline i {
  width: 16px;
  height: 16px;
  border: 1px solid #CCCCCC;
  display: inline-block;
  border-radius: 50%;
  font-style: normal;
  margin-left: 5px;
}

/* line 7823, ../scss/app.scss */
.account-category .product-filter .tt-underline i i {
  display: none;
}

/* line 7825, ../scss/app.scss */
.account-category .product-filter .tt-underline i:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 8.20513px;
  line-height: 15px;
  display: block;
  text-align: center;
  color: #CCCCCC;
  letter-spacing: 0;
}

@media only screen and (min-width: 1025px) {
  /* line 7842, ../scss/app.scss */
  .account-category .product-filter .tt-underline i {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    width: 23px;
    height: 23px;
    border: 1px solid #CCCCCC;
    display: inline-block;
    border-radius: 50%;
  }

  /* line 7850, ../scss/app.scss */
  .account-category .product-filter .tt-underline i i {
    display: none;
  }

  /* line 7852, ../scss/app.scss */
  .account-category .product-filter .tt-underline i:before {
    content: "";
    font-family: "icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    font-size: 11.79487px;
    line-height: 22px;
    display: block;
    text-align: center;
    color: #CCCCCC;
    letter-spacing: 0;
  }
}
/* line 7868, ../scss/app.scss */
.account-category .product-filter .categories {
  opacity: 0;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 7872, ../scss/app.scss */
.account-category .product-filter .categories li {
  display: inline-block;
}

/* line 7874, ../scss/app.scss */
.account-category .product-filter .categories li a {
  padding: 0px 5px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  color: #a3a2a2;
  letter-spacing: .12em;
}

/* line 7881, ../scss/app.scss */
.account-category .product-filter.active .tt-underline {
  color: #847155;
}

/* line 7883, ../scss/app.scss */
.account-category .product-filter.active .tt-underline i {
  background-color: #847155;
}

/* line 7885, ../scss/app.scss */
.account-category .product-filter.active .tt-underline i:before {
  color: white;
}

/* line 7887, ../scss/app.scss */
.account-category .product-filter.active .categories {
  opacity: 1;
}

/** Account Nav **/
/* line 7891, ../scss/app.scss */
.account-nav {
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  z-index: 1;
  top: 0;
}

@media only screen and (min-width: 1025px) {
  /* line 7898, ../scss/app.scss */
  .account-nav {
    position: fixed;
    left: 0;
    padding-top: 130px;
    width: 270px;
    height: 100%;
    background: #f0f0f0;
  }
}
@media only screen and (min-width: 1401px) {
  /* line 7906, ../scss/app.scss */
  .account-nav {
    width: 340px;
  }
}
/*!* User Head **/
/* line 7910, ../scss/app.scss */
.user-head {
  position: relative;
  display: table;
  width: 100%;
  margin: 0;
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #CCCCCC;
}

@media only screen and (min-width: 1025px) {
  /* line 7919, ../scss/app.scss */
  .user-head {
    margin: 0 0 10px 0px;
    padding: 20px 20px 0 20px;
    text-align: center;
    border: 0;
  }
}
@media only screen and (min-width: 1281px) {
  /* line 7925, ../scss/app.scss */
  .user-head {
    padding: 60px 30px 30px 30px;
  }
}
/* line 7927, ../scss/app.scss */
.user-head .deconnexionBtn {
  position: relative;
  font-size: 20px;
  color: #847155;
  font-weight: 400;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  width: 30px;
}

/* line 7936, ../scss/app.scss */
.user-head .deconnexionBtn:before {
  font-family: "icons";
  content: "";
}

@media only screen and (min-width: 769px) {
  /* line 7940, ../scss/app.scss */
  .user-head .deconnexionBtn {
    display: none;
  }
}
/* line 7942, ../scss/app.scss */
.user-head .uploadImg {
  position: relative;
  display: table-cell;
  width: 55px;
  height: 55px;
  overflow: hidden;
  vertical-align: middle;
}

@media only screen and (min-width: 1025px) {
  /* line 7950, ../scss/app.scss */
  .user-head .uploadImg:not(.no-select):hover:before {
    background: rgba(0, 0, 0, 0.75);
  }

  /* line 7952, ../scss/app.scss */
  .user-head .uploadImg:not(.no-select):hover:after {
    opacity: 1;
  }
}
/* line 7954, ../scss/app.scss */
.user-head .uploadImg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: transparent;
}

@media only screen and (min-width: 1025px) {
  /* line 7964, ../scss/app.scss */
  .user-head .uploadImg:before {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 7967, ../scss/app.scss */
.user-head .uploadImg:after {
  content: "+";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: auto;
  color: #FFFFFF;
  font-size: 52px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}

@media only screen and (min-width: 1025px) {
  /* line 7980, ../scss/app.scss */
  .user-head .uploadImg:after {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 7983, ../scss/app.scss */
.user-head .uploadImg.no-select {
  width: 0;
  cursor: default;
}

@media only screen and (min-width: 1025px) {
  /* line 7987, ../scss/app.scss */
  .user-head .uploadImg.no-select {
    width: 35px;
  }
}
/* line 7989, ../scss/app.scss */
.user-head .invisible-input {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 98;
}

/* line 7997, ../scss/app.scss */
.user-head img {
  max-width: 50px;
  height: auto;
  border-radius: 50%;
}

@media only screen and (max-width: 1024px) {
  /* line 8002, ../scss/app.scss */
  .user-head img {
    max-width: 65px;
  }
}
@media only screen and (min-width: 1281px) {
  /* line 8005, ../scss/app.scss */
  .user-head img {
    max-width: 75px;
  }
}
/* line 8007, ../scss/app.scss */
.user-head .tt-3, .user-head .tt-cart-head {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  margin-left: 10px;
  padding: 0 10px;
}

@media only screen and (min-width: 1025px) {
  /* line 8014, ../scss/app.scss */
  .user-head .tt-3, .user-head .tt-cart-head {
    margin-left: 0;
    padding: 0 15px;
  }
}
/*!* Image Upload **/
/* line 8019, ../scss/app.scss */
.imageBox-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  background: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  z-index: 102;
  width: 95%;
}

@media only screen and (min-width: 1025px) {
  /* line 8033, ../scss/app.scss */
  .imageBox-wrapper {
    max-width: 580px;
    width: 100%;
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (max-width: 1280px) {
  /* line 8039, ../scss/app.scss */
  .imageBox-wrapper {
    top: 55%;
  }
}
/* line 8041, ../scss/app.scss */
.imageBox-wrapper.visible {
  opacity: 1;
  visibility: visible;
}

/* line 8045, ../scss/app.scss */
.imageBox-container {
  padding: 10px;
}

@media only screen and (min-width: 1025px) {
  /* line 8048, ../scss/app.scss */
  .imageBox-container {
    padding: 25px;
  }
}
/* line 8050, ../scss/app.scss */
.imageBox-container .tt-3, .imageBox-container .tt-cart-head {
  letter-spacing: .3em;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
}

@media only screen and (max-width: 1024px) {
  /* line 8056, ../scss/app.scss */
  .imageBox-container .tt-3, .imageBox-container .tt-cart-head {
    font-size: 13px;
    line-height: 13px;
    padding-top: 10px;
  }
}
/* line 8060, ../scss/app.scss */
.imageBox-container .bt-container {
  margin-top: 15px;
}

/* line 8062, ../scss/app.scss */
.imageBox-container [class^='cta-'] {
  width: 35%;
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  /* line 8069, ../scss/app.scss */
  .imageBox-container [class^='cta-'] {
    width: 42%;
    font-size: 9px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
/* line 8077, ../scss/app.scss */
.imageBox {
  position: relative;
  border: 1px solid #aaa;
  background: #fff;
  overflow: hidden;
  background-repeat: no-repeat;
  cursor: move;
  background: #000;
  max-width: 300px;
  width: 100%;
  height: 200px;
  margin: 0 auto;
}

@media only screen and (min-width: 1025px) {
  /* line 8090, ../scss/app.scss */
  .imageBox {
    height: 350px;
    width: 525px;
    max-width: none;
  }
}
/* line 8095, ../scss/app.scss */
.imageBox .thumbBox {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid #666666;
  box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.6);
  background: none repeat scroll 0% 0% transparent;
  width: 150px;
  height: 150px;
  margin-top: -75px;
  margin-left: -75px;
}

@media only screen and (min-width: 1025px) {
  /* line 8109, ../scss/app.scss */
  .imageBox .thumbBox {
    width: 300px;
    height: 300px;
    margin-top: -150px;
    margin-left: -150px;
  }
}
/* line 8115, ../scss/app.scss */
.imageBox .spinner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  line-height: 400px;
  background: rgba(0, 0, 0, 0.7);
}

/* line 8125, ../scss/app.scss */
.cropped > img {
  margin-right: 10px;
  border-radius: 50%;
}

/* line 8129, ../scss/app.scss */
.zoom {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 99;
}

/* line 8135, ../scss/app.scss */
.bt-zoomin, .bt-zoomout {
  display: block;
  width: 30px;
  height: 40px;
}

/* line 8139, ../scss/app.scss */
.bt-zoomin:after, .bt-zoomout:after {
  font-size: 22px;
  color: #e6e6e6;
  border: 1px solid #646464;
  padding: 7px 10px;
}

/* line 8145, ../scss/app.scss */
.bt-zoomin {
  margin-bottom: -3px;
}

/* line 8148, ../scss/app.scss */
.bt-zoomin:after {
  content: "+";
}

/* line 8151, ../scss/app.scss */
.bt-zoomout:after {
  content: "-";
}

/** User Menu **/
/* line 8155, ../scss/app.scss */
.user-menu {
  clear: both;
  text-indent: 20px;
}

@media only screen and (min-width: 1025px) {
  /* line 8159, ../scss/app.scss */
  .user-menu {
    margin: 5% 0 0 69px;
    text-indent: 0;
    position: relative;
  }
}
@media only screen and (min-width: 1281px) {
  /* line 8164, ../scss/app.scss */
  .user-menu {
    padding-left: 12px;
  }
}
/* line 8166, ../scss/app.scss */
.user-menu > li {
  text-align: left;
  position: relative;
}

@media only screen and (min-width: 1025px) {
  /* line 8170, ../scss/app.scss */
  .user-menu > li {
    margin: 30px 0;
    border: 0;
  }
}
/* line 8173, ../scss/app.scss */
.user-menu > li > a {
  position: relative;
  display: block;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-bottom: 1px solid #CCCCCC;
}

@media only screen and (min-width: 1025px) {
  /* line 8184, ../scss/app.scss */
  .user-menu > li > a {
    color: #646464;
    line-height: 15px;
    border: 0;
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
  }

  /* line 8192, ../scss/app.scss */
  .user-menu > li > a:hover {
    color: #000;
  }

  /* line 8194, ../scss/app.scss */
  .user-menu > li > a:before {
    position: absolute;
    display: inline-block;
    top: 8px;
    left: -30px;
    width: 0px;
    content: "";
    height: 2px;
    margin: -3px 30px 0 0;
    vertical-align: middle;
    background: #000;
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
  }

  /* line 8209, ../scss/app.scss */
  .user-menu > li > a:after {
    display: none;
  }
}
/* line 8211, ../scss/app.scss */
.user-menu > li.active .user-sub-menu {
  height: auto;
}

@media only screen and (min-width: 1025px) {
  /* line 8214, ../scss/app.scss */
  .user-menu > li.active > a {
    color: #000;
    font-weight: 700;
    padding-left: 30px;
    pointer-events: none;
  }

  /* line 8219, ../scss/app.scss */
  .user-menu > li.active > a:before {
    width: 40px;
  }
}
/* line 8221, ../scss/app.scss */
.user-menu li.has-children:after {
  content: '+';
  font-size: 44px;
  font-weight: 100;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
  color: #a3a2a2;
}

/* line 8232, ../scss/app.scss */
.user-menu li.has-children.active:after {
  content: "-";
  top: -5px;
}

@media only screen and (min-width: 1025px) {
  /* line 8236, ../scss/app.scss */
  .user-menu li.has-children:after {
    display: none;
  }
}
/* line 8238, ../scss/app.scss */
.user-menu li:not(.has-children):after {
  position: absolute;
  right: 18px;
  top: 35%;
  color: #000;
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 16px;
  font-weight: bold;
  font-weight: 100;
  z-index: 0;
}

@media only screen and (min-width: 1025px) {
  /* line 8257, ../scss/app.scss */
  .user-menu li:not(.has-children):after {
    display: none;
  }
}
/* line 8260, ../scss/app.scss */
.user-sub-menu {
  height: 0;
  overflow: hidden;
  -webkit-transition: 200ms ease false;
  transition: 200ms ease;
}

@media only screen and (min-width: 1025px) {
  /* line 8266, ../scss/app.scss */
  .user-sub-menu {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 8269, ../scss/app.scss */
.user-sub-menu a {
  display: block;
  line-height: 60px;
  color: #000;
  border-bottom: 1px solid #CCCCCC;
  padding: 0;
  text-indent: 40px;
  font-size: 13px;
  position: relative;
  z-index: 3;
  text-transform: uppercase;
  letter-spacing: .1em;
}

@media only screen and (min-width: 1025px) {
  /* line 8282, ../scss/app.scss */
  .user-sub-menu a {
    text-transform: uppercase;
    color: #a3a2a2;
    display: block;
    font-size: 12px;
    letter-spacing: 0.1em;
    padding: 10px 0 0px 10px;
    font-weight: bold;
    border: 0;
    line-height: 25px;
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    text-align: left;
  }

  /* line 8295, ../scss/app.scss */
  .user-sub-menu a:hover {
    color: #847155;
  }
}
@media only screen and (min-width: 1281px) {
  /* line 8298, ../scss/app.scss */
  .user-sub-menu a {
    padding: 10px 0 7px 30px;
  }
}
/* line 8300, ../scss/app.scss */
.user-sub-menu li {
  position: relative;
}

@media only screen and (min-width: 1025px) {
  /* line 8303, ../scss/app.scss */
  .user-sub-menu li {
    border: 0;
  }

  /* line 8305, ../scss/app.scss */
  .user-sub-menu li:first-child {
    margin-top: 8px;
  }

  /* line 8307, ../scss/app.scss */
  .user-sub-menu li.active a {
    color: #847155;
    pointer-events: none;
  }
}
/** Account Main **/
/* line 8312, ../scss/app.scss */
.account-main .products, .account-main .articles {
  padding: 20px 0 0 0;
}

/* line 8315, ../scss/app.scss */
.account-main .wrap {
  margin-top: 80px;
  padding: 0 20px 30px;
}

@media only screen and (min-width: 769px) {
  /* line 8319, ../scss/app.scss */
  .account-main .wrap {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 8322, ../scss/app.scss */
  .account-main .wrap {
    padding: 0px;
  }
}
/* line 8325, ../scss/app.scss */
.account-main.expanded {
  display: block;
}

@media only screen and (min-width: 1025px) {
  /* line 8329, ../scss/app.scss */
  .account-main {
    padding: 130px 0 40px 270px;
  }
}
@media only screen and (min-width: 1401px) {
  /* line 8333, ../scss/app.scss */
  .account-main {
    padding-left: 340px;
  }
}
/** My Products **/
/* line 8337, ../scss/app.scss */
.myproducts .products {
  padding-top: 20px;
}

@media only screen and (max-width: 1400px) {
  /* line 8340, ../scss/app.scss */
  .myproducts .products {
    padding-top: 40px;
  }
}
/*!* My Articles **/
/* line 8344, ../scss/app.scss */
.myarticles .articles {
  padding-top: 20px;
  background-color: transparent;
}

@media only screen and (max-width: 1024px) {
  /* line 8349, ../scss/app.scss */
  .myarticles .article .remove {
    top: 5px;
    right: 2px;
  }
}
/*!* My Styles **/
/* line 8354, ../scss/app.scss */
.mystyles .checkboxes.-default li, .mystyles .checkboxes.-colorLabel li {
  margin: 10px 0;
}

@media only screen and (min-width: 1025px) {
  /* line 8357, ../scss/app.scss */
  .mystyles .checkboxes.-default li, .mystyles .checkboxes.-colorLabel li {
    margin: 10px 40px 30px 0px;
    width: 190px;
    float: left;
  }
}
/*!* My Interests **/
/* line 8363, ../scss/app.scss */
.myinterests .checkboxes.-default, .myinterests .checkboxes.-colorLabel {
  margin: 0 0 0 0;
}

/* line 8365, ../scss/app.scss */
.myinterests .checkboxes.-default:nth-of-type(1), .myinterests .checkboxes.-colorLabel:nth-of-type(1) {
  margin: 25px 0 0 0;
}

/* line 8367, ../scss/app.scss */
.myinterests .checkboxes.-default li, .myinterests .checkboxes.-colorLabel li {
  margin: 10px 25px 10px 0;
}

@media only screen and (min-width: 769px) {
  /* line 8370, ../scss/app.scss */
  .myinterests .checkboxes.-default li, .myinterests .checkboxes.-colorLabel li {
    width: 200px;
    float: left;
  }
}
/*!* My Profile **/
/* line 8375, ../scss/app.scss */
.settings.expanded {
  min-height: 100%;
}

/* line 8378, ../scss/app.scss */
.settings .error {
  color: #D91E18;
  font-size: 11px;
  text-transform: none;
}

/* line 8383, ../scss/app.scss */
.settings .edit {
  margin: 30px 0;
  position: relative;
  text-align: left;
  font-size: 14px;
  padding-left: 0;
}

/* line 8389, ../scss/app.scss */
.settings .edit i:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  display: inline-block;
  font-size: 18px;
  color: #000;
  vertical-align: middle;
  padding: 0 5px 0 0;
  font-style: normal;
  cursor: pointer;
  margin-top: -3px;
}

/* line 8407, ../scss/app.scss */
.settings .edit span:nth-of-type(1) {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .15em;
}

/* line 8411, ../scss/app.scss */
.settings .edit span:nth-of-type(2) {
  padding-left: 10px;
}

@media only screen and (max-width: 1024px) {
  /* line 8414, ../scss/app.scss */
  .settings .edit span {
    display: inline-block;
    margin-bottom: 10px;
  }
}
/* line 8417, ../scss/app.scss */
.settings .edit input {
  border: 0;
  outline: none;
  background: transparent;
  padding-left: 10px;
  width: 100%;
  max-width: 300px;
}

/* line 8425, ../scss/app.scss */
.settings p.label {
  text-align: left;
  margin-bottom: 20px;
}

/* line 8429, ../scss/app.scss */
.settings .checkboxes {
  margin: 0 0 30px 0;
}

/* line 8431, ../scss/app.scss */
.settings .checkboxes.top-marg li {
  margin-bottom: 10px !important;
}

/* line 8434, ../scss/app.scss */
body.account-unlogged .account-nav {
  display: none;
}

@media only screen and (min-width: 1025px) {
  /* line 8437, ../scss/app.scss */
  body.account-unlogged .account-nav {
    display: block;
  }
}
/** Timeline **/
@media only screen and (max-width: 1024px) {
  /* line 8442, ../scss/app.scss */
  .timeline-panel .entries {
    background: #FFFFFF;
    width: 100%;
    padding: 0;
    margin: 0 auto 0 auto;
    font-size: 12px;
    left: 0;
  }

  /* line 8449, ../scss/app.scss */
  .timeline-panel .entries:before {
    display: none;
  }

  /* line 8451, ../scss/app.scss */
  .timeline-panel .entries li {
    display: block;
    padding: 20px 0 20px 20px;
    line-height: 1.25;
    margin: 0;
  }

  /* line 8456, ../scss/app.scss */
  .timeline-panel .entries li:after {
    content: "";
    display: table;
    clear: both;
  }

  /* line 8460, ../scss/app.scss */
  .timeline-panel .entries li:nth-of-type(odd) {
    background: #f2f2F2;
  }

  /* line 8462, ../scss/app.scss */
  .timeline-panel .entries .date {
    width: 55px;
    display: inline-block;
    float: left;
  }

  /* line 8466, ../scss/app.scss */
  .timeline-panel .entries .date:after {
    content: "";
    display: block;
    clear: both;
  }

  /* line 8470, ../scss/app.scss */
  .timeline-panel .entries .content {
    width: calc(100% - 90px);
    float: left;
  }
}
/* line 8474, ../scss/app.scss */
.myReviews .review {
  padding-top: 20px;
}

@media only screen and (max-width: 1024px) {
  /* line 8477, ../scss/app.scss */
  .myReviews .review {
    position: static !important;
    padding-top: 0;
  }
}
/* line 8480, ../scss/app.scss */
.myReviews .review .wrapper {
  padding: 0;
}

/* line 8482, ../scss/app.scss */
.myReviews .review .comments {
  float: left;
  text-align: left;
}

/** Account Panel **/
/* line 8487, ../scss/app.scss */
.account-panel {
  display: none;
  margin: 0 auto;
  padding: 0;
}

@media only screen and (min-width: 1025px) {
  /* line 8492, ../scss/app.scss */
  .account-panel {
    position: relative;
    width: 100%;
    padding: 60px 0 0 70px;
    box-sizing: border-box;
  }

  /* line 8497, ../scss/app.scss */
  .account-panel:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media only screen and (min-width: 1401px) {
  /* line 8502, ../scss/app.scss */
  .account-panel {
    max-width: 1070px;
    margin-left: 0;
  }
}
/* line 8505, ../scss/app.scss */
.account-panel.expanded {
  display: block;
}

@media only screen and (max-width: 1024px) {
  /* line 8508, ../scss/app.scss */
  .account-panel.expanded {
    min-height: 100%;
  }
}
/* line 8510, ../scss/app.scss */
.account-panel.register-process {
  padding: 20px 0 0 0;
}

/* line 8512, ../scss/app.scss */
.account-panel .tt-2 {
  text-align: left;
  display: none;
}

@media only screen and (min-width: 1025px) {
  /* line 8516, ../scss/app.scss */
  .account-panel .tt-2 {
    margin-bottom: 30px;
    display: block;
  }
}
/* line 8519, ../scss/app.scss */
.account-panel .tt-underline {
  display: none;
}

@media only screen and (min-width: 1025px) {
  /* line 8522, ../scss/app.scss */
  .account-panel .tt-underline {
    display: block;
    margin-bottom: 5px;
  }
}
/* line 8526, ../scss/app.scss */
.account-panel.myproducts {
  max-width: none;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  /* line 8530, ../scss/app.scss */
  .account-panel.myproducts .product .remove {
    position: absolute;
    top: 10px;
    right: -5px;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 8536, ../scss/app.scss */
  .account-panel.myarticles .size-small .block-content p.subtitle {
    margin-left: -5px;
  }

  /* line 8538, ../scss/app.scss */
  .account-panel.myarticles .size-small .block-content p.subtitle:before, .account-panel.myarticles .size-small .block-content p.subtitle:after {
    width: 15px;
  }
}
/* line 8541, ../scss/app.scss */
.account-panel.myarticles .beautygenius-box a h4:before {
  width: 80px;
  height: 80px;
  margin: 15px auto 5px auto;
}

/* line 8546, ../scss/app.scss */
.account-panel.myarticles .beautygenius-box a .content, .account-panel.myarticles .newsletter-box .content {
  padding: 0 10px !important;
}

@media only screen and (min-width: 1281px) {
  /* line 8550, ../scss/app.scss */
  .account-panel.myarticles .newsletter-box form h4 {
    font-size: 22px;
  }
}
/* line 8553, ../scss/app.scss */
.account-panel.myarticles .size-small .content {
  padding: 0 30px;
}

/** MY COLORS **/
/* line 8557, ../scss/app.scss */
.mycolors {
  padding: 0 0 20px 0;
}

@media only screen and (max-width: 1024px) {
  /* line 8560, ../scss/app.scss */
  .mycolors {
    padding: 0;
  }
}
/* line 8562, ../scss/app.scss */
.mycolors p.title {
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
}

/* line 8566, ../scss/app.scss */
.mycolors .col {
  margin: 30px auto;
  width: 100%;
}

@media only screen and (min-width: 1025px) {
  /* line 8570, ../scss/app.scss */
  .mycolors .col {
    float: left;
    width: 33.3333%;
  }

  /* line 8573, ../scss/app.scss */
  .mycolors .col:nth-of-type(1) .checkboxes {
    max-width: 260px;
  }

  /* line 8575, ../scss/app.scss */
  .mycolors .col:nth-of-type(3) {
    float: right;
  }
}
/* line 8577, ../scss/app.scss */
.mycolors ul.checkboxes {
  text-align: left;
  margin: 0 0 40px 0;
  text-transform: uppercase;
}

/* line 8581, ../scss/app.scss */
.mycolors ul.checkboxes li {
  display: inline-block;
  margin: 5px 5px 10px 0;
}

@media only screen and (max-width: 1024px) {
  /* line 8585, ../scss/app.scss */
  .mycolors ul.checkboxes li {
    margin: 10px 10px 0 0;
  }
}
/* line 8587, ../scss/app.scss */
.mycolors ul.checkboxes li:last-child {
  margin-right: 0;
}

/* line 8589, ../scss/app.scss */
.mycolors ul.checkboxes.-img label {
  overflow: hidden;
  border-radius: 50%;
}

/*!* Register **/
/* line 8594, ../scss/app.scss */
.bg-register {
  padding-top: 20px;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  /* line 8598, ../scss/app.scss */
  .bg-register {
    padding-top: 0;
  }
}
/* line 8600, ../scss/app.scss */
.bg-register.-lg .header-bg {
  margin: 0 0 0 0;
}

/* line 8602, ../scss/app.scss */
.bg-register.-lg .bg-logo {
  display: inline-block;
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 1280px) {
  /* line 8606, ../scss/app.scss */
  .bg-register.-lg .bg-logo {
    margin: 0 0 18px -10px;
  }
}
/* line 8608, ../scss/app.scss */
.bg-register.-lg .tt-3, .bg-register.-lg .tt-cart-head {
  font-size: 20px;
  letter-spacing: .3em;
  margin-bottom: 10px;
}

@media only screen and (min-width: 1025px) {
  /* line 8613, ../scss/app.scss */
  .bg-register.-lg .tt-3, .bg-register.-lg .tt-cart-head {
    font-size: 28px;
    letter-spacing: .6em;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 8618, ../scss/app.scss */
  .bg-register.-lg .tt-3, .bg-register.-lg .tt-cart-head {
    position: relative;
    top: -68px;
    font-size: 16px;
  }

  /* line 8622, ../scss/app.scss */
  .bg-register.-lg .tt-3 strong, .bg-register.-lg .tt-cart-head strong {
    margin-left: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 8625, ../scss/app.scss */
  .bg-register.-lg .submit {
    margin: 15px 0 60px 0;
  }
}
/* line 8627, ../scss/app.scss */
.bg-register.-lg .text .validate-label {
  margin: 5px 0 0 0;
  position: static;
  text-align: left;
}

@media only screen and (min-width: 1281px) {
  /* line 8632, ../scss/app.scss */
  .bg-register.-lg .accountContent {
    top: 105px;
  }
}
/* line 8634, ../scss/app.scss */
.bg-register.-lg .subtitle {
  font-size: 24px;
  color: #000;
  margin: 10px 20px 0 0;
}

@media only screen and (min-width: 1281px) {
  /* line 8639, ../scss/app.scss */
  .bg-register.-lg .subtitle:before, .bg-register.-lg .subtitle:after {
    width: 155px;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 8642, ../scss/app.scss */
  .bg-register.-lg .subtitle {
    margin: 5px 10px 0 0;
  }
}
/* line 8644, ../scss/app.scss */
.bg-register.-lg .benefits-list {
  text-align: center;
  border: 3px solid #000;
  box-sizing: border-box;
  padding: 50px;
  max-width: 630px;
  width: 100%;
  margin: 50px auto 25px auto;
}

/* line 8652, ../scss/app.scss */
.bg-register.-lg .benefits-list li {
  color: #847155;
  font-size: 17px;
  font-weight: 600;
  margin: 0 0 20px 0;
}

/* line 8657, ../scss/app.scss */
.bg-register.-lg .benefits-list li:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 1280px) {
  /* line 8660, ../scss/app.scss */
  .bg-register.-lg .benefits-list {
    padding: 25px;
    margin: 35px auto 20px auto;
    max-width: 590px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 8665, ../scss/app.scss */
  .bg-register.-lg .benefits-list {
    border: 0;
    padding: 50px 30px 30px;
    margin: 0 auto;
  }
}
/* line 8669, ../scss/app.scss */
.bg-register.-lg .cols {
  max-width: 630px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

/* line 8675, ../scss/app.scss */
.bg-register.-lg .cols:after {
  content: "";
  display: block;
  clear: both;
}

/* line 8679, ../scss/app.scss */
.bg-register.-lg .cols .col {
  padding: 0 25px;
}

/* line 8681, ../scss/app.scss */
.bg-register.-lg .cols .beautyGeniusResetPswForm .tt-reset {
  padding-bottom: 0px;
}

/* line 8683, ../scss/app.scss */
.bg-register.-lg .cols .beautyGeniusResetPswForm .tt-reset:after {
  content: initial;
}

@media only screen and (max-width: 1024px) {
  /* line 8686, ../scss/app.scss */
  .bg-register.-lg .cols .beautyGeniusResetPswForm .tt-reset {
    display: block;
  }
}
/* line 8688, ../scss/app.scss */
.bg-register.-lg .cols .beautyGeniusResetPswForm p {
  text-align: left;
}

/* line 8690, ../scss/app.scss */
.bg-register.-lg .cols .beautyGeniusResetPswForm button {
  width: 100%;
  letter-spacing: 0.25em;
}

@media only screen and (min-width: 1025px) {
  /* line 8694, ../scss/app.scss */
  .bg-register.-lg .cols {
    margin: 0 auto;
  }

  /* line 8696, ../scss/app.scss */
  .bg-register.-lg .cols:before {
    content: "";
    width: 35px;
    height: 2px;
    background: #000;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    top: 0px;
    z-index: 9;
  }

  /* line 8707, ../scss/app.scss */
  .bg-register.-lg .col {
    display: inline-block;
    width: 45%;
    padding: 40px;
    position: relative;
    vertical-align: top;
    margin-top: 40px;
  }

  /* line 8714, ../scss/app.scss */
  .bg-register.-lg .col:first-child {
    padding-right: 20px;
  }

  /* line 8716, ../scss/app.scss */
  .bg-register.-lg .col:last-child {
    padding-left: 60px;
  }

  /* line 8718, ../scss/app.scss */
  .bg-register.-lg .col:last-child:before {
    content: "";
    width: 1px;
    position: absolute;
    background: #CCCCCC;
    height: 85%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
/* line 8727, ../scss/app.scss */
.bg-register.-lg .select:after {
  content: "";
  display: table;
  clear: both;
}

/* line 8731, ../scss/app.scss */
.bg-register.-lg .select-content {
  text-align: left;
  float: left;
}

/* line 8734, ../scss/app.scss */
.bg-register.-lg .register-form [class^="cta-"] {
  width: 70%;
}

/* line 8736, ../scss/app.scss */
.bg-register .back {
  display: none;
}

@media only screen and (max-width: 1024px) {
  /* line 8739, ../scss/app.scss */
  .bg-register [data-id^="login"].current [data-id^="loginEmail"] {
    display: block;
  }

  /* line 8741, ../scss/app.scss */
  .bg-register [data-id^="login"].current .beautyGeniusLoginBtns {
    display: none;
  }

  /* line 8743, ../scss/app.scss */
  .bg-register [data-id^="register"].current .beautyGeniusLoginBtns {
    display: none;
  }

  /* line 8745, ../scss/app.scss */
  .bg-register [data-id^="benefits"] .desktop-size {
    display: none !important;
  }
}
/* line 8747, ../scss/app.scss */
.bg-register .registerProcessStep .checkboxes.-small [type="checkbox"] + label:before,
.bg-register .registerProcessStep .checkboxes.-small [type="checkbox"] + label:before {
  margin: 0 12px 2px 0px !important;
  border-color: rgba(0, 0, 0, 0.3) !important;
  float: left !important;
}

/* line 8752, ../scss/app.scss */
.bg-register .registerProcessStep .checkboxes.-small [type="checkbox"]:not(:checked) + label:after {
  left: 4px;
  background: #847155;
  float: left;
}

/* line 8756, ../scss/app.scss */
.bg-register .registerProcessStep .checkboxes.-small [type="checkbox"]:checked + label:after {
  display: none;
}

/* line 8758, ../scss/app.scss */
.bg-register .registerProcessStep .checkboxes.-small [type="checkbox"] + label {
  color: #847155;
  font-weight: 600;
}

/* line 8761, ../scss/app.scss */
.bg-register .step-mobile {
  display: none;
}

@media only screen and (max-width: 1024px) {
  /* line 8764, ../scss/app.scss */
  .bg-register .step-mobile {
    display: inline-block;
  }
}
/* line 8766, ../scss/app.scss */
.bg-register .step-desktop {
  display: none;
}

@media only screen and (min-width: 1025px) {
  /* line 8769, ../scss/app.scss */
  .bg-register .step-desktop {
    display: inline-block;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 8772, ../scss/app.scss */
  .bg-register .no-log {
    margin: 15px 0;
  }
}
/**  **/
/* line 8776, ../scss/app.scss */
.empty-section-message {
  text-align: left;
  margin: 20px 0px;
}

@media only screen and (max-width: 1024px) {
  /* line 8780, ../scss/app.scss */
  .empty-section-message {
    text-align: center;
    padding: 20px 0;
  }

  /* line 8783, ../scss/app.scss */
  .empty-section-message + a {
    margin: 0 20px;
  }
}
/** BT CONTAINER **/
/* line 8787, ../scss/app.scss */
.bt-container {
  width: 100%;
  margin: 10px 0;
  text-align: left;
}

@media only screen and (max-width: 1024px) {
  /* line 8792, ../scss/app.scss */
  .bt-container {
    text-align: center;
  }
}
/** CUSTOM SELECTS / INPUTS **/
/* line 8796, ../scss/app.scss */
.select-hidden {
  font-size: 14px;
  text-align: center;
  border: 0;
  border-bottom: 1px solid #847155 !important;
  border-radius: 0;
  background-color: #FFFFFF;
  -webkit-appearance: caret;
}

@media only screen and (min-width: 769px) {
  /* line 8805, ../scss/app.scss */
  .select-hidden {
    display: none;
    visibility: hidden;
  }
}
/* line 8809, ../scss/app.scss */
.select-wrap {
  text-align: center;
}

/* line 8811, ../scss/app.scss */
.select-wrap:after {
  content: "";
  display: table;
  clear: both;
}

/* line 8816, ../scss/app.scss */
.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  color: #847155;
  width: 35px;
  height: 30px;
  margin-right: 35px;
}

@media only screen and (min-width: 641px) {
  /* line 8825, ../scss/app.scss */
  .select {
    margin-right: 15px;
  }
}
/* line 8828, ../scss/app.scss */
.select-styled {
  display: none;
}

@media only screen and (min-width: 769px) {
  /* line 8831, ../scss/app.scss */
  .select-styled {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #847155;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }

  /* line 8841, ../scss/app.scss */
  .select-styled:hover {
    background-color: #fafafa;
  }

  /* line 8843, ../scss/app.scss */
  .select-styled:active, .select-styled.active {
    background-color: #f2f2f2;
  }

  /* line 8845, ../scss/app.scss */
  .select-styled:after {
    top: 9px;
    border-color: transparent transparent #847155 transparent;
  }
}
/* line 8849, ../scss/app.scss */
.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: -75%;
  width: 90px;
  height: 150px;
  margin: auto;
  padding: 0;
  overflow: auto;
  text-align: center;
  list-style: none;
  border: 1px solid #e6e6e6;
  background-color: #FFFFFF;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  z-index: 999;
}

/* line 8866, ../scss/app.scss */
.select-options li {
  margin: 0;
  padding: 0 15px;
  text-align: center;
  font-size: 11px;
  line-height: 20px;
  letter-spacing: 1.7px;
  border-top: 1px solid #e6e6e6;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}

/* line 8876, ../scss/app.scss */
.select-options li:hover {
  background: #e6e6e6;
}

/* line 8878, ../scss/app.scss */
.select-options li[rel="hide"] {
  display: none;
}

/* line 8880, ../scss/app.scss */
.select-options li:nth-of-type(odd) {
  background: #f2f2F2;
}

/* line 8882, ../scss/app.scss */
.select-options li:nth-of-type(odd):hover {
  background: #e6e6e6;
}

/* line 8885, ../scss/app.scss */
.input-radio-result {
  font-weight: 400;
  letter-spacing: .1em;
  margin: 0 0 10px 0;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
}

/* line 8892, ../scss/app.scss */
.input-radio-result span {
  display: inline;
  color: #000;
  font-size: 1em;
  letter-spacing: .1em;
  font-weight: bold;
}

/* line 8898, ../scss/app.scss */
.input-radio-result span:before, .input-radio-result span:after {
  display: none;
}

/* line 8901, ../scss/app.scss */
.settings__field.latest-news ul,
.settings__field.latest-news .contextual__choices-news {
  float: left;
}

@media only screen and (max-width: 640px) {
  /* line 8905, ../scss/app.scss */
  .settings__field.latest-news ul,
  .settings__field.latest-news .contextual__choices-news {
    float: none;
  }
}
/* line 8909, ../scss/app.scss */
.settings__field.latest-news .contextual__choices-news {
  display: none;
  position: relative;
  min-width: 200px;
  margin: -7px 0 0 30px;
}

@media only screen and (max-width: 640px) {
  /* line 8915, ../scss/app.scss */
  .settings__field.latest-news .contextual__choices-news {
    position: static;
    width: 80%;
    min-width: 0;
    margin: 0 auto 40px;
  }
}
/* line 8920, ../scss/app.scss */
.settings__field.latest-news .contextual__choices-news .validate-label {
  position: static;
}

/* line 8922, ../scss/app.scss */
.settings__field.latest-news .contextual__choices-news input {
  color: #847155;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .3em;
  width: 100%;
  padding-left: 0;
  line-height: 30px;
  text-transform: uppercase;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
  background-color: transparent;
  outline: 0;
}

/* line 8935, ../scss/app.scss */
.settings__field.latest-news .contextual__choices-news ::-webkit-input-placeholder {
  color: #847155;
}

/* line 8937, ../scss/app.scss */
.settings__field.latest-news .contextual__choices-news ::-moz-placeholder {
  color: #847155;
}

/* line 8939, ../scss/app.scss */
.settings__field.latest-news .contextual__choices-news :-ms-input-placeholder {
  color: #847155;
}

/* line 8941, ../scss/app.scss */
.settings__field.latest-news .contextual__choices-news input:-moz-placeholder {
  color: #847155;
}

/* line 8944, ../scss/app.scss */
.bg-register.-lg .select-wrap {
  margin-bottom: 0;
}

/* line 8947, ../scss/app.scss */
.bg-register.-lg .submit {
  margin-top: 5px;
}

/* line 8951, ../scss/app.scss */
.flyout {
  position: relative;
  background: #FFFFFF;
  box-sizing: border-box;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  z-index: 98;
  position: absolute;
  width: 100%;
  right: 0;
  left: 0;
  top: 55px;
  padding: 40px 7px;
  z-index: 100;
}

@media only screen and (min-width: 1025px) {
  /* line 8968, ../scss/app.scss */
  .flyout {
    border-radius: 5px;
    left: auto;
    padding: 30px 20px 30px 20px;
    /* Modif Castelis 20132016 pour ticket #48688 */
    right: 0;
    width: 230px;
    margin-right: 0;
    opacity: 0;
    top: 100%;
    visibility: hidden;
    border: 1px solid #e6e6e6;
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 8981, ../scss/app.scss */
.flyout.visible {
  visibility: visible;
  opacity: 1;
}

@media only screen and (max-width: 768px) {
  /* line 8986, ../scss/app.scss */
  .register-flyout {
    padding: 40px 20px;
  }
}
/* line 8989, ../scss/app.scss */
.register-flyout .validate-label {
  bottom: 20px;
}

/* line 8992, ../scss/app.scss */
.flyout .box-img, .flyout .bg-logo, .bg-register .box-img, .bg-register .bg-logo {
  display: block;
  margin: 10px auto 0 auto;
  max-height: 70px;
}

/* line 8997, ../scss/app.scss */
.flyout .tt-3, .flyout .tt-cart-head, .bg-register .tt-3, .bg-register .tt-cart-head {
  text-transform: uppercase;
  letter-spacing: .20em;
  font-size: 20px;
  margin-bottom: 15px;
}

/* line 9003, ../scss/app.scss */
.flyout .beautyGeniusTitle, .bg-register .beautyGeniusTitle {
  letter-spacing: .10em;
}

/* line 9006, ../scss/app.scss */
.flyout [class^="cta-"], .bg-register [class^="cta-"] {
  font-size: 11px;
  font-weight: 700;
  margin: 10px 0;
  letter-spacing: .3em;
}

@media only screen and (min-width: 1025px) {
  /* line 9012, ../scss/app.scss */
  .flyout [class^="cta-"], .bg-register [class^="cta-"] {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 9016, ../scss/app.scss */
.flyout a.close, .bg-register a.close {
  top: 0px;
  right: 0;
  width: 50px;
  height: 50px;
}

/* line 9021, ../scss/app.scss */
.flyout a.close:before, .flyout a.close:after, .bg-register a.close:before, .bg-register a.close:after {
  background: #000;
  right: 20px;
}

/* line 9025, ../scss/app.scss */
.flyout p, .flyout p > a, .bg-register p, .bg-register p > a {
  font-size: 12px;
  -webkit-font-smoothing: subpixel-antialiased;
}

/* line 9029, ../scss/app.scss */
.flyout p > a, .bg-register p > a {
  text-decoration: underline;
  display: block;
  margin: 5px 0;
}

/* line 9034, ../scss/app.scss */
.flyout .flyoutLogin, .bg-register .flyoutLogin {
  color: #646464;
}

/* line 9036, ../scss/app.scss */
.flyout .flyoutLogin a, .bg-register .flyoutLogin a {
  display: inline;
  color: #646464;
}

/* line 9040, ../scss/app.scss */
.flyout i.heart, .flyout i.cart, .bg-register i.heart, .bg-register i.cart {
  display: block;
}

/* line 9042, ../scss/app.scss */
.flyout i.heart:before, .flyout i.cart:before, .bg-register i.heart:before, .bg-register i.cart:before {
  display: inline-block;
  font-size: 26px;
  position: absolute;
  left: 15px;
  top: 10px;
}

@media only screen and (min-width: 769px) {
  /* line 9050, ../scss/app.scss */
  .flyout i.cart, .bg-register i.cart {
    display: none;
  }
}
/* line 9053, ../scss/app.scss */
.flyout i.heart:before, .bg-register i.heart:before {
  color: #cc1734;
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 9065, ../scss/app.scss */
.flyout i.cart:before, .bg-register i.cart:before {
  color: #c3ac83;
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 9077, ../scss/app.scss */
.flyout .btn-container, .bg-register .btn-container {
  text-align: center;
}

/* line 9079, ../scss/app.scss */
.flyout .btn-container a, .bg-register .btn-container a {
  color: #000;
}

@media only screen and (max-width: 640px) {
  /* line 9082, ../scss/app.scss */
  .flyout .btn-container a, .bg-register .btn-container a {
    font-size: 9px;
    padding-left: 4px;
    padding-right: 4px;
    margin-left: 5px;
    margin-right: 5px;
    width: 46%;
  }
}
/* line 9090, ../scss/app.scss */
.flyout .box-img, .bg-register .box-img {
  margin: 0 auto 15px auto;
  display: block;
}

/* line 9094, ../scss/app.scss */
.flyout .text, .bg-register .text {
  margin: 0 0 20px 0;
}

/* line 9096, ../scss/app.scss */
.flyout .text input, .bg-register .text input {
  border-bottom: 1px solid #d9d9d9;
  font-weight: 600;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: #847155;
  font-size: 11px;
  padding-left: 0;
}

/* line 9104, ../scss/app.scss */
.flyout .text ::-webkit-input-placeholder, .bg-register .text ::-webkit-input-placeholder {
  color: #847155;
}

/* line 9106, ../scss/app.scss */
.flyout .text ::-moz-placeholder, .bg-register .text ::-moz-placeholder {
  color: #847155;
}

/* line 9108, ../scss/app.scss */
.flyout .text :-ms-input-placeholder, .bg-register .text :-ms-input-placeholder {
  color: #847155;
}

/* line 9110, ../scss/app.scss */
.flyout .text input:-moz-placeholder, .bg-register .text input:-moz-placeholder {
  color: #847155;
}

/* line 9113, ../scss/app.scss */
.flyout .submit, .bg-register .submit {
  margin-top: 15px;
}

/* line 9116, ../scss/app.scss */
.flyout label, .bg-register label {
  font-weight: 400;
  color: #808080;
  letter-spacing: .1em;
  font-size: 12px;
}

/* line 9122, ../scss/app.scss */
.flyout p > a, .bg-register p > a {
  margin: 0;
  text-decoration: underline;
  text-transform: none;
  color: #808080;
  letter-spacing: 0;
  display: block;
}

/* line 9130, ../scss/app.scss */
.flyout .select-wrap p, .bg-register .select-wrap p {
  font-weight: 600;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: #847155;
  font-size: 11px;
  padding-left: 0;
  display: block;
  text-align: left;
}

/* line 9140, ../scss/app.scss */
.flyout .select-wrap, .bg-register .select-wrap {
  margin-bottom: 30px;
}

/* line 9142, ../scss/app.scss */
.flyout .select-wrap span, .bg-register .select-wrap span {
  font-weight: 600;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: #847155;
  font-size: 11px;
}

/* line 9149, ../scss/app.scss */
.flyout .btns, .bg-register .btns {
  text-align: center;
  max-width: 150px;
  margin: 0 auto;
}

/* line 9153, ../scss/app.scss */
.flyout .btns li, .bg-register .btns li {
  display: block;
  margin-bottom: 18px;
}

/* line 9156, ../scss/app.scss */
.flyout .btns li a, .bg-register .btns li a {
  width: 100%;
  margin: 0;
}

/* line 9159, ../scss/app.scss */
.flyout .btns .-fb, .bg-register .btns .-fb {
  padding-left: 25px;
}

/* line 9161, ../scss/app.scss */
.flyout .btns .-fb:after, .bg-register .btns .-fb:after {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  position: absolute;
  font-size: 13px;
}

/* line 9174, ../scss/app.scss */
.flyout h3, .bg-register h3 {
  font-size: 23px;
}

/* line 9177, ../scss/app.scss */
.flyout .subtitle, .bg-register .subtitle {
  text-transform: none;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 400;
}

/* line 9183, ../scss/app.scss */
.flyout .benefits-list, .bg-register .benefits-list {
  margin: 30px 0;
  text-align: left;
}

/* line 9186, ../scss/app.scss */
.flyout .benefits-list li, .bg-register .benefits-list li {
  margin-bottom: 20px;
}

/* line 9189, ../scss/app.scss */
.flyout .createAccount p, .bg-register .createAccount p {
  max-width: 250px;
  width: 100%;
  margin: 0 auto;
  color: #000;
  font-size: 14px;
  position: relative;
}

/* line 9196, ../scss/app.scss */
.flyout .createAccount p:after, .bg-register .createAccount p:after {
  content: "";
  width: 12px;
  height: 2px;
  background: #000;
  display: block;
  text-align: left;
  margin: 30px 0;
}

/* line 9204, ../scss/app.scss */
.flyout .createAccount p strong, .bg-register .createAccount p strong {
  font-weight: 600;
}

/* line 9206, ../scss/app.scss */
.flyout .createAccount p:after, .bg-register .createAccount p:after {
  margin: 20px auto 25px auto;
}

/* line 9209, ../scss/app.scss */
.flyout .createAccount .login, .bg-register .createAccount .login {
  color: #a3a2a2;
  font-size: 13px;
  font-weight: 600;
  margin: 20px 0 0 0;
  display: inline-block;
}

/* line 9215, ../scss/app.scss */
.flyout .createAccount .login i, .bg-register .createAccount .login i {
  width: 40px;
  height: 40px;
  border: 1px solid #CCCCCC;
  display: inline-block;
  border-radius: 50%;
  margin-left: 10px;
}

/* line 9222, ../scss/app.scss */
.flyout .createAccount .login i i, .bg-register .createAccount .login i i {
  display: none;
}

/* line 9224, ../scss/app.scss */
.flyout .createAccount .login i:before, .bg-register .createAccount .login i:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 20.51282px;
  line-height: 39px;
  display: block;
  text-align: center;
  color: #a3a2a2;
  letter-spacing: 0;
}

/* line 9240, ../scss/app.scss */
.flyout .createAccount .login i:before, .bg-register .createAccount .login i:before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-size: 14px;
}

/* line 9246, ../scss/app.scss */
.cartlist-flyout {
  margin-right: -105px;
}

/* line 9248, ../scss/app.scss */
.cartlist-flyout .cart-qt {
  display: block;
  position: absolute;
  top: 10px;
  left: 20px;
  width: 25px;
  height: 25px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  background-color: #000000;
  border-radius: 50%;
}

/* line 9262, ../scss/app.scss */
.register-process {
  position: relative;
}

/* line 9264, ../scss/app.scss */
.register-process .register-flyout {
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 25px auto;
  padding: 15px 30px 30px 30px;
  position: relative;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 300px;
}

/* line 9276, ../scss/app.scss */
.register-process .register-flyout.bg-register {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 9281, ../scss/app.scss */
.register-process .register-flyout.bg-register.current {
  opacity: 1;
  visibility: visible;
}

/* line 9285, ../scss/app.scss */
.ticker {
  position: absolute;
  display: block;
  right: 0;
  left: 0;
  margin: auto;
  width: 25px;
  height: 25px;
  background: #FFFFFF;
  top: -10px;
  z-index: 99;
  display: none;
}

@media only screen and (min-width: 1025px) {
  /* line 9298, ../scss/app.scss */
  .ticker {
    display: block;
    border-radius: 4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
/* line 9305, ../scss/app.scss */
.register-flyout .ticker, .intro-flyout .ticker, .wishlist-flyout .ticker {
  right: 55px;
  left: auto;
}

/* line 9309, ../scss/app.scss */
.intro-flyout {
  z-index: 97;
}

/* line 9312, ../scss/app.scss */
.header .introBeautyGenius.extended,
.header .register-flyout.extended {
  position: fixed;
  width: 100%;
  top: 130px;
  padding: 0;
  background: rgba(255, 255, 255, 0.98);
}

/* line 9319, ../scss/app.scss */
.header .introBeautyGenius.extended .bg-extended__wrapper,
.header .register-flyout.extended .bg-extended__wrapper {
  margin: 0 auto;
  padding: 10px 0;
}

/* line 9323, ../scss/app.scss */
.header .introBeautyGenius.extended .box-img,
.header .register-flyout.extended .box-img {
  display: inline-block;
  width: 80px;
  max-height: 88px;
  margin-bottom: 0;
}

/* line 9329, ../scss/app.scss */
.header .introBeautyGenius.extended .cta-light,
.header .register-flyout.extended .cta-light {
  color: #151515;
  line-height: 11px;
  padding: 9px 30px;
}

/* line 9334, ../scss/app.scss */
.header .introBeautyGenius.extended .cta-light:hover,
.header .register-flyout.extended .cta-light:hover {
  color: #FFFFFF;
  opacity: 1;
}

/* line 9338, ../scss/app.scss */
.header .introBeautyGenius.extended a.close,
.header .register-flyout.extended a.close {
  width: 100px;
  height: 16px;
  top: 50%;
  right: 40px;
  margin-top: -8px;
  color: #b0afaf;
}

/* line 9346, ../scss/app.scss */
.header .introBeautyGenius.extended a.close:before, .header .introBeautyGenius.extended a.close:after,
.header .register-flyout.extended a.close:before,
.header .register-flyout.extended a.close:after {
  background: #b0afaf;
}

/* line 9351, ../scss/app.scss */
.header.sticky .flyout.extended {
  top: 66px;
}

/* line 9354, ../scss/app.scss */
.header .introBeautyGenius.extended .bg-extended__wrapper {
  max-width: 600px;
}

/* line 9356, ../scss/app.scss */
.header .introBeautyGenius.extended .bg-extended__wrapper .bg-extended__intro {
  position: relative;
  display: inline-block;
  width: 400px;
  margin-right: 35px;
  vertical-align: middle;
}

/* line 9362, ../scss/app.scss */
.header .introBeautyGenius.extended .bg-extended__wrapper .bg-extended__intro p {
  display: inline-block;
  color: #877457;
  font-size: 14px;
  letter-spacing: 0;
  max-width: 300px;
  margin-bottom: 0;
  padding: 0 30px;
  text-align: left;
  vertical-align: middle;
}

/* line 9372, ../scss/app.scss */
.header .introBeautyGenius.extended .bg-extended__wrapper .bg-extended__intro:after {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  right: 0;
  width: 1px;
  height: 62px;
  margin-top: -31px;
  background-color: #e3e3e3;
}

/* line 9382, ../scss/app.scss */
.header .introBeautyGenius.extended .bg-extended__wrapper .bg-extended__start {
  display: inline-block;
  max-width: 160px;
  text-align: left;
  vertical-align: middle;
}

/* line 9387, ../scss/app.scss */
.header .introBeautyGenius.extended .bg-extended__wrapper .bg-extended__start .flyoutLogin {
  color: #d1d1d1;
  font-size: 10px;
  margin-bottom: 0;
}

/* line 9391, ../scss/app.scss */
.header .introBeautyGenius.extended .bg-extended__wrapper .bg-extended__start .flyoutLogin a {
  color: inherit;
  font-size: 10px;
}

/* line 9395, ../scss/app.scss */
.header .register-flyout.extended .bg-extended__wrapper {
  max-width: 760px;
}

/* line 9398, ../scss/app.scss */
.header .register-flyout.extended .register-form {
  display: inline-block;
  width: 640px;
  margin: 0 0 0 30px;
  text-align: left;
  vertical-align: middle;
}

/* line 9404, ../scss/app.scss */
.header .register-flyout.extended .register-form .text {
  display: inline-block;
  max-width: 190px;
  margin: 30px 10px 0;
  vertical-align: top;
}

/* line 9409, ../scss/app.scss */
.header .register-flyout.extended .register-form .submit {
  position: relative;
  display: inline-block;
  margin: 0 0 0 45px;
  padding: 30px 0 0 35px;
  vertical-align: top;
}

/* line 9415, ../scss/app.scss */
.header .register-flyout.extended .register-form .submit .cta-light {
  margin: 0 0 3px;
}

/* line 9417, ../scss/app.scss */
.header .register-flyout.extended .register-form .submit p {
  color: #d1d1d1;
  font-size: 10px;
  margin-bottom: 0;
}

/* line 9421, ../scss/app.scss */
.header .register-flyout.extended .register-form .submit a {
  display: inline;
  color: inherit;
  font-size: 10px;
}

/* line 9425, ../scss/app.scss */
.header .register-flyout.extended .register-form .submit:after {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 0;
  width: 1px;
  height: 62px;
  margin-top: -31px;
  background-color: #e3e3e3;
}

/* line 9436, ../scss/app.scss */
.storeLocator {
  width: 93%;
  margin: 40px auto;
}

@media only screen and (max-width: 768px) {
  /* line 9440, ../scss/app.scss */
  .storeLocator {
    margin: 0;
    width: 100%;
  }
}
/* line 9444, ../scss/app.scss */
#panel, #map-canvas {
  height: auto;
  min-height: 820px;
}

@media only screen and (max-width: 1024px) {
  /* line 9448, ../scss/app.scss */
  #panel, #map-canvas {
    min-height: 400px;
  }
}
/* line 9451, ../scss/app.scss */
.storelocator-panel {
  border: 0;
  overflow: auto;
}

/* line 9454, ../scss/app.scss */
.storelocator-panel .store-list {
  margin: 0;
  padding: 0;
}

/* line 9457, ../scss/app.scss */
.storelocator-panel .store-list li,
.storelocator-panel .directions-panel {
  padding: 5px;
  background: #FFFFFF;
}

/* line 9461, ../scss/app.scss */
.storelocator-panel .directions-panel {
  font-size: 0.8em;
}

/* line 9463, ../scss/app.scss */
.storelocator-panel .store-list li.store:hover {
  cursor: pointer;
  background: #FFFFFF;
}

/* line 9466, ../scss/app.scss */
.storelocator-panel .store-list li.highlighted,
.storelocator-panel .store-list li.highlighted:hover {
  background: #e6e6e6;
}

/* line 9469, ../scss/app.scss */
.storelocator-panel .directions {
  display: none;
}

/* line 9471, ../scss/app.scss */
.storelocator-panel .location-search {
  padding: 5px;
}

/* line 9473, ../scss/app.scss */
.storelocator-panel .location-search input {
  width: 95%;
}

/* line 9475, ../scss/app.scss */
.storelocator-panel .location-search h4 {
  font-size: 0.8em;
  margin: 0;
  padding: 0;
}

/* line 9479, ../scss/app.scss */
.storelocator-panel .store-list .no-stores {
  color: grey;
}

/* line 9481, ../scss/app.scss */
.storelocator-panel .store .features {
  display: none;
}

/* line 9483, ../scss/app.scss */
.storelocator-panel .feature-filter {
  overflow: hidden;
}

/* line 9485, ../scss/app.scss */
.storelocator-panel .feature-filter label {
  display: block;
  font-size: 0.8em;
  margin: 0 0.4em;
  float: left;
}

/* line 9491, ../scss/app.scss */
.store {
  font-family: "Raleway", sans-serif;
  text-align: center;
}

/* line 9494, ../scss/app.scss */
.store .title {
  font-weight: bold;
  text-align: center;
  color: #847155;
  font-size: 16px;
  padding: 15px 10px 10px 10px;
}

/* line 9500, ../scss/app.scss */
.store .address {
  font-size: 13px;
  font-weight: 400;
  color: #000;
  position: relative;
  padding: 0 15px;
  font-weight: bold;
  position: relative;
}

/* line 9508, ../scss/app.scss */
.store .address:after {
  content: "";
  width: 12px;
  height: 2px;
  background: #000;
  display: block;
  text-align: left;
  margin: 30px 0;
}

/* line 9516, ../scss/app.scss */
.store .address:after {
  display: block;
  margin: 10px auto;
}

/* line 9519, ../scss/app.scss */
.store .address,
.store .phone,
.store .web,
.store .misc {
  display: block;
}

/* line 9524, ../scss/app.scss */
.store .features {
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-size: 70%;
  max-width: 250px;
}

/* line 9530, ../scss/app.scss */
.store .features li {
  display: inline;
  float: left;
  padding-right: 0.8em;
}

/* line 9534, ../scss/app.scss */
.store .hours {
  font-size: 12px;
  color: #000;
  display: block;
}

/* line 9538, ../scss/app.scss */
.store .phone {
  padding: 15px 0 5px 0;
  font-size: 14px;
}

/* line 9541, ../scss/app.scss */
.store .directions {
  margin: 5px auto;
  font-size: 9px;
  display: block;
  width: 85%;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

/* line 9549, ../scss/app.scss */
.store .directions {
  margin-top: 20px;
}

/* line 9551, ../scss/app.scss */
.store .zoomhere, .store .streetview {
  text-indent: 0;
  border: 0;
  padding: 0;
  display: block;
  font-weight: bold;
  letter-spacing: .10em;
  color: #000;
  margin: 5px 15px 0 0;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  display: none;
}

/* line 9563, ../scss/app.scss */
.store .zoomhere:before, .store .streetview:before {
  display: inline-block;
  text-indent: 0;
  color: #847155;
  font-weight: 900;
  font-size: 18px;
  padding-right: 10px;
  vertical-align: middle;
}

/* line 9571, ../scss/app.scss */
.store .zoomhere:hover, .store .streetview:hover {
  opacity: 0.8;
}

/* line 9573, ../scss/app.scss */
.store .zoomhere:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 9583, ../scss/app.scss */
.store .streetview:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 9594, ../scss/app.scss */
#panel .store-list {
  position: relative;
}

/* line 9596, ../scss/app.scss */
#panel .store-list:before {
  content: "";
  height: 135px;
  display: block;
  background: #FFFFFF url(/assets/img/logo-inverted.svg) no-repeat 50% 50px;
  pointer-events: none;
  cursor: default;
}

/* line 9603, ../scss/app.scss */
#panel .store-list:after {
  content: "";
  height: 2px;
  width: 8px;
  background: #000;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 110px;
  z-index: 0;
}

/* line 9615, ../scss/app.scss */
#panel .store-list li {
  padding: 25px 10px;
  border-bottom: 1px solid #CCCCCC;
}

/* line 9618, ../scss/app.scss */
#panel .store-list li:first-child {
  border-top: 1px solid #CCCCCC;
}

/* line 9621, ../scss/app.scss */
#panel .title {
  padding: 0 0 10px 0;
}

/* line 9624, ../scss/app.scss */
#panel .address {
  padding: 0;
  font-size: 13px;
  font-weight: 400;
}

/* line 9628, ../scss/app.scss */
#panel .address:after {
  display: none;
}

/* line 9631, ../scss/app.scss */
#panel .no-stores {
  padding: 0 20px;
  text-align: center;
  color: #D91E18;
  font-weight: 600;
}

/* line 9637, ../scss/app.scss */
#map-canvas, #panel {
  height: 500px;
}

/* line 9640, ../scss/app.scss */
#panel {
  width: 300px;
  float: left;
}

@media only screen and (max-width: 1280px) {
  /* line 9644, ../scss/app.scss */
  #panel {
    width: 260px;
  }
}
/* line 9647, ../scss/app.scss */
#panel .feature-filter label {
  width: 130px;
}

/* line 9650, ../scss/app.scss */
p.attribution, p.attribution a {
  color: #646464;
}

/* line 9653, ../scss/app.scss */
.header-storeLocator {
  padding: 20px 0 15px 0;
  border-bottom: 1px solid #e6e6e6;
}

/* line 9656, ../scss/app.scss */
.header-storeLocator .location-search {
  text-align: center;
}

/* line 9658, ../scss/app.scss */
.header-storeLocator h4 {
  font-size: 16px;
  letter-spacing: .3em;
  color: #847155;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  display: inline-block;
  border-right: 1px solid #CCCCCC;
  padding-right: 20px;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* line 9670, ../scss/app.scss */
.header-storeLocator input {
  display: inline-block;
  border: 0;
  text-transform: none;
  color: #847155 !important;
  letter-spacing: .15em;
  border-bottom: 1px solid #CCCCCC;
  outline: 0;
  margin-left: 20px;
  padding: 0 0 10px 5px;
  min-width: 280px;
  overflow: visible;
  font-weight: 600;
  font-style: italic;
}

/* line 9684, ../scss/app.scss */
.header-storeLocator [class^="cta-"] {
  font-size: 10px;
  margin-left: 30px;
  outline: 0;
  cursor: pointer;
}

/* line 9689, ../scss/app.scss */
.header-storeLocator .list-store-trigger {
  text-transform: uppercase;
  font-size: 13px;
  color: #a3a2a2;
  display: none;
  display: inline-block;
  float: right;
  font-weight: bold;
  padding-top: 5px;
  display: none;
}

/* line 9699, ../scss/app.scss */
.header-storeLocator .list-store-trigger:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  color: #a3a2a2;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  padding-bottom: 4px;
  padding-right: 5px;
}

/* line 9715, ../scss/app.scss */
.header-storeLocator .list-store-trigger.open:before {
  content: "";
}

/* line 9718, ../scss/app.scss */
#panel .phone {
  padding: 5px 0;
}

@media only screen and (max-width: 1024px) {
  /* line 9722, ../scss/app.scss */
  #panel {
    position: fixed;
    top: 148px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFFFFF;
    width: 100%;
    height: auto;
    z-index: 99;
    display: none;
  }

  /* line 9733, ../scss/app.scss */
  #panel.visible {
    display: block;
  }

  /* line 9735, ../scss/app.scss */
  #panel .store-list li.store {
    position: relative;
  }

  /* line 9737, ../scss/app.scss */
  #panel .store-list li.store:after {
    position: absolute;
    content: "";
    font-family: "icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    background: transparent;
    color: #4d4d4d;
    z-index: 98;
    left: auto;
    right: 25px;
    top: 50%;
    font-size: 18px;
    position: absolute;
    display: inline-block;
    margin: 0;
    width: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  /* line 9762, ../scss/app.scss */
  #panel .store-list li.no-stores {
    font-size: 12px;
    padding: 15px 15px;
  }

  /* line 9765, ../scss/app.scss */
  #panel .address, #panel .hours, #panel .title {
    text-align: left;
    padding-left: 5px;
  }

  /* line 9768, ../scss/app.scss */
  #panel .store-list:before, #panel .store-list:after {
    display: none;
  }

  /* line 9770, ../scss/app.scss */
  #panel .store-list li:nth-of-type(even) {
    background: #e6e6e6;
  }

  /* line 9772, ../scss/app.scss */
  #panel .store-list li:first-child {
    border: 0;
  }

  /* line 9774, ../scss/app.scss */
  #panel .store-list li.highlighted {
    background: #FFFFFF;
  }

  /* line 9776, ../scss/app.scss */
  #panel .phone {
    text-align: left;
    padding-left: 5px;
  }

  /* line 9779, ../scss/app.scss */
  .store-list {
    padding-bottom: 150px;
  }

  /* line 9781, ../scss/app.scss */
  .header-storeLocator {
    padding: 10px;
  }

  /* line 9783, ../scss/app.scss */
  .header-storeLocator:after {
    content: "";
    display: table;
    clear: both;
  }

  /* line 9787, ../scss/app.scss */
  .header-storeLocator form {
    float: left;
  }

  /* line 9789, ../scss/app.scss */
  .header-storeLocator [class^="cta-"] {
    display: none;
  }

  /* line 9791, ../scss/app.scss */
  .header-storeLocator h4 {
    font-size: 11px;
    margin: 0;
    letter-spacing: .10em;
    padding-right: 10px;
  }

  /* line 9796, ../scss/app.scss */
  .header-storeLocator input {
    min-width: 100px;
    margin-left: 10px;
  }

  /* line 9799, ../scss/app.scss */
  .header-storeLocator .list-store-trigger {
    display: block;
  }

  /* line 9801, ../scss/app.scss */
  .list-store-trigger {
    display: block;
  }
}
/* line 9804, ../scss/app.scss */
.store-locator-result {
  text-transform: uppercase;
  font-size: 13px;
}

/* line 9808, ../scss/app.scss */
.seeAllStores {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 20px 0 20px 20px;
  background: #FFFFFF;
  width: 100%;
  font-weight: 400;
}

/* line 9816, ../scss/app.scss */
.seeAllStores:hover {
  opacity: 0.7;
}

/* line 9818, ../scss/app.scss */
.seeAllStores:after {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  display: inline-block;
  font-size: 12px;
  color: #000;
  vertical-align: middle;
  padding-left: 5px;
}

@media only screen and (min-width: 1025px) {
  /* line 9835, ../scss/app.scss */
  .header-storeLocator {
    position: relative;
  }

  /* line 9837, ../scss/app.scss */
  .store-locator-result {
    position: absolute;
    left: 0;
    top: 15px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .10em;
    font-size: 15px;
    line-height: 40px;
    left: 30px;
    display: none;
  }

  /* line 9848, ../scss/app.scss */
  .seeAllStores, .seeAllStores:after {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (max-width: 1024px) {
  /* line 9853, ../scss/app.scss */
  .header-storeLocator {
    padding: 0;
  }

  /* line 9855, ../scss/app.scss */
  .store-locator-result {
    padding: 10px 0 0 8px;
  }

  /* line 9857, ../scss/app.scss */
  .storelocator-filter {
    padding: 0 0 10px 8px;
  }

  /* line 9859, ../scss/app.scss */
  #panel .store .title {
    font-size: 14px;
    margin-bottom: 0px;
    padding-bottom: 5px;
  }

  /* line 9863, ../scss/app.scss */
  .store-locator-result {
    width: 100%;
    left: 0;
    right: 0;
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
  }

  /* line 9870, ../scss/app.scss */
  .list-store-trigger {
    position: relative;
    padding-right: 10px;
    width: 60px;
  }

  /* line 9874, ../scss/app.scss */
  .list-store-trigger:after {
    content: "";
    width: 1px;
    height: 70px;
    background: #e6e6e6;
    left: -10px;
    top: -10px;
    position: absolute;
  }
}
/* line 9883, ../scss/app.scss */
.cookie-wrap {
  background: #FFFFFF;
  color: #151515;
  font-size: 12px;
  position: fixed;
  width: 100%;
  overflow: hidden;
  top: 0;
  bottom: auto;
  z-index: 110;
  padding: 10px 15px 10px 15px;
  display: none;
}

@media only screen and (max-width: 640px) {
  /* line 9896, ../scss/app.scss */
  .cookie-wrap {
    padding: 0 15px;
  }
}
/* line 9898, ../scss/app.scss */
.cookie-wrap.-german {
  background: #151515;
  color: #FFFFFF;
  bottom: 0;
  top: auto;
  max-height: 365px;
  height: 100%;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  /* line 9907, ../scss/app.scss */
  .cookie-wrap.-german {
    top: 0;
    bottom: auto;
  }

  /* line 9910, ../scss/app.scss */
  .cookie-wrap.-german p {
    position: relative;
  }

  /* line 9912, ../scss/app.scss */
  .cookie-wrap.-german p:after {
    content: "";
    width: 12px;
    height: 2px;
    background: #151515;
    display: block;
    text-align: left;
    margin: 30px 0;
  }

  /* line 9920, ../scss/app.scss */
  .cookie-wrap.-german p:after {
    margin: 20px auto 15px auto;
    display: block;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 9924, ../scss/app.scss */
  .cookie-wrap.-german {
    max-height: 165px;
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 9928, ../scss/app.scss */
.cookie-wrap.-german .coo-kies-banner {
  padding: 20px 0 0 0;
}

@media only screen and (max-width: 1280px) {
  /* line 9931, ../scss/app.scss */
  .cookie-wrap.-german .coo-kies-banner {
    overflow: hidden;
  }
}
/* line 9933, ../scss/app.scss */
.cookie-wrap.-german .cookies-details {
  top: 500px;
  position: absolute;
}

/* line 9936, ../scss/app.scss */
.cookie-wrap.-german.expand .cookies-details {
  top: 0px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  /* line 9940, ../scss/app.scss */
  .cookie-wrap.-german.expand .cookies-details {
    padding-top: 20px;
  }
}
/* line 9942, ../scss/app.scss */
.cookie-wrap.-german.expand .coo-kies-banner {
  overflow-y: scroll;
}

/* line 9944, ../scss/app.scss */
.cookie-wrap.-german .close {
  top: -30px;
}

@media only screen and (max-width: 768px) {
  /* line 9947, ../scss/app.scss */
  .cookie-wrap.-german .close {
    top: -15px;
    right: 0;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 9951, ../scss/app.scss */
  .cookie-wrap.-german .message {
    width: 70%;
    float: left;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 9955, ../scss/app.scss */
  .cookie-wrap.-german .btn-container {
    width: 100%;
  }

  /* line 9957, ../scss/app.scss */
  .cookie-wrap.-german .btn-container a {
    width: 60%;
  }
}
/* line 9959, ../scss/app.scss */
.cookie-wrap.-german .cta-light {
  width: 77%;
}

/* line 9961, ../scss/app.scss */
.cookie-wrap.expand {
  height: 100%;
  max-height: none;
  bottom: 0;
  top: 0;
}

/* line 9967, ../scss/app.scss */
.coo-kies-banner {
  padding: 5px 0;
  height: 100%;
}

@media only screen and (max-width: 1024px) {
  /* line 9971, ../scss/app.scss */
  .coo-kies-banner {
    padding: 40px 0 20px 0;
  }
}
/* line 9973, ../scss/app.scss */
.coo-kies-banner .message {
  line-height: 1.25;
  color: #151515;
}

/* line 9976, ../scss/app.scss */
.coo-kies-banner .message p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.75;
}

/* line 9980, ../scss/app.scss */
.coo-kies-banner .message a {
  text-decoration: underline;
  font-weight: 600;
  color: #151515;
}

/* line 9984, ../scss/app.scss */
.coo-kies-banner .close {
  color: #4d4d4d;
  position: absolute;
  text-transform: uppercase;
  z-index: 2;
}

/* line 9989, ../scss/app.scss */
.coo-kies-banner .close:after, .coo-kies-banner .close:before {
  color: #4d4d4d;
  background-color: #4d4d4d;
}

/* line 9993, ../scss/app.scss */
.cookie-wrap:not(.-german) .coo-kies-banner .close {
  right: 20px;
  top: 18px;
}

@media only screen and (min-width: 1281px) {
  /* line 9997, ../scss/app.scss */
  .cookie-wrap:not(.-german) .coo-kies-banner .close {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
/* line 10003, ../scss/app.scss */
.cookie-wrap:not(.-german) .message {
  width: 85%;
}

@media only screen and (min-width: 1401px) {
  /* line 10006, ../scss/app.scss */
  .cookie-wrap:not(.-german) .message {
    width: 68%;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 10010, ../scss/app.scss */
  .cookie-wrap:not(.-german) .message {
    position: relative;
    width: auto;
    margin: 10px auto;
  }

  /* line 10014, ../scss/app.scss */
  .cookie-wrap:not(.-german) .message:after {
    content: "";
    width: 12px;
    height: 2px;
    background: #151515;
    display: block;
    text-align: left;
    margin: 30px 0;
  }
}
/* line 10022, ../scss/app.scss */
.cookie-wrap:not(.-german) .message:after {
  margin: 20px auto 0 auto;
}

/* line 10025, ../scss/app.scss */
.cookie-wrap .wrapper {
  padding: 0 10px;
}

/* line 10027, ../scss/app.scss */
.cookie-wrap .wrapper:after {
  content: "";
  clear: both;
  display: block;
}

/* line 10031, ../scss/app.scss */
.cookie-wrap .wrapper .cookie-container {
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

/* line 10036, ../scss/app.scss */
.cookie-wrap h3, .cookie-wrap h4 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .10em;
  color: #FFFFFF;
  margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
  /* line 10043, ../scss/app.scss */
  .cookie-wrap h3, .cookie-wrap h4 {
    text-align: center;
  }
}
/* line 10046, ../scss/app.scss */
.cookie-wrap h3 {
  font-size: 14px;
  line-height: 1.25;
  margin-bottom: 20px;
}

@media only screen and (min-width: 1401px) {
  /* line 10051, ../scss/app.scss */
  .cookie-wrap h3 {
    font-size: 16px;
    margin-bottom: 60px;
    line-height: 1.5;
  }
}
/* line 10056, ../scss/app.scss */
.cookie-wrap h4 {
  font-size: 12px;
}

/* line 10059, ../scss/app.scss */
.cookie-wrap p, .cookie-wrap li {
  font-weight: 400;
  font-size: 11px;
}

/* line 10063, ../scss/app.scss */
.cookie-wrap p {
  line-height: 14px;
  font-weight: 600;
}

/* line 10067, ../scss/app.scss */
.cookie-wrap .message, .cookie-wrap .btn-container {
  float: left;
}

@media only screen and (max-width: 1024px) {
  /* line 10070, ../scss/app.scss */
  .cookie-wrap .message, .cookie-wrap .btn-container {
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 10073, ../scss/app.scss */
  .cookie-wrap .message:after, .cookie-wrap .btn-container:after {
    margin: 15px auto 10px auto;
  }
}
/* line 10076, ../scss/app.scss */
.cookie-wrap .btn-container {
  margin: 15px 0;
}

@media only screen and (max-width: 1024px) {
  /* line 10079, ../scss/app.scss */
  .cookie-wrap .btn-container {
    margin: 15px auto;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 10082, ../scss/app.scss */
  .cookie-wrap .btn-container {
    width: 30%;
    text-align: right;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 10086, ../scss/app.scss */
  .cookie-wrap .btn-container button {
    display: block;
    width: 85%;
  }
}
/* line 10090, ../scss/app.scss */
.cookie-wrap .cta-light {
  background: transparent;
  color: #FFFFFF;
  width: 70%;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  margin-bottom: 10px;
  border-color: #999999;
  font-size: 10px;
  letter-spacing: .10em;
}

/* line 10101, ../scss/app.scss */
.cookie-wrap .cta-light:hover {
  background: #FFFFFF;
  color: #000;
}

/* line 10105, ../scss/app.scss */
.cookie-wrap .cookies-details {
  display: block;
  margin: 40px 0;
}

@media only screen and (max-width: 1024px) {
  /* line 10109, ../scss/app.scss */
  .cookie-wrap .cookies-details {
    margin: 15px 0;
  }
}
/* line 10111, ../scss/app.scss */
.cookie-wrap .cookies-details .btn-container {
  width: 100%;
  text-align: center;
}

@media only screen and (min-width: 1025px) {
  /* line 10115, ../scss/app.scss */
  .cookie-wrap .cookies-details .btn-container {
    margin: 20px 0;
  }
}
/* line 10117, ../scss/app.scss */
.cookie-wrap .cookies-details .btn-container .cta-light {
  margin-right: 30px;
  width: 80%;
  margin: 0 auto 10px auto;
}

@media only screen and (min-width: 1025px) {
  /* line 10122, ../scss/app.scss */
  .cookie-wrap .cookies-details .btn-container .cta-light {
    width: 30%;
    margin-right: 20px;
    display: inline-block;
  }
}
/* line 10126, ../scss/app.scss */
.cookie-wrap .cookies-details li {
  display: block;
  margin: 10px 0;
}

@media only screen and (min-width: 1281px) {
  /* line 10130, ../scss/app.scss */
  .cookie-wrap .cookies-details li {
    margin: 30px 0;
  }
}
/* line 10132, ../scss/app.scss */
.cookie-wrap .cookies-details li:after {
  content: "";
  display: block;
  clear: both;
}

/* line 10136, ../scss/app.scss */
.cookie-wrap .cookies-details li .check {
  width: 15%;
  float: left;
}

@media only screen and (min-width: 641px) {
  /* line 10140, ../scss/app.scss */
  .cookie-wrap .cookies-details li .check {
    width: 60px;
  }
}
/* line 10142, ../scss/app.scss */
.cookie-wrap .cookies-details li .content {
  width: 85%;
  float: left;
}

/* line 10145, ../scss/app.scss */
.cookie-wrap .cookies-details li label {
  min-height: 70px;
  display: block;
}

@media only screen and (max-width: 768px) {
  /* line 10149, ../scss/app.scss */
  .cookie-wrap .cookies-details li label {
    height: 100%;
  }
}
/* line 10151, ../scss/app.scss */
.cookie-wrap .cookies-details li h4 {
  text-align: left;
}

/* line 10154, ../scss/app.scss */
.beautygenius .sliderBeauty {
  width: 100%;
  max-width: none;
  padding: 0;
}

/* line 10158, ../scss/app.scss */
.beautygenius .sliderBeauty .sliderContent {
  height: 610px;
  background: #FFFFFF;
}

@media only screen and (max-width: 768px) {
  /* line 10162, ../scss/app.scss */
  .beautygenius .sliderBeauty .sliderContent {
    height: 510px;
  }
}
/* line 10164, ../scss/app.scss */
.beautygenius .sliderBeauty .panel {
  width: 100%;
  padding: 0;
  left: 0;
  border-width: 25px;
  border-style: solid;
  border-color: #000;
  height: 100%;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  /* line 10174, ../scss/app.scss */
  .beautygenius .sliderBeauty .panel {
    border-width: 15px;
  }
}
/* line 10176, ../scss/app.scss */
.beautygenius .sliderBeauty .content {
  display: block;
  height: auto;
  padding-top: 120px;
}

@media only screen and (min-width: 1025px) {
  /* line 10181, ../scss/app.scss */
  .beautygenius .sliderBeauty .content {
    padding-top: 140px;
  }
}
@media only screen and (min-width: 1401px) {
  /* line 10184, ../scss/app.scss */
  .beautygenius .sliderBeauty .content {
    padding-top: 160px;
  }
}
/* line 10186, ../scss/app.scss */
.beautygenius .sliderBeauty .content p {
  color: #000;
}

/* line 10188, ../scss/app.scss */
.beautygenius .sliderBeauty .sliderNavItems {
  position: absolute;
  bottom: 30px;
  left: 56px;
  z-index: 99;
}

@media only screen and (max-width: 1024px) {
  /* line 10194, ../scss/app.scss */
  .beautygenius .sliderBeauty .sliderNavItems {
    bottom: 0;
  }
}
/* line 10196, ../scss/app.scss */
.beautygenius .sliderBeauty .sliderNavItems a {
  padding: 0;
  height: auto;
  overflow: visible;
}

@media only screen and (max-width: 1024px) {
  /* line 10201, ../scss/app.scss */
  .beautygenius .sliderBeauty .sliderNavItems a {
    text-indent: 0;
  }
}
/* line 10203, ../scss/app.scss */
.beautygenius .sliderBeauty .sliderNavItems a:before {
  font-size: 28px;
  height: auto;
  padding-left: 10px;
  left: 20px;
  line-height: 40px;
  height: 40px;
  letter-spacing: .1em;
  font-weight: 700;
  position: relative;
  left: 0;
}

/* line 10214, ../scss/app.scss */
.beautygenius .sliderBeauty .sliderNavItems a span {
  margin-top: 30px;
}

/* line 10216, ../scss/app.scss */
.beautygenius .sliderBeauty .sliderNavItems a span:before {
  display: none;
}

/* line 10218, ../scss/app.scss */
.beautygenius .sliderBeauty .sliderNavItems .cursor {
  height: 4px;
  bottom: 21px;
  top: auto;
  left: 10px;
}

/* line 10224, ../scss/app.scss */
.beautygenius .inner {
  background: #FFFFFF;
  padding: 35px 0 0 0;
}

@media only screen and (max-width: 1024px) {
  /* line 10228, ../scss/app.scss */
  .beautygenius .inner {
    padding: 35px 40px 0 40px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 10231, ../scss/app.scss */
  .beautygenius .inner {
    padding: 35px 20px 0 20px;
  }
}
/* line 10234, ../scss/app.scss */
.beautygenius h2 {
  font-size: 18px;
  letter-spacing: 8px;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  font-weight: 700;
  margin: 40px auto;
}

@media only screen and (min-width: 769px) {
  /* line 10247, ../scss/app.scss */
  .beautygenius h2 {
    font-size: 22px;
    letter-spacing: 20px;
    margin: 65px auto;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 10252, ../scss/app.scss */
  .beautygenius h2 {
    font-size: 26px;
    letter-spacing: 38px;
    margin: 80px auto 30px auto;
  }
}
@media only screen and (min-width: 1401px) {
  /* line 10257, ../scss/app.scss */
  .beautygenius h2 {
    font-size: 32px;
    letter-spacing: 50px;
    margin: 90px auto 30px auto;
  }
}
/* line 10261, ../scss/app.scss */
.beautygenius h2 span {
  margin-right: 5px;
  margin-left: 5px;
}

@media only screen and (min-width: 769px) {
  /* line 10265, ../scss/app.scss */
  .beautygenius h2 span {
    margin-right: 25px;
    margin-left: 15px;
  }

  /* line 10268, ../scss/app.scss */
  .beautygenius h2 span:nth-of-type(2) {
    margin-left: 60px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 10272, ../scss/app.scss */
  .beautygenius h2 span {
    margin-right: 30px;
    margin-left: 50px;
    display: inline-block;
  }

  /* line 10276, ../scss/app.scss */
  .beautygenius h2 span:nth-of-type(2) {
    margin-left: 80px;
    margin-right: 10px;
  }
}
/* line 10279, ../scss/app.scss */
.beautygenius h2 i {
  position: absolute;
  width: 75px;
  height: 75px;
  left: 0;
  right: -15px;
  top: 0px;
  margin: auto;
  z-index: 2;
  background: url(/assets/img/logo-beautygenius.svg) no-repeat 0 0;
}

@media only screen and (min-width: 769px) {
  /* line 10290, ../scss/app.scss */
  .beautygenius h2 i {
    top: -15px;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 10293, ../scss/app.scss */
  .beautygenius h2 i {
    width: 90px;
    height: 90px;
    top: -20px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 10298, ../scss/app.scss */
  .beautygenius h2 i {
    display: block;
    position: relative;
  }
}
/* line 10302, ../scss/app.scss */
.beautygenius h3 {
  font-weight: 400;
  margin: 0 0 30px 0;
  font-size: 22px;
}

@media only screen and (max-width: 640px) {
  /* line 10307, ../scss/app.scss */
  .beautygenius h3 {
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 15px;
    position: relative;
  }

  /* line 10312, ../scss/app.scss */
  .beautygenius h3:after {
    content: "";
    width: 12px;
    height: 2px;
    background: #000;
    display: block;
    text-align: left;
    margin: 30px 0;
  }

  /* line 10320, ../scss/app.scss */
  .beautygenius h3:after {
    margin: 30px auto 0 auto;
    height: 2px;
  }
}
@media only screen and (max-width: 640px) and (max-width: 768px) {
  /* line 10324, ../scss/app.scss */
  .beautygenius h3:after {
    margin: 15px auto 0 auto;
  }
}
/* line 10327, ../scss/app.scss */
.beautygenius p {
  margin-top: 15px;
  color: #000;
}

@media only screen and (max-width: 640px) {
  /* line 10331, ../scss/app.scss */
  .beautygenius p {
    font-size: 12px;
  }
}
/* line 10333, ../scss/app.scss */
.beautygenius p br {
  display: none;
}

@media only screen and (min-width: 1025px) {
  /* line 10336, ../scss/app.scss */
  .beautygenius p {
    max-width: 560px;
    width: 100%;
    margin: 0 auto;
  }

  /* line 10340, ../scss/app.scss */
  .beautygenius p br {
    display: block;
  }
}
/* line 10343, ../scss/app.scss */
.beautygenius .content > img {
  max-width: 280px;
  width: 100%;
  display: block;
  margin: 15px auto 30px auto;
}

@media only screen and (max-width: 640px) {
  /* line 10349, ../scss/app.scss */
  .beautygenius .content > img {
    max-width: 200px;
    margin: 0 auto 20px auto;
  }
}
/* line 10353, ../scss/app.scss */
.beautygenius .content a {
  margin: 0 0 60px 0;
}

@media only screen and (max-width: 768px) {
  /* line 10356, ../scss/app.scss */
  .beautygenius .content a {
    margin: 0 0 20px 0;
  }
}
/* line 10359, ../scss/app.scss */
.beautygenius .content.valign {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 10366, ../scss/app.scss */
.beautygenius .tt {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 300;
  position: relative;
}

/* line 10371, ../scss/app.scss */
.beautygenius .tt:after {
  content: "";
  width: 12px;
  height: 2px;
  background: #000;
  display: block;
  text-align: left;
  margin: 30px 0;
}

/* line 10379, ../scss/app.scss */
.beautygenius .tt:after {
  height: 2px;
  margin: 45px auto;
}

@media only screen and (min-width: 769px) {
  /* line 10383, ../scss/app.scss */
  .beautygenius .tt {
    font-size: 28px;
    line-height: 1.25;
    letter-spacing: .3em;
  }
}
/* line 10388, ../scss/app.scss */
.beautygenius .btn-container {
  margin: 50px 0 0 0;
  text-align: center;
  overflow: hidden;
}

@media only screen and (min-width: 769px) {
  /* line 10393, ../scss/app.scss */
  .beautygenius .btn-container a[class^="cta-"] {
    width: 10%;
  }
}
/* line 10395, ../scss/app.scss */
.beautygenius .btn-container a:nth-of-type(1) {
  margin-right: 20px;
}

/* line 10397, ../scss/app.scss */
.beautygenius .btn-container a:nth-of-type(2) {
  margin-left: 10px;
}

/* line 10400, ../scss/app.scss */
.beautygenius .img-container {
  width: 30%;
  height: 100%;
  position: absolute;
  top: 60%;
  z-index: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 10409, ../scss/app.scss */
.beautygenius .img-container img {
  width: 100%;
  height: 100%;
}

/* line 10413, ../scss/app.scss */
.beautygenius .img-container {
  left: 0;
  right: auto;
}

/* line 10417, ../scss/app.scss */
.beautygenius .img-container.n2 {
  right: 0;
  left: auto;
}

/* line 10421, ../scss/app.scss */
.beautygenius .cols {
  max-width: 1270px;
  width: 100%;
}

@media only screen and (min-width: 1401px) {
  /* line 10425, ../scss/app.scss */
  .beautygenius .cols {
    margin: 100px auto;
  }
}
/* line 10427, ../scss/app.scss */
.beautygenius .cols:after {
  content: "";
  display: block;
  clear: both;
}

/* line 10431, ../scss/app.scss */
.beautygenius .cols .col {
  width: 33.333333333%;
  float: left;
  position: relative;
}

/* line 10435, ../scss/app.scss */
.beautygenius .cols .col h3 {
  text-align: left;
  position: relative;
}

/* line 10438, ../scss/app.scss */
.beautygenius .cols .col h3:after {
  display: none;
}

/* line 10440, ../scss/app.scss */
.beautygenius .cols .col h3:before {
  content: "";
  width: 12px;
  height: 2px;
  background: #000;
  position: absolute;
  left: -25px;
  top: 15px;
  text-align: left;
}

/* line 10450, ../scss/app.scss */
.shopTheLook {
  background: #000;
  color: #FFFFFF;
  padding: 25px 0 0px 0;
  text-align: center;
}

@media only screen and (min-width: 1281px) {
  /* line 10456, ../scss/app.scss */
  .shopTheLook {
    padding: 45px 0 0 0;
  }
}
/* line 10458, ../scss/app.scss */
.shopTheLook.expand {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 10462, ../scss/app.scss */
.shopTheLook h2, .shopTheLook h3 {
  color: #FFFFFF;
}

/* line 10464, ../scss/app.scss */
.shopTheLook h2:before, .shopTheLook h2:after, .shopTheLook h3:before, .shopTheLook h3:after {
  background: #FFFFFF;
}

/* line 10466, ../scss/app.scss */
.shopTheLook .chapo .subtitle {
  margin-bottom: 50px;
}

/* line 10468, ../scss/app.scss */
.shopTheLook .sliderNavArrow li {
  top: 15%;
}

@media only screen and (max-width: 640px) {
  /* line 10471, ../scss/app.scss */
  .shopTheLook .sliderNavArrow li {
    top: 26.666%;
  }
}
/* line 10473, ../scss/app.scss */
.shopTheLook .chapo > .wrapper {
  position: relative;
  background: #000;
}

/* line 10476, ../scss/app.scss */
.shopTheLook .chapo > .wrapper:before, .shopTheLook .chapo > .wrapper:after {
  display: none;
}

@media only screen and (min-width: 1025px) {
  /* line 10479, ../scss/app.scss */
  .shopTheLook .chapo > .wrapper:before, .shopTheLook .chapo > .wrapper:after {
    content: '';
    width: 3px;
    height: 10px;
    background: #FFFFFF;
    position: absolute;
    z-index: 99;
    display: block;
  }
}
/* line 10487, ../scss/app.scss */
.shopTheLook .chapo > .wrapper:before {
  left: 0;
  top: 0px;
}

/* line 10490, ../scss/app.scss */
.shopTheLook .chapo > .wrapper:after {
  right: 0;
  top: 140px;
}

/* line 10493, ../scss/app.scss */
.shopTheLook .cols {
  position: relative;
  text-align: center;
}

/* line 10496, ../scss/app.scss */
.shopTheLook .cols:after {
  content: '';
  clear: both;
  display: block;
}

@media only screen and (min-width: 1025px) {
  /* line 10501, ../scss/app.scss */
  .shopTheLook .col {
    width: 39%;
    display: inline-block;
  }
}
@media only screen and (min-width: 1281px) {
  /* line 10505, ../scss/app.scss */
  .shopTheLook .col {
    width: 49%;
  }
}
/* line 10507, ../scss/app.scss */
.shopTheLook .col .tt-4 {
  color: #FFFFFF;
  margin-top: -12px;
  font-size: 22px;
  letter-spacing: .30em;
}

@media only screen and (min-width: 1281px) {
  /* line 10513, ../scss/app.scss */
  .shopTheLook .col .tt-4 {
    font-size: 36px;
    letter-spacing: .35em;
  }
}
/* line 10516, ../scss/app.scss */
.shopTheLook .col .legend {
  text-align: center;
  padding: 0 5px;
}

@media only screen and (min-width: 769px) {
  /* line 10520, ../scss/app.scss */
  .shopTheLook .col .legend {
    padding: 0 50px 30px 50px;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 10523, ../scss/app.scss */
  .shopTheLook .col .legend {
    text-align: left;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: left;
  }
}
/* line 10531, ../scss/app.scss */
.shopTheLook .col .legend h4 {
  color: #FFFFFF;
}

@media only screen and (max-width: 1024px) {
  /* line 10534, ../scss/app.scss */
  .shopTheLook .col .legend h4 {
    text-align: left;
  }
}
/* line 10536, ../scss/app.scss */
.shopTheLook .col .legend h5 {
  font-size: 14px;
  line-height: 1.25;
  letter-spacing: .20em;
  text-align: left;
  margin: 30px 0 10px 0;
  font-weight: 400;
}

@media only screen and (min-width: 1025px) {
  /* line 10544, ../scss/app.scss */
  .shopTheLook .col .legend h5 {
    font-size: 20px;
  }
}
/* line 10546, ../scss/app.scss */
.shopTheLook .col .legend h5 strong {
  font-weight: 700;
}

/* line 10548, ../scss/app.scss */
.shopTheLook .col .legend p {
  line-height: 1.75;
  opacity: 1;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  /* line 10553, ../scss/app.scss */
  .shopTheLook .col .legend p {
    font-size: 11px !important;
  }
}
/* line 10555, ../scss/app.scss */
.shopTheLook .col .legend .cta-light {
  border: 1px solid #FFFFFF;
}

/* line 10557, ../scss/app.scss */
.shopTheLook .col .legend a:not(.cta-light) {
  display: inline-block;
  color: #FFFFFF;
  font-weight: 600;
}

/* line 10561, ../scss/app.scss */
.shopTheLook .col .legend .cta-light {
  margin: 40px 0 20px 0;
}

@media only screen and (max-width: 768px) {
  /* line 10564, ../scss/app.scss */
  .shopTheLook .col .legend .cta-light {
    margin: 20px 0 100px 0;
  }
}
/* line 10566, ../scss/app.scss */
.shopTheLook .intro {
  background: #000;
}

/* line 10568, ../scss/app.scss */
.shopTheLook .products {
  padding: 40px 0 0 0;
  background: #f0f0f0;
}

@media only screen and (max-width: 768px) {
  /* line 10572, ../scss/app.scss */
  .shopTheLook .products .product.size-small {
    width: 100%;
  }
}
/* line 10574, ../scss/app.scss */
.shopTheLook .product {
  min-height: 415px;
}

@media only screen and (max-width: 1024px) {
  /* line 10577, ../scss/app.scss */
  .shopTheLook .product {
    min-height: 440px;
  }
}
@media only screen and (max-width: 930px) {
  /* line 10580, ../scss/app.scss */
  .shopTheLook .product {
    min-height: 410px;
  }
}
/* line 10582, ../scss/app.scss */
.shopTheLook .product .bt-container {
  margin: 10px 0 0 20px;
  width: 50%;
  min-width: 150px;
}

@media only screen and (max-width: 1024px) {
  /* line 10587, ../scss/app.scss */
  .shopTheLook .product .bt-container {
    text-align: center;
    width: 150px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 10591, ../scss/app.scss */
  .shopTheLook .product .bt-container {
    position: static;
    margin: 0 auto;
    display: block;
  }
}
/* line 10595, ../scss/app.scss */
.shopTheLook .product-inner {
  margin: 0 auto;
  max-width: 1355px;
  padding: 20px;
}

@media only screen and (min-width: 1025px) {
  /* line 10600, ../scss/app.scss */
  .shopTheLook .product-inner {
    padding: 50px 200px 80px;
  }
}
/* line 10602, ../scss/app.scss */
.shopTheLook .product-inner:after {
  content: '';
  display: block;
  clear: both;
}

@media only screen and (min-width: 1025px) {
  /* line 10607, ../scss/app.scss */
  .shopTheLook .product-inner article {
    padding: 0 2.75%;
  }
}
/* line 10609, ../scss/app.scss */
.shopTheLook .product-inner article h4 {
  font-size: 16px;
  line-height: 1.5;
}

/* line 10612, ../scss/app.scss */
.shopTheLook .product-inner article .more {
  display: inline-block;
  margin: 20px 0 0 20px;
}

/* line 10616, ../scss/app.scss */
.products .title-wrapper {
  display: none;
}

@media only screen and (max-width: 768px) {
  /* line 10619, ../scss/app.scss */
  .products .title-wrapper {
    display: block;
    position: relative;
    padding: 0 0 0 0;
  }
}
@media only screen and (max-width: 768px) {
  /* line 10624, ../scss/app.scss */
  .products .title-wrapper:before, .products .title-wrapper:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 40px !important;
    height: 2px;
    top: -4px;
    background-color: #000;
    margin-top: 25px;
    vertical-align: top;
  }

  /* line 10634, ../scss/app.scss */
  .products .title-wrapper:before {
    left: 20px;
  }

  /* line 10636, ../scss/app.scss */
  .products .title-wrapper:after {
    right: 20px;
  }
}
/* line 10639, ../scss/app.scss */
.products .title-container {
  display: none;
}

@media only screen and (max-width: 768px) {
  /* line 10642, ../scss/app.scss */
  .products .title-container {
    display: inline-block;
    text-align: center;
    position: relative;
  }
}
/* line 10646, ../scss/app.scss */
.products .title-container h2.tt-number {
  margin-right: -40px;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  text-align: left;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: .20em;
  color: #000;
}

/* line 10657, ../scss/app.scss */
.products .title-container h2.tt-number:before {
  content: attr(data-count);
  display: inline-block;
  position: absolute;
  left: -35px;
  top: 5px;
  font-size: 48px;
  font-weight: 700;
  background: transparent;
}

/* line 10667, ../scss/app.scss */
.instagram {
  clear: both;
  position: relative;
  padding: 100px 15px 35px;
  background-color: black;
}

/* line 10672, ../scss/app.scss */
.behindthescene + .instagram {
  padding-top: 0;
}

/* line 10675, ../scss/app.scss */
.instagram .title-container {
  margin: 0 auto;
  text-align: center;
  height: 100%;
  display: block;
  color: #FFFFFF;
}

/* line 10681, ../scss/app.scss */
.instagram .title-container p {
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  color: white;
  text-transform: uppercase;
  line-height: 1.09;
  text-align: center;
  letter-spacing: 4px;
  word-spacing: 6px;
}

@media only screen and (max-width: 640px) {
  /* line 10691, ../scss/app.scss */
  .instagram .title-container p {
    font-size: 16px;
  }
}
/* line 10693, ../scss/app.scss */
.instagram .title-container .logo_insta {
  margin-top: 40px;
  margin-bottom: 60px;
  width: 190px;
}

@media only screen and (max-width: 1024px) {
  /* line 10698, ../scss/app.scss */
  .instagram .title-container .logo_insta {
    margin-bottom: 0;
  }
}
/* line 10700, ../scss/app.scss */
.instagram .bg_text--big {
  text-transform: none;
  letter-spacing: intitial !important;
  font-size: 44px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #FFFFFF;
  position: relative;
  /*margin-top: 105px;*/
}

/* line 10709, ../scss/app.scss */
.instagram .bg_text--big:before, .instagram .bg_text--big:after {
  content: '';
  display: inline-block;
  width: 40px;
  height: 2px;
  background-color: #FFFFFF;
  vertical-align: middle;
  color: #FFFFFF;
}

@media only screen and (min-width: 1281px) {
  /* line 10718, ../scss/app.scss */
  .instagram .bg_text--big:before, .instagram .bg_text--big:after {
    width: 100px;
  }
}
/* line 10720, ../scss/app.scss */
.instagram .bg_text--big:before {
  margin: 0 15px 0 0;
}

/* line 10722, ../scss/app.scss */
.instagram .bg_text--big:after {
  margin: 0 0px 0 15px;
}

@media only screen and (max-width: 1280px) {
  /* line 10725, ../scss/app.scss */
  .instagram .bg_text--big {
    font-size: 28px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 10728, ../scss/app.scss */
  .instagram .bg_text--big {
    font-size: 20px;
    margin-top: 0px;
  }
}
/* line 10731, ../scss/app.scss */
.instagram .content {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6% 0 0 -280px;
  width: 560px;
  text-align: center;
  z-index: 2;
}

@media only screen and (max-width: 1280px) {
  /* line 10740, ../scss/app.scss */
  .instagram .content {
    margin: -7.5% 0 0 -280px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 10743, ../scss/app.scss */
  .instagram .content {
    margin-top: -5%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 10746, ../scss/app.scss */
  .instagram .content {
    top: 50%;
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
    left: 0;
    width: 100%;
    margin: 0;
  }
}
/* line 10754, ../scss/app.scss */
.instagram .content h2 {
  color: #fff;
  font-size: 67px;
  letter-spacing: -4px;
  line-height: 60px;
  font-family: "Nothing You Could Do", cursive;
  margin-bottom: 10px;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  /* line 10763, ../scss/app.scss */
  .instagram .content h2 {
    font-size: 46px;
    line-height: 50px;
    letter-spacing: -3px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 10768, ../scss/app.scss */
  .instagram .content h2 {
    letter-spacing: -2px;
    font-size: 34px;
    line-height: 30px;
  }
}
/* line 10772, ../scss/app.scss */
.instagram .content h2:before {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto 15px auto;
  background: url(/assets/img/instagram-alt.svg) 0 0 no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  /* line 10781, ../scss/app.scss */
  .instagram .content h2:before {
    width: 27px;
    height: 27px;
  }
}
/* line 10784, ../scss/app.scss */
.instagram .content p {
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: .2em;
  margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
  /* line 10792, ../scss/app.scss */
  .instagram .content p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 10795, ../scss/app.scss */
  .instagram .content p {
    font-size: 10px;
  }
}
/* line 10798, ../scss/app.scss */
.instagrams {
  overflow: hidden;
  background: #000;
}

/* line 10801, ../scss/app.scss */
.instagrams a {
  width: 20%;
  padding-top: 20%;
  float: left;
  overflow: hidden;
  position: relative;
  opacity: 1;
  cursor: crosshair;
  cursor: none;
  height: 100%;
}

@media only screen and (min-width: 1025px) {
  /* line 10812, ../scss/app.scss */
  .instagrams a {
    -webkit-transition: opacity 400ms cubic-bezier(0.65, 0, 0.23, 1);
    transition: opacity 400ms cubic-bezier(0.65, 0, 0.23, 1);
  }
}
@media only screen and (max-width: 1024px) {
  /* line 10816, ../scss/app.scss */
  .instagrams a {
    width: 33%;
    padding-top: 33%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 10820, ../scss/app.scss */
  .instagrams a {
    width: 50%;
    padding-top: 50%;
  }
}
/* line 10823, ../scss/app.scss */
.instagrams a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border: none;
  -webkit-transition: border-width 400ms ease-out, background 400ms ease-out;
  transition: border-width 400ms ease-out, background 400ms ease-out;
}

/* line 10834, ../scss/app.scss */
.instagrams a:hover:before {
  border: 10px solid #FFFFFF;
  background: rgba(0, 0, 0, 0.7);
}

@media only screen and (max-width: 1400px) {
  /* line 10838, ../scss/app.scss */
  .instagrams a:hover:before {
    border: 8px solid #FFFFFF;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 10841, ../scss/app.scss */
  .instagrams a:hover:before {
    border: 7px solid #FFFFFF;
  }
}
/* line 10843, ../scss/app.scss */
.instagrams a img:not(.picto_insta):not(.picto_shop) {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 1025px) {
  /* line 10851, ../scss/app.scss */
  .instagrams a img:not(.picto_insta):not(.picto_shop) {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 10854, ../scss/app.scss */
.instagrams a:hover img:not(.picto_insta):not(.picto_shop) {
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}

/* line 10858, ../scss/app.scss */
.instagrams a:hover .container_shop {
  z-index: 1;
}

/* line 10860, ../scss/app.scss */
.instagrams a.video:after {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  position: absolute;
  width: 120px;
  height: 120px;
  line-height: 115px;
  font-size: 52px;
  border-color: #fff;
  border: 2px solid #fff;
  color: #fff;
  padding: 0px 35px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

/* line 10885, ../scss/app.scss */
.instagrams a.lookTrigger {
  position: relative;
  z-index: 1;
}

/* line 10888, ../scss/app.scss */
.instagrams a.lookTrigger span {
  position: absolute;
  z-index: 98;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .15em;
  text-align: center;
  width: 100%;
  font-weight: bold;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

@media only screen and (max-width: 768px) {
  /* line 10907, ../scss/app.scss */
  .instagrams a.lookTrigger span {
    opacity: 0.85;
    letter-spacing: .3em;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 10911, ../scss/app.scss */
  .instagrams a.lookTrigger span {
    font-size: 16px;
    letter-spacing: .3em;
  }
}
@media only screen and (min-width: 1281px) {
  /* line 10915, ../scss/app.scss */
  .instagrams a.lookTrigger span {
    font-size: 16px;
  }
}
/* line 10917, ../scss/app.scss */
.instagrams a.lookTrigger:after {
  content: "";
  width: 85%;
  height: 85%;
  border: 6px solid white;
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0;
}

@media only screen and (max-width: 768px) {
  /* line 10930, ../scss/app.scss */
  .instagrams a.lookTrigger:after {
    display: none;
  }
}
/* line 10932, ../scss/app.scss */
.instagrams a.lookTrigger:hover span, .instagrams a.lookTrigger:hover:after {
  opacity: 0;
}

/* line 10934, ../scss/app.scss */
.instagrams a .picto_insta, .instagrams a .container_shop {
  position: absolute;
}

/* line 10936, ../scss/app.scss */
.instagrams a .picto_insta {
  position: absolute;
  top: auto;
  left: auto;
  right: 15px;
  bottom: 15px;
  width: 20px;
  z-index: 5;
}

/* line 10944, ../scss/app.scss */
.instagrams a .container_shop {
  right: 0;
  bottom: 0;
  right: 0;
  bottom: 0;
  width: 155px;
  height: 35px;
  background-color: white;
  padding: 8px;
  z-index: 0;
}

/* line 10954, ../scss/app.scss */
.instagrams a .container_shop .picto_shop {
  width: 15px;
  margin-left: 10px;
  margin-right: 10px;
  z-index: 3;
}

/* line 10959, ../scss/app.scss */
.instagrams a .container_shop p {
  display: inline-block;
  vertical-align: baseline;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

@media only screen and (max-width: 1024px) {
  /* line 10966, ../scss/app.scss */
  .instagrams a .container_shop p {
    font-size: 10px;
  }
}
/* line 10968, ../scss/app.scss */
.instagrams a {
  display: none;
}

/* line 10970, ../scss/app.scss */
.instagrams a.mobile {
  display: block;
}

@media only screen and (min-width: 641px) {
  /* line 10973, ../scss/app.scss */
  .instagrams a {
    display: none;
  }

  /* line 10975, ../scss/app.scss */
  .instagrams a.tablet {
    display: block;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 10978, ../scss/app.scss */
  .instagrams a {
    display: block;
  }
}
/* line 10981, ../scss/app.scss */
.search-wrapper {
  background: #f7f7f7;
  position: relative;
}

/* line 10984, ../scss/app.scss */
.search-wrapper .content {
  padding: 300px 0 100px 0;
}

@media only screen and (max-width: 1024px) {
  /* line 10987, ../scss/app.scss */
  .search-wrapper .content {
    padding: 30px 0;
  }
}
/* line 10989, ../scss/app.scss */
.search-wrapper .tt-3, .search-wrapper .tt-cart-head {
  text-transform: uppercase;
  letter-spacing: .3em;
  text-align: center;
  font-size: 16px;
}

@media only screen and (max-width: 1024px) {
  /* line 10995, ../scss/app.scss */
  .search-wrapper .tt-3, .search-wrapper .tt-cart-head {
    font-size: 13px;
    padding: 0 15px;
  }
}
/* line 10998, ../scss/app.scss */
.search-wrapper .search-tips {
  margin: 55px auto 0 auto;
}

@media only screen and (max-width: 1024px) {
  /* line 11001, ../scss/app.scss */
  .search-wrapper .search-tips {
    margin: 25px auto;
  }
}
/* line 11004, ../scss/app.scss */
.expand-search-form {
  width: 100%;
}

/* line 11006, ../scss/app.scss */
.expand-search-form nav {
  right: 0;
  margin-right: 30px;
}

@media only screen and (max-width: 640px) {
  /* line 11010, ../scss/app.scss */
  .expand-search-form nav {
    margin-right: 0px;
  }
}
/* line 11012, ../scss/app.scss */
.expand-search-form nav .span-title {
  margin-right: 0;
}

/* line 11015, ../scss/app.scss */
.search-tips {
  background: #FFFFFF;
  padding: 35px 20px 20px 40px;
  max-width: 335px;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  /* line 11021, ../scss/app.scss */
  .search-tips {
    padding: 25px 15px;
    width: 95%;
  }
}
/* line 11024, ../scss/app.scss */
.search-tips li {
  display: block;
  color: #847155;
  font-weight: 700;
  margin: 0 0 15px 0;
  position: relative;
  font-size: 13px;
}

/* line 11031, ../scss/app.scss */
.search-tips li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: #000;
  position: relative;
  border-radius: 50%;
  margin-right: 15px;
}

/* line 11041, ../scss/app.scss */
.search-tips li:after {
  content: "";
  font-family: "icons";
  color: #FFFFFF;
  font-size: 10px;
  position: absolute;
  padding: 5px;
  line-height: 10px;
  top: 0;
  left: 0;
  margin: auto;
  z-index: 2;
}

/* line 11054, ../scss/app.scss */
.search-result {
  position: absolute;
  width: 100%;
  top: 50px;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  /* line 11060, ../scss/app.scss */
  .search-result {
    position: static;
    margin-top: 120px;
  }
}
/* line 11064, ../scss/app.scss */
.expand-search {
  -webkit-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  background: #FFFFFF;
}

/* line 11069, ../scss/app.scss */
.expand-search.static {
  display: block !important;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media only screen and (max-width: 1024px) {
  /* line 11075, ../scss/app.scss */
  .expand-search.static {
    position: fixed;
    top: 55px;
    padding-top: 0;
    background: transparent;
    z-index: 99;
  }
}
/* line 11081, ../scss/app.scss */
.expand-search .wrapper {
  padding: 20px;
}

/* line 11083, ../scss/app.scss */
.expand-search .items .item {
  width: 20%;
}

/* line 11085, ../scss/app.scss */
.expand-search .items h4 {
  margin-top: 15px;
  position: relative;
}

/* line 11088, ../scss/app.scss */
.expand-search .items h4:after {
  content: "";
  width: 12px;
  height: 2px;
  background: #000;
  display: block;
  text-align: left;
  margin: 30px 0;
}

/* line 11096, ../scss/app.scss */
.expand-search .items h4:after {
  display: block;
  margin: 25px auto 0 auto;
}

/* line 11100, ../scss/app.scss */
.results {
  height: 0;
  overflow: hidden;
}

@media only screen and (min-width: 1025px) {
  /* line 11104, ../scss/app.scss */
  .results {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 11108, ../scss/app.scss */
.filter-panel {
  height: 0;
  overflow: hidden;
  background: #FFFFFF;
  overflow: auto;
  max-height: calc( 100vh - 122px);
}

@media only screen and (min-width: 1025px) {
  /* line 11115, ../scss/app.scss */
  .filter-panel {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (max-width: 1024px) {
  /* line 11119, ../scss/app.scss */
  .filter-panel .close {
    display: none;
  }
}
/* line 11121, ../scss/app.scss */
.filter-panel .bt-container {
  text-align: center;
}

@media only screen and (min-width: 1025px) {
  /* line 11125, ../scss/app.scss */
  .filter-panel .wrapper, .filters .wrapper {
    padding: 30px 0 60px 0;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 11129, ../scss/app.scss */
  .filter-panel .wrapper li, .filters .wrapper li {
    line-height: 30px;
    position: relative;
  }
}
/* line 11133, ../scss/app.scss */
.filter-panel .cols:after, .filters .cols:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 1025px) {
  /* line 11139, ../scss/app.scss */
  .filter-panel .cols, .filters .cols {
    max-width: 1280px;
    width: 97%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 11145, ../scss/app.scss */
  .filter-panel .cols .col, .filters .cols .col {
    display: inline-block;
    width: 16%;
    position: relative;
    float: left;
  }

  /* line 11150, ../scss/app.scss */
  .filter-panel .cols .col .icon-wrap i, .filters .cols .col .icon-wrap i {
    display: block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    border: 1px solid #CCCCCC;
    pointer-events: none;
    margin-top: 7px;
  }

  /* line 11161, ../scss/app.scss */
  .filter-panel .cols .col .label-wrap, .filters .cols .col .label-wrap {
    display: inline-block;
    margin-left: 25px;
    margin-right: 5px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 11167, ../scss/app.scss */
  .filter-panel .cols .col, .filters .cols .col {
    padding-top: 5px;
    width: 100%;
    clear: both;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 11173, ../scss/app.scss */
  .filter-panel .cols .col.bd-r:after, .filters .cols .col.bd-r:after {
    content: "";
    width: 1px;
    height: 100%;
    background: #e6e6e6;
    right: 15%;
    top: 0;
    position: absolute;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 11183, ../scss/app.scss */
  .filter-panel .cols .col.bd-l:before, .filters .cols .col.bd-l:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #e6e6e6;
    left: 15%;
    top: 0;
    position: absolute;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 11193, ../scss/app.scss */
  .filter-panel .cols .col.lg, .filters .cols .col.lg {
    margin-left: -5%;
    margin-right: 2.5%;
  }
}
/* line 11197, ../scss/app.scss */
.filter-panel .cols .col .icon-wrap, .filters .cols .col .icon-wrap {
  float: left;
}

@media only screen and (max-width: 1024px) {
  /* line 11201, ../scss/app.scss */
  .filter-panel .cols .bt-container, .filters .cols .bt-container {
    margin: 30px 0;
  }
}
/* line 11204, ../scss/app.scss */
.filter-panel ul, .filters ul {
  float: none;
  display: inline-block;
  vertical-align: top;
  text-transform: none;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  /* line 11211, ../scss/app.scss */
  .filter-panel ul, .filters ul {
    float: left;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 11215, ../scss/app.scss */
  .filter-panel .wrapper, .filters .wrapper {
    padding: 0 20px;
  }

  /* line 11217, ../scss/app.scss */
  .filter-panel .checkboxes, .filters .checkboxes {
    height: 0;
    margin: 0;
    overflow: auto;
    width: 100%;
    display: none;
    background: #FFFFFF;
  }

  /* line 11224, ../scss/app.scss */
  .filter-panel .checkboxes li:last-child, .filters .checkboxes li:last-child {
    margin: 0 0 10px 0;
  }

  /* line 11226, ../scss/app.scss */
  .filter-panel .cols .col, .filters .cols .col {
    padding: 0;
  }

  /* line 11228, ../scss/app.scss */
  .filter-panel .filter-title, .filters .filter-title {
    position: relative;
    line-height: 50px;
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
  }

  /* line 11233, ../scss/app.scss */
  .filter-panel .filter-title i, .filters .filter-title i {
    position: absolute;
    top: 0;
    font-style: normal;
    right: 0;
  }

  /* line 11238, ../scss/app.scss */
  .filter-panel .filter-title i:after, .filters .filter-title i:after {
    content: '+';
    font-size: 44px;
    font-weight: 100;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
    color: #847155;
  }

  /* line 11249, ../scss/app.scss */
  .filter-panel .filter-title i.active:after, .filters .filter-title i.active:after {
    content: "-";
    top: -5px;
  }

  /* line 11252, ../scss/app.scss */
  .filter-panel .filter-title.active, .filters .filter-title.active {
    border-bottom: 0;
  }

  /* line 11254, ../scss/app.scss */
  .filter-panel .filter-title.active i:after, .filters .filter-title.active i:after {
    content: "-";
  }

  /* line 11256, ../scss/app.scss */
  .filter-panel .checkboxes.-filter, .filters .checkboxes.-filter {
    font-size: 10px;
  }
}
/* line 11259, ../scss/app.scss */
.filter-panel ul, .filters ul {
  width: 100%;
  margin: 10px 0;
}

@media only screen and (max-width: 1024px) {
  /* line 11263, ../scss/app.scss */
  .filter-panel ul, .filters ul {
    margin: 20px 0;
  }
}
/* line 11265, ../scss/app.scss */
.filter-panel ul li, .filters ul li {
  display: block;
}

/* line 11268, ../scss/app.scss */
.filter-panel span, .filters span {
  font-size: 12px;
  text-align: left;
}

/* line 11271, ../scss/app.scss */
.filter-panel span:after, .filter-panel span:before, .filters span:after, .filters span:before {
  display: none;
}

@media only screen and (max-width: 1024px) {
  /* line 11274, ../scss/app.scss */
  .filter-panel span, .filters span {
    margin: 0 0 0 0;
  }
}
/* line 11277, ../scss/app.scss */
.search-bar {
  padding: 7px 0;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 50px;
  background: #FFFFFF;
}

@media only screen and (max-width: 1024px) {
  /* line 11286, ../scss/app.scss */
  .search-bar {
    background: #f7f7f7;
    height: auto;
    padding: 5px 0 0 0;
  }
}
/* line 11290, ../scss/app.scss */
.search-bar a:hover {
  opacity: 1 !important;
}

@media only screen and (min-width: 1025px) {
  /* line 11293, ../scss/app.scss */
  .search-bar .nav-guide {
    position: absolute;
    left: 0;
    top: 18%;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 11298, ../scss/app.scss */
  .search-bar .nav-guide {
    padding-left: 5px;
  }
}
/* line 11300, ../scss/app.scss */
.search-bar .link {
  display: inline-block;
  vertical-align: top;
}

@media only screen and (max-width: 1024px) {
  /* line 11304, ../scss/app.scss */
  .search-bar .link {
    display: none;
    margin: 0;
  }
}
/* line 11307, ../scss/app.scss */
.search-bar .nav-guide {
  padding-top: 5px;
  display: inline-block;
  vertical-align: bottom;
  text-align: left;
  white-space: no-wrap;
  opacity: 0;
}

@media only screen and (min-width: 1025px) {
  /* line 11315, ../scss/app.scss */
  .search-bar .nav-guide {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 11318, ../scss/app.scss */
.search-bar .nav-guide.visible {
  opacity: 1;
}

@media only screen and (max-width: 1024px) {
  /* line 11321, ../scss/app.scss */
  .search-bar .nav-guide {
    width: 100%;
    display: block;
    text-align: left;
    padding: 12px 10px;
  }
}
/* line 11326, ../scss/app.scss */
.search-bar .nav-guide li {
  display: inline-block;
}

@media only screen and (max-width: 1024px) {
  /* line 11329, ../scss/app.scss */
  .search-bar .nav-guide li {
    margin: 0;
  }
}
/* line 11331, ../scss/app.scss */
.search-bar .nav-guide h4 {
  font-size: 20px;
}

@media only screen and (max-width: 1280px) {
  /* line 11334, ../scss/app.scss */
  .search-bar .nav-guide h4 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 11337, ../scss/app.scss */
  .search-bar .nav-guide h4 {
    font-size: 14px;
    padding: 10px 0;
    color: #b2b2b2;
  }
}
/* line 11341, ../scss/app.scss */
.search-bar span, .search-bar span a {
  display: inline-block !important;
  color: #847155;
  vertical-align: middle;
  margin-right: 35px;
  padding-bottom: 4px;
}

@media only screen and (max-width: 1280px) {
  /* line 11348, ../scss/app.scss */
  .search-bar span, .search-bar span a {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 11351, ../scss/app.scss */
  .search-bar span, .search-bar span a {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 11354, ../scss/app.scss */
  .search-bar span:nth-of-type(2), .search-bar span a:nth-of-type(2) {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 11357, ../scss/app.scss */
  .search-bar span:nth-of-type(2):before, .search-bar span:nth-of-type(2):after, .search-bar span a:nth-of-type(2):before, .search-bar span a:nth-of-type(2):after {
    display: none;
  }
}
/* line 11359, ../scss/app.scss */
.search-bar span i {
  width: 16px;
  height: 16px;
  border: 1px solid #CCCCCC;
  display: inline-block;
  border-radius: 50%;
  font-style: normal;
  margin-left: 5px;
}

/* line 11367, ../scss/app.scss */
.search-bar span i i {
  display: none;
}

/* line 11369, ../scss/app.scss */
.search-bar span i:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 8.20513px;
  line-height: 15px;
  display: block;
  text-align: center;
  color: #CCCCCC;
  letter-spacing: 0;
}

@media only screen and (min-width: 1025px) {
  /* line 11386, ../scss/app.scss */
  .search-bar span i {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    width: 23px;
    height: 23px;
    border: 1px solid #CCCCCC;
    display: inline-block;
    border-radius: 50%;
  }

  /* line 11394, ../scss/app.scss */
  .search-bar span i i {
    display: none;
  }

  /* line 11396, ../scss/app.scss */
  .search-bar span i:before {
    content: "";
    font-family: "icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    font-size: 11.79487px;
    line-height: 22px;
    display: block;
    text-align: center;
    color: #CCCCCC;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 11413, ../scss/app.scss */
  .search-bar span a:active i {
    color: #FFFFFF;
    background-color: #000;
    border-color: #000;
  }
}
/* line 11417, ../scss/app.scss */
.search-bar span a.active i {
  color: #FFFFFF;
  background-color: #000;
  border-color: #000;
}

@media only screen and (max-width: 1024px) {
  /* line 11422, ../scss/app.scss */
  .search-bar span a.active i:before {
    content: "\e601";
  }
}
@media only screen and (max-width: 1024px) {
  /* line 11425, ../scss/app.scss */
  .search-bar a[data-open="colors"] {
    display: none !important;
  }
}
/* line 11427, ../scss/app.scss */
.search-bar form {
  width: calc(100% - 450px);
  margin: 0 auto;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  float: none;
  margin: 0 auto;
  padding-left: 60px;
}

@media only screen and (max-width: 1280px) {
  /* line 11438, ../scss/app.scss */
  .search-bar form {
    text-align: center;
    padding-left: 100px;
    width: calc(100% - 310px);
  }
}
@media only screen and (max-width: 1024px) {
  /* line 11443, ../scss/app.scss */
  .search-bar form {
    width: 100%;
    text-align: left;
    padding: 0 0 0 5px;
    border-top: 1px solid #dfdfdf;
    background: transparent;
    position: relative;
    z-index: 0;
    height: 50px;
  }
}
/* line 11452, ../scss/app.scss */
.search-bar form > span:first-child {
  margin-right: 5px;
}

@media only screen and (max-width: 1024px) {
  /* line 11455, ../scss/app.scss */
  .search-bar form > span:last-child {
    float: right;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 11458, ../scss/app.scss */
  .search-bar form .span-title {
    margin-right: 0;
    letter-spacing: 0.10em;
  }
}
/* line 11461, ../scss/app.scss */
.search-bar form .span-title:before {
  content: '';
  width: 6px;
  height: 1px;
  background: #847155;
  display: inline-block;
  vertical-align: middle;
  margin: 0 7px 2px 0;
}

@media only screen and (min-width: 1025px) {
  /* line 11470, ../scss/app.scss */
  .search-bar form .span-title:before {
    width: 8px;
    height: 2px;
  }
}
/* line 11473, ../scss/app.scss */
.search-bar form nav {
  display: none;
}

/* line 11475, ../scss/app.scss */
.search-bar form nav.visible {
  display: inline-block;
  position: absolute;
  margin-top: 12px;
  top: 0px;
}

@media only screen and (max-width: 1024px) {
  /* line 11481, ../scss/app.scss */
  .search-bar form nav.visible {
    margin-top: 16px;
    right: 0;
  }
}
/* line 11484, ../scss/app.scss */
.search-bar form .text {
  width: 30%;
  display: inline-block;
  overflow: hidden;
  position: relative;
  margin-right: 30px;
}

@media only screen and (max-width: 1280px) {
  /* line 11491, ../scss/app.scss */
  .search-bar form .text {
    width: 35%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 11495, ../scss/app.scss */
  .search-bar form .text {
    width: 42%;
    margin-top: 7px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 11499, ../scss/app.scss */
  .search-bar form .text {
    margin-right: 0;
  }
}
/* line 11501, ../scss/app.scss */
.search-bar form .text:before {
  display: none;
}

/* line 11503, ../scss/app.scss */
.search-bar form .text:after {
  content: "";
  width: 1px;
  height: 85%;
  background: #CCCCCC;
  position: absolute;
  left: 0;
  right: auto;
  top: 5px;
  margin: auto;
}

@media only screen and (max-width: 1024px) {
  /* line 11514, ../scss/app.scss */
  .search-bar form .text:after {
    top: 5px;
  }
}
/* line 11516, ../scss/app.scss */
.search-bar form input {
  border-bottom: 1px solid rgba(132, 113, 85, 0.25);
  padding-left: 0;
  padding-bottom: 2px;
  margin-left: 20px;
  color: #847155;
  text-transform: uppercase;
  float: left;
  width: 80%;
  line-height: 18px;
  font-size: 13px;
  margin-top: 8px;
  letter-spacing: .10em;
}

@media only screen and (max-width: 1280px) {
  /* line 11530, ../scss/app.scss */
  .search-bar form input {
    width: 55%;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 11533, ../scss/app.scss */
  .search-bar form input {
    margin-top: 0;
    margin-left: 12px;
    width: 69%;
    font-size: 10px;
    padding: 6px 1px 4px 0;
    line-height: 15px;
  }
}
/* line 11540, ../scss/app.scss */
.search-bar form .search-submit {
  border: 0;
  background: transparent;
  outline: 0;
  position: relative;
  width: 20px;
  height: 20px;
}

@media only screen and (max-width: 1024px) {
  /* line 11548, ../scss/app.scss */
  .search-bar form .search-submit {
    margin: -5px 0 0px 5px;
    position: absolute;
  }
}
/* line 11551, ../scss/app.scss */
.search-bar form .search-submit:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  color: #847155;
  position: absolute;
  right: 10px;
  left: auto;
  top: 10px;
  font-weight: 900;
  font-size: 14px;
  width: 100%;
  height: 100%;
}

/* line 11570, ../scss/app.scss */
.search-bar form .submit {
  display: inline-block;
  width: 25%;
}

/* line 11573, ../scss/app.scss */
.search-bar form .submit button {
  position: relative;
  border-left: 1px solid #CCCCCC;
  color: #808080;
  float: right;
  outline: 0;
  letter-spacing: .05em;
}

/* line 11580, ../scss/app.scss */
.search-bar form .submit button:after {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 3px 6px;
  font-size: 12px;
  color: #000;
}

/* line 11596, ../scss/app.scss */
.expand-search.static {
  -webkit-transition: padding 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: padding 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 11599, ../scss/app.scss */
.expand-search.static .nav-guide {
  opacity: 1;
}

/* line 11601, ../scss/app.scss */
.expand-search.static .nav-guide h4 {
  opacity: 1;
  visibility: visible;
}

/* line 11604, ../scss/app.scss */
.main {
  background-color: #f0f0f0;
}

/* line 11607, ../scss/app.scss */
.main .search-bar {
  padding: 0;
}

@media only screen and (max-width: 1024px) {
  /* line 11611, ../scss/app.scss */
  body.expand .main {
    overflow: hidden;
  }

  /* line 11613, ../scss/app.scss */
  body.expand .expand-search {
    position: fixed;
    height: 100%;
    top: 50px;
  }

  /* line 11617, ../scss/app.scss */
  body.expand .expand-search .container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-bottom: 50px;
    -webkit-overflow-scrolling: touch;
    background: #FFFFFF;
  }

  /* line 11625, ../scss/app.scss */
  body.expand .expand-search .filter-panel {
    overflow: visible;
  }
}
/* line 11628, ../scss/app.scss */
.subscription-box, .buyOnline-box, .languages-box, .reviews-box, .reviews-box-login, .alert-box {
  width: 95%;
  margin: 0 auto;
  position: fixed;
  top: 50%;
  top: calc(50% + 30px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 40px;
  text-align: center;
  background: #FFFFFF;
}

@media only screen and (min-width: 1025px) {
  /* line 11642, ../scss/app.scss */
  .subscription-box, .buyOnline-box, .languages-box, .reviews-box, .reviews-box-login, .alert-box {
    max-width: 650px;
    width: 100%;
  }
}
/* line 11645, ../scss/app.scss */
.subscription-box .logo, .subscription-box .header .logo-mobile, .header .subscription-box .logo-mobile, .buyOnline-box .logo, .buyOnline-box .header .logo-mobile, .header .buyOnline-box .logo-mobile, .languages-box .logo, .languages-box .header .logo-mobile, .header .languages-box .logo-mobile, .reviews-box .logo, .reviews-box .header .logo-mobile, .header .reviews-box .logo-mobile, .reviews-box-login .logo, .reviews-box-login .header .logo-mobile, .header .reviews-box-login .logo-mobile, .alert-box .logo, .alert-box .header .logo-mobile, .header .alert-box .logo-mobile {
  margin: 0 auto 20px auto;
  width: 165px;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  /* line 11650, ../scss/app.scss */
  .subscription-box .logo, .subscription-box .header .logo-mobile, .header .subscription-box .logo-mobile, .buyOnline-box .logo, .buyOnline-box .header .logo-mobile, .header .buyOnline-box .logo-mobile, .languages-box .logo, .languages-box .header .logo-mobile, .header .languages-box .logo-mobile, .reviews-box .logo, .reviews-box .header .logo-mobile, .header .reviews-box .logo-mobile, .reviews-box-login .logo, .reviews-box-login .header .logo-mobile, .header .reviews-box-login .logo-mobile, .alert-box .logo, .alert-box .header .logo-mobile, .header .alert-box .logo-mobile {
    width: 130px;
  }
}
/* line 11652, ../scss/app.scss */
.subscription-box .logo:after, .subscription-box .header .logo-mobile:after, .header .subscription-box .logo-mobile:after, .buyOnline-box .logo:after, .buyOnline-box .header .logo-mobile:after, .header .buyOnline-box .logo-mobile:after, .languages-box .logo:after, .languages-box .header .logo-mobile:after, .header .languages-box .logo-mobile:after, .reviews-box .logo:after, .reviews-box .header .logo-mobile:after, .header .reviews-box .logo-mobile:after, .reviews-box-login .logo:after, .reviews-box-login .header .logo-mobile:after, .header .reviews-box-login .logo-mobile:after, .alert-box .logo:after, .alert-box .header .logo-mobile:after, .header .alert-box .logo-mobile:after {
  content: "";
  width: 12px;
  height: 2px;
  background: #000;
  display: block;
  text-align: left;
  margin: 30px 0;
}

/* line 11660, ../scss/app.scss */
.subscription-box .logo:after, .subscription-box .header .logo-mobile:after, .header .subscription-box .logo-mobile:after, .buyOnline-box .logo:after, .buyOnline-box .header .logo-mobile:after, .header .buyOnline-box .logo-mobile:after, .languages-box .logo:after, .languages-box .header .logo-mobile:after, .header .languages-box .logo-mobile:after, .reviews-box .logo:after, .reviews-box .header .logo-mobile:after, .header .reviews-box .logo-mobile:after, .reviews-box-login .logo:after, .reviews-box-login .header .logo-mobile:after, .header .reviews-box-login .logo-mobile:after, .alert-box .logo:after, .alert-box .header .logo-mobile:after, .header .alert-box .logo-mobile:after {
  display: block;
  margin: 20px auto;
}

/* line 11663, ../scss/app.scss */
.subscription-box .logo img, .subscription-box .header .logo-mobile img, .header .subscription-box .logo-mobile img, .buyOnline-box .logo img, .buyOnline-box .header .logo-mobile img, .header .buyOnline-box .logo-mobile img, .languages-box .logo img, .languages-box .header .logo-mobile img, .header .languages-box .logo-mobile img, .reviews-box .logo img, .reviews-box .header .logo-mobile img, .header .reviews-box .logo-mobile img, .reviews-box-login .logo img, .reviews-box-login .header .logo-mobile img, .header .reviews-box-login .logo-mobile img, .alert-box .logo img, .alert-box .header .logo-mobile img, .header .alert-box .logo-mobile img {
  width: 100%;
  height: auto;
}

/* line 11666, ../scss/app.scss */
.subscription-box .tt-3, .subscription-box .tt-cart-head, .subscription-box .tt-2, .buyOnline-box .tt-3, .buyOnline-box .tt-cart-head, .buyOnline-box .tt-2, .languages-box .tt-3, .languages-box .tt-cart-head, .languages-box .tt-2, .reviews-box .tt-3, .reviews-box .tt-cart-head, .reviews-box .tt-2, .reviews-box-login .tt-3, .reviews-box-login .tt-cart-head, .reviews-box-login .tt-2, .alert-box .tt-3, .alert-box .tt-cart-head, .alert-box .tt-2 {
  letter-spacing: .3em;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  font-size: 18px;
}

@media only screen and (max-width: 1024px) {
  /* line 11673, ../scss/app.scss */
  .subscription-box .tt-3, .subscription-box .tt-cart-head, .subscription-box .tt-2, .buyOnline-box .tt-3, .buyOnline-box .tt-cart-head, .buyOnline-box .tt-2, .languages-box .tt-3, .languages-box .tt-cart-head, .languages-box .tt-2, .reviews-box .tt-3, .reviews-box .tt-cart-head, .reviews-box .tt-2, .reviews-box-login .tt-3, .reviews-box-login .tt-cart-head, .reviews-box-login .tt-2, .alert-box .tt-3, .alert-box .tt-cart-head, .alert-box .tt-2 {
    font-size: 13px;
    line-height: 13px;
    padding-top: 10px;
  }
}
/* line 11677, ../scss/app.scss */
.subscription-box .tt-4, .buyOnline-box .tt-4, .languages-box .tt-4, .reviews-box .tt-4, .reviews-box-login .tt-4, .alert-box .tt-4 {
  font-size: 25px;
  font-family: "Raleway";
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
  letter-spacing: .3em;
}

/* line 11684, ../scss/app.scss */
.subscription-box p, .buyOnline-box p, .languages-box p, .reviews-box p, .reviews-box-login p, .alert-box p {
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}

/* Modif Castelis 23032016 - #48771 */
/* line 11689, ../scss/app.scss */
.footer .subscription-box p {
  text-transform: initial;
}

@media only screen and (max-width: 1024px) {
  /* line 11692, ../scss/app.scss */
  .subscription-box p, .buyOnline-box p, .languages-box p, .reviews-box p, .reviews-box-login p, .alert-box p {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 11695, ../scss/app.scss */
  .subscription-box p:nth-of-type(2), .buyOnline-box p:nth-of-type(2), .languages-box p:nth-of-type(2), .reviews-box p:nth-of-type(2), .reviews-box-login p:nth-of-type(2), .alert-box p:nth-of-type(2) {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 11698, ../scss/app.scss */
  .subscription-box p:nth-of-type(3), .buyOnline-box p:nth-of-type(3), .languages-box p:nth-of-type(3), .reviews-box p:nth-of-type(3), .reviews-box-login p:nth-of-type(3), .alert-box p:nth-of-type(3) {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 11701, ../scss/app.scss */
  .subscription-box p a, .buyOnline-box p a, .languages-box p a, .reviews-box p a, .reviews-box-login p a, .alert-box p a {
    display: block;
    margin: 15px auto;
  }
}
/* line 11704, ../scss/app.scss */
.subscription-box .bt-container, .buyOnline-box .bt-container, .languages-box .bt-container, .reviews-box .bt-container, .reviews-box-login .bt-container, .alert-box .bt-container {
  margin: 30px 0 0 0;
  text-align: center;
}

/* line 11707, ../scss/app.scss */
.subscription-box .bt-container [class^='cta-'], .buyOnline-box .bt-container [class^='cta-'], .languages-box .bt-container [class^='cta-'], .reviews-box .bt-container [class^='cta-'], .reviews-box-login .bt-container [class^='cta-'], .alert-box .bt-container [class^='cta-'] {
  font-size: 11px;
}

@media only screen and (max-width: 1024px) {
  /* line 11710, ../scss/app.scss */
  .subscription-box .bt-container [class^='cta-'], .buyOnline-box .bt-container [class^='cta-'], .languages-box .bt-container [class^='cta-'], .reviews-box .bt-container [class^='cta-'], .reviews-box-login .bt-container [class^='cta-'], .alert-box .bt-container [class^='cta-'] {
    font-size: 9px;
  }
}
/* line 11712, ../scss/app.scss */
.subscription-box a.close, .buyOnline-box a.close, .languages-box a.close, .reviews-box a.close, .reviews-box-login a.close, .alert-box a.close {
  top: 0px;
  right: 0;
  width: 50px;
  height: 50px;
}

/* line 11717, ../scss/app.scss */
.subscription-box a.close:before, .subscription-box a.close:after, .buyOnline-box a.close:before, .buyOnline-box a.close:after, .languages-box a.close:before, .languages-box a.close:after, .reviews-box a.close:before, .reviews-box a.close:after, .reviews-box-login a.close:before, .reviews-box-login a.close:after, .alert-box a.close:before, .alert-box a.close:after {
  background: #e6e6e6;
  right: 20px;
}

@media only screen and (min-width: 1025px) {
  /* line 11721, ../scss/app.scss */
  .subscription-box a.close:before, .subscription-box a.close:after, .buyOnline-box a.close:before, .buyOnline-box a.close:after, .languages-box a.close:before, .languages-box a.close:after, .reviews-box a.close:before, .reviews-box a.close:after, .reviews-box-login a.close:before, .reviews-box-login a.close:after, .alert-box a.close:before, .alert-box a.close:after {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 11724, ../scss/app.scss */
.subscription-box a.close:hover:before, .subscription-box a.close:hover:after, .buyOnline-box a.close:hover:before, .buyOnline-box a.close:hover:after, .languages-box a.close:hover:before, .languages-box a.close:hover:after, .reviews-box a.close:hover:before, .reviews-box a.close:hover:after, .reviews-box-login a.close:hover:before, .reviews-box-login a.close:hover:after, .alert-box a.close:hover:before, .alert-box a.close:hover:after {
  background: #999999;
}

/* line 11727, ../scss/app.scss */
.buyOnline-box .tt-2 {
  font-size: 24px;
  padding: 15px 0 0 0;
  margin: 0;
}

@media only screen and (max-width: 1024px) {
  /* line 11732, ../scss/app.scss */
  .buyOnline-box .tt-2 {
    font-size: 18px;
  }
}
/* line 11735, ../scss/app.scss */
.buyOnline-box .cols:after {
  content: "";
  display: table;
  clear: both;
}

/* line 11740, ../scss/app.scss */
.buyOnline-box .cols .col {
  margin-bottom: 20px;
}

@media only screen and (min-width: 769px) {
  /* line 11743, ../scss/app.scss */
  .buyOnline-box .cols .col {
    width: 33.333333%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* line 11749, ../scss/app.scss */
.buyOnline-box .reseller-logo {
  margin: 20px 0 5px 0;
}

@media only screen and (min-width: 769px) {
  /* line 11752, ../scss/app.scss */
  .buyOnline-box .reseller-logo {
    width: 150px;
    min-height: 140px;
    margin: 0;
    position: relative;
  }
}
/* line 11757, ../scss/app.scss */
.buyOnline-box .reseller-logo img {
  display: block;
  max-width: 170px;
  margin: 0 auto 10px auto;
}

@media only screen and (min-width: 769px) {
  /* line 11762, ../scss/app.scss */
  .buyOnline-box .reseller-logo img {
    max-width: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}
/* line 11771, ../scss/app.scss */
.buyOnline-box .reseller-link {
  text-align: center;
}

/* line 11773, ../scss/app.scss */
.buyOnline-box .reseller-link [class^='cta-'] {
  vertical-align: top;
  font-size: 10px;
  padding-left: 15px;
  padding-right: 15px;
  clear: both;
}

/* line 11779, ../scss/app.scss */
.buyOnline-box .reseller-link span {
  display: block;
  color: #CCCCCC;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .15em;
  font-size: 10px;
  margin: 10px 0;
  padding-left: 5px;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  /* line 11790, ../scss/app.scss */
  .buyOnline-box .reseller-link span {
    text-align: center;
  }
}
/* line 11793, ../scss/app.scss */
.buyOnline-box, .subscription-box, .languages-box, .reviews-box, .alert-box {
  opacity: 0;
  visibility: hidden;
  z-index: 101;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);
}

@media only screen and (min-width: 1025px) {
  /* line 11799, ../scss/app.scss */
  .buyOnline-box, .subscription-box, .languages-box, .reviews-box, .alert-box {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 11802, ../scss/app.scss */
.buyOnline-box.visible, .subscription-box.visible, .languages-box.visible, .reviews-box.visible, .alert-box.visible {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 640px) {
  /* line 11807, ../scss/app.scss */
  .languages-box {
    display: block;
    padding-left: 0;
    padding-right: 0;
  }

  /* line 11811, ../scss/app.scss */
  .languages-box .cta-transp, .languages-box .store .directions, .store .languages-box .directions, .languages-box .sliderGrid .sliderButtons ul li a, .sliderGrid .sliderButtons ul li .languages-box a {
    padding: 10px;
    margin: 0 8px;
  }
}
/* line 11815, ../scss/app.scss */
.reviews-box-login {
  z-index: 200;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 11821, ../scss/app.scss */
.reviews-box-login .tt-3, .reviews-box-login .tt-cart-head {
  letter-spacing: .2em;
  line-height: 1.8;
  font-size: 16px;
  margin: 0 auto;
  width: 85%;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  /* line 11829, ../scss/app.scss */
  .reviews-box-login .tt-3, .reviews-box-login .tt-cart-head {
    font-size: 13px;
    line-height: 13px;
    padding-top: 10px;
  }
}
/* line 11833, ../scss/app.scss */
.reviews-box-login .text {
  display: inline-block;
  width: 215px;
  margin: 40px 22px 30px 22px;
}

/* line 11837, ../scss/app.scss */
.reviews-box-login .text input {
  border-bottom: 1px solid #d9d9d9;
  font-weight: 600;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: #847155;
  font-size: 11px;
  padding-left: 0;
}

/* line 11845, ../scss/app.scss */
.reviews-box-login .text ::-webkit-input-placeholder {
  color: #847155;
}

/* line 11847, ../scss/app.scss */
.reviews-box-login .text ::-moz-placeholder {
  color: #847155;
}

/* line 11849, ../scss/app.scss */
.reviews-box-login .text :-ms-input-placeholder {
  color: #847155;
}

/* line 11851, ../scss/app.scss */
.reviews-box-login .text input:-moz-placeholder {
  color: #847155;
}

/* line 11853, ../scss/app.scss */
.reviews-box-login button {
  padding: 10px 10px;
  display: inline-block;
  width: 120px;
  text-align: center;
  margin: 0px 10px;
  margin-bottom: 30px;
}

/* line 11860, ../scss/app.scss */
.reviews-box-login button:hover a {
  color: #FFFFFF;
}

/* line 11862, ../scss/app.scss */
.reviews-box-login .submit {
  margin-top: 15px;
}

/* line 11864, ../scss/app.scss */
.reviews-box-login label {
  font-weight: 400;
  color: #808080;
  letter-spacing: .1em;
  font-size: 12px;
}

/* line 11869, ../scss/app.scss */
.reviews-box-login p {
  margin: 0;
}

/* line 11871, ../scss/app.scss */
.reviews-box-login .forgot {
  font-size: 10px;
  font-family: "Raleway";
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .2em;
}

/* line 11878, ../scss/app.scss */
.reviews-box-login.visible {
  opacity: 1;
  visibility: visible;
}

/* line 11881, ../scss/app.scss */
.reviews-box-login a.close {
  top: 0px;
  right: 0;
  width: 50px;
  height: 50px;
}

/* line 11886, ../scss/app.scss */
.reviews-box-login a.close:before, .reviews-box-login a.close:after {
  background: #e6e6e6;
  right: 20px;
}

@media only screen and (min-width: 1025px) {
  /* line 11890, ../scss/app.scss */
  .reviews-box-login a.close:before, .reviews-box-login a.close:after {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 11893, ../scss/app.scss */
.reviews-box-login a.close:hover:before, .reviews-box-login a.close:hover:after {
  background: #999999;
}

@media only screen and (max-width: 640px) {
  /* line 11896, ../scss/app.scss */
  .reviews-box-login {
    padding: 30px;
  }

  /* line 11898, ../scss/app.scss */
  .reviews-box-login .tt-3, .reviews-box-login .tt-cart-head {
    font-size: 11px;
    line-height: 22px;
    padding-top: 10px;
  }

  /* line 11902, ../scss/app.scss */
  .reviews-box-login .text {
    width: 215px;
    margin: 15px 0px 15px 0px;
  }

  /* line 11905, ../scss/app.scss */
  .reviews-box-login .submit {
    margin-top: 15px;
  }

  /* line 11907, ../scss/app.scss */
  .reviews-box-login .submit button {
    padding: 10px 0px;
    display: inline-block;
    width: 100px;
    text-align: center;
    margin: 0px 5px;
    margin-bottom: 15px;
  }
}
/* line 11915, ../scss/app.scss */
.inside-lop h1, .trends-and-tutorials h1 {
  font-size: 70px;
  line-height: 80px;
}

@media only screen and (max-width: 1024px) {
  /* line 11919, ../scss/app.scss */
  .inside-lop h1, .trends-and-tutorials h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 11923, ../scss/app.scss */
  .inside-lop h1, .trends-and-tutorials h1 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 11927, ../scss/app.scss */
  .inside-lop h1, .trends-and-tutorials h1 {
    font-size: 30px;
    line-height: 40px;
  }
}
/* line 11931, ../scss/app.scss */
body.ambassador .simpleSlider .intro {
  max-width: 1080px;
}

@media only screen and (max-width: 640px) {
  /* line 11935, ../scss/app.scss */
  body.ambassador .sliderNavArrow li.next {
    top: 25px;
  }
}
/* line 11938, ../scss/app.scss */
body.ambassador h1, body.ambassador h2 {
  text-align: left;
  position: relative;
  padding-left: 20px;
}

@media only screen and (max-width: 640px) {
  /* line 11943, ../scss/app.scss */
  body.ambassador h1, body.ambassador h2 {
    margin-left: 20px;
    margin-top: -20px;
  }
}
/* line 11946, ../scss/app.scss */
body.ambassador h1 strong, body.ambassador h2 strong {
  font-weight: 700;
}

/* line 11949, ../scss/app.scss */
body.ambassador .cols {
  position: relative;
  text-align: center;
  padding-left: 20px;
}

@media only screen and (max-width: 640px) {
  /* line 11954, ../scss/app.scss */
  body.ambassador .cols {
    padding: 0 20px;
  }
}
/* line 11956, ../scss/app.scss */
body.ambassador .cols:after {
  content: '';
  clear: both;
  display: block;
}

/* line 11961, ../scss/app.scss */
body.ambassador .col {
  color: #fff;
  text-align: left;
  margin-bottom: 30px;
}

@media only screen and (min-width: 1025px) {
  /* line 11966, ../scss/app.scss */
  body.ambassador .col {
    width: 50%;
    margin-right: -4px;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: top;
  }
}
/* line 11972, ../scss/app.scss */
body.ambassador .col p {
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1.75;
  opacity: 1;
  clear: both;
}

/* line 11977, ../scss/app.scss */
body.ambassador .col .hashtags {
  float: right;
  width: 40%;
  margin-bottom: 40px;
  color: #808080;
  font-size: 12px;
}

@media only screen and (max-width: 640px) {
  /* line 11984, ../scss/app.scss */
  body.ambassador .col .hashtags {
    width: 50%;
    margin-bottom: 20px;
  }
}
/* line 11987, ../scss/app.scss */
body.ambassador .col .hashtags li {
  margin-bottom: 5px;
}

/* line 11989, ../scss/app.scss */
body.ambassador .col .hashtags a {
  color: #fff;
  -webkit-font-smoothing: subpixel-antialiased;
}

@media only screen and (min-width: 1025px) {
  /* line 11993, ../scss/app.scss */
  body.ambassador .col .hashtags a {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 11996, ../scss/app.scss */
body.ambassador .col .hashtags a:hover {
  color: #808080;
}

/* line 11998, ../scss/app.scss */
body.ambassador .col .quote {
  font-size: 22px;
  line-height: 26px;
  font-weight: 300;
  margin-left: 20%;
}

@media only screen and (max-width: 640px) {
  /* line 12004, ../scss/app.scss */
  body.ambassador .col .quote {
    margin-left: 0;
  }
}
/* line 12007, ../scss/app.scss */
body.ambassador .sliderAmbassadors {
  padding-bottom: 100px;
  margin-bottom: 0;
}

@media only screen and (max-width: 640px) {
  /* line 12011, ../scss/app.scss */
  body.ambassador .sliderAmbassadors {
    padding-bottom: 40px;
  }
}
/* line 12013, ../scss/app.scss */
body.ambassador .sliderAmbassadors .cta-bg {
  display: block;
  margin: 0 auto;
  padding: 0;
}

@media only screen and (max-width: 1024px) {
  /* line 12018, ../scss/app.scss */
  body.ambassador .sliderAmbassadors .cta-bg {
    padding: 10px 15px;
  }
}
/* line 12021, ../scss/app.scss */
.singleTutorial {
  background: #FFFFFF;
  color: #000;
  padding: 25px 0 0px 0;
  text-align: left;
  position: relative;
  height: 100%;
  z-index: 2;
}

@media only screen and (min-width: 1281px) {
  /* line 12030, ../scss/app.scss */
  .singleTutorial {
    padding: 45px 0 0 0;
  }
}
/* line 12032, ../scss/app.scss */
.singleTutorial.expand {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 12036, ../scss/app.scss */
.singleTutorial .sliderContent .panel a {
  z-index: 10;
}

/* line 12038, ../scss/app.scss */
.singleTutorial h1 {
  font-size: 34px;
  line-height: 42px;
  letter-spacing: .3em;
  text-transform: uppercase;
  position: relative;
  margin: 5px 0 20px 20px;
  font-weight: 400;
}

@media only screen and (max-width: 640px) {
  /* line 12047, ../scss/app.scss */
  .singleTutorial h1 {
    font-size: 20px;
    line-height: 28px;
  }
}
/* line 12050, ../scss/app.scss */
.singleTutorial h1 strong {
  font-weight: 700;
}

/* line 12052, ../scss/app.scss */
.singleTutorial .video a:after {
  top: 50%;
}

/* line 12054, ../scss/app.scss */
.singleTutorial .intro a {
  background-color: #000;
  position: relative;
  display: block;
}

/* line 12058, ../scss/app.scss */
.singleTutorial .intro p {
  font-size: 14px;
  margin-left: 20px;
  margin-right: 20px;
  height: 36px;
}

/* line 12063, ../scss/app.scss */
.singleTutorial .simpleSlider .intro {
  padding-bottom: 20px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  /* line 12067, ../scss/app.scss */
  .singleTutorial .simpleSlider .intro {
    padding: 20px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 12070, ../scss/app.scss */
  .singleTutorial .simpleSlider .intro {
    padding-bottom: 60px;
  }
}
/* line 12072, ../scss/app.scss */
.singleTutorial .sliderNavArrow li {
  top: 200px;
  display: block;
  max-width: 200px;
  z-index: 10;
  position: absolute;
}

@media only screen and (max-width: 640px) {
  /* line 12079, ../scss/app.scss */
  .singleTutorial .sliderNavArrow li {
    top: 9.5%;
    position: absolute;
  }
}
/* line 12082, ../scss/app.scss */
.singleTutorial .sliderNavArrow li a:before, .singleTutorial .sliderNavArrow li a:after {
  background-color: #000;
}

/* line 12084, ../scss/app.scss */
.singleTutorial .products {
  padding: 0px;
  background: #f0f0f0;
  height: 100%;
}

/* line 12088, ../scss/app.scss */
.singleTutorial .all {
  background: #f0f0f0;
  text-align: center;
  padding: 45px 0;
}

@media only screen and (max-width: 1024px) {
  /* line 12093, ../scss/app.scss */
  .singleTutorial .all {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 12096, ../scss/app.scss */
  .singleTutorial .all {
    padding-bottom: 30px;
  }
}
/* line 12098, ../scss/app.scss */
.singleTutorial .product-inner {
  margin: 0 auto;
  max-width: 1355px;
  padding: 20px;
}

@media only screen and (min-width: 1025px) {
  /* line 12103, ../scss/app.scss */
  .singleTutorial .product-inner {
    padding: 50px 200px 80px;
  }
}
/* line 12105, ../scss/app.scss */
.singleTutorial .product-inner:after {
  content: '';
  display: block;
  clear: both;
}

/* line 12109, ../scss/app.scss */
.singleTutorial .product-inner:empty {
  display: none;
}

/* line 12111, ../scss/app.scss */
.singleTutorial .tutorial-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 20;
  pointer-events: none;
}

/* line 12119, ../scss/app.scss */
.singleTutorial .tutorial-overlay .stickyNav {
  position: absolute;
  opacity: 0;
  z-index: 20;
  border-top: 1px solid #E5E5E5;
}

/* line 12125, ../scss/app.scss */
.singleTutorial .step, .tutos .step {
  overflow: hidden;
}

/* line 12127, ../scss/app.scss */
.singleTutorial .step .descr, .tutos .step .descr {
  text-align: left;
  color: #000;
  width: 70%;
  padding-left: 40px;
  position: relative;
  clear: left;
  margin-bottom: 60px;
}

/* line 12135, ../scss/app.scss */
.singleTutorial .step .descr:before, .tutos .step .descr:before {
  content: '1.';
  font-size: 24px;
  position: absolute;
  left: 15px;
  top: 0;
}

@media only screen and (max-width: 640px) {
  /* line 12142, ../scss/app.scss */
  .singleTutorial .step .descr:before, .tutos .step .descr:before {
    left: 10px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 12145, ../scss/app.scss */
  .singleTutorial .step .descr, .tutos .step .descr {
    padding: 0 20px 0 30px;
    width: 100%;
  }
}
/* line 12148, ../scss/app.scss */
.singleTutorial .step .article .img-container, .tutos .step .article .img-container {
  position: absolute;
  top: -12%;
  left: -12%;
  width: 125%;
  height: 125%;
  margin-bottom: 30px;
}

/* line 12155, ../scss/app.scss */
.singleTutorial .step .article .img-container img, .tutos .step .article .img-container img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
  overflow-x: hidden;
}

/* line 12166, ../scss/app.scss */
.singleTutorial .step .size-medium, .tutos .step .size-medium {
  width: 70%;
  margin-bottom: 40px;
  height: auto;
  overflow: hidden;
}

@media only screen and (max-width: 1280px) {
  /* line 12172, ../scss/app.scss */
  .singleTutorial .step .size-medium, .tutos .step .size-medium {
    height: auto;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 12175, ../scss/app.scss */
  .singleTutorial .step .size-medium, .tutos .step .size-medium {
    height: auto;
  }
}
@media only screen and (max-width: 768px) {
  /* line 12178, ../scss/app.scss */
  .singleTutorial .step .size-medium, .tutos .step .size-medium {
    width: 100%;
  }
}
/* line 12180, ../scss/app.scss */
.singleTutorial .step .size-small, .tutos .step .size-small {
  width: 29%;
  float: right;
}

@media only screen and (max-width: 768px) {
  /* line 12184, ../scss/app.scss */
  .singleTutorial .step .size-small, .tutos .step .size-small {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 12187, ../scss/app.scss */
  .singleTutorial .step .size-small, .tutos .step .size-small {
    clear: none;
    float: none;
    max-width: 300px;
    display: block;
    margin: 0 auto;
  }
}
/* line 12193, ../scss/app.scss */
.singleTutorial .step .size-small p, .tutos .step .size-small p {
  font-size: "Raleway", sans-serif;
}

/* line 12195, ../scss/app.scss */
.singleTutorial .step .size-small p:nth-of-type(1):before, .tutos .step .size-small p:nth-of-type(1):before {
  position: static;
  display: inline-block;
  margin-right: 5px;
}

/* line 12200, ../scss/app.scss */
.singleTutorial .step:nth-of-type(2) .descr:nth-of-type(1):before, .tutos .step:nth-of-type(2) .descr:nth-of-type(1):before {
  content: '2.';
}

/* line 12203, ../scss/app.scss */
.singleTutorial .step:nth-of-type(3) .descr:nth-of-type(1):before, .tutos .step:nth-of-type(3) .descr:nth-of-type(1):before {
  content: '3.';
}

/* line 12206, ../scss/app.scss */
.singleTutorial .step:nth-of-type(4) .descr:nth-of-type(1):before, .tutos .step:nth-of-type(4) .descr:nth-of-type(1):before {
  content: '4.';
}

/* line 12209, ../scss/app.scss */
.singleTutorial .step:nth-of-type(5) .descr:nth-of-type(1):before, .tutos .step:nth-of-type(5) .descr:nth-of-type(1):before {
  content: '5.';
}

/* line 12212, ../scss/app.scss */
.singleTutorial .step:nth-of-type(6) .descr:nth-of-type(1):before, .tutos .step:nth-of-type(6) .descr:nth-of-type(1):before {
  content: '6.';
}

/* line 12215, ../scss/app.scss */
.singleTutorial .step:nth-of-type(7) .descr:nth-of-type(1):before, .tutos .step:nth-of-type(7) .descr:nth-of-type(1):before {
  content: '7.';
}

/* line 12218, ../scss/app.scss */
.singleTutorial .step:nth-of-type(8) .descr:nth-of-type(1):before, .tutos .step:nth-of-type(8) .descr:nth-of-type(1):before {
  content: '8.';
}

/* line 12221, ../scss/app.scss */
.singleTutorial .step:nth-of-type(9) .descr:nth-of-type(1):before, .tutos .step:nth-of-type(9) .descr:nth-of-type(1):before {
  content: '9.';
}

/* line 12224, ../scss/app.scss */
.singleTutorial .step:nth-of-type(10) .descr:nth-of-type(1):before, .tutos .step:nth-of-type(10) .descr:nth-of-type(1):before {
  content: '10.';
}

/* line 12227, ../scss/app.scss */
.tutos {
  background-color: #fff;
  padding-top: 100px;
}

@media only screen and (max-width: 640px) {
  /* line 12231, ../scss/app.scss */
  .tutos {
    padding-top: 35px;
  }
}
/* line 12233, ../scss/app.scss */
.tutos .step {
  margin-bottom: 100px;
}

/* line 12235, ../scss/app.scss */
.tutos .step:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 640px) {
  /* line 12238, ../scss/app.scss */
  .tutos .step {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 12241, ../scss/app.scss */
  .tutos .step:last-child {
    margin-bottom: 0;
  }
}
/* line 12243, ../scss/app.scss */
.tutos .step .article {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  float: none;
  margin-right: -3px;
  text-align: left;
}

/* line 12250, ../scss/app.scss */
.tutos .step .article + .article {
  padding-left: 35px;
}

@media only screen and (max-width: 640px) {
  /* line 12253, ../scss/app.scss */
  .tutos .step .article {
    display: block;
    margin: 0;
  }
}
/* line 12256, ../scss/app.scss */
.tutos .step .article img {
  margin-bottom: 0;
}

@media only screen and (max-width: 640px) {
  /* line 12259, ../scss/app.scss */
  .tutos .step .article img {
    margin-bottom: 20px;
  }
}
/* line 12261, ../scss/app.scss */
.tutos .step .size-medium {
  width: 60%;
}

/* line 12263, ../scss/app.scss */
.tutos .step .size-small {
  width: 40%;
}

@media only screen and (max-width: 640px) {
  /* line 12266, ../scss/app.scss */
  .tutos .step .article {
    width: 100%;
  }
}
/* line 12268, ../scss/app.scss */
.tutos .step .article p {
  width: 100%;
}

/* line 12271, ../scss/app.scss */
.gallery {
  padding-top: 100px;
  padding-bottom: 100px;
}

/* line 12274, ../scss/app.scss */
.slider + .gallery {
  padding-top: 30px;
}

/* line 12277, ../scss/app.scss */
.gallery + .gallery {
  padding-top: 0;
}

@media only screen and (max-width: 1024px) {
  /* line 12280, ../scss/app.scss */
  .slider + .gallery {
    padding-top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 12284, ../scss/app.scss */
  .gallery {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 12288, ../scss/app.scss */
  .gallery {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 12291, ../scss/app.scss */
  .gallery {
    padding-top: 35px !important;
  }
}
/*@media only screen and (max-width: 640px) {
  .gallery .simpleSlider {
    padding: 0 10px; } }*/
@media only screen and (max-width: 768px) {
  /* line 12299, ../scss/app.scss */
  .gallery .simpleSlider .wrapper {
    padding: 0 20px;
  }
}
/* line 12302, ../scss/app.scss */
.gallery .simpleSlider .sliderNavArrow {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

/* line 12309, ../scss/app.scss */
.gallery .simpleSlider .sliderNavArrow li {
  display: block;
  z-index: 10;
}

/* line 12313, ../scss/app.scss */
.gallery .simpleSlider .sliderNavArrow li.prev {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  bottom: initial;
}

@media only screen and (max-width: 640px) {
  /* line 12320, ../scss/app.scss */
  .gallery .simpleSlider .sliderNavArrow li.prev {
    top: 0;
    bottom: initial;
    margin-top: 7%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
/* line 12328, ../scss/app.scss */
.gallery .simpleSlider .sliderNavArrow li.next {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  bottom: initial;
}

@media only screen and (max-width: 640px) {
  /* line 12335, ../scss/app.scss */
  .gallery .simpleSlider .sliderNavArrow li.next {
    bottom: 0;
    top: initial;
    margin-bottom: 7%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
/* line 12343, ../scss/app.scss */
.gallery .simpleSlider .sliderNavArrow .prev a:before, .gallery .simpleSlider .sliderNavArrow .next a:after {
  background-color: #000;
}

/* line 12346, ../scss/app.scss */
.gallery .simpleSlider picture {
  display: block;
}

/* line 12349, ../scss/app.scss */
.gallery .simpleSlider .parallax-wrap {
  position: relative;
  z-index: 1;
}

/* line 12352, ../scss/app.scss */
.gallery .simpleSlider .parallax-wrap:after {
  content: '';
  /*background: #FFFFFF;*/
  width: 100%;
  height: 100%;
  position: absolute;
  top: 25px;
}

/* line 12360, ../scss/app.scss */
.gallery .simpleSlider .content {
  position: relative;
  z-index: 1;
  padding-left: 15px;
}

@media only screen and (max-width: 1024px) {
  /* line 12365, ../scss/app.scss */
  .gallery .simpleSlider .content {
    margin-top: -25px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 12368, ../scss/app.scss */
  .gallery .simpleSlider .content {
    margin-top: 15px;
    padding-left: 0;
  }
}
/* line 12372, ../scss/app.scss */
.gallery .simpleSlider h2 {
  text-transform: uppercase;
  font-size: 34px;
  line-height: 42px;
  letter-spacing: .3em;
}

/* line 12377, ../scss/app.scss */
.gallery .simpleSlider h2:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 640px) {
  /* line 12380, ../scss/app.scss */
  .gallery .simpleSlider h2 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 12385, ../scss/app.scss */
  .topic-landing h1 {
    font-size: 50px;
    line-height: 60px;
  }
}
/* line 12389, ../scss/app.scss */
.topic-landing .edito {
  margin-bottom: 60px;
  margin-top: 60px;
}

@media only screen and (max-width: 1024px) {
  /* line 12393, ../scss/app.scss */
  .topic-landing .edito {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 12396, ../scss/app.scss */
  .topic-landing .edito {
    margin-bottom: 30px;
  }
}
/* line 12399, ../scss/app.scss */
.topic-landing .edito-alt {
  margin-bottom: 0;
}

/* line 12402, ../scss/app.scss */
.topic-landing .gallery, .topic-landing .articles {
  background-color: #fff;
}

/* line 12405, ../scss/app.scss */
.topic-landing .sliderNavArrow li {
  top: 36%;
}

@media only screen and (max-width: 768px) {
  /* line 12409, ../scss/app.scss */
  .topic-landing .product {
    width: 100%;
  }

  /* line 12411, ../scss/app.scss */
  .topic-landing .product > a {
    min-height: 385px;
  }
}
/* line 12414, ../scss/app.scss */
.topic-landing .product .bt-container {
  margin: 10px 0 0 20px;
  width: 50%;
  min-width: 150px;
}

@media only screen and (max-width: 1024px) {
  /* line 12419, ../scss/app.scss */
  .topic-landing .product .bt-container {
    text-align: center;
    width: 150px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 12423, ../scss/app.scss */
  .topic-landing .product .bt-container {
    position: static;
    margin: 0 auto;
    display: block;
  }
}
/* line 12428, ../scss/app.scss */
.behindthescene {
  background: #000;
  padding: 100px 0;
}

@media only screen and (max-width: 1024px) {
  /* line 12432, ../scss/app.scss */
  .behindthescene {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 640px) {
  /* line 12435, ../scss/app.scss */
  .behindthescene {
    padding: 30px 0;
  }
}
/* line 12437, ../scss/app.scss */
.behindthescene .wrapper {
  overflow: hidden;
  zoom: 1;
}

/* line 12440, ../scss/app.scss */
.behindthescene .subtitle:before, .behindthescene .subtitle:after {
  background-color: #FFFFFF;
}

/* line 12442, ../scss/app.scss */
.behindthescene .bg {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

/* line 12447, ../scss/app.scss */
.behindthescene picture {
  display: block;
}

/* line 12449, ../scss/app.scss */
.behindthescene picture img {
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

/* line 12455, ../scss/app.scss */
.behindthescene h2, .behindthescene h3, .behindthescene h4, .behindthescene p {
  color: #FFFFFF;
}

/* line 12457, ../scss/app.scss */
.behindthescene .parallax-wrap {
  position: relative;
  z-index: 1;
  color: #FFFFFF;
}

/* line 12461, ../scss/app.scss */
.behindthescene .parallax-wrap:after {
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 25px;
}

/* line 12468, ../scss/app.scss */
.behindthescene .parallax-wrap h4 {
  position: relative;
  z-index: 1;
  font-size: 34px;
  line-height: 42px;
  letter-spacing: .3em;
  text-transform: uppercase;
  position: relative;
  margin: -20px 0 20px 20px;
  font-weight: 400;
}

@media only screen and (max-width: 640px) {
  /* line 12479, ../scss/app.scss */
  .behindthescene .parallax-wrap h4 {
    font-size: 28px;
    line-height: 34px;
  }
}
/* line 12482, ../scss/app.scss */
.behindthescene .parallax-wrap h4 strong {
  font-weight: 700;
}

/* line 12484, ../scss/app.scss */
.behindthescene .cols {
  position: relative;
  text-align: left;
  z-index: 1;
  padding: 0 20px;
}

/* line 12489, ../scss/app.scss */
.behindthescene .cols:after {
  content: '';
  clear: both;
  display: block;
}

/* line 12493, ../scss/app.scss */
.behindthescene .col {
  color: #fff;
}

@media only screen and (min-width: 1025px) {
  /* line 12496, ../scss/app.scss */
  .behindthescene .col {
    width: 39%;
    display: inline-block;
    vertical-align: top;
  }
}
@media only screen and (min-width: 1281px) {
  /* line 12501, ../scss/app.scss */
  .behindthescene .col {
    width: 49%;
  }
}
/* line 12503, ../scss/app.scss */
.behindthescene .col p {
  line-height: 1.75;
  opacity: 1;
  clear: both;
}

/* line 12507, ../scss/app.scss */
.behindthescene .col .hashtags {
  float: right;
  width: 40%;
  font-size: 12px;
  -webkit-font-smoothing: subpixel-antialiased;
}

@media only screen and (max-width: 640px) {
  /* line 12513, ../scss/app.scss */
  .behindthescene .col .hashtags {
    width: 50%;
    margin-bottom: 20px;
    color: #FFFFFF;
  }
}
/* line 12517, ../scss/app.scss */
.behindthescene .col .hashtags li {
  margin-bottom: 5px;
}

/* line 12519, ../scss/app.scss */
.behindthescene .col .hashtags a {
  color: #fff;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

@media only screen and (max-width: 640px) {
  /* line 12524, ../scss/app.scss */
  .behindthescene .col .hashtags a {
    color: #FFFFFF;
  }
}
/* line 12526, ../scss/app.scss */
.behindthescene .col .hashtags a:hover {
  color: #808080;
}

@media only screen and (min-width: 1025px) {
  /* line 12530, ../scss/app.scss */
  .lp-wrapper {
    padding: 60px 0;
    position: relative;
  }

  /* line 12533, ../scss/app.scss */
  .lp-wrapper:after {
    content: "";
    display: table;
    clear: both;
  }

  /* line 12537, ../scss/app.scss */
  .sidebar {
    float: left;
    width: 300px;
    padding-right: 0;
    position: absolute;
    top: 50px;
    left: 0;
    height: calc(100% - 50px);
    padding-bottom: 0px;
  }

  /* line 12546, ../scss/app.scss */
  .sidebar-content {
    width: 300px;
    height: auto;
    text-align: center;
  }

  /* line 12550, ../scss/app.scss */
  .main-content {
    width: calc(100% - 340px);
    float: right;
    margin: 0 0 0 20px;
    padding-bottom: 200px;
  }

  /* line 12555, ../scss/app.scss */
  .lp-categories {
    margin: 10px 0 30px 0;
    text-align: left;
  }

  /* line 12558, ../scss/app.scss */
  .lp-categories a {
    line-height: 26px;
    display: block;
    color: #b2b2b2;
    position: relative;
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    cursor: pointer;
    font-weight: 600;
  }

  /* line 12567, ../scss/app.scss */
  .lp-categories a:before {
    content: '•';
    position: absolute;
    left: -15px;
    top: 0;
    opacity: 0;
    font-size: 20px;
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }

  /* line 12576, ../scss/app.scss */
  .lp-categories a.selected, .lp-categories a:hover {
    color: #000;
  }

  /* line 12578, ../scss/app.scss */
  .lp-categories a.selected:before {
    opacity: 1;
  }

  /* line 12580, ../scss/app.scss */
  .lp-group {
    padding: 20px 0 40px 0;
  }

  /* line 12582, ../scss/app.scss */
  .widget {
    background: #FFFFFF;
    margin: 40px 0;
    padding: 25px 20px 20px 20px;
    position: relative;
    text-align: left;
  }

  /* line 12588, ../scss/app.scss */
  .widget .tt-widget {
    position: absolute;
    top: -8px;
    left: 20px;
  }

  /* line 12592, ../scss/app.scss */
  .widget .contact-block {
    margin: 10px 0;
  }

  /* line 12594, ../scss/app.scss */
  .widget .contact-block span {
    font-weight: bold;
  }

  /* line 12596, ../scss/app.scss */
  .widget .contact-block ul {
    color: #847155;
  }

  /* line 12598, ../scss/app.scss */
  .widget .widget-content-customer {
    text-align: center;
    padding: 0 10px;
  }

  /* line 12601, ../scss/app.scss */
  .widget .widget-content-customer p {
    margin: 10px 0;
  }

  /* line 12603, ../scss/app.scss */
  .widget .bt-container {
    margin: 15px 0 0 0;
    text-align: center;
    width: 100%;
  }
}
/* line 12608, ../scss/app.scss */
.scrollTopBtn {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}

/* line 12612, ../scss/app.scss */
.scrollTopBtn.default {
  position: relative;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  left: auto !important;
  top: auto !important;
  bottom: auto !important;
}

/* line 12620, ../scss/app.scss */
.scrollTopBtn.scroll {
  position: fixed;
  bottom: auto;
}

/* line 12623, ../scss/app.scss */
.scrollTopBtn.bottom {
  position: absolute;
  top: auto;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  border: none;
}

/* line 12632, ../scss/app.scss */
.scrollTopBtn i {
  width: 30px;
  height: 30px;
  border: 1px solid #a3a2a2;
  display: inline-block;
  border-radius: 50%;
  display: block;
  margin: 0 auto 10px auto;
  cursor: pointer;
}

/* line 12641, ../scss/app.scss */
.scrollTopBtn i i {
  display: none;
}

/* line 12643, ../scss/app.scss */
.scrollTopBtn i:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 15.38462px;
  line-height: 29px;
  display: block;
  text-align: center;
  color: #a3a2a2;
  letter-spacing: 0;
}

/* line 12659, ../scss/app.scss */
.scrollTopBtn i:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  line-height: 26px;
  margin: 0 auto;
  display: block;
}

/* line 12666, ../scss/app.scss */
.scrollTopBtn i:hover {
  background-color: #000;
}

/* line 12668, ../scss/app.scss */
.scrollTopBtn i:hover:before {
  color: #FFFFFF;
}

/* line 12670, ../scss/app.scss */
.scrollTopBtn span {
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #a3a2a2;
  font-weight: 600;
  letter-spacing: .25em;
  font-size: 12px;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  cursor: pointer;
}

/* line 12681, ../scss/app.scss */
.scrollTopBtn:hover i {
  border: 1px solid #FFFFFF;
  background-color: #000;
}

/* line 12684, ../scss/app.scss */
.scrollTopBtn:hover i:before {
  color: #FFFFFF;
}

/* line 12686, ../scss/app.scss */
.scrollTopBtn:hover span {
  color: #000;
}

/* line 12689, ../scss/app.scss */
.lp-group.selected, .lp-intro.selected {
  display: block;
}

/* line 12692, ../scss/app.scss */
.lp-group .faq-content, .lp-intro .faq-content {
  margin-left: 10px;
}

/* line 12695, ../scss/app.scss */
.lp-group .lp-title .tt, .lp-intro .lp-title .tt {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.5;
  margin: 0 0 35px 0;
  text-transform: capitalize;
}

/* line 12703, ../scss/app.scss */
.lp-group .faq-trigger, .lp-intro .faq-trigger {
  line-height: 1.75;
  margin: 15px 0;
  display: block;
  position: relative;
  padding-left: 25px;
  font-size: 14px;
  -webkit-font-smoothing: subpixel-antialiased;
}

/* line 12711, ../scss/app.scss */
.lp-group .faq-trigger:before, .lp-intro .faq-trigger:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  color: #808080;
  position: absolute;
  left: 0;
  top: 4px;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

@media only screen and (min-width: 1025px) {
  /* line 12728, ../scss/app.scss */
  .lp-group .faq-trigger:before, .lp-intro .faq-trigger:before {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (min-width: 1025px) {
  /* line 12732, ../scss/app.scss */
  .lp-group .faq-trigger, .lp-intro .faq-trigger {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }

  /* line 12735, ../scss/app.scss */
  .lp-group .faq-trigger:hover, .lp-intro .faq-trigger:hover {
    color: #000;
  }
}
/* line 12737, ../scss/app.scss */
.lp-group .faq-trigger.selected:before, .lp-intro .faq-trigger.selected:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 12742, ../scss/app.scss */
.lp-group .faq-content, .lp-intro .faq-content {
  height: 0;
  overflow: hidden;
}

/* line 12745, ../scss/app.scss */
.lp-group .faq-content p, .lp-intro .faq-content p {
  margin: 20px 0 40px 40px;
}

/* line 12748, ../scss/app.scss */
.lp-group p, .lp-intro p {
  font-size: 14px;
  text-align: justify;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1.65;
  font-weight: 400;
}

@media only screen and (max-width: 768px) {
  /* line 12755, ../scss/app.scss */
  .lp-group p, .lp-intro p {
    word-wrap: break-word;
  }
}
/* line 12758, ../scss/app.scss */
.lp-filters {
  display: none;
}

@media only screen and (max-width: 1280px) {
  /* line 12762, ../scss/app.scss */
  .widget {
    margin: 20px 0;
    padding: 20px 15px 30px 15px;
  }

  /* line 12765, ../scss/app.scss */
  .scrollTopBtn {
    margin: 0;
  }

  /* line 12767, ../scss/app.scss */
  .lp-categories {
    margin: 10px 0 35px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 12771, ../scss/app.scss */
  .lp .tt-page {
    font-size: 20px;
  }

  /* line 12773, ../scss/app.scss */
  .lp .page-header {
    padding-left: 0;
    padding-right: 0;
  }

  /* line 12776, ../scss/app.scss */
  .lp-sidebar {
    display: none;
  }

  /* line 12778, ../scss/app.scss */
  .lp-filter {
    display: block;
  }

  /* line 12780, ../scss/app.scss */
  .lp-items {
    padding: 0 20px;
    margin: 78px 0;
  }

  /* line 12783, ../scss/app.scss */
  .lp-title {
    margin: 30px 0 0 0;
  }

  /* line 12785, ../scss/app.scss */
  .lp-group .faq-trigger {
    position: relative;
    padding-left: 25px;
  }

  /* line 12788, ../scss/app.scss */
  .lp-group .faq-trigger:before {
    font-size: 17px;
    color: #b2b2b2;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 5px;
  }

  /* line 12795, ../scss/app.scss */
  .lp-group li:not(.lp-title) {
    margin: 30px 0 15px 0;
  }

  /* line 12797, ../scss/app.scss */
  .lp-filters {
    display: block;
    background: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0;
    overflow: hidden;
    font-size: 18px;
    letter-spacing: .3em;
    text-align: center;
    position: absolute;
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    width: 100%;
  }

  /* line 12810, ../scss/app.scss */
  .lp-filters.sticky {
    position: fixed;
    top: 55px;
    width: 100%;
    background: #FFFFFF;
    z-index: 99;
  }

  /* line 12816, ../scss/app.scss */
  .lp-filters .tt-3, .lp-filters .tt-cart-head {
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: .15em;
  }

  /* line 12820, ../scss/app.scss */
  .lp-filters .expandDown {
    width: 26px;
    height: 26px;
    border: 1px solid #CCCCCC;
    display: inline-block;
    border-radius: 50%;
    display: inline-block;
    position: relative;
  }

  /* line 12828, ../scss/app.scss */
  .lp-filters .expandDown i {
    display: none;
  }

  /* line 12830, ../scss/app.scss */
  .lp-filters .expandDown:before {
    content: "";
    font-family: "icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    font-size: 13.33333px;
    line-height: 25px;
    display: block;
    text-align: center;
    color: #000;
    letter-spacing: 0;
  }

  /* line 12846, ../scss/app.scss */
  .lp-filters select {
    background: transparent;
    cursor: pointer;
    padding: 0;
    width: 100%;
    border: 0;
    outline: 0;
    width: 180%;
    position: relative;
    position: absolute;
    opacity: 0;
  }

  /* line 12857, ../scss/app.scss */
  .lp-filters i {
    width: 25px;
    height: 25px;
    border: 1px solid #CCCCCC;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    z-index: 9;
    top: 10px;
  }

  /* line 12866, ../scss/app.scss */
  .lp-filters i i {
    display: none;
  }

  /* line 12868, ../scss/app.scss */
  .lp-filters i:before {
    content: "";
    font-family: "icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    font-size: 12.82051px;
    line-height: 24px;
    display: block;
    text-align: center;
    color: #000;
    letter-spacing: 0;
  }

  /* line 12884, ../scss/app.scss */
  .faq-trigger, .lpFilterName {
    font-weight: 600;
  }

  /* line 12886, ../scss/app.scss */
  .lp-group .faq-trigger {
    margin: 0;
  }

  /* line 12888, ../scss/app.scss */
  .lp-filters .lpFilterName {
    font-size: 14px;
  }

  /* line 12890, ../scss/app.scss */
  .lp-group .faq-content p, .lp-intro .faq-content p {
    margin: 10px 0 0 10px;
    font-weight: 300;
  }
}
/* line 12894, ../scss/app.scss */
.shopping-cart .cols:after {
  content: "";
  display: table;
  clear: both;
}

/* line 12899, ../scss/app.scss */
.col-pic {
  float: left;
  width: 16.66667%;
}

/* line 12903, ../scss/app.scss */
.col-desc {
  float: left;
  width: 25%;
}

/* line 12907, ../scss/app.scss */
.col-price {
  float: left;
  width: 16.66667%;
}

/* line 12911, ../scss/app.scss */
.col-quantity {
  float: left;
  width: 25%;
}

/* line 12915, ../scss/app.scss */
.col-subtotal {
  float: left;
  width: 16.66667%;
}

/* line 12919, ../scss/app.scss */
[class^="tt-cart-"] {
  text-transform: uppercase;
  letter-spacing: .3em;
  color: #000;
}

/* line 12924, ../scss/app.scss */
.tt-cart-head {
  font-size: 28px;
  text-transform: uppercase;
  letter-spacing: .3em;
  line-height: 32px;
}

/* line 12930, ../scss/app.scss */
.tt-cart-list {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .20em;
}

/* line 12935, ../scss/app.scss */
.tt-cart-list sup {
  font-size: 0.55em;
  letter-spacing: 0;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 10px;
  line-height: 1.25;
  text-indent: -5px;
}

/* line 12944, ../scss/app.scss */
.pdt-desc {
  text-transform: uppercase;
  letter-spacing: .10em;
  display: block;
  font-weight: 600;
  font-size: 12px;
}

/* line 12951, ../scss/app.scss */
.cart-intro p, .cart-intro span, .cart-form p, .cart-form span {
  color: #646464;
}

/* line 12954, ../scss/app.scss */
.cart-intro .tt-cart-list, .cart-form .tt-cart-list {
  color: #000;
}

/* line 12957, ../scss/app.scss */
.cart-intro .pdt-desc, .cart-form .pdt-desc {
  color: #b2b2b2;
}

/* line 12960, ../scss/app.scss */
.cart-intro {
  position: relative;
  border-bottom: 1px solid #CCCCCC;
}

/* line 12964, ../scss/app.scss */
.cart-store-locator {
  padding: 30px 0;
  text-align: center;
  text-align: center;
}

@media only screen and (min-width: 1025px) {
  /* line 12970, ../scss/app.scss */
  .cart-intro {
    padding: 15px 0 30px 0;
  }
}
@media only screen and (min-width: 1281px) {
  /* line 12974, ../scss/app.scss */
  .cart-intro {
    padding: 15px 0 60px 0;
  }

  /* line 12976, ../scss/app.scss */
  .cart-store-locator {
    padding: 50px 0 0 0;
  }
}
/* line 12979, ../scss/app.scss */
.cart-resellers {
  border-bottom: 1px solid #CCCCCC;
}

/* line 12981, ../scss/app.scss */
.cart-resellers:after {
  content: "";
  display: table;
  clear: both;
}

/* line 12985, ../scss/app.scss */
.cart-resellers li {
  float: left;
  width: 16.66667%;
  padding: 30px 0;
  opacity: 0.45;
  margin-right: 15px;
  text-align: center;
  position: relative;
  height: 120px;
}

/* line 12994, ../scss/app.scss */
.cart-resellers li img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  max-height: 45px;
  max-width: 145px;
}

/* line 13000, ../scss/app.scss */
.cart-resellers li i {
  display: block;
  background: #FFFFFF;
  width: 42px;
  height: 25px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -11px;
  margin: auto;
  z-index: 97;
  display: none;
}

/* line 13012, ../scss/app.scss */
.cart-resellers li i:before, .cart-resellers li i:after {
  content: "";
  background: #bfbfbf;
  height: 1px;
  width: 29px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 13023, ../scss/app.scss */
.cart-resellers li i:before {
  left: -4px;
}

/* line 13025, ../scss/app.scss */
.cart-resellers li i:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: -4px;
  left: auto;
}

/* line 13031, ../scss/app.scss */
.cart-resellers li.current {
  opacity: 1;
}

/* line 13033, ../scss/app.scss */
.cart-resellers li.current img {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);
}

/* line 13037, ../scss/app.scss */
.cart-resellers li.current i {
  display: block;
}

/* line 13039, ../scss/app.scss */
.cart-resellers .reseller-img {
  height: 35px;
}

/* line 13041, ../scss/app.scss */
.cart-resellers .reseller-name {
  display: none;
}

/* line 13043, ../scss/app.scss */
.cart-resellers .reseller-count {
  display: block;
  color: #000;
  font-weight: 700;
  padding: 10px 0 0 0;
}

/* line 13049, ../scss/app.scss */
.store-filter {
  display: none;
  width: 100%;
  position: relative;
  background: #b2b2b2;
  padding: 10px;
  overflow: hidden;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: .3em;
}

/* line 13059, ../scss/app.scss */
.store-filter select {
  background: transparent;
  cursor: pointer;
  padding: 0;
  width: 100%;
  border: 0;
  outline: 0;
  width: 180%;
  position: relative;
  color: #FFFFFF;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: .15em;
}

/* line 13072, ../scss/app.scss */
.store-filter i {
  width: 18px;
  height: 18px;
  border: 1px solid #FFFFFF;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  z-index: 9;
  top: 13px;
  right: 18px;
}

/* line 13082, ../scss/app.scss */
.store-filter i i {
  display: none;
}

/* line 13084, ../scss/app.scss */
.store-filter i:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 9.23077px;
  line-height: 17px;
  display: block;
  text-align: center;
  color: #FFFFFF;
  letter-spacing: 0;
}

/* line 13101, ../scss/app.scss */
.quantity-label {
  display: none;
}

/* line 13104, ../scss/app.scss */
.cart-form .quantity-label {
  text-transform: none;
  font-size: 20px;
  color: #000;
}

/* line 13109, ../scss/app.scss */
.cart-form .quantity-count {
  color: #000;
}

/* line 13112, ../scss/app.scss */
.cart-head {
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
}

/* line 13115, ../scss/app.scss */
.cart-head:after {
  content: "";
  display: table;
  clear: both;
}

/* line 13119, ../scss/app.scss */
.cart-head span {
  display: block;
  padding: 40px 0;
}

/* line 13123, ../scss/app.scss */
.cart-list:after {
  content: "";
  display: table;
  clear: both;
}

/* line 13128, ../scss/app.scss */
.cart-list .item {
  padding: 30px 0;
  border-bottom: 1px solid #CCCCCC;
  position: relative;
}

/* line 13132, ../scss/app.scss */
.cart-list .item:after {
  content: "";
  display: table;
  clear: both;
}

/* line 13137, ../scss/app.scss */
.cart-list .col-desc {
  padding: 20px 0 0 0;
}

/* line 13140, ../scss/app.scss */
.cart-list .action {
  position: absolute;
  right: 0;
  border: 0;
  background: transparent;
  outline: 0;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .15em;
}

/* line 13150, ../scss/app.scss */
.cart-list .action span {
  color: #4d4d4d;
}

/* line 13152, ../scss/app.scss */
.cart-list .action.remove-item {
  top: 15px;
  cursor: pointer;
}

/* line 13155, ../scss/app.scss */
.cart-list .action.remove-item:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 14px;
  color: #646464;
}

/* line 13167, ../scss/app.scss */
.cart-list .action.save-item {
  bottom: 15px;
  top: auto;
}

/* line 13171, ../scss/app.scss */
.cart-list .action {
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0.3;
}

@media only screen and (min-width: 1025px) {
  /* line 13176, ../scss/app.scss */
  .cart-list .action:hover {
    opacity: 1;
  }
}
/* line 13179, ../scss/app.scss */
.cart-list .expandDown {
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #CCCCCC;
  display: inline-block;
  border-radius: 50%;
  margin-left: 5px;
}

/* line 13187, ../scss/app.scss */
.cart-list .expandDown i {
  display: none;
}

/* line 13189, ../scss/app.scss */
.cart-list .expandDown:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 10.25641px;
  line-height: 19px;
  display: block;
  text-align: center;
  color: #999999;
  letter-spacing: 0;
}

/* line 13206, ../scss/app.scss */
.cart-list .col-price, .cart-list .col-quantity, .cart-list .col-subtotal {
  text-align: center;
  padding-top: 40px;
}

/* line 13210, ../scss/app.scss */
.cart-list .out-of-stock .tt-cart-list {
  color: #D91E18;
}

/* line 13213, ../scss/app.scss */
.cart-total {
  padding: 40px 0;
}

/* line 13215, ../scss/app.scss */
.cart-total:after {
  content: "";
  display: table;
  clear: both;
}

/* line 13219, ../scss/app.scss */
.cart-total .tt-total {
  font-size: 22px;
  font-weight: 400;
}

/* line 13222, ../scss/app.scss */
.cart-total .bt-container {
  margin: 30px 0 15px 0;
  float: right;
  text-align: right;
  margin-right: -7.5px;
}

/* line 13227, ../scss/app.scss */
.cart-total .bt-container [class^="cta-"] {
  margin: 0 7.5px;
}

/* line 13229, ../scss/app.scss */
.cart-total .tt-cart-list {
  font-weight: 300;
  line-height: 1.75;
}

/* line 13232, ../scss/app.scss */
.cart-total .tt-cart-list strong {
  font-weight: 700;
}

/* line 13235, ../scss/app.scss */
.reseller-wrapper {
  display: none;
}

/* line 13237, ../scss/app.scss */
.reseller-wrapper.active {
  display: block;
}

@media only screen and (max-width: 1024px) {
  /* line 13241, ../scss/app.scss */
  .col-pic {
    float: left;
    width: 33.33333%;
  }

  /* line 13244, ../scss/app.scss */
  .col-pic img {
    max-width: 100%;
  }

  /* line 13246, ../scss/app.scss */
  .col-desc {
    float: left;
    width: 66.66667%;
  }

  /* line 13249, ../scss/app.scss */
  .col-subtotal, .col-quantity {
    float: left;
    width: 50%;
  }

  /* line 13252, ../scss/app.scss */
  .cart-list .col-subtotal {
    text-align: right;
    padding-right: 20px;
  }

  /* line 13255, ../scss/app.scss */
  .cart-list .col-quantity {
    text-align: left;
    padding-left: 20px;
  }

  /* line 13258, ../scss/app.scss */
  .col-quantity {
    clear: both;
  }

  /* line 13260, ../scss/app.scss */
  .col-quantity.out-of-stock {
    width: 100%;
    padding: 15px 0 0 0;
    text-align: center;
  }

  /* line 13264, ../scss/app.scss */
  .col-price {
    display: none;
  }

  /* line 13266, ../scss/app.scss */
  .cart-resellers {
    display: none;
  }

  /* line 13268, ../scss/app.scss */
  .store-filter {
    display: block;
  }

  /* line 13270, ../scss/app.scss */
  .cart-head {
    display: none;
  }

  /* line 13272, ../scss/app.scss */
  .tt-cart-head {
    font-size: 21px;
    line-height: 1.2;
  }

  /* line 13275, ../scss/app.scss */
  .cart-intro p, .cart-intro span, .cart-form p, .cart-form span {
    font-size: 11px;
  }

  /* line 13277, ../scss/app.scss */
  .cart-intro .tt-cart-list, .cart-form .tt-cart-list {
    font-size: 18px;
  }

  /* line 13279, ../scss/app.scss */
  .cart-intro p br {
    display: none;
  }

  /* line 13281, ../scss/app.scss */
  .shopping-cart .wrapper-fluid {
    background: transparent;
    padding: 15px 20px;
  }

  /* line 13284, ../scss/app.scss */
  .quantity-label {
    display: inline-block;
    padding-right: 12px;
  }

  /* line 13287, ../scss/app.scss */
  .cart-list .item {
    background: #FFFFFF;
  }

  /* line 13289, ../scss/app.scss */
  .cart-list .action.remove-item {
    top: 10px;
    right: 5px;
    cursor: pointer;
  }

  /* line 13293, ../scss/app.scss */
  .cart-list .action.remove-item:before {
    content: "";
    font-family: "icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    font-size: 20px;
  }

  /* line 13304, ../scss/app.scss */
  .cart-list .action.save-item {
    top: 10px;
    right: 40px;
    bottom: auto;
  }

  /* line 13308, ../scss/app.scss */
  .cart-list .action.save-item span {
    font-size: 15px;
    font-weight: bold;
  }

  /* line 13311, ../scss/app.scss */
  .cart-total {
    text-align: center;
    padding: 30px 0 0 0;
  }

  /* line 13314, ../scss/app.scss */
  .cart-total .tt-cart-list {
    text-align: center;
    display: block;
    padding: 5px 0 10px 0;
  }

  /* line 13318, ../scss/app.scss */
  .cart-total .tt-total {
    padding: 15px 0;
  }

  /* line 13320, ../scss/app.scss */
  .cart-total .bt-container {
    text-align: center;
    width: 100%;
    margin: 20px 0 0 0;
  }

  /* line 13324, ../scss/app.scss */
  .cart-total .bt-container [class^="cta-"] {
    width: 80%;
    margin: 0 0 30px 0;
    font-size: 9px;
  }

  /* line 13328, ../scss/app.scss */
  .cart-store-locator {
    padding: 5px 0 40px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #CCCCCC;
  }

  /* line 13332, ../scss/app.scss */
  .cart-store-locator [class^="cta-"] {
    font-size: 9px;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 13336, ../scss/app.scss */
  .cart-intro .col:nth-of-type(1) {
    float: left;
    width: 66.66667%;
  }

  /* line 13339, ../scss/app.scss */
  .cart-intro .col:nth-of-type(2) {
    float: left;
    width: 33.33333%;
  }

  /* line 13342, ../scss/app.scss */
  .cart-total .col:nth-of-type(1) {
    float: left;
    width: 83.33333%;
  }

  /* line 13345, ../scss/app.scss */
  .cart-total .col:nth-of-type(2) {
    float: left;
    width: 16.66667%;
  }
}
/* line 13349, ../scss/app.scss */
.all-products2 {
  color: red;
}

/* line 13351, ../scss/app.scss */
.all-products2 nav {
  display: none;
}

/* line 13353, ../scss/app.scss */
.all-products2 nav.visible {
  display: inline-block;
  position: absolute;
  margin-top: 12px;
  top: 0px;
}

@media only screen and (max-width: 1024px) {
  /* line 13359, ../scss/app.scss */
  .all-products2 nav.visible {
    right: 0;
  }
}
/* line 13362, ../scss/app.scss */
.error404 .wrapper {
  padding: 0;
}

/* line 13365, ../scss/app.scss */
.error404 .content {
  padding: 140px 0;
  text-align: center;
}

/* line 13369, ../scss/app.scss */
.error404 .bt-container {
  margin: 15px 0;
  padding: 0;
  text-transform: uppercase;
  width: auto;
}

/* line 13375, ../scss/app.scss */
.error404 .tt-3, .error404 .tt-cart-head, .error404 .tt-4 {
  text-transform: uppercase;
  letter-spacing: .3em;
  font-weight: 300;
  margin: 0 0 40px 0;
}

/* line 13381, ../scss/app.scss */
.error404 .tt-3, .error404 .tt-cart-head {
  font-size: 26px;
  margin-bottom: 30px;
}

/* line 13385, ../scss/app.scss */
.error404 .tt-4 {
  line-height: 1.75;
}

/* line 13388, ../scss/app.scss */
.error404 .bt-container {
  text-align: center;
  min-width: 190px;
}

/* line 13391, ../scss/app.scss */
.error404 .bt-container [class^="cta-"] {
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  /* line 13395, ../scss/app.scss */
  .error404 .content {
    padding: 50px 10px;
  }

  /* line 13397, ../scss/app.scss */
  .error404 .content br {
    display: none;
  }

  /* line 13399, ../scss/app.scss */
  .error404 .tt-3, .error404 .tt-cart-head {
    font-size: 16px;
  }

  /* line 13401, ../scss/app.scss */
  .error404 .tt-4 {
    font-size: 14px;
    margin-bottom: 20px;
    letter-spacing: .15em;
  }
}
/* line 13406, ../scss/app.scss */
.slider {
  position: relative;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  max-width: 1180px;
}

/* line 13412, ../scss/app.scss */
.slider .wrapper {
  overflow: hidden;
}

/* line 13414, ../scss/app.scss */
.slider .sliderContent {
  width: 300%;
  background-color: #000;
}

/* line 13417, ../scss/app.scss */
.slider .panel {
  float: left;
  width: 33.333333%;
  position: relative;
}

/* line 13421, ../scss/app.scss */
.slider .content {
  width: 50%;
  text-align: left;
}

@media only screen and (max-width: 1280px) {
  /* line 13425, ../scss/app.scss */
  .slider .content {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  /* line 13428, ../scss/app.scss */
  .slider .content {
    width: 100%;
  }
}
/* line 13430, ../scss/app.scss */
.slider .panel .wrapper img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 13434, ../scss/app.scss */
.slider .panel .wrapper img.desktop-size {
  display: block;
}

@media only screen and (max-width: 768px) {
  /* line 13437, ../scss/app.scss */
  .slider .panel .wrapper img.desktop-size {
    display: none;
  }
}
/* line 13439, ../scss/app.scss */
.slider .panel .wrapper img.smartphone-size {
  display: none;
}

@media only screen and (max-width: 768px) {
  /* line 13442, ../scss/app.scss */
  .slider .panel .wrapper img.smartphone-size {
    display: block;
  }
}
/* line 13444, ../scss/app.scss */
.slider h2, .slider .content p, .slider .subtitle {
  color: #fff;
}

/* line 13446, ../scss/app.scss */
.slider .subtitle {
  margin-bottom: 40px;
  display: inline-block;
}

@media only screen and (max-width: 1680px) {
  /* line 13450, ../scss/app.scss */
  .slider .subtitle {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 13453, ../scss/app.scss */
  .slider .subtitle {
    margin-bottom: 20px;
  }
}
/* line 13455, ../scss/app.scss */
.slider .subtitle:before, .slider .subtitle:after {
  background-color: #fff;
}

/* line 13457, ../scss/app.scss */
.slider h2 {
  text-transform: uppercase;
  font-weight: 100;
}

/* line 13460, ../scss/app.scss */
.slider h2 strong {
  font-weight: 700;
}

/* line 13462, ../scss/app.scss */
.slider h2 span {
  font-size: 30px;
  line-height: 40px;
  display: block;
}

@media only screen and (max-width: 1024px) {
  /* line 13467, ../scss/app.scss */
  .slider h2 span {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
  }
}
/* line 13471, ../scss/app.scss */
.slider p {
  font-weight: 500;
  line-height: 24px;
  opacity: .80;
}

@media only screen and (max-width: 1024px) {
  /* line 13476, ../scss/app.scss */
  .slider p {
    line-height: 22px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 1401px) {
  /* line 13480, ../scss/app.scss */
  .slider p {
    max-width: 600px;
  }
}
/* line 13483, ../scss/app.scss */
.slider .panel.alt p, .slider .panel.alt h2, .slider .panel.alt .subtitle {
  color: #000;
}

/* line 13486, ../scss/app.scss */
.slider .panel.alt .subtitle:before, .slider .panel.alt .subtitle:after {
  background-color: #000;
}

/* line 13489, ../scss/app.scss */
.sliderHome .panel.alt p:before {
  background-color: #000;
}

/* line 13492, ../scss/app.scss */
.sliderHome .panel.alt .btn-sliderHome, .sliderHome .panel.alt .btn-sliderHome-mobile {
  color: #FFFFFF;
  background-color: #000;
}

/* line 13495, ../scss/app.scss */
.sliderHome .panel.alt .btn-sliderHome:hover, .sliderHome .panel.alt .btn-sliderHome-mobile:hover {
  background-color: #FFFFFF;
  color: #000;
}

/* line 13499, ../scss/app.scss */
.sliderNavItems {
  position: relative;
}

/* line 13501, ../scss/app.scss */
.sliderNavItems li {
  display: inline-block;
  white-space: nowrap;
}

/* line 13504, ../scss/app.scss */
.sliderNavItems a {
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  color: #000;
  display: block;
  height: 140px;
  padding-left: 140px;
  line-height: 13px;
  font-size: 13px;
  letter-spacing: .05em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

@media only screen and (min-width: 1025px) {
  /* line 13519, ../scss/app.scss */
  .sliderNavItems a {
    -webkit-transition: opacity 300ms false;
    transition: opacity 300ms;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 13523, ../scss/app.scss */
  .sliderNavItems a {
    height: 95px;
    padding-left: 110px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 13527, ../scss/app.scss */
  .sliderNavItems a {
    text-indent: -9999px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 13530, ../scss/app.scss */
  .sliderNavItems a {
    font-size: 12px;
    line-height: 12px;
    text-indent: -9999px;
    padding-left: 0;
    height: 60px;
    width: 70px;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 13538, ../scss/app.scss */
  .sliderNavItems a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
/* line 13541, ../scss/app.scss */
.sliderNavItems a span {
  color: #847155;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .3em;
  display: block;
  margin-top: 60px;
}

@media only screen and (max-width: 1280px) {
  /* line 13549, ../scss/app.scss */
  .sliderNavItems a span {
    margin-top: 35px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 13552, ../scss/app.scss */
  .sliderNavItems a span {
    margin-top: 40px;
    display: none;
  }
}
/* line 13555, ../scss/app.scss */
.sliderNavItems a span:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 2px;
  background-color: #847155;
  vertical-align: middle;
  margin-right: 10px;
}

/* line 13563, ../scss/app.scss */
.sliderNavItems a:before {
  content: '01';
  position: absolute;
  left: 40px;
  font-size: 66px;
  font-weight: 800;
  line-height: 140px;
  letter-spacing: .05em;
  height: 140px;
}

@media only screen and (max-width: 1280px) {
  /* line 13573, ../scss/app.scss */
  .sliderNavItems a:before {
    height: 90px;
    line-height: 90px;
    left: 30px;
    font-size: 54px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 13579, ../scss/app.scss */
  .sliderNavItems a:before {
    text-indent: 0;
  }
}
@media only screen and (max-width: 768px) {
  /* line 13582, ../scss/app.scss */
  .sliderNavItems a:before {
    height: 60px;
    line-height: 60px;
    text-indent: 0;
    left: 10px;
    font-size: 36px;
  }
}
/* line 13588, ../scss/app.scss */
.sliderNavItems li:nth-of-type(2) a:before {
  content: '02';
}

/* line 13590, ../scss/app.scss */
.sliderNavItems li:nth-of-type(3) a:before {
  content: '03';
}

/* line 13592, ../scss/app.scss */
.sliderNavItems li:nth-of-type(4) a:before {
  content: '04';
}

/* line 13594, ../scss/app.scss */
.sliderNavItems li:nth-of-type(5) a:before {
  content: '05';
}

/* line 13596, ../scss/app.scss */
.sliderNavItems li:nth-of-type(6) a:before {
  content: '06';
}

/* line 13598, ../scss/app.scss */
.sliderNavItems .current a {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 13601, ../scss/app.scss */
.sliderNavItems .cursor {
  height: 10px;
  width: 35px;
  background-color: #000;
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 50px;
}

@media only screen and (max-width: 640px) {
  /* line 13610, ../scss/app.scss */
  .sliderNavItems .cursor {
    left: 20px;
  }
}
/* line 13613, ../scss/app.scss */
.sliderNavArrow li {
  position: absolute;
  top: 200px;
  display: none;
  max-width: 45%;
}

/* line 13619, ../scss/app.scss */
.sliderNavArrow a {
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  position: relative;
  -webkit-transition: padding 800ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: padding 800ms cubic-bezier(0.19, 1, 0.22, 1);
}

@media only screen and (max-width: 768px) {
  /* line 13627, ../scss/app.scss */
  .sliderNavArrow a {
    position: relative;
    text-shadow: 0 0 1px white, 0 0 1px white, 0 0 1px white;
  }
}
/* line 13631, ../scss/app.scss */
.sliderNavArrow .prev a:before, .sliderNavArrow .next a:after {
  content: '';
  width: 60px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  -webkit-transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1);
}

@media only screen and (max-width: 1024px) {
  /* line 13641, ../scss/app.scss */
  .sliderNavArrow .prev a:before, .sliderNavArrow .next a:after {
    width: 40px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 13644, ../scss/app.scss */
  .sliderNavArrow .prev a:before, .sliderNavArrow .next a:after {
    width: 30px;
    display: block;
    position: absolute;
    bottom: -5px;
  }
}
/* line 13650, ../scss/app.scss */
.sliderNavArrow .prev span,
.sliderNavArrow .next span {
  display: inline-block;
}

/* line 13654, ../scss/app.scss */
.sliderNavArrow .prev {
  left: 20px;
}

@media only screen and (max-width: 768px) {
  /* line 13657, ../scss/app.scss */
  .sliderNavArrow .prev {
    left: 0;
  }
}
/* line 13659, ../scss/app.scss */
.sliderNavArrow .prev a {
  padding-left: 70px;
}

@media only screen and (max-width: 1024px) {
  /* line 13662, ../scss/app.scss */
  .sliderNavArrow .prev a {
    padding-left: 50px;
    padding-right: 50px;
  }
}
/* line 13665, ../scss/app.scss */
.sliderNavArrow .prev a:before {
  left: 0;
}

/* line 13667, ../scss/app.scss */
.sliderNavArrow .prev:hover a {
  padding-left: 50px;
  padding-right: 20px;
}

@media only screen and (max-width: 1024px) {
  /* line 13671, ../scss/app.scss */
  .sliderNavArrow .prev:hover a {
    padding-left: 30px;
    padding-right: 70px;
  }
}
/* line 13674, ../scss/app.scss */
.sliderNavArrow .prev:hover a:before {
  width: 40px;
}

@media only screen and (max-width: 1024px) {
  /* line 13677, ../scss/app.scss */
  .sliderNavArrow .prev:hover a:before {
    width: 20px;
  }
}
/* line 13680, ../scss/app.scss */
.sliderNavArrow .next {
  right: 20px;
  text-align: right;
}

@media only screen and (max-width: 768px) {
  /* line 13684, ../scss/app.scss */
  .sliderNavArrow .next {
    right: 0;
  }
}
/* line 13686, ../scss/app.scss */
.sliderNavArrow .next a {
  padding-right: 70px;
}

@media only screen and (max-width: 1024px) {
  /* line 13689, ../scss/app.scss */
  .sliderNavArrow .next a {
    padding-left: 50px;
    padding-right: 50px;
  }
}
/* line 13692, ../scss/app.scss */
.sliderNavArrow .next a:after {
  right: 0;
}

/* line 13694, ../scss/app.scss */
.sliderNavArrow .next:hover a {
  padding-left: 20px;
  padding-right: 50px;
}

@media only screen and (max-width: 1024px) {
  /* line 13698, ../scss/app.scss */
  .sliderNavArrow .next:hover a {
    padding-left: 70px;
    padding-right: 30px;
  }
}
/* line 13701, ../scss/app.scss */
.sliderNavArrow .next:hover a:after {
  width: 40px;
}

@media only screen and (max-width: 1024px) {
  /* line 13704, ../scss/app.scss */
  .sliderNavArrow .next:hover a:after {
    width: 20px;
  }
}
/* line 13707, ../scss/app.scss */
.sliderNav, .sliderMobile {
  max-width: 100%;
}

/* line 13709, ../scss/app.scss */
.sliderNav .wrapper, .sliderMobile .wrapper {
  max-width: 1480px;
  padding: 0 200px;
}

@media only screen and (max-width: 1024px) {
  /* line 13713, ../scss/app.scss */
  .sliderNav .wrapper, .sliderMobile .wrapper {
    padding: 0 170px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 13716, ../scss/app.scss */
  .sliderNav .wrapper, .sliderMobile .wrapper {
    padding: 0 0;
  }
}
/* line 13718, ../scss/app.scss */
.sliderNav .content, .sliderMobile .content {
  margin: -25px 0 0 20px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  /* line 13722, ../scss/app.scss */
  .sliderNav .content, .sliderMobile .content {
    margin: -25px auto 0 auto;
  }

  /* line 13724, ../scss/app.scss */
  .sliderNav .content .bt-container, .sliderMobile .content .bt-container {
    position: relative;
    text-align: center;
    margin: 40px 0 30px 0;
  }
}
/* line 13728, ../scss/app.scss */
.sliderNav h2, .sliderMobile h2 {
  letter-spacing: .3em;
  font-size: 34px;
  line-height: 38px;
}

@media only screen and (max-width: 768px) {
  /* line 13733, ../scss/app.scss */
  .sliderNav h2, .sliderMobile h2 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 13737, ../scss/app.scss */
  .sliderNav h2, .sliderMobile h2 {
    font-size: 20px;
    line-height: 24px;
  }
}
/* line 13740, ../scss/app.scss */
.sliderNav h2:before, .sliderMobile h2:before {
  content: '';
  width: 10px;
  height: 2px;
  margin-bottom: 10px;
  background-color: #fff;
  display: block;
}

/* line 13747, ../scss/app.scss */
.sliderNav .bg, .sliderMobile .bg {
  position: relative;
  height: inherit;
  display: block;
}

/* line 13751, ../scss/app.scss */
.sliderNav .content, .sliderMobile .content {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 600ms false;
  transition: opacity 600ms;
}

/* line 13756, ../scss/app.scss */
.sliderNav .current .content, .sliderMobile .current .content {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 13760, ../scss/app.scss */
.sliderTabs {
  padding: 40px 40px 0;
  background-color: #fff;
}

@media only screen and (max-width: 1280px) {
  /* line 13764, ../scss/app.scss */
  .sliderTabs {
    padding: 30px 30px 0;
  }
}
@media only screen and (max-width: 640px) {
  /* line 13767, ../scss/app.scss */
  .sliderTabs {
    padding: 15px 15px 0;
  }
}
/* line 13769, ../scss/app.scss */
.sliderTabs .wrapper {
  max-width: 100%;
}

/* line 13771, ../scss/app.scss */
.sliderTabs .sliderContent {
  width: 100%;
  position: relative;
}

/* line 13774, ../scss/app.scss */
.sliderTabs .sliderContent, .sliderTabs .panel, .sliderTabs .content {
  height: 530px;
}

@media only screen and (max-width: 1280px) {
  /* line 13777, ../scss/app.scss */
  .sliderTabs .sliderContent, .sliderTabs .panel, .sliderTabs .content {
    height: 380px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 13780, ../scss/app.scss */
  .sliderTabs .sliderContent, .sliderTabs .panel, .sliderTabs .content {
    height: 450px;
  }
}
/* line 13782, ../scss/app.scss */
.sliderTabs .panel {
  width: 100%;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  padding-left: 10%;
  padding-right: 50%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 600ms ease;
  transition: opacity 600ms ease;
}

@media only screen and (max-width: 640px) {
  /* line 13795, ../scss/app.scss */
  .sliderTabs .panel {
    padding-right: 5%;
    padding-left: 5%;
  }
}
/* line 13798, ../scss/app.scss */
.sliderTabs .panel.current {
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 13802, ../scss/app.scss */
.sliderTabs .content {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  /* line 13810, ../scss/app.scss */
  .sliderTabs .content {
    max-width: 400px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 13813, ../scss/app.scss */
  .sliderTabs .content {
    max-width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 13816, ../scss/app.scss */
  .sliderTabs .content {
    vertical-align: top;
    padding-top: 30px;
  }
}
/* line 13819, ../scss/app.scss */
.sliderTabs .img {
  position: absolute;
}

/*.sliderTabs .more {
  position: absolute;
  right: 10%;
  top: 36.5%;
  border: 0;
  background-color: #fff;
  color: #000;
  text-align: center;
  padding: 0;
  width: 60px;
  height: 60px;
  line-height: 81px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75); }
  @media only screen and (max-width: 640px) {
    .sliderTabs .more {
      line-height: 74px; } }*/
/* line 13841, ../scss/app.scss */
.sliderTabs .more .icon--more-details {
  background: url(/assets/img/more-details.svg) no-repeat;
  background-position: 0 0;
  width: 26px;
  height: 26px;
  display: inline-block;
  background-size: 26px;
}

@media only screen and (max-width: 640px) {
  /* line 13849, ../scss/app.scss */
  .sliderTabs .more .icon--more-details {
    background-size: 20px;
    width: 20px;
    height: 20px;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 13854, ../scss/app.scss */
  .sliderTabs .more {
    top: 34.5%;
    right: 5%;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 13858, ../scss/app.scss */
  .sliderTabs .more {
    top: 79%;
    right: 2%;
  }
}
@media screen and (min-width: 1660px) {
  /* line 13862, ../scss/app.scss */
  .sliderTabs .more {
    top: 40%;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 13865, ../scss/app.scss */
  .sliderTabs .more {
    font-size: 11px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 13868, ../scss/app.scss */
  .sliderTabs .more {
    top: 70%;
  }
}
/* line 13870, ../scss/app.scss */
.sliderTabs .current .img {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media only screen and (max-width: 1680px) {
  /* line 13875, ../scss/app.scss */
  .sliderTabs .current .img {
    -webkit-transform: translate3d(0, 0, 0) scale(0.8);
    -ms-transform: translate3d(0, 0, 0) scale(0.8);
    transform: translate3d(0, 0, 0) scale(0.8);
  }
}
@media only screen and (max-width: 1280px) {
  /* line 13880, ../scss/app.scss */
  .sliderTabs .current .img {
    -webkit-transform: translate3d(0, 0, 0) scale(0.7);
    -ms-transform: translate3d(0, 0, 0) scale(0.7);
    transform: translate3d(0, 0, 0) scale(0.7);
  }
}
@media only screen and (max-width: 1024px) {
  /* line 13885, ../scss/app.scss */
  .sliderTabs .current .img {
    -webkit-transform: translate3d(0, 0, 0) scale(0.5);
    -ms-transform: translate3d(0, 0, 0) scale(0.5);
    transform: translate3d(0, 0, 0) scale(0.5);
  }
}
@media only screen and (max-width: 640px) {
  /* line 13890, ../scss/app.scss */
  .sliderTabs .current .img {
    -webkit-transform: translate3d(-40px, 0, 0) scale(0.57);
    -ms-transform: translate3d(-40px, 0, 0) scale(0.57);
    transform: translate3d(-40px, 0, 0) scale(0.57);
  }
}
/* line 13894, ../scss/app.scss */
.sliderTabs .img {
  -webkit-transform: translate3d(100px, 0, 0);
  -ms-transform: translate3d(100px, 0, 0);
  transform: translate3d(100px, 0, 0);
  -webkit-transition: -webkit-transform 2000ms false;
  transition: transform 2000ms;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media only screen and (max-width: 1680px) {
  /* line 13905, ../scss/app.scss */
  .sliderTabs .img {
    -webkit-transform: translate3d(100px, 0, 0) scale(0.8);
    -ms-transform: translate3d(100px, 0, 0) scale(0.8);
    transform: translate3d(100px, 0, 0) scale(0.8);
    -webkit-transform-origin: 75% bottom;
    -ms-transform-origin: 75% bottom;
    transform-origin: 75% bottom;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 13913, ../scss/app.scss */
  .sliderTabs .img {
    -webkit-transform: translate3d(50px, 0, 0) scale(0.7);
    -ms-transform: translate3d(50px, 0, 0) scale(0.7);
    transform: translate3d(50px, 0, 0) scale(0.7);
  }
}
@media only screen and (max-width: 1024px) {
  /* line 13918, ../scss/app.scss */
  .sliderTabs .img {
    -webkit-transform: translate3d(100px, 0, 0) scale(0.5);
    -ms-transform: translate3d(100px, 0, 0) scale(0.5);
    transform: translate3d(100px, 0, 0) scale(0.5);
  }
}
@media only screen and (max-width: 640px) {
  /* line 13923, ../scss/app.scss */
  .sliderTabs .img {
    -webkit-transform: translate3d(100px, 0, 0) scale(0.57);
    -ms-transform: translate3d(100px, 0, 0) scale(0.57);
    transform: translate3d(100px, 0, 0) scale(0.57);
  }
}
@media only screen and (max-width: 768px) {
  /* line 13928, ../scss/app.scss */
  .sliderTabs .img {
    max-width: 389px;
    margin-right: -110px;
    margin-top: -40px;
  }
}
/* line 13932, ../scss/app.scss */
.sliderTabs .more {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
  -webkit-transition: -webkit-transform 900ms false;
  transition: transform 900ms;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* ------------------------------------------------------------------ */
/*		SLIDER HOME */
/* ------------------------------------------------------------------ */
/* line 13945, ../scss/app.scss */
.sliderHome {
  max-width: 100%;
}

/* line 13947, ../scss/app.scss */
.sliderHome .sliderContent, .sliderHome .panel, .sliderHome .content {
  height: 450px;
}

@media only screen and (max-width: 1280px) {
  /* line 13950, ../scss/app.scss */
  .sliderHome .sliderContent, .sliderHome .panel, .sliderHome .content {
    height: 400px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 13953, ../scss/app.scss */
  .sliderHome .sliderContent, .sliderHome .panel, .sliderHome .content {
    height: 350px;
  }
}
@media screen and (min-width: 1660px) {
  /* line 13956, ../scss/app.scss */
  .sliderHome .sliderContent, .sliderHome .panel, .sliderHome .content {
    height: 610px;
  }
}
@media screen and (min-width: 1921px) {
  /* line 13959, ../scss/app.scss */
  .sliderHome .sliderContent, .sliderHome .panel, .sliderHome .content {
    height: 700px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
  /* line 13962, ../scss/app.scss */
  .sliderHome .content {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
}
/* line 13966, ../scss/app.scss */
.sliderHome .panel {
  padding-left: 50%;
  padding-right: 10%;
}

@media only screen and (max-width: 1280px) {
  /* line 13970, ../scss/app.scss */
  .sliderHome .panel {
    padding-left: 40%;
    padding-right: 15%;
  }
}
@media only screen and (min-width: 641px) {
  /* line 13974, ../scss/app.scss */
  .sliderHome .panel {
    padding-left: 40%;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 13977, ../scss/app.scss */
  .sliderHome .panel {
    padding-left: 45%;
  }
}
@media only screen and (min-width: 1401px) {
  /* line 13980, ../scss/app.scss */
  .sliderHome .panel {
    padding-left: 50%;
  }
}
@media only screen and (min-width: 1681px) {
  /* line 13983, ../scss/app.scss */
  .sliderHome .panel {
    padding-left: 60%;
  }
}
/* line 13985, ../scss/app.scss */
.sliderHome .bg {
  background-size: cover;
  height: 120%;
  top: -13%;
}

/* line 13989, ../scss/app.scss */
.sliderHome .bg img {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: auto;
  min-width: 100%;
  min-height: 100%;
  max-height: 110%;
}

@media only screen and (max-width: 1280px) {
  /* line 14000, ../scss/app.scss */
  .sliderHome .bg {
    top: -18%;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 14003, ../scss/app.scss */
  .sliderHome .bg {
    top: 0;
    height: 100%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 14007, ../scss/app.scss */
  .sliderHome .bg img {
    display: block;
  }
}
/* line 14009, ../scss/app.scss */
.sliderHome .btn-sliderHome, .sliderHome .btn-sliderHome-mobile {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .5px;
  text-transform: uppercase;
  background-color: white;
  position: absolute;
  padding: 13px 40px;
  -webkit-font-smoothing: antialiased;
  right: 0;
  top: 52%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 100;
}

/* line 14026, ../scss/app.scss */
.sliderHome .btn-sliderHome:hover, .sliderHome .btn-sliderHome-mobile:hover {
  background-color: #000;
  color: #FFFFFF;
}

@media only screen and (max-width: 768px) {
  /* line 14030, ../scss/app.scss */
  .sliderHome .btn-sliderHome:hover, .sliderHome .btn-sliderHome-mobile:hover {
    background-color: #FFFFFF;
    color: #000;
  }
}
/* line 14033, ../scss/app.scss */
.sliderHome .btn-sliderHome-mobile {
  display: none;
  padding: 0px;
  width: 50px;
  height: 50px;
  right: 0px;
}

/* line 14039, ../scss/app.scss */
.sliderHome .btn-sliderHome-mobile:before {
  content: "+";
  font-family: "icons";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  text-transform: none;
  font-size: 36px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 40%;
}

@media only screen and (max-width: 1024px) {
  /* line 14056, ../scss/app.scss */
  .sliderHome .btn-sliderHome {
    display: none;
  }

  /* line 14058, ../scss/app.scss */
  .sliderHome .btn-sliderHome-mobile {
    display: block;
  }
}
/* line 14060, ../scss/app.scss */
.sliderHome h2 {
  font-size: 60px;
  line-height: 60px;
  font-weight: 300;
}

@media only screen and (max-width: 1024px) {
  /* line 14065, ../scss/app.scss */
  .sliderHome h2 {
    font-size: 40px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 14069, ../scss/app.scss */
  .sliderHome h2 {
    font-size: 30px;
    line-height: 30px;
    text-align: center;
  }
}
/* line 14073, ../scss/app.scss */
.sliderHome h2.left {
  text-align: left;
  line-height: 1;
  margin-bottom: 20px;
  padding-left: 55px;
  font-size: 60px;
  max-width: 500px;
  margin: 0 auto 20px auto;
}

@media only screen and (max-width: 1400px) {
  /* line 14082, ../scss/app.scss */
  .sliderHome h2.left {
    font-size: 56px;
    padding-left: 50px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 14086, ../scss/app.scss */
  .sliderHome h2.left {
    padding-left: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  /* line 14090, ../scss/app.scss */
  .sliderHome h2.left {
    font-size: 30px;
    line-height: 9px;
  }
}
/* line 14093, ../scss/app.scss */
.sliderHome h2.left span {
  text-align: center;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 24px;
}

@media only screen and (max-width: 640px) {
  /* line 14100, ../scss/app.scss */
  .sliderHome h2.left span {
    font-size: 20px;
  }
}
@media only screen and (min-width: 769px) {
  /* line 14103, ../scss/app.scss */
  .sliderHome h2.left span {
    text-align: left;
    margin-bottom: 0;
  }
}
/* line 14106, ../scss/app.scss */
.sliderHome p {
  font-size: 14px;
  padding: 0 80px;
  color: #FFFFFF;
  text-transform: none;
}

@media only screen and (max-width: 1400px) {
  /* line 14112, ../scss/app.scss */
  .sliderHome p {
    font-size: 14px;
    padding: 0 80px;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 14116, ../scss/app.scss */
  .sliderHome p {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 14119, ../scss/app.scss */
  .sliderHome p {
    font-size: 14px;
    text-transform: none;
  }
}
@media only screen and (max-width: 640px) {
  /* line 14123, ../scss/app.scss */
  .sliderHome p {
    display: none;
  }
}
/* line 14125, ../scss/app.scss */
.sliderHome p:before {
  content: '';
  display: block;
  width: 10px;
  height: 2px;
  background-color: #fff;
  margin: 0 auto 20px;
}

@media only screen and (max-width: 768px) {
  /* line 14133, ../scss/app.scss */
  .sliderHome .content {
    vertical-align: top;
    padding-top: 20px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 14137, ../scss/app.scss */
  .sliderHome .sliderNavItems {
    margin: 40px 0 30px 0;
  }
}
@media only screen and (max-width: 640px) {
  /* line 14140, ../scss/app.scss */
  .sliderHome .sliderContent {
    height: auto;
    padding-bottom: 124.13793%;
  }

  /* line 14143, ../scss/app.scss */
  .sliderHome .content, .sliderHome .panel {
    height: auto;
    top: 0;
    bottom: 0;
    padding: 0;
  }

  /* line 14148, ../scss/app.scss */
  .sliderHome .panel {
    position: absolute;
  }

  /* line 14150, ../scss/app.scss */
  .sliderHome .content {
    top: 15px;
    display: block;
  }

  /* line 14153, ../scss/app.scss */
  .sliderHome .bg {
    top: 0;
    height: 100%;
    width: 100%;
  }

  /* line 14157, ../scss/app.scss */
  .sliderHome .bg img {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
}
/* ------------------------------------------------------------------ */
/*		SLIDER GRID */
/* ------------------------------------------------------------------ */
/* line 14165, ../scss/app.scss */
.sliderGrid {
  max-width: 100%;
  color: #000;
}

/* line 14168, ../scss/app.scss */
.sliderGrid .tt-2, .sliderGrid p, .sliderGrid h2, .sliderGrid h4 {
  color: #000;
}

/* line 14170, ../scss/app.scss */
.sliderGrid .tt-2 {
  text-transform: none;
}

/* line 14172, ../scss/app.scss */
.sliderGrid .subtitle {
  color: #000;
}

/* line 14174, ../scss/app.scss */
.sliderGrid .subtitle:before, .sliderGrid .subtitle:after {
  background: #000;
}

@media only screen and (max-width: 768px) {
  /* line 14177, ../scss/app.scss */
  .sliderGrid .sliderNavArrow li {
    position: absolute;
    top: 10px;
  }
}
/* line 14180, ../scss/app.scss */
.sliderGrid p {
  line-height: 18px;
}

/* line 14182, ../scss/app.scss */
.sliderGrid .sliderNavArrow li a {
  color: #000;
}

@media only screen and (max-width: 768px) {
  /* line 14185, ../scss/app.scss */
  .sliderGrid .sliderNavArrow li a {
    top: 25px;
    display: none !important;
  }
}
/* line 14188, ../scss/app.scss */
.sliderGrid .sliderNavArrow li a:before, .sliderGrid .sliderNavArrow li a:after {
  background-color: #000;
}

/* line 14190, ../scss/app.scss */
.sliderGrid .sliderButtons {
  text-align: center;
  margin: 10px 0px 20px 0px;
}

/* line 14193, ../scss/app.scss */
.sliderGrid .sliderButtons .cursor {
  display: none;
}

/* line 14195, ../scss/app.scss */
.sliderGrid .sliderButtons ul {
  list-style: none;
  text-align: center;
}

/* line 14198, ../scss/app.scss */
.sliderGrid .sliderButtons ul li {
  display: inline-block;
  width: 33.3%;
  margin: 0 auto;
  padding: 0px 2%;
}

/* line 14203, ../scss/app.scss */
.sliderGrid .sliderButtons ul li:first-child {
  float: left;
  padding-left: 0;
  padding-right: 4%;
}

/* line 14207, ../scss/app.scss */
.sliderGrid .sliderButtons ul li:last-child {
  float: right;
  padding-left: 4%;
  padding-right: 0%;
}

@media only screen and (max-width: 640px) {
  /* line 14212, ../scss/app.scss */
  .sliderGrid .sliderButtons ul li {
    margin-right: 6px;
  }
}
/* line 14214, ../scss/app.scss */
.sliderGrid .sliderButtons ul li a {
  opacity: 0.5;
  padding-left: 20px;
  padding-right: 20px;
  letter-spacing: 0.1em;
  font-size: 9px;
  width: 100%;
  text-indent: 0;
  height: auto;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

@media only screen and (max-width: 640px) {
  /* line 14226, ../scss/app.scss */
  .sliderGrid .sliderButtons ul li a {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 14230, ../scss/app.scss */
  .sliderGrid .sliderButtons ul li a:hover, .sliderGrid .sliderButtons ul li a:active, .sliderGrid .sliderButtons ul li a:focus {
    opacity: 1;
    background: #000;
    color: #FFFFFF;
    opacity: 1;
    border-color: #000;
  }
}
/* line 14236, ../scss/app.scss */
.sliderGrid .sliderButtons ul li a:before {
  display: none;
}

/* line 14238, ../scss/app.scss */
.sliderGrid .sliderButtons ul li.current a {
  background: #000;
  color: #FFFFFF;
  opacity: 1;
  border-color: #000;
}

@media only screen and (max-width: 768px) {
  /* line 14244, ../scss/app.scss */
  .sliderGrid .panel .chapo {
    display: none;
  }
}
/* line 14246, ../scss/app.scss */
.sliderGrid .tablet-size {
  display: none;
}

@media only screen and (max-width: 768px) {
  /* line 14249, ../scss/app.scss */
  .sliderGrid .tablet-size {
    display: inline-block;
  }
}
@media only screen and (max-width: 640px) {
  /* line 14253, ../scss/app.scss */
  .alsolike .tt-2 {
    font-size: 19px;
  }
}
/* line 14256, ../scss/app.scss */
.category-products .sliderGrid {
  background: #f2f2F2;
}

/* line 14259, ../scss/app.scss */
.category-products .sliderGrid .sliderButtons, .alsolike .sliderGrid .sliderButtons {
  position: relative;
  margin: 0 auto 5% auto;
  width: 100%;
}

/* line 14263, ../scss/app.scss */
.category-products .sliderGrid .sliderButtons:after, .alsolike .sliderGrid .sliderButtons:after {
  content: "";
  display: table;
  clear: both;
}

/* line 14267, ../scss/app.scss */
.category-products .sliderGrid .sliderButtons ul, .alsolike .sliderGrid .sliderButtons ul {
  width: auto;
  margin-right: -5%;
  margin-left: -5%;
}

/* line 14271, ../scss/app.scss */
.category-products .sliderGrid .sliderButtons ul:after, .alsolike .sliderGrid .sliderButtons ul:after {
  content: '';
  display: block;
  clear: both;
}

/* line 14275, ../scss/app.scss */
.category-products .sliderGrid .sliderButtons ul li, .alsolike .sliderGrid .sliderButtons ul li {
  width: 25%;
  float: left;
  margin-right: 0;
  box-sizing: border-box;
  padding: 0 5%;
}

@media only screen and (max-width: 768px) {
  /* line 14282, ../scss/app.scss */
  .category-products .sliderGrid .sliderButtons ul li, .alsolike .sliderGrid .sliderButtons ul li {
    width: 50%;
  }
}
/* line 14284, ../scss/app.scss */
.category-products .sliderGrid .sliderButtons ul li a, .alsolike .sliderGrid .sliderButtons ul li a {
  max-width: 100%;
  float: none;
  margin: 0 auto;
  font-size: 11px;
}

@media only screen and (max-width: 768px) {
  /* line 14290, ../scss/app.scss */
  .category-products .sliderGrid .sliderButtons, .alsolike .sliderGrid .sliderButtons {
    display: none;
  }
}
/* line 14293, ../scss/app.scss */
.alsolike .sliderGrid .sliderButtons ul li {
  width: 33%;
}

@media only screen and (max-width: 768px) {
  /* line 14297, ../scss/app.scss */
  .home-products .sliderGrid .sliderButtons {
    display: none;
  }
}
/* line 14300, ../scss/app.scss */
.sliderSmall {
  padding: 15px 15px 0;
  border: 1px solid #e5e5e5;
  margin-bottom: 60px;
  margin-top: 60px;
}

@media only screen and (max-width: 1024px) {
  /* line 14306, ../scss/app.scss */
  .sliderSmall {
    margin-bottom: 35px;
    margin-top: 35px;
  }
}
/* line 14309, ../scss/app.scss */
.sliderSmall h2 {
  position: relative;
}

/* line 14311, ../scss/app.scss */
.sliderSmall h2:after {
  content: "";
  width: 12px;
  height: 2px;
  background: #FFFFFF;
  display: block;
  text-align: left;
  margin: 30px 0;
}

/* line 14319, ../scss/app.scss */
.sliderSmall h2:after {
  margin: 15px auto 10px auto;
}

/* line 14321, ../scss/app.scss */
.sliderSmall .panel {
  padding-left: 7%;
  padding-right: 52%;
}

@media only screen and (max-width: 768px) {
  /* line 14325, ../scss/app.scss */
  .sliderSmall .panel .content {
    background-color: rgba(250, 250, 250, 0.8);
    padding-left: 15px;
    padding-right: 15px;
  }

  /* line 14329, ../scss/app.scss */
  .sliderSmall .panel {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 14333, ../scss/app.scss */
  .sliderSmall .bg:not(.-text) {
    /*top: -20%;
    background-position: 80% 50%;*/
  }
}
@media only screen and (max-width: 768px) {
  /* line 14337, ../scss/app.scss */
  .sliderSmall .bg:not(.-text) {
    bottom: 0;
    top: auto;
    background-color: #fafafa;
    background-size: 150% auto;
    background-position: 100% 100%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 14344, ../scss/app.scss */
  .sliderSmall .more {
    top: auto;
    bottom: 5%;
  }
}
/* line 14348, ../scss/app.scss */
.category-products .slider {
  background: #f0f0f0;
}

/* line 14351, ../scss/app.scss */
.simpleSlider {
  position: relative;
  overflow-x: hidden;
  display: block;
}

/* line 14355, ../scss/app.scss */
.simpleSlider .sliderContent {
  position: relative;
  overflow-x: hidden;
}

/* line 14358, ../scss/app.scss */
.simpleSlider .sliderContent .checkboxes.-colorRadio {
  margin: 15px 0;
}

/* line 14360, ../scss/app.scss */
.simpleSlider .sliderContent .checkboxes.-colorRadio li {
  display: inline-block;
  float: left;
}

/* line 14363, ../scss/app.scss */
.simpleSlider .sliderContent .checkboxes.-colorRadio ul {
  height: 40px;
}

/* line 14365, ../scss/app.scss */
.simpleSlider .panel, .simpleSlider .panelReseller {
  width: 100% !important;
}

/* line 14367, ../scss/app.scss */
.simpleSlider .panelLeftCenter {
  width: auto !important;
  margin-left: 40px;
}

@media only screen and (max-width: 1024px) {
  /* line 14371, ../scss/app.scss */
  .simpleSlider .panelLeftCenter {
    margin-left: 65px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 14374, ../scss/app.scss */
  .simpleSlider .panelLeftCenter {
    margin-left: 9px;
  }
}
/* line 14376, ../scss/app.scss */
.simpleSlider .panel + .panel, .simpleSlider .panelReseller + .panelReseller {
  position: absolute;
}

/* line 14378, ../scss/app.scss */
.simpleSlider .panel .wrapper img,
.simpleSlider .panelReseller .wrapper img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 14383, ../scss/app.scss */
.simpleSlider .panel .wrapper img.desktop-size,
.simpleSlider .panelReseller .wrapper img.desktop-size {
  display: block;
}

@media only screen and (max-width: 768px) {
  /* line 14387, ../scss/app.scss */
  .simpleSlider .panel .wrapper img.desktop-size,
  .simpleSlider .panelReseller .wrapper img.desktop-size {
    display: none;
  }
}
/* line 14390, ../scss/app.scss */
.simpleSlider .panel .wrapper img.smartphone-size,
.simpleSlider .panelReseller .wrapper img.smartphone-size {
  display: none;
}

@media only screen and (max-width: 768px) {
  /* line 14394, ../scss/app.scss */
  .simpleSlider .panel .wrapper img.smartphone-size,
  .simpleSlider .panelReseller .wrapper img.smartphone-size {
    display: block;
  }
}
/* line 14397, ../scss/app.scss */
.simpleSlider .panel .video a {
  overflow: hidden;
}

/* line 14399, ../scss/app.scss */
.simpleSlider .panel .video a img {
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 14402, ../scss/app.scss */
.simpleSlider .panel .video a:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

/* line 14406, ../scss/app.scss */
.simpleSlider .panel .video h1 {
  pointer-events: none;
}

/* line 14408, ../scss/app.scss */
.simpleSlider .wrapper:after {
  content: "";
  display: block;
  clear: both;
}

/* ------------------------------------------------------------------ */
/*        SLIDER COLORS */
/* ------------------------------------------------------------------ */
/* line 14416, ../scss/app.scss */
.sliderColors {
  height: 40px;
  overflow: hidden;
}

/* line 14419, ../scss/app.scss */
.sliderColors .sliderContent {
  display: block;
  text-align: center;
  overflow: hidden;
  height: 40px;
}

/* line 14424, ../scss/app.scss */
.sliderColors .checkboxes {
  display: inline-block;
  overflow: hidden;
  height: 40px;
}

/* line 14428, ../scss/app.scss */
.sliderColors .checkboxes.-colorRadio.-noLabel input[type="radio"] + label span {
  margin-right: 0;
}

/* line 14430, ../scss/app.scss */
.sliderColors .checkboxes.-colorRadio.-noLabel input[type="radio"] + label span:after {
  padding-left: 1px;
}

/* line 14432, ../scss/app.scss */
.sliderColors .checkboxes li + li {
  margin-left: 10px;
}

/* line 14434, ../scss/app.scss */
.sliderColors .sliderNavArrow li {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 25px;
  height: 25px;
  border: 1px solid #CCCCCC;
  display: inline-block;
  border-radius: 50%;
  z-index: 97;
  overflow: hidden;
}

/* line 14446, ../scss/app.scss */
.sliderColors .sliderNavArrow li i {
  display: none;
}

/* line 14448, ../scss/app.scss */
.sliderColors .sliderNavArrow li:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 12.82051px;
  line-height: 24px;
  display: block;
  text-align: center;
  color: #CCCCCC;
  letter-spacing: 0;
}

/* line 14464, ../scss/app.scss */
.sliderColors .sliderNavArrow li.prev {
  left: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 14469, ../scss/app.scss */
.sliderColors .sliderNavArrow li.next {
  right: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* line 14474, ../scss/app.scss */
.sliderColors .sliderNavArrow li a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: 99999px;
}

/* line 14482, ../scss/app.scss */
.sliderColors .sliderNavArrow li a:before, .sliderColors .sliderNavArrow li a:after {
  content: "";
  background: transparent;
  margin: 0;
}

/* line 14486, ../scss/app.scss */
.sliderColors .sliderPagination {
  display: none;
}

@media only screen and (max-width: 768px) {
  /* line 14489, ../scss/app.scss */
  .sliderColors .sliderPagination {
    display: block;
  }
}
/* line 14492, ../scss/app.scss */
.product-large .simpleSlider {
  margin: 5px 0 0 0;
  padding: 0;
}

/* line 14496, ../scss/app.scss */
.sliderLooks .wrapper {
  background: #000 !important;
}

/* line 14499, ../scss/app.scss */
.sliderLooks .panel {
  background: #000;
}

/* ------------------------------------------------------------------ */
/*        SLIDER LOOKS */
/* ------------------------------------------------------------------ */
/* line 14505, ../scss/app.scss */
.sliderLooks .sliderNavArrow li {
  display: block;
  z-index: 10;
}

@media only screen and (max-width: 1024px) {
  /* line 14509, ../scss/app.scss */
  .sliderLooks .sliderNavArrow li {
    top: 29%;
  }
}
/* line 14512, ../scss/app.scss */
.sliderLooks .sliderNavArrow a {
  color: #FFFFFF;
}

/* line 14515, ../scss/app.scss */
.sliderLooks .wrapper {
  padding: 0 30px;
}

/* line 14518, ../scss/app.scss */
.sliderLooks .sliderLoader {
  top: 20%;
}

@media only screen and (min-width: 1025px) {
  /* line 14522, ../scss/app.scss */
  .sliderLooks .sliderContent .wrapper {
    position: relative;
    max-width: 1320px;
    padding: 0 200px 140px 200px;
  }
}
/* line 14527, ../scss/app.scss */
.sliderLooks .sliderContent .wrapper .sliderNavArrow li {
  top: 15%;
}

/* ------------------------------------------------------------------ */
/*        PAGINATION */
/* ------------------------------------------------------------------ */
/* line 14533, ../scss/app.scss */
.sliderPagination {
  margin: 10px 0 20px 0;
  text-align: center;
}

/* line 14536, ../scss/app.scss */
.sliderPagination li {
  display: inline-block;
  margin-right: 5px;
}

/* line 14539, ../scss/app.scss */
.sliderPagination li a {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #a3a2a2;
  margin: 0 8px;
  padding: 0;
  border-radius: 50%;
  text-indent: -99999px;
}

/* line 14548, ../scss/app.scss */
.sliderPagination li a:before {
  display: none;
  height: 0;
  margin: 0;
  padding: 0;
}

/* line 14553, ../scss/app.scss */
.sliderPagination li.current a {
  background: #000;
}

/* ------------------------------------------------------------------ */
/*        LOADER */
/* ------------------------------------------------------------------ */
/* line 14559, ../scss/app.scss */
.sliderLoader {
  position: absolute;
  top: 225px;
  left: 50%;
  z-index: 20;
}

/* line 14564, ../scss/app.scss */
.sliderLoader i {
  display: block;
  position: absolute;
  padding: 5px;
  border-radius: 50%;
  background: black;
  opacity: 0;
  -webkit-animation: animIn 1s ease-in-out 0s infinite;
  animation: animIn 1s ease-in-out 0s infinite;
}

/* line 14573, ../scss/app.scss */
.sliderLoader i:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

/* line 14576, ../scss/app.scss */
.sliderLoader i:nth-child(2) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}

/* line 14579, ../scss/app.scss */
.sliderLoader i:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

/* line 14582, ../scss/app.scss */
.sliderLoader i:nth-child(4) {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}

@-webkit-keyframes animIn {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes animIn {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
/* ------------------------------------------------------------------ */
/*        JOHANN MODIFs */
/* ------------------------------------------------------------------ */
/* line 14613, ../scss/app.scss */
.simpleSlider {
  width: 100%;
}

/* line 14615, ../scss/app.scss */
.simpleSlider .sliderContent {
  overflow: hidden;
  padding: 0;
  z-index: 10;
}

@media only screen and (max-width: 768px) {
  /* line 14620, ../scss/app.scss */
  .simpleSlider .sliderContent {
    margin: 0 auto;
  }
}
/* line 14622, ../scss/app.scss */
.simpleSlider .wrapper {
  overflow: hidden;
  zoom: 1;
  padding: 0;
}

/* line 14627, ../scss/app.scss */
.sliderColors .sliderNavItems {
  position: absolute;
  z-index: 99;
  width: 100%;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}

@media only screen and (min-width: 1025px) {
  /* line 14637, ../scss/app.scss */
  .sliderColors .sliderContent {
    max-width: 86%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  /* line 14642, ../scss/app.scss */
  .sliderColors .sliderContent {
    width: 270px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 14646, ../scss/app.scss */
  .sliderColors .sliderContent {
    width: 225px;
  }
}
/* line 14649, ../scss/app.scss */
.sliderDefault ol.sliderNavArrow li {
  display: block !important;
}

/* ------------------------------------------------------------------ */
/*        SLIDER TUTORIAL */
/* ------------------------------------------------------------------ */
/* line 14655, ../scss/app.scss */
.singleTutorial .simpleSlider .panel > div, .singleTutorial .simpleSlider .panelReseller > div {
  height: 100%;
}

/* line 14658, ../scss/app.scss */
.mega-list, .list-products {
  background: #000;
  text-transform: uppercase;
}

@media only screen and (min-width: 1025px) {
  /* line 14663, ../scss/app.scss */
  .mega-list .cols:after {
    content: "";
    display: table;
    clear: both;
  }

  /* line 14667, ../scss/app.scss */
  .mega-list .col {
    float: left;
    width: 25%;
  }

  /* line 14670, ../scss/app.scss */
  .mega-list .cols {
    margin-right: -0.75em;
    margin-left: -0.75em;
  }

  /* line 14673, ../scss/app.scss */
  .mega-list .col {
    padding: 0 1.5em;
  }

  /* line 14675, ../scss/app.scss */
  .mega-list .wrapper {
    max-width: 1200px;
    width: 97%;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 14680, ../scss/app.scss */
  .mega-list .wrapper {
    padding-left: 27px;
    padding-right: 27px;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 14685, ../scss/app.scss */
  .mega-list {
    padding: 70px 0;
  }

  /* line 14687, ../scss/app.scss */
  .mega-list hr {
    border-color: transparent;
    padding: 5px 0;
  }

  /* line 14690, ../scss/app.scss */
  .ml-group.equalHeight {
    min-height: 270px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 14694, ../scss/app.scss */
  .mega-list hr {
    margin: 0;
    padding: 0;
    border: 0;
    height: 0;
  }

  /* line 14699, ../scss/app.scss */
  .list-products {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 55px;
    background: #000;
    height: 100%;
    z-index: 101;
    padding-top: 20px;
  }

  /* line 14710, ../scss/app.scss */
  .list-products.expand {
    display: block;
  }

  /* line 14712, ../scss/app.scss */
  .mega-list .wrapper {
    padding: 0;
    margin: 0;
    max-width: none;
  }

  /* line 14716, ../scss/app.scss */
  .sitemap hr {
    position: relative;
    height: 0;
    padding: 20px 0;
  }

  /* line 14720, ../scss/app.scss */
  .sitemap hr:after {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #847155;
  }

  /* line 14728, ../scss/app.scss */
  .brands-filter-select {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 14732, ../scss/app.scss */
  .mega-list a {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }

  /* line 14735, ../scss/app.scss */
  .mega-list a:hover {
    opacity: 0.75;
  }

  /* line 14737, ../scss/app.scss */
  .list-products {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: -webkit-transform 600ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 600ms cubic-bezier(0.19, 1, 0.22, 1);
    padding: 150px 0 0;
  }

  /* line 14751, ../scss/app.scss */
  .list-products.expand {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  /* line 14755, ../scss/app.scss */
  .list-products .close {
    top: 140px;
  }

  /* line 14757, ../scss/app.scss */
  .list-products .wrapper {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    max-width: none;
    padding-left: 5%;
    padding-right: 5%;
  }

  /* line 14765, ../scss/app.scss */
  .list-products .wrapper:after {
    content: "";
    display: table;
    clear: both;
  }

  /* line 14769, ../scss/app.scss */
  .list-products .cols {
    height: auto;
    overflow: visible;
  }
}
@media only screen and (min-width: 1281px) {
  /* line 14774, ../scss/app.scss */
  .list-products {
    padding: 170px;
  }

  /* line 14776, ../scss/app.scss */
  .list-products .close {
    top: 155px;
  }
}
/* line 14779, ../scss/app.scss */
.mega-list .ml-title {
  display: block;
  position: relative;
  color: rgba(132, 113, 85, 0.4);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .3em;
  line-height: 45px;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid #e6e6e6;
  background: #FFFFFF;
}

/* line 14791, ../scss/app.scss */
.mega-list .ml-title:before {
  display: none;
}

/* line 14793, ../scss/app.scss */
.mega-list .ml-title i {
  position: absolute;
  opacity: 0;
  top: 9px;
  right: 20px;
  width: 28px;
  height: 28px;
  border: 1px solid #000;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  -webkit-transition: opacity 250ms ease-out 200ms;
  transition: opacity 250ms ease-out 200ms;
}

/* line 14806, ../scss/app.scss */
.mega-list .ml-title i i {
  display: none;
}

/* line 14808, ../scss/app.scss */
.mega-list .ml-title i:before {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  font-size: 14.35897px;
  line-height: 27px;
  display: block;
  text-align: center;
  color: #FFFFFF;
  letter-spacing: 0;
}

/* line 14824, ../scss/app.scss */
.mega-list .ml-title.selected i {
  opacity: 1;
  -webkit-transition: opacity 250ms ease-out 200ms;
  transition: opacity 250ms ease-out 200ms;
}

@media only screen and (min-width: 1025px) {
  /* line 14829, ../scss/app.scss */
  .mega-list .ml-title {
    display: inline;
    color: #847155;
    line-height: 1;
    text-align: left;
    border: none;
    background: transparent;
  }

  /* line 14836, ../scss/app.scss */
  .mega-list .ml-title:before {
    display: block;
    position: absolute;
    content: "";
    left: -20px;
    top: 11px;
    width: 8px;
    height: 2px;
    background: #847155;
  }

  /* line 14845, ../scss/app.scss */
  .mega-list .ml-title i {
    display: none;
  }
}
/* line 14848, ../scss/app.scss */
.mega-list .ml-wrapper {
  height: 0;
  overflow: hidden;
}

@media only screen and (min-width: 1025px) {
  /* line 14852, ../scss/app.scss */
  .mega-list .ml-wrapper {
    height: auto;
  }
}
/* line 14855, ../scss/app.scss */
.mega-list .ml-item {
  font-size: 11px;
  letter-spacing: .10em;
  margin: 0;
  padding: 20px 0 20px 15px;
  overflow: hidden;
  border-bottom: solid 1px #847155;
}

/* line 14862, ../scss/app.scss */
.mega-list .ml-item.sub-category {
  padding: 0 0 0 15px;
}

@media only screen and (max-width: 1024px) {
  /* line 14865, ../scss/app.scss */
  .mega-list .ml-item.sub-category li {
    padding: 0;
  }
}
/* line 14867, ../scss/app.scss */
.mega-list .ml-item a {
  color: #FFFFFF;
  -webkit-font-smoothing: subpixel-antialiased;
}

/* line 14870, ../scss/app.scss */
.mega-list .ml-item ul {
  padding-left: 20px;
}

/* line 14872, ../scss/app.scss */
.mega-list .ml-item li {
  padding: 8px 0;
}

/* line 14874, ../scss/app.scss */
.mega-list .ml-item.selected .ml-subtitle.has-children:after {
  content: '-';
}

/* line 14876, ../scss/app.scss */
.mega-list .ml-item .has-children + ul > li:last-child {
  margin-bottom: 20px;
}

@media only screen and (min-width: 1025px) {
  /* line 14879, ../scss/app.scss */
  .mega-list .ml-item {
    margin: 20px 0 40px 0;
    padding: 0;
    border-bottom: 0;
  }

  /* line 14883, ../scss/app.scss */
  .mega-list .ml-item ul {
    padding-left: 0;
  }
}
/* line 14886, ../scss/app.scss */
.mega-list .ml-subtitle, .mega-list a.ml-subtitle {
  display: block;
  position: relative;
  color: #847155;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .15em;
  padding: 15px 0;
  -webkit-font-smoothing: subpixel-antialiased;
}

/* line 14895, ../scss/app.scss */
.mega-list .ml-subtitle.has-children:after, .mega-list a.ml-subtitle.has-children:after {
  content: "+";
  position: absolute;
  right: 15px;
  top: 55%;
  color: #c3ac83;
  font-weight: 100;
  font-size: 28px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 1024px) {
  /* line 14907, ../scss/app.scss */
  .mega-list .ml-subtitle, .mega-list a.ml-subtitle {
    padding: 12px 0;
  }

  /* line 14909, ../scss/app.scss */
  .mega-list .ml-subtitle.no-children:after, .mega-list a.ml-subtitle.no-children:after {
    display: none;
  }

  /* line 14911, ../scss/app.scss */
  .mega-list .ml-subtitle + ul, .mega-list a.ml-subtitle + ul {
    height: 0;
  }

  /* line 14913, ../scss/app.scss */
  .mega-list .ml-subtitle.open.has-children:after, .mega-list a.ml-subtitle.open.has-children:after {
    content: "-";
  }

  /* line 14915, ../scss/app.scss */
  .mega-list .ml-subtitle.open.has-children + ul, .mega-list a.ml-subtitle.open.has-children + ul {
    display: block;
  }
}
@media only screen and (min-width: 1025px) {
  /* line 14918, ../scss/app.scss */
  .mega-list .ml-subtitle, .mega-list a.ml-subtitle {
    font-size: 11px;
    padding: 0 0 8px 0;
  }
}
/* ------------------------------------------------------------------ */
/*        IMAGE VIEWER */
/* ------------------------------------------------------------------ */
/* line 14925, ../scss/app.scss */
.image-viewer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
}

/* line 14932, ../scss/app.scss */
.image-viewer button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  background: none;
  cursor: pointer;
  outline: none;
}

/* line 14940, ../scss/app.scss */
.image-viewer__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(0, 0, 0, 0.92);
}

/* line 14948, ../scss/app.scss */
.image-viewer__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* line 14955, ../scss/app.scss */
.image-viewer__body {
  position: relative;
  width: 100%;
  height: 100%;
}

/* line 14959, ../scss/app.scss */
.image-viewer__body img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
}

/* line 14965, ../scss/app.scss */
.image-viewer__close {
  position: absolute;
  left: 100%;
  top: -10px;
  margin-left: 44px;
  color: white;
  padding: 10px;
}

/* line 14972, ../scss/app.scss */
.image-viewer__close svg {
  display: block;
  width: 30px;
  height: 30px;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: rotate(0deg) scale(0.7);
  -ms-transform: rotate(0deg) scale(0.7);
  transform: rotate(0deg) scale(0.7);
}

/* line 14981, ../scss/app.scss */
.image-viewer__close polygon {
  fill: white;
}

/* line 14983, ../scss/app.scss */
.image-viewer__close:hover svg {
  -webkit-transform: rotate(90deg) scale(1);
  -ms-transform: rotate(90deg) scale(1);
  transform: rotate(90deg) scale(1);
}

/* line 14987, ../scss/app.scss */
.image-viewer__control {
  position: absolute;
  top: 50%;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  white-space: nowrap;
  padding: 10px;
  visibility: hidden;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

/* line 15000, ../scss/app.scss */
.image-viewer__control--next {
  left: 100%;
  padding-left: 44px;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 15005, ../scss/app.scss */
.image-viewer__control--next:after {
  content: '';
  width: 60px;
  height: 2px;
  background-color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), width 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), width 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 15015, ../scss/app.scss */
.image-viewer__control--next:hover {
  -webkit-transform: translate(30px, -50%);
  -ms-transform: translate(30px, -50%);
  transform: translate(30px, -50%);
}

/* line 15019, ../scss/app.scss */
.image-viewer__control--next:hover:after {
  width: 40px;
  -webkit-transform: translate(0px, 0);
  -ms-transform: translate(0px, 0);
  transform: translate(0px, 0);
}

/* line 15024, ../scss/app.scss */
.image-viewer__control--prev {
  right: 100%;
  padding-right: 44px;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 15029, ../scss/app.scss */
.image-viewer__control--prev:before {
  content: '';
  width: 60px;
  height: 2px;
  background-color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), width 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), width 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 15039, ../scss/app.scss */
.image-viewer__control--prev:hover {
  -webkit-transform: translate(-30px, -50%);
  -ms-transform: translate(-30px, -50%);
  transform: translate(-30px, -50%);
}

/* line 15043, ../scss/app.scss */
.image-viewer__control--prev:hover:before {
  width: 40px;
  -webkit-transform: translate(0px, 0);
  -ms-transform: translate(0px, 0);
  transform: translate(0px, 0);
}

/* line 15049, ../scss/app.scss */
#beautyGenius {
  /* RESET */
  /* LAYOUT */
  /* PANES - GENERAUX */
  /* PANES - QUESTIONS */
  /* COMPONENTS */
  /* UTILS */
}

/* line 15056, ../scss/app.scss */
#beautyGenius p {
  margin: 0;
}

/* line 15058, ../scss/app.scss */
#beautyGenius .bg_wrapper {
  position: relative;
  position-z-index: 0;
  width: 100%;
  max-height: 600px;
  height: auto;
  border: 30px solid #e2f3f3;
  background-color: #fff;
  text-align: center;
}

@media only screen and (min-width: 1281px) {
  /* line 15068, ../scss/app.scss */
  #beautyGenius .bg_wrapper {
    max-height: 830px;
    height: auto;
  }
}
/* line 15071, ../scss/app.scss */
#beautyGenius .bg_header {
  width: 100%;
  height: 100px;
}

/* line 15074, ../scss/app.scss */
#beautyGenius .bg_header--mobile {
  display: none;
}

/* line 15076, ../scss/app.scss */
#beautyGenius .bg_header .subtitle {
  font-size: 10px;
  color: #000;
  margin: 0;
  text-transform: uppercase;
}

@media only screen and (min-width: 1281px) {
  /* line 15082, ../scss/app.scss */
  #beautyGenius .bg_header .subtitle:before, #beautyGenius .bg_header .subtitle:after {
    width: 155px;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 15085, ../scss/app.scss */
  #beautyGenius .bg_header .subtitle:before, #beautyGenius .bg_header .subtitle:after {
    width: 135px;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 15088, ../scss/app.scss */
  #beautyGenius .bg_header .subtitle {
    margin: 5px 10px 0 0;
  }
}
/* line 15090, ../scss/app.scss */
#beautyGenius .bg_header_step {
  display: none;
}

/* line 15092, ../scss/app.scss */
#beautyGenius .bg_header_intro {
  margin-top: 90px;
  z-index: 1;
  position: relative;
}

/* line 15096, ../scss/app.scss */
#beautyGenius .bg_header_intro--mobile {
  display: none;
}

/* line 15098, ../scss/app.scss */
#beautyGenius .bg_header_intro .subtitle {
  font-size: 10px;
  color: #000;
  margin: 0;
  text-transform: uppercase;
}

@media only screen and (min-width: 1281px) {
  /* line 15104, ../scss/app.scss */
  #beautyGenius .bg_header_intro .subtitle:before, #beautyGenius .bg_header_intro .subtitle:after {
    width: 155px;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 15107, ../scss/app.scss */
  #beautyGenius .bg_header_intro .subtitle:before, #beautyGenius .bg_header_intro .subtitle:after {
    width: 135px;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 15110, ../scss/app.scss */
  #beautyGenius .bg_header_intro .subtitle {
    margin: 5px 10px 0 0;
  }
}
/* line 15112, ../scss/app.scss */
#beautyGenius .bg_content {
  width: 100%;
  height: 540px;
  margin: auto;
  padding: 0px 20px;
}

@media only screen and (max-width: 1280px) {
  /* line 15118, ../scss/app.scss */
  #beautyGenius .bg_content {
    height: 440px;
  }
}
/* line 15120, ../scss/app.scss */
#beautyGenius .bg_content .bg_ariane_hidden {
  margin-left: auto;
  margin-right: auto;
  width: 1280px;
}

@media only screen and (max-width: 1280px) {
  /* line 15125, ../scss/app.scss */
  #beautyGenius .bg_content .bg_ariane_hidden {
    width: 1000px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 15128, ../scss/app.scss */
  #beautyGenius .bg_content .bg_ariane_hidden {
    width: 800px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 15131, ../scss/app.scss */
  #beautyGenius .bg_content .bg_ariane_hidden {
    width: auto;
  }
}
/* line 15133, ../scss/app.scss */
#beautyGenius .bg_look {
  display: table;
  margin: auto;
  width: 100%;
  text-align: center;
  border-spacing: auto;
}

/* line 15139, ../scss/app.scss */
#beautyGenius .bg_look--mobile {
  display: none;
}

/* line 15141, ../scss/app.scss */
#beautyGenius .bg_look__image {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 18%;
  background-size: cover;
  background-position: center;
}

/* line 15148, ../scss/app.scss */
#beautyGenius .bg_look__image img {
  width: 100%;
}

/* line 15150, ../scss/app.scss */
#beautyGenius .bg_look__image .bg_square, #beautyGenius .bg_look__image .bg_fave__images div, #beautyGenius .bg_fave__images .bg_look__image div, #beautyGenius .bg_look__image .bg_buy-module__square {
  position: absolute;
  top: 8px;
  left: 8px;
  display: inline-block;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 1281px) {
  /* line 15158, ../scss/app.scss */
  #beautyGenius .bg_look__image .bg_square, #beautyGenius .bg_look__image .bg_fave__images div, #beautyGenius .bg_fave__images .bg_look__image div, #beautyGenius .bg_look__image .bg_buy-module__square {
    top: 10px;
    left: 10px;
  }
}
/* line 15161, ../scss/app.scss */
#beautyGenius .bg_look__left {
  display: table-cell;
  vertical-align: middle;
  width: 42%;
}

/* line 15165, ../scss/app.scss */
#beautyGenius .bg_look__left img {
  width: 80%;
}

/* line 15167, ../scss/app.scss */
#beautyGenius .bg_look__btns {
  display: table-cell;
  vertical-align: middle;
  padding-left: 60px;
  width: 42%;
}

/* line 15172, ../scss/app.scss */
#beautyGenius .bg_look__btns .bg_btn, #beautyGenius .bg_look__btns .bg_double-radios--mobile .bg_text--choice-radio, #beautyGenius .bg_double-radios--mobile .bg_look__btns .bg_text--choice-radio {
  display: block;
  width: 200px;
  margin-bottom: 20px;
}

/* line 15176, ../scss/app.scss */
#beautyGenius .bg_article {
  display: table;
}

/* line 15178, ../scss/app.scss */
#beautyGenius .bg_article--mobile {
  display: none;
}

/* line 15180, ../scss/app.scss */
#beautyGenius .bg_article__infos, #beautyGenius .bg_article__photo {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  background-size: cover;
  background-position: center;
}

/* line 15186, ../scss/app.scss */
#beautyGenius .bg_article__infos {
  position: relative;
  text-align: left;
}

/* line 15189, ../scss/app.scss */
#beautyGenius .bg_article__infos__content p {
  margin: 40px 0px;
  width: 80%;
}

/* line 15192, ../scss/app.scss */
#beautyGenius .bg_article__photo img {
  width: 100%;
}

@media only screen and (min-width: 1281px) {
  /* line 15195, ../scss/app.scss */
  #beautyGenius .bg_article__photo {
    height: 500px;
  }
}
/* line 15197, ../scss/app.scss */
#beautyGenius .bg_products {
  display: table;
  width: 100%;
  text-align: left;
}

/* line 15201, ../scss/app.scss */
#beautyGenius .bg_products .sliderLoader {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 20;
}

/* line 15206, ../scss/app.scss */
#beautyGenius .bg_products .bg_text--title {
  margin-bottom: 60px;
  display: inline-block;
}

@media only screen and (max-width: 1280px) {
  /* line 15210, ../scss/app.scss */
  #beautyGenius .bg_products .bg_text--title {
    margin-bottom: 20px;
  }
}
/* line 15212, ../scss/app.scss */
#beautyGenius .bg_products--mobile {
  display: none;
}

/* line 15214, ../scss/app.scss */
#beautyGenius .bg_products__lists {
  display: table-cell;
  vertical-align: middle;
  width: 65%;
  text-align: left;
  position: relative;
}

@media only screen and (max-width: 1280px) {
  /* line 15221, ../scss/app.scss */
  #beautyGenius .bg_products__lists {
    vertical-align: top;
  }
}
@media only screen and (min-width: 1281px) {
  /* line 15224, ../scss/app.scss */
  #beautyGenius .bg_products__lists {
    width: 75%;
  }
}
/* line 15226, ../scss/app.scss */
#beautyGenius .bg_products .bg_buy-module {
  display: table-cell;
  text-align: center;
}

/* line 15229, ../scss/app.scss */
#beautyGenius .bg_products__item {
  float: left;
  position: relative;
  width: 30%;
  margin: 0 0 0 3%;
  text-align: center;
}

@media only screen and (max-width: 1280px) {
  /* line 15236, ../scss/app.scss */
  #beautyGenius .bg_products__item {
    margin: 20px 3% 0 0;
  }
}
/* line 15238, ../scss/app.scss */
#beautyGenius .bg_products__item img {
  height: 200px;
}

@media only screen and (max-width: 1280px) {
  /* line 15241, ../scss/app.scss */
  #beautyGenius .bg_products__item img {
    height: 100px;
  }
}
/* line 15243, ../scss/app.scss */
#beautyGenius .bg_products__item p, #beautyGenius .bg_products__item h4 {
  text-align: left;
}

/* line 15245, ../scss/app.scss */
#beautyGenius .bg_products__nav {
  position: absolute;
  right: 60px;
  padding-right: 10px;
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: 700;
  margin-top: 5px;
  top: 50%;
}

@media only screen and (max-width: 1680px) {
  /* line 15258, ../scss/app.scss */
  #beautyGenius .bg_products__nav {
    top: 25%;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 15261, ../scss/app.scss */
  #beautyGenius .bg_products__nav {
    top: 31%;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 15264, ../scss/app.scss */
  #beautyGenius .bg_products__nav {
    top: 23%;
  }
}
/* line 15266, ../scss/app.scss */
#beautyGenius .bg_products__nav::after {
  left: 100%;
  -webkit-transition: width 0.3s, -webkit-transform 0.3s;
  transition: width 0.3s, transform 0.3s;
  content: '';
  position: absolute;
  top: 50%;
  width: 75px;
  height: 2px;
  background-color: #000;
}

/* line 15276, ../scss/app.scss */
html.no-touchevents #beautyGenius .bg_products__nav:hover {
  padding-right: 0px;
}

/* line 15278, ../scss/app.scss */
html.no-touchevents #beautyGenius .bg_products__nav:hover::after {
  width: 65px;
  -webkit-transform: translate(10px);
  -ms-transform: translate(10px);
  transform: translate(10px);
}

/* line 15283, ../scss/app.scss */
#beautyGenius .bg_single-product {
  display: table;
  width: 100%;
}

/* line 15286, ../scss/app.scss */
#beautyGenius .bg_single-product--mobile {
  display: none;
}

/* line 15288, ../scss/app.scss */
#beautyGenius .bg_single-product__title {
  display: table-cell;
  vertical-align: top;
  width: 33.33%;
  padding: 40px 20px 0 0;
}

/* line 15293, ../scss/app.scss */
#beautyGenius .bg_single-product__title p {
  text-align: left;
  padding-left: 30px;
  color: #C1C1C1;
}

/* line 15297, ../scss/app.scss */
#beautyGenius .bg_single-product__item {
  position: relative;
  display: table-cell;
  vertical-align: top;
  width: 33.33%;
  text-align: center;
}

/* line 15303, ../scss/app.scss */
#beautyGenius .bg_single-product__item img {
  width: 100%;
}

/* line 15305, ../scss/app.scss */
#beautyGenius .bg_single-product .bg_buy-module {
  display: table-cell;
  vertical-align: middle;
  width: 33.33%;
}

/* line 15309, ../scss/app.scss */
#beautyGenius .bg_fave {
  margin-top: 20px !important;
}

@media only screen and (max-width: 1024px) {
  /* line 15312, ../scss/app.scss */
  #beautyGenius .bg_fave.slide.bg_ariane_hidden {
    margin-top: 20px;
  }
}
/* line 15314, ../scss/app.scss */
#beautyGenius .bg_fave--mobile {
  display: none;
}

@media only screen and (max-width: 1024px) {
  /* line 15317, ../scss/app.scss */
  #beautyGenius .bg_fave .bg_text--title {
    position: static;
    padding: 0;
    margin-bottom: 40px;
  }
}
/* line 15321, ../scss/app.scss */
#beautyGenius .bg_fave__content {
  width: 100%;
  margin: 20px auto 0px auto;
}

@media only screen and (max-width: 1024px) {
  /* line 15325, ../scss/app.scss */
  #beautyGenius .bg_fave__content {
    width: 100%;
  }
}
/* line 15327, ../scss/app.scss */
#beautyGenius .bg_fave__content > div {
  display: table;
  width: 100%;
}

/* line 15330, ../scss/app.scss */
#beautyGenius .bg_fave__content .bg_underline {
  margin: 20px 0 40px 0;
  display: block;
}

/* line 15333, ../scss/app.scss */
#beautyGenius .bg_fave__item, #beautyGenius .bg_fave__item--aside, #beautyGenius .bg_fave__item--center {
  display: table-cell;
  vertical-align: middle;
}

/* line 15336, ../scss/app.scss */
#beautyGenius .bg_fave__item--aside {
  width: 30%;
  margin: 0px 20px;
}

/* line 15339, ../scss/app.scss */
#beautyGenius .bg_fave__item--center {
  position: relative;
  width: 40%;
}

/* line 15342, ../scss/app.scss */
#beautyGenius .bg_fave__images {
  width: 100%;
  height: 100%;
}

/* line 15345, ../scss/app.scss */
#beautyGenius .bg_fave__images img {
  float: left;
  width: 50%;
}

/* line 15348, ../scss/app.scss */
#beautyGenius .bg_fave__images div {
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 1;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 768px) {
  /* line 15357, ../scss/app.scss */
  #beautyGenius .bg_fave__images div {
    top: -15px;
    left: -15px;
  }
}
/* line 15360, ../scss/app.scss */
#beautyGenius .bg_tuto {
  position: relative;
}

/* line 15362, ../scss/app.scss */
#beautyGenius .bg_tuto .bg_square, #beautyGenius .bg_tuto .bg_fave__images div, #beautyGenius .bg_fave__images .bg_tuto div, #beautyGenius .bg_tuto .bg_buy-module__square {
  width: 100%;
  height: 100%;
  top: 15px;
  left: 15px;
  position: absolute;
}

/* line 15368, ../scss/app.scss */
#beautyGenius .bg_tuto .bg_text--title {
  position: absolute;
  top: 20px;
  left: 0;
}

/* line 15372, ../scss/app.scss */
#beautyGenius .bg_tuto .bg_text--title.left-align strong {
  padding-left: 0;
}

/* line 15374, ../scss/app.scss */
#beautyGenius .bg_tuto__content {
  width: 40%;
  height: 300px;
  margin: auto;
}

/* line 15378, ../scss/app.scss */
#beautyGenius .bg_tuto__video {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
}

/* line 15383, ../scss/app.scss */
html.no-touchevents #beautyGenius .bg_tuto__video:hover::before {
  opacity: 1;
}

/* line 15385, ../scss/app.scss */
#beautyGenius .bg_tuto__video::after {
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  padding-left: 2px;
  width: 60px;
  height: 60px;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 23px;
  line-height: 55px;
  text-align: center;
}

/* line 15412, ../scss/app.scss */
#beautyGenius .bg_tuto__video::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
}

/* line 15423, ../scss/app.scss */
#beautyGenius .bg_register {
  margin: 0px auto;
  width: 40%;
}

@media only screen and (min-width: 1281px) {
  /* line 15427, ../scss/app.scss */
  #beautyGenius .bg_register {
    width: 50%;
    padding: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 15431, ../scss/app.scss */
  #beautyGenius .bg_register {
    width: 80%;
    margin-top: 50px !important;
  }
}
/* line 15434, ../scss/app.scss */
#beautyGenius .bg_register .bg_square, #beautyGenius .bg_register .bg_fave__images div, #beautyGenius .bg_fave__images .bg_register div, #beautyGenius .bg_register .bg_buy-module__square {
  padding: 20px 0px;
}

@media only screen and (min-width: 769px) {
  /* line 15437, ../scss/app.scss */
  #beautyGenius .bg_register .bg_square, #beautyGenius .bg_register .bg_fave__images div, #beautyGenius .bg_fave__images .bg_register div, #beautyGenius .bg_register .bg_buy-module__square {
    width: 540px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1281px) {
  /* line 15441, ../scss/app.scss */
  #beautyGenius .bg_register .bg_square, #beautyGenius .bg_register .bg_fave__images div, #beautyGenius .bg_fave__images .bg_register div, #beautyGenius .bg_register .bg_buy-module__square {
    padding: 40px 0px;
  }
}
/* line 15443, ../scss/app.scss */
#beautyGenius .bg_register .bg_square p, #beautyGenius .bg_register .bg_fave__images div p, #beautyGenius .bg_fave__images .bg_register div p, #beautyGenius .bg_register .bg_buy-module__square p {
  margin-bottom: 20px;
}

/* line 15445, ../scss/app.scss */
#beautyGenius .bg_register .bg_square .bg_btn, #beautyGenius .bg_register .bg_fave__images div .bg_btn, #beautyGenius .bg_fave__images .bg_register div .bg_btn, #beautyGenius .bg_register .bg_buy-module__square .bg_btn, #beautyGenius .bg_register .bg_square .bg_double-radios--mobile .bg_text--choice-radio, #beautyGenius .bg_double-radios--mobile .bg_register .bg_square .bg_text--choice-radio, #beautyGenius .bg_register .bg_fave__images div .bg_double-radios--mobile .bg_text--choice-radio, #beautyGenius .bg_double-radios--mobile .bg_register .bg_fave__images div .bg_text--choice-radio, #beautyGenius .bg_fave__images .bg_register div .bg_double-radios--mobile .bg_text--choice-radio, #beautyGenius .bg_double-radios--mobile .bg_fave__images .bg_register div .bg_text--choice-radio, #beautyGenius .bg_register .bg_buy-module__square .bg_double-radios--mobile .bg_text--choice-radio, #beautyGenius .bg_double-radios--mobile .bg_register .bg_buy-module__square .bg_text--choice-radio {
  margin: 10px;
}

/* line 15447, ../scss/app.scss */
#beautyGenius .bg_register .bg_underline {
  position: relative;
  margin: 40px 0;
  display: inline-block;
  text-transform: none;
  font-weight: 600;
  letter-spacing: 1px;
}

/* line 15454, ../scss/app.scss */
#beautyGenius .bg_register .bg_underline::after {
  right: 150%;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

/* line 15459, ../scss/app.scss */
#beautyGenius .bg_register .bg_underline::before {
  left: 150%;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

/* line 15464, ../scss/app.scss */
#beautyGenius .bg_register .bg_underline::after, #beautyGenius .bg_register .bg_underline::before {
  content: '';
  position: absolute;
  top: 50%;
  height: 1px;
  width: 60px;
  background-color: #000;
}

/* line 15471, ../scss/app.scss */
#beautyGenius .bg_intro {
  padding: 5% 80px 0 80px;
}

@media only screen and (max-width: 1024px) {
  /* line 15474, ../scss/app.scss */
  #beautyGenius .bg_intro {
    padding: 10% 50px 0 50px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 15477, ../scss/app.scss */
  #beautyGenius .bg_intro {
    padding: 10% 30px 0 30px;
  }
}
/* line 15479, ../scss/app.scss */
#beautyGenius .bg_intro > p {
  font-size: 22px;
  font-weight: 300;
}

/* line 15482, ../scss/app.scss */
#beautyGenius .bg_intro__content {
  width: 40%;
  padding: 30px 40px;
  margin: 60px auto 60px auto;
  border: 4px solid #000;
}

@media only screen and (min-width: 1281px) {
  /* line 15488, ../scss/app.scss */
  #beautyGenius .bg_intro__content {
    width: 30%;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 15491, ../scss/app.scss */
  #beautyGenius .bg_intro__content {
    width: 60%;
  }
}
/* line 15493, ../scss/app.scss */
#beautyGenius .bg_intro .bg_btn, #beautyGenius .bg_intro .bg_double-radios--mobile .bg_text--choice-radio, #beautyGenius .bg_double-radios--mobile .bg_intro .bg_text--choice-radio {
  position: relative;
  outline-width: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 15499, ../scss/app.scss */
#beautyGenius .bg_intro .bg_btn::after, #beautyGenius .bg_intro .bg_double-radios--mobile .bg_text--choice-radio::after, #beautyGenius .bg_double-radios--mobile .bg_intro .bg_text--choice-radio::after {
  right: -10%;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

/* line 15504, ../scss/app.scss */
#beautyGenius .bg_intro .bg_btn::before, #beautyGenius .bg_intro .bg_double-radios--mobile .bg_text--choice-radio::before, #beautyGenius .bg_double-radios--mobile .bg_intro .bg_text--choice-radio::before {
  left: -10%;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

/* line 15509, ../scss/app.scss */
#beautyGenius .bg_intro .bg_btn::after, #beautyGenius .bg_intro .bg_double-radios--mobile .bg_text--choice-radio::after, #beautyGenius .bg_double-radios--mobile .bg_intro .bg_text--choice-radio::after, #beautyGenius .bg_intro .bg_btn::before, #beautyGenius .bg_intro .bg_double-radios--mobile .bg_text--choice-radio::before, #beautyGenius .bg_double-radios--mobile .bg_intro .bg_text--choice-radio::before {
  content: '';
  position: absolute;
  top: 50%;
  height: 1px;
  width: 60px;
  background-color: #000;
}

/* line 15516, ../scss/app.scss */
#beautyGenius .bg_intro .bg_intro--container {
  text-align: center;
  margin: 0 auto;
  width: 550px;
  position: relative;
  z-index: 3;
}

/* line 15522, ../scss/app.scss */
#beautyGenius .bg_intro .bg_intro--container .logo_intro {
  width: 150px;
}

/* line 15524, ../scss/app.scss */
#beautyGenius .bg_intro .bg_intro--container h4 {
  font-size: 24px;
  font-weight: 700;
  margin-top: 30px;
}

/* line 15528, ../scss/app.scss */
#beautyGenius .bg_intro .bg_intro--container p {
  font-size: 18px;
  font-weight: 400;
  line-height: 35px;
}

/* line 15532, ../scss/app.scss */
#beautyGenius .bg_intro .bg_intro--container .bg-start-beauty {
  margin-top: 45px;
}

/* line 15534, ../scss/app.scss */
#beautyGenius .bg_intro .bg_intro--container .bg-start-beauty:after, #beautyGenius .bg_intro .bg_intro--container .bg-start-beauty:before {
  content: none;
}

/* line 15536, ../scss/app.scss */
#beautyGenius .bg_circle-choices__container {
  width: 100%;
  text-align: center;
}

/* line 15539, ../scss/app.scss */
#beautyGenius .bg_circle-choices__row {
  display: inline-block;
  font-size: 0;
}

/* line 15542, ../scss/app.scss */
#beautyGenius .bg_circle-choices--images .bg_circle-choices__item--circle {
  width: 100px;
  height: 100px;
}

@media only screen and (max-width: 1024px) {
  /* line 15546, ../scss/app.scss */
  #beautyGenius .bg_circle-choices--images .bg_circle-choices__item--circle {
    width: 70px;
    height: 70px;
  }
}
/* line 15549, ../scss/app.scss */
#beautyGenius .bg_circle-choices--images .bg_circle-choices--mobile {
  display: none;
}

/* line 15551, ../scss/app.scss */
#beautyGenius .bg_circle-choices__item {
  margin: 40px;
  display: inline-block;
}

@media only screen and (max-width: 1280px) {
  /* line 15555, ../scss/app.scss */
  #beautyGenius .bg_circle-choices__item {
    margin: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 15558, ../scss/app.scss */
  #beautyGenius .bg_circle-choices__item {
    margin: 10px;
  }
}
/* line 15560, ../scss/app.scss */
#beautyGenius .bg_circle-choices__item--circle {
  position: relative;
  z-index: 0;
  width: 80px;
  height: 80px;
  margin: 20px auto;
  border-radius: 50%;
  background-size: 150%;
  background-position: center;
  cursor: pointer;
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
}

@media only screen and (max-width: 1024px) {
  /* line 15576, ../scss/app.scss */
  #beautyGenius .bg_circle-choices__item--circle {
    width: 60px;
    height: 60px;
  }
}
/* line 15579, ../scss/app.scss */
#beautyGenius .bg_circle-choices__item--circle::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* line 15595, ../scss/app.scss */
html.no-touchevents #beautyGenius .bg_circle-choices__item--circle:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/* line 15599, ../scss/app.scss */
html.no-touchevents #beautyGenius .bg_circle-choices__item--circle:hover::after {
  opacity: 1;
}

/* line 15601, ../scss/app.scss */
html.no-touchevents #beautyGenius .bg_circle-choices__item--circle:hover + p {
  color: #000;
}

/* line 15603, ../scss/app.scss */
#beautyGenius .bg_circle-choices__item .is-validated {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/* line 15607, ../scss/app.scss */
#beautyGenius .bg_circle-choices__item .is-validated::after {
  opacity: 1;
}

/* line 15609, ../scss/app.scss */
#beautyGenius .bg_circle-choices__item .is-validated + p {
  color: #000;
}

/* line 15611, ../scss/app.scss */
#beautyGenius .bg_double-radios, #beautyGenius .bg_double-radios--illustrated, #beautyGenius .bg_triple-radios {
  position: relative;
}

/* line 15613, ../scss/app.scss */
#beautyGenius .bg_double-radios__item {
  margin: 80px 20px 0px 20px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  display: inline-block;
}

/* line 15619, ../scss/app.scss */
html.no-touchevents #beautyGenius .bg_double-radios__item:hover .is-selected::after, #beautyGenius .bg_double-radios__item .is-validated::after {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

/* line 15623, ../scss/app.scss */
#beautyGenius .bg_double-radios--mobile {
  display: none;
}

/* line 15625, ../scss/app.scss */
#beautyGenius .bg_double-radios--illustrated {
  margin: 0 auto;
  width: 1280px;
}

@media only screen and (max-width: 1280px) {
  /* line 15629, ../scss/app.scss */
  #beautyGenius .bg_double-radios--illustrated {
    width: 1000px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 15632, ../scss/app.scss */
  #beautyGenius .bg_double-radios--illustrated {
    width: 800px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 15635, ../scss/app.scss */
  #beautyGenius .bg_double-radios--illustrated {
    width: auto;
  }
}
/* line 15637, ../scss/app.scss */
#beautyGenius .bg_double-radios--illustrated--mobile {
  display: none;
}

/* line 15639, ../scss/app.scss */
#beautyGenius .bg_double-radios--illustrated #woman {
  left: 30px;
}

/* line 15641, ../scss/app.scss */
#beautyGenius .bg_double-radios--illustrated #man {
  right: 30px;
}

/* line 15643, ../scss/app.scss */
#beautyGenius .bg_double-radios--illustrated #man + .bg_double-radios__item .bg_text--choice-radio {
  float: left;
  margin: 0 20px 0 0;
}

/* line 15646, ../scss/app.scss */
#beautyGenius .bg_double-radios--illustrated .bg_illustration {
  position: absolute;
  bottom: -50%;
  z-index: 0;
  width: 25%;
  max-width: 300px;
}

/* line 15652, ../scss/app.scss */
#beautyGenius .bg_double-radios--illustrated .bg_illustration#man {
  width: 22%;
  bottom: -30%;
}

@media only screen and (max-width: 1280px) {
  /* line 15656, ../scss/app.scss */
  #beautyGenius .bg_double-radios--illustrated .bg_illustration {
    bottom: -25%;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 15659, ../scss/app.scss */
  #beautyGenius .bg_double-radios--illustrated .bg_illustration {
    bottom: -20%;
  }

  /* line 15661, ../scss/app.scss */
  #beautyGenius .bg_double-radios--illustrated .bg_illustration#man {
    bottom: -5%;
  }
}
/* line 15663, ../scss/app.scss */
#beautyGenius .bg_multiple-radios__item {
  cursor: pointer;
}

/* line 15665, ../scss/app.scss */
html.no-touchevents #beautyGenius .bg_multiple-radios__item:hover .is-selected::after, #beautyGenius .bg_multiple-radios__item .is-validated::after {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

/* line 15669, ../scss/app.scss */
#beautyGenius .bg_multiple-radios__content {
  float: left;
  width: 60%;
  text-align: right;
}

/* line 15673, ../scss/app.scss */
#beautyGenius .bg_multiple-radios__content > div {
  padding: 40px 80px 0px 0px;
}

/* line 15675, ../scss/app.scss */
#beautyGenius .bg_multiple-radios .bg_text--title:after {
  display: none;
}

/* line 15677, ../scss/app.scss */
#beautyGenius .bg_multiple-radios .bg_illustration {
  float: left;
  height: 300px;
  margin-left: 50px;
  width: auto;
}

@media only screen and (max-width: 1024px) {
  /* line 15683, ../scss/app.scss */
  #beautyGenius .bg_multiple-radios .bg_illustration {
    height: 250px;
    margin-left: 25px;
    margin-top: 20px;
  }
}
/* line 15687, ../scss/app.scss */
#beautyGenius .bg_multiple-radios__item {
  position: relative;
  margin: 20px 0px;
}

/* line 15690, ../scss/app.scss */
#beautyGenius .bg_multiple-radios__item .bg_radios {
  vertical-align: middle;
}

/* line 15692, ../scss/app.scss */
#beautyGenius .bg_multiple-radios__item .bg_text--choice-radio {
  display: inline-block;
  float: none;
  margin-right: 20px;
  text-align: right;
}

/* line 15697, ../scss/app.scss */
#beautyGenius .bg_multiple-radios--mobile {
  display: none;
}

/* line 15699, ../scss/app.scss */
#beautyGenius .bg_radios {
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

/* line 15707, ../scss/app.scss */
#beautyGenius .bg_radios::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #000;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

/* line 15724, ../scss/app.scss */
#beautyGenius .bg_arianne {
  height: 80px;
}

/* line 15726, ../scss/app.scss */
#beautyGenius .bg_buy-module h5, #beautyGenius .bg_buy-module h6 {
  font-weight: 600;
  text-transform: uppercase;
}

/* line 15729, ../scss/app.scss */
#beautyGenius .bg_buy-module h5 {
  font-size: 14px;
}

@media only screen and (max-width: 1280px) {
  /* line 15732, ../scss/app.scss */
  #beautyGenius .bg_buy-module h5 {
    font-size: 12px;
  }
}
/* line 15734, ../scss/app.scss */
#beautyGenius .bg_buy-module h6 {
  font-size: 12px;
  width: 80%;
  text-align: left;
}

@media only screen and (max-width: 1280px) {
  /* line 15739, ../scss/app.scss */
  #beautyGenius .bg_buy-module h6 {
    width: 100%;
  }
}
/* line 15741, ../scss/app.scss */
#beautyGenius .bg_buy-module p {
  font-size: 12px;
}

@media only screen and (max-width: 1280px) {
  /* line 15744, ../scss/app.scss */
  #beautyGenius .bg_buy-module p {
    font-size: 10px;
  }
}
/* line 15746, ../scss/app.scss */
#beautyGenius .bg_buy-module a {
  font-size: 10px;
}

/* line 15748, ../scss/app.scss */
#beautyGenius .bg_buy-module__square {
  padding: 10px 20px 10px 20px;
}

/* line 15750, ../scss/app.scss */
#beautyGenius .bg_buy-module__square > div {
  margin-top: 20px;
}

/* line 15752, ../scss/app.scss */
#beautyGenius .bg_buy-module__infos {
  text-align: left;
  margin-top: 12px;
}

/* line 15755, ../scss/app.scss */
#beautyGenius .bg_buy-module__infos p {
  margin-top: 10px;
  color: #808080;
  font-size: 14px;
  font-weight: 300;
}

@media only screen and (max-width: 1280px) {
  /* line 15761, ../scss/app.scss */
  #beautyGenius .bg_buy-module__infos p {
    font-size: 10px;
  }
}
/* line 15763, ../scss/app.scss */
#beautyGenius .bg_buy-module__actions {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  text-align: left;
}

/* line 15768, ../scss/app.scss */
#beautyGenius .bg_buy-module__actions .underline {
  color: rgba(0, 0, 0, 0.6);
}

/* line 15770, ../scss/app.scss */
#beautyGenius .bg_buy-module__actions .wishlist {
  text-transform: uppercase;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.4);
  margin-left: 10px;
}

/* line 15775, ../scss/app.scss */
#beautyGenius .bg_buy-module__actions .wishlist:before {
  position: relative;
  top: 5px;
  font-size: 22px;
  color: rgba(0, 0, 0, 0.2);
  content: "";
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

/* line 15789, ../scss/app.scss */
#beautyGenius .bg_buy-module__actions > div {
  margin-top: 20px;
}

/* line 15791, ../scss/app.scss */
#beautyGenius .bg_btn, #beautyGenius .bg_double-radios--mobile .bg_text--choice-radio {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px 30px;
  background-color: transparent;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.3em;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition--moz-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition--o-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 15804, ../scss/app.scss */
html.no-touchevents #beautyGenius .bg_btn:hover, html.no-touchevents #beautyGenius .bg_double-radios--mobile .bg_text--choice-radio:hover {
  background-color: #000;
  color: #fff;
}

/* line 15807, ../scss/app.scss */
#beautyGenius .bg_nav {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  padding: 0px 60px 20px;
}

/* line 15813, ../scss/app.scss */
#beautyGenius .bg_nav--next, #beautyGenius .bg_nav--prev {
  position: relative;
}

/* line 15815, ../scss/app.scss */
#beautyGenius .bg_nav--next::after, #beautyGenius .bg_nav--prev::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 75px;
  height: 2px;
  background-color: #000;
}

/* line 15822, ../scss/app.scss */
#beautyGenius .bg_nav--next {
  float: right;
  padding-right: 10px;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* line 15828, ../scss/app.scss */
#beautyGenius .bg_nav--next::after {
  left: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* line 15832, ../scss/app.scss */
html.no-touchevents #beautyGenius .bg_nav--next:hover {
  padding-right: 0px;
}

/* line 15834, ../scss/app.scss */
html.no-touchevents #beautyGenius .bg_nav--next:hover::after {
  width: 65px;
  -webkit-transform: translate(10px);
  -ms-transform: translate(10px);
  transform: translate(10px);
}

/* line 15839, ../scss/app.scss */
#beautyGenius .bg_nav--prev {
  float: left;
  padding-left: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* line 15844, ../scss/app.scss */
#beautyGenius .bg_nav--prev::after {
  right: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* line 15848, ../scss/app.scss */
html.no-touchevents #beautyGenius .bg_nav--prev:hover {
  padding-left: 0px;
}

/* line 15850, ../scss/app.scss */
html.no-touchevents #beautyGenius .bg_nav--prev:hover::after {
  width: 65px;
  -webkit-transform: translate(-10px);
  -ms-transform: translate(-10px);
  transform: translate(-10px);
}

/* line 15855, ../scss/app.scss */
#beautyGenius .bg_header_step .bg_text--big {
  text-transform: uppercase;
  font-size: 24px;
  letter-spacing: 36px;
  font-weight: 700;
  line-height: 100px;
}

@media only screen and (max-width: 1280px) {
  /* line 15862, ../scss/app.scss */
  #beautyGenius .bg_header_step .bg_text--big {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 15865, ../scss/app.scss */
  #beautyGenius .bg_header_step .bg_text--big {
    letter-spacing: 10px;
  }
}
/* line 15867, ../scss/app.scss */
#beautyGenius .bg_header_step .bg_text--big img {
  width: 64px;
  margin-right: 30px;
}

/* line 15870, ../scss/app.scss */
#beautyGenius .bg_header_intro .bg_text--big {
  text-transform: none;
  font-size: 44px;
  font-weight: 400;
  margin-bottom: 25px;
  z-index: 1;
}

@media only screen and (max-width: 1280px) {
  /* line 15877, ../scss/app.scss */
  #beautyGenius .bg_header_intro .bg_text--big {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 15880, ../scss/app.scss */
  #beautyGenius .bg_header_intro .bg_text--big {
    letter-spacing: 10px;
  }
}
/* line 15882, ../scss/app.scss */
#beautyGenius .bg_header_intro .bg_text--big img {
  width: 64px;
  margin-right: 30px;
}

/* line 15885, ../scss/app.scss */
#beautyGenius .bg_text--title {
  position: relative;
  z-index: 5;
  text-transform: uppercase;
  font-size: 21px;
  letter-spacing: 9px;
}

/* line 15891, ../scss/app.scss */
#beautyGenius .bg_text--title span {
  font-weight: 800;
}

@media only screen and (max-width: 1024px) {
  /* line 15894, ../scss/app.scss */
  #beautyGenius .bg_text--title span {
    display: block;
  }
}
/* line 15896, ../scss/app.scss */
#beautyGenius .bg_text--title::after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 20px;
  height: 2px;
  background-color: #000;
}

/* line 15907, ../scss/app.scss */
#beautyGenius .bg_text--title.left-align {
  text-align: left;
}

@media only screen and (max-width: 1280px) {
  /* line 15910, ../scss/app.scss */
  #beautyGenius .bg_text--title.left-align {
    font-size: 18px;
    letter-spacing: 8px;
  }
}
/* line 15913, ../scss/app.scss */
#beautyGenius .bg_text--title.left-align strong {
  padding-left: 30px;
  display: block;
}

@media only screen and (max-width: 1024px) {
  /* line 15917, ../scss/app.scss */
  #beautyGenius .bg_text--title.left-align strong {
    padding-left: 30px;
  }
}
/* line 15919, ../scss/app.scss */
#beautyGenius .bg_text--title.left-align:after {
  display: none;
}

/* line 15921, ../scss/app.scss */
#beautyGenius .bg_text--pagination {
  text-transform: uppercase;
  letter-spacing: 10px;
  font-size: 12px;
  font-weight: 700;
}

/* line 15926, ../scss/app.scss */
#beautyGenius .bg_text--choice-radio {
  float: right;
  margin-left: 20px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
}

/* line 15933, ../scss/app.scss */
#beautyGenius .bg_text--choice-circle {
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.3);
  font-weight: 700;
  font-size: 12px;
  lette-spacing: 5px;
}

/* line 15939, ../scss/app.scss */
#beautyGenius .bg_text--ariane {
  position: relative;
  z-index: 5;
  display: inline-block;
  margin: 20px 70px 0 70px;
  color: rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  cursor: pointer;
}

/* line 15950, ../scss/app.scss */
#beautyGenius .bg_text--ariane.is-actif {
  color: #000;
}

/* line 15952, ../scss/app.scss */
#beautyGenius .bg_text--ariane:first-child {
  margin-left: 0;
}

/* line 15954, ../scss/app.scss */
#beautyGenius .bg_text--ariane:last-child {
  margin-right: 0;
}

/* line 15956, ../scss/app.scss */
#beautyGenius .bg_text--ariane:not(:last-child)::after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100px;
  height: 1px;
  margin-left: 20px;
  background-color: rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 1280px) {
  /* line 15969, ../scss/app.scss */
  #beautyGenius .bg_text--ariane {
    margin: 20px 30px 0 30px;
  }

  /* line 15971, ../scss/app.scss */
  #beautyGenius .bg_text--ariane:not(:last-child)::after {
    margin-left: 10px;
    width: 40px;
  }
}
/* line 15974, ../scss/app.scss */
#beautyGenius .bg_text--product-title {
  font-size: 16px;
  letter-spacing: 3px;
  margin: 0;
}

/* line 15978, ../scss/app.scss */
#beautyGenius .bg_text--product-title::before {
  margin-bottom: 10px;
  margin-top: 20px;
}

/* line 15981, ../scss/app.scss */
#beautyGenius .bg_illustration {
  width: 400px;
}

/* line 15983, ../scss/app.scss */
#beautyGenius .bg_illustration_intro {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 15989, ../scss/app.scss */
#beautyGenius .bg_illustration_intro#man {
  right: 5%;
}

/* line 15991, ../scss/app.scss */
#beautyGenius .bg_illustration_intro#woman {
  left: 5%;
}

@media only screen and (max-width: 1680px) {
  /* line 15994, ../scss/app.scss */
  #beautyGenius .bg_illustration_intro {
    width: 425px;
  }
}
@media only screen and (max-width: 1400px) {
  /* line 15997, ../scss/app.scss */
  #beautyGenius .bg_illustration_intro {
    width: 350px;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 16000, ../scss/app.scss */
  #beautyGenius .bg_illustration_intro {
    width: 300px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 16003, ../scss/app.scss */
  #beautyGenius .bg_illustration_intro {
    display: none;
  }
}
/* line 16005, ../scss/app.scss */
#beautyGenius .bg_underline {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 3px;
}

/* line 16011, ../scss/app.scss */
#beautyGenius .bg_square, #beautyGenius .bg_fave__images div, #beautyGenius .bg_buy-module__square {
  border: 5px solid #000;
}

/* line 16013, ../scss/app.scss */
#beautyGenius .is-hidden {
  display: none !important;
}

/* line 16015, ../scss/app.scss */
#beautyGenius .is-not-visible {
  visibility: hidden;
}

/* line 16017, ../scss/app.scss */
#beautyGenius .slide {
  margin-top: 50px;
}

@media only screen and (max-width: 1024px) {
  /* line 16020, ../scss/app.scss */
  #beautyGenius .slide {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 16023, ../scss/app.scss */
  #beautyGenius .slide.bg_ariane_hidden {
    margin-top: 60px;
  }
}
/* line 16025, ../scss/app.scss */
#beautyGenius .slide.bg_single-product, #beautyGenius .slide.bg_products {
  margin-top: 60px;
}

@media only screen and (max-width: 1024px) {
  /* line 16028, ../scss/app.scss */
  #beautyGenius .slide.bg_single-product, #beautyGenius .slide.bg_products {
    margin-top: 20px;
  }
}
/* line 16030, ../scss/app.scss */
#beautyGenius .bg_no-padding {
  padding: 0;
}

@media only screen and (max-width: 1280px) {
  /* line 16033, ../scss/app.scss */
  #beautyGenius .bg_header_intro {
    margin-top: 45px;
  }

  /* line 16035, ../scss/app.scss */
  #beautyGenius .bg_header_intro .bg_text--big {
    text-transform: none;
    font-size: 28px;
  }

  /* line 16038, ../scss/app.scss */
  #beautyGenius .bg_intro {
    padding: 3% 0px 0 0px;
  }

  /* line 16040, ../scss/app.scss */
  #beautyGenius .bg_intro .bg_intro--container {
    width: 460px;
  }

  /* line 16042, ../scss/app.scss */
  #beautyGenius .bg_intro .bg_intro--container .logo_intro {
    width: 100px;
  }

  /* line 16044, ../scss/app.scss */
  #beautyGenius .bg_intro .bg_intro--container h4 {
    font-size: 18px;
  }

  /* line 16046, ../scss/app.scss */
  #beautyGenius .bg_intro .bg_intro--container p {
    font-size: 16px;
  }

  /* line 16048, ../scss/app.scss */
  #beautyGenius .bg_intro .bg_intro--container .bg-start-beauty {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 16051, ../scss/app.scss */
  #beautyGenius {
    /* LAYOUT */
    /* PANES - QUESTIONS */
    /* PANES - GENERAUX */
    /* COMPONENTS */
    /* UTILS */
  }

  /* line 16057, ../scss/app.scss */
  #beautyGenius .bg_wrapper {
    height: 500px;
    max-height: 500px;
    border: 15px solid #e2f3f3;
    padding: 10px 0px 50px 0px;
  }

  /* line 16062, ../scss/app.scss */
  #beautyGenius .bg_arianne {
    display: none;
  }

  /* line 16064, ../scss/app.scss */
  #beautyGenius .bg_header {
    height: 60px;
    padding: 0px 20px;
  }

  /* line 16067, ../scss/app.scss */
  #beautyGenius .bg_header--mobile {
    display: block;
    text-align: left;
  }

  /* line 16070, ../scss/app.scss */
  #beautyGenius .bg_header--mobile img {
    width: 50px;
    margin-right: 20px;
  }

  /* line 16073, ../scss/app.scss */
  #beautyGenius .bg_header--mobile .bg_text--title {
    position: relative;
    display: inline-block;
    padding: 0;
    font-weight: 800;
    letter-spacing: 12px;
  }

  /* line 16079, ../scss/app.scss */
  #beautyGenius .bg_header--mobile .bg_text--title::after {
    display: block;
    top: 40px;
    left: 0;
  }

  /* line 16083, ../scss/app.scss */
  #beautyGenius .bg_content {
    height: auto;
    padding: 0;
  }

  /* line 16086, ../scss/app.scss */
  #beautyGenius .bg_content .bg_ariane_hidden {
    width: auto;
  }

  /* line 16088, ../scss/app.scss */
  #beautyGenius .bg_header_intro {
    margin-top: 25px;
  }

  /* line 16090, ../scss/app.scss */
  #beautyGenius .bg_header_intro .bg_text--big {
    letter-spacing: 4px;
    font-weight: 600;
    line-height: 30px;
    text-transform: none;
    font-size: 18px;
    margin-bottom: 0;
  }

  /* line 16097, ../scss/app.scss */
  #beautyGenius .bg_header_intro .subtitle:before, #beautyGenius .bg_header_intro .subtitle:after {
    width: 50px;
  }

  /* line 16099, ../scss/app.scss */
  #beautyGenius .bg_intro {
    width: 85%;
    margin: 0 auto;
  }

  /* line 16102, ../scss/app.scss */
  #beautyGenius .bg_intro .bg_intro--container {
    width: auto !important;
  }

  /* line 16104, ../scss/app.scss */
  #beautyGenius .bg_intro .bg_intro--container h4 {
    font-size: 16px;
  }

  /* line 16106, ../scss/app.scss */
  #beautyGenius .bg_intro .bg_intro--container p {
    font-size: 12px;
    line-height: 25px;
  }

  /* line 16109, ../scss/app.scss */
  #beautyGenius .bg_double-radios--desktop {
    display: none;
  }

  /* line 16111, ../scss/app.scss */
  #beautyGenius .bg_double-radios--mobile {
    display: block;
  }

  /* line 16113, ../scss/app.scss */
  #beautyGenius .bg_double-radios--mobile .bg_text--choice-radio {
    display: block;
    margin: 20px;
  }

  /* line 16116, ../scss/app.scss */
  #beautyGenius .bg_double-radios__item {
    margin: 0;
  }

  /* line 16118, ../scss/app.scss */
  #beautyGenius .bg_double-radios--illustrated {
    width: auto;
  }

  /* line 16120, ../scss/app.scss */
  #beautyGenius .bg_double-radios--illustrated--desktop {
    display: none;
  }

  /* line 16122, ../scss/app.scss */
  #beautyGenius .bg_double-radios--illustrated--mobile {
    display: block;
  }

  /* line 16124, ../scss/app.scss */
  #beautyGenius .bg_double-radios--illustrated--mobile .bg_illustration {
    top: 0px;
    width: 60% !important;
  }

  /* line 16127, ../scss/app.scss */
  #beautyGenius .bg_double-radios--illustrated--mobile .bg_double-radios__item {
    line-height: 125px;
    width: 100%;
  }

  /* line 16130, ../scss/app.scss */
  #beautyGenius .bg_double-radios--illustrated--mobile .bg_double-radios__item:first-child {
    text-align: left;
  }

  /* line 16132, ../scss/app.scss */
  #beautyGenius .bg_double-radios--illustrated--mobile .bg_double-radios__item:last-child {
    text-align: right;
  }

  /* line 16134, ../scss/app.scss */
  #beautyGenius .bg_double-radios--illustrated--mobile .bg_text--choice-radio {
    float: none !important;
  }

  /* line 16136, ../scss/app.scss */
  #beautyGenius .bg_double-radios--illustrated--mobile #woman {
    right: 0px;
    left: inherit;
    max-width: 130px;
  }

  /* line 16140, ../scss/app.scss */
  #beautyGenius .bg_double-radios--illustrated--mobile #man {
    left: 0px;
    max-width: 130px;
  }

  /* line 16143, ../scss/app.scss */
  #beautyGenius .bg_double-radios--illustrated--mobile > div {
    height: 125px;
    position: relative;
  }

  /* line 16146, ../scss/app.scss */
  #beautyGenius .bg_triple-radios .bg_double-radios__item {
    display: block;
    text-align: left;
    padding-left: 30%;
    margin-bottom: 20px;
  }

  /* line 16151, ../scss/app.scss */
  #beautyGenius .bg_multiple-radios--desktop {
    display: none;
  }

  /* line 16153, ../scss/app.scss */
  #beautyGenius .bg_multiple-radios--mobile {
    display: block;
    margin-bottom: 20px;
  }

  /* line 16156, ../scss/app.scss */
  #beautyGenius .bg_multiple-radios__content {
    width: 100%;
  }

  /* line 16158, ../scss/app.scss */
  #beautyGenius .bg_circle-choices, #beautyGenius .bg_circle-choices--images {
    margin-bottom: 20px;
  }

  /* line 16160, ../scss/app.scss */
  #beautyGenius .bg_circle-choices--images .bg_circle-choices__item--circle {
    width: 125px;
    height: 125px;
  }

  /* line 16163, ../scss/app.scss */
  #beautyGenius .bg_circle-choices--images .bg_circle-choices--mobile {
    display: block;
  }

  /* line 16165, ../scss/app.scss */
  #beautyGenius .bg_circle-choices--images .bg_circle-choices--desktop {
    display: none;
  }

  /* line 16167, ../scss/app.scss */
  #beautyGenius .bg_circle-choices__item {
    margin: 0px;
  }

  /* line 16169, ../scss/app.scss */
  #beautyGenius .bg_circle-choices__item--circle {
    width: 50px;
    height: 50px;
    margin: 20px 15px;
  }

  /* line 16173, ../scss/app.scss */
  #beautyGenius .bg_circle-choices__item--circle:hover::after {
    display: none;
  }

  /* line 16175, ../scss/app.scss */
  #beautyGenius .bg_look--mobile {
    display: block;
  }

  /* line 16177, ../scss/app.scss */
  #beautyGenius .bg_look--desktop {
    display: none;
  }

  /* line 16179, ../scss/app.scss */
  #beautyGenius .bg_look img {
    width: 45%;
  }

  /* line 16181, ../scss/app.scss */
  #beautyGenius .bg_look .bg_square, #beautyGenius .bg_look .bg_fave__images div, #beautyGenius .bg_fave__images .bg_look div, #beautyGenius .bg_look .bg_buy-module__square {
    border-width: 4px;
  }

  /* line 16183, ../scss/app.scss */
  #beautyGenius .bg_look__image {
    width: 40%;
    padding-bottom: 55%;
  }

  /* line 16186, ../scss/app.scss */
  #beautyGenius .bg_look__content {
    display: table;
    margin-bottom: 20px;
    width: 100%;
  }

  /* line 16190, ../scss/app.scss */
  #beautyGenius .bg_look__content > div {
    display: table-cell;
    vertical-align: middle;
  }

  /* line 16193, ../scss/app.scss */
  #beautyGenius .bg_look__content > div:last-child {
    text-align: right;
  }

  /* line 16195, ../scss/app.scss */
  #beautyGenius .bg_look .bg_btn, #beautyGenius .bg_look .bg_double-radios--mobile .bg_text--choice-radio, #beautyGenius .bg_double-radios--mobile .bg_look .bg_text--choice-radio {
    width: 90%;
    padding: 10px 20px;
  }

  /* line 16198, ../scss/app.scss */
  #beautyGenius .bg_look .bg_btn:first-child, #beautyGenius .bg_look .bg_double-radios--mobile .bg_text--choice-radio:first-child, #beautyGenius .bg_double-radios--mobile .bg_look .bg_text--choice-radio:first-child {
    margin-bottom: 10px;
  }

  /* line 16200, ../scss/app.scss */
  #beautyGenius .bg_article--desktop {
    display: none;
  }

  /* line 16202, ../scss/app.scss */
  #beautyGenius .bg_article--mobile {
    display: block;
  }

  /* line 16204, ../scss/app.scss */
  #beautyGenius .bg_article img {
    width: 80%;
    margin-top: 10px;
  }

  /* line 16207, ../scss/app.scss */
  #beautyGenius .bg_article p {
    text-align: left;
    font-size: 9px;
  }

  /* line 16210, ../scss/app.scss */
  #beautyGenius .bg_article .bg_btn, #beautyGenius .bg_article .bg_double-radios--mobile .bg_text--choice-radio, #beautyGenius .bg_double-radios--mobile .bg_article .bg_text--choice-radio {
    margin: 10px 0px 20px 0px;
  }

  /* line 16212, ../scss/app.scss */
  #beautyGenius .bg_products--desktop {
    display: none;
  }

  /* line 16214, ../scss/app.scss */
  #beautyGenius .bg_products--mobile {
    display: block;
    width: calc( 100vw - 30px);
    text-align: center;
  }

  /* line 16218, ../scss/app.scss */
  #beautyGenius .bg_products .bg_btn, #beautyGenius .bg_products .bg_double-radios--mobile .bg_text--choice-radio, #beautyGenius .bg_double-radios--mobile .bg_products .bg_text--choice-radio {
    margin: 10px 0px 20px 0px;
  }

  /* line 16220, ../scss/app.scss */
  #beautyGenius .bg_products .bg_separator {
    display: none;
  }

  /* line 16222, ../scss/app.scss */
  #beautyGenius .bg_single-product {
    width: 100% !important;
  }

  /* line 16224, ../scss/app.scss */
  #beautyGenius .bg_single-product__item img {
    width: auto;
    height: 160px;
  }

  /* line 16227, ../scss/app.scss */
  #beautyGenius .bg_single-product--desktop {
    display: none;
  }

  /* line 16229, ../scss/app.scss */
  #beautyGenius .bg_single-product--mobile {
    display: block;
    padding: 0;
  }

  /* line 16232, ../scss/app.scss */
  #beautyGenius .bg_single-product--mobile .bg_text--title {
    padding: 30px 0px 0px 0px;
  }

  /* line 16234, ../scss/app.scss */
  #beautyGenius .bg_single-product .bg_btn, #beautyGenius .bg_single-product .bg_double-radios--mobile .bg_text--choice-radio, #beautyGenius .bg_double-radios--mobile .bg_single-product .bg_text--choice-radio {
    margin: 0px 0px 20px 0px;
  }

  /* line 16236, ../scss/app.scss */
  #beautyGenius .bg_fave--desktop {
    display: none;
  }

  /* line 16238, ../scss/app.scss */
  #beautyGenius .bg_fave--mobile {
    display: block;
  }

  /* line 16240, ../scss/app.scss */
  #beautyGenius .bg_fave.slide.bg_ariane_hidden {
    margin-top: 0px;
  }

  /* line 16242, ../scss/app.scss */
  #beautyGenius .bg_fave .bg_text--title {
    padding: 0px 0px 0px 0px;
    margin-bottom: 30px;
  }

  /* line 16245, ../scss/app.scss */
  #beautyGenius .bg_fave__images {
    display: table;
    position: relative;
    width: 60%;
    margin: 20px auto 20px auto;
  }

  /* line 16250, ../scss/app.scss */
  #beautyGenius .bg_fave__images > div {
    border-width: 4px;
    top: -10px;
    left: -10px;
  }

  /* line 16254, ../scss/app.scss */
  #beautyGenius .bg_fave__images > img {
    display: table-cell;
  }

  /* line 16256, ../scss/app.scss */
  #beautyGenius .bg_fave__btns {
    width: 90%;
    margin: 20px auto;
  }

  /* line 16259, ../scss/app.scss */
  #beautyGenius .bg_fave__btns .bg_btn, #beautyGenius .bg_fave__btns .bg_double-radios--mobile .bg_text--choice-radio, #beautyGenius .bg_double-radios--mobile .bg_fave__btns .bg_text--choice-radio {
    width: 40%;
    padding: 10px 0px;
    margin: 10px;
  }

  /* line 16263, ../scss/app.scss */
  #beautyGenius .bg_tuto__content {
    width: 100%;
    height: 230px;
    margin-top: 40px;
  }

  /* line 16267, ../scss/app.scss */
  #beautyGenius .bg_tuto .bg_text--title {
    position: static;
  }

  /* line 16269, ../scss/app.scss */
  #beautyGenius .bg_tuto .bg_square, #beautyGenius .bg_tuto .bg_fave__images div, #beautyGenius .bg_fave__images .bg_tuto div, #beautyGenius .bg_tuto .bg_buy-module__square {
    border-width: 4px;
    top: -10px;
    left: -10px;
  }

  /* line 16273, ../scss/app.scss */
  #beautyGenius .bg_slider {
    overflow: hidden;
    height: 145px;
  }

  /* line 16276, ../scss/app.scss */
  #beautyGenius .bg_slider__container {
    white-space: nowrap;
  }

  /* line 16278, ../scss/app.scss */
  #beautyGenius .bg_slider .bg_illustration {
    float: none;
    display: block;
    margin: 0 auto 0px auto;
    width: 40%;
    height: auto;
  }

  /* line 16284, ../scss/app.scss */
  #beautyGenius .bg_slider img {
    width: auto;
    height: 145px;
  }

  /* line 16287, ../scss/app.scss */
  #beautyGenius .bg_slider__item {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-align: center;
  }

  /* line 16292, ../scss/app.scss */
  #beautyGenius .bg_slider .bg_radios {
    vertical-align: middle;
    margin-right: 20px;
  }

  /* line 16295, ../scss/app.scss */
  #beautyGenius .bg_slider__nav {
    margin-top: 20px;
  }

  /* line 16297, ../scss/app.scss */
  #beautyGenius .bg_slider__nav ul {
    text-align: center;
  }

  /* line 16299, ../scss/app.scss */
  #beautyGenius .bg_slider__nav li {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 0px 5px;
    background-color: rgba(0, 0, 0, 0.5);
  }

  /* line 16306, ../scss/app.scss */
  #beautyGenius .bg_slider__nav li.is-active {
    background-color: #000;
  }

  /* line 16308, ../scss/app.scss */
  #beautyGenius .bg_nav {
    padding: 20px 60px 20px 0px;
  }

  /* line 16310, ../scss/app.scss */
  #beautyGenius .bg_nav--prev {
    visibility: hidden;
    position: absolute;
    bottom: 10px;
    left: 10px;
  }

  /* line 16315, ../scss/app.scss */
  #beautyGenius .bg_nav--prev:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 36px;
    height: 36px;
    background-image: url("/assets/img/beauty-genius/previous.png");
    background-size: contain;
    visibility: visible;
  }

  /* line 16325, ../scss/app.scss */
  #beautyGenius .bg_nav--prev:after {
    display: none;
  }

  /* line 16327, ../scss/app.scss */
  #beautyGenius .bg_btn, #beautyGenius .bg_double-radios--mobile .bg_text--choice-radio {
    font-size: 8px;
  }

  /* line 16329, ../scss/app.scss */
  #beautyGenius .bg_underline {
    font-weight: 600;
    font-size: 10px;
  }

  /* line 16332, ../scss/app.scss */
  #beautyGenius .bg_radios {
    vertical-align: middle;
  }

  /* line 16334, ../scss/app.scss */
  #beautyGenius .product {
    position: relative;
  }

  /* line 16336, ../scss/app.scss */
  #beautyGenius .product .actions {
    position: absolute;
    right: 10px;
    top: 0px;
  }

  /* line 16340, ../scss/app.scss */
  #beautyGenius .product .actions > span {
    display: block;
    width: 30px;
    height: 30px;
  }

  /* line 16344, ../scss/app.scss */
  #beautyGenius .product .actions > span:first-child {
    margin-bottom: 20px;
  }

  /* line 16346, ../scss/app.scss */
  #beautyGenius .product .actions > span:last-child {
    border-top: 1px #d2d2d2 solid;
  }

  /* line 16348, ../scss/app.scss */
  #beautyGenius .product .actions > span:last-child:before {
    margin-top: 20px;
  }

  /* line 16350, ../scss/app.scss */
  #beautyGenius .bg_header_step > h2 span {
    margin: 0px 5px 0px 10px;
  }

  /* line 16352, ../scss/app.scss */
  #beautyGenius .bg_header_step .bg_text--big {
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 4px;
    font-weight: 600;
    line-height: 60px;
  }

  /* line 16358, ../scss/app.scss */
  #beautyGenius .bg_header_step .bg_text--big img {
    width: 50px;
    margin-right: 0;
  }

  /* line 16361, ../scss/app.scss */
  #beautyGenius .bg_text--title {
    padding: 30px 0px 0px 0px;
    font-size: 16px;
    text-align: left;
    letter-spacing: 3px !important;
  }

  /* line 16366, ../scss/app.scss */
  #beautyGenius .bg_text--title::after {
    display: none;
  }

  /* line 16368, ../scss/app.scss */
  #beautyGenius .bg_text--title span {
    display: block;
  }

  /* line 16370, ../scss/app.scss */
  #beautyGenius .bg_text--title--large-margin {
    margin-bottom: 8%;
  }

  /* line 16372, ../scss/app.scss */
  #beautyGenius .bg_text--choice-radio {
    float: none;
    display: inline-block;
    vertical-align: middle;
  }

  /* line 16376, ../scss/app.scss */
  #beautyGenius .bg_text--step {
    color: #bdbdbd;
    float: right;
    margin-top: 18px;
    font-weight: 500;
    font-size: 16px;
  }

  /* line 16382, ../scss/app.scss */
  #beautyGenius .bg_text--slider {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
  }

  /* line 16389, ../scss/app.scss */
  #beautyGenius .bg_text--choice-circle {
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.3);
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0px;
  }

  /* line 16395, ../scss/app.scss */
  #beautyGenius .bg_separator {
    width: 30%;
    height: 1px;
    margin: 20px auto;
  }

  /* line 16399, ../scss/app.scss */
  #beautyGenius .slide {
    margin-top: 0px;
    padding: 0px 20px;
  }

  /* line 16402, ../scss/app.scss */
  #beautyGenius .slide.bg_mobile_slider {
    padding: 0px;
    margin-bottom: 20px;
  }

  /* line 16405, ../scss/app.scss */
  #beautyGenius .slide.bg_mobile_slider .bg_text--title {
    padding: 30px 20px 0px 20px;
  }

  /* line 16407, ../scss/app.scss */
  #beautyGenius .slide.bg_ariane_hidden {
    margin-top: 0px;
  }

  /* line 16409, ../scss/app.scss */
  #beautyGenius .slide.bg_single-product, #beautyGenius .slide.bg_products {
    margin-top: 0px;
  }

  /* line 16411, ../scss/app.scss */
  #beautyGenius .bg_register {
    margin-top: 30px !important;
  }

  /* line 16413, ../scss/app.scss */
  #beautyGenius .bg_register .bg_underline {
    margin: 25px 0;
  }

  /* line 16415, ../scss/app.scss */
  #beautyGenius .bg_register .bg_square, #beautyGenius .bg_register .bg_fave__images div, #beautyGenius .bg_fave__images .bg_register div, #beautyGenius .bg_register .bg_buy-module__square {
    margin-bottom: 10px;
  }
}
/* line 16418, ../scss/app.scss */
body.sitecore-edit-mode {
  padding-top: 0;
}

/* line 16420, ../scss/app.scss */
body.sitecore-edit-mode .header {
  position: relative;
}

@media print {
  /* line 16424, ../scss/app.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* line 16429, ../scss/app.scss */
  a, a:visited {
    text-decoration: underline;
  }

  /* line 16431, ../scss/app.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 16433, ../scss/app.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
     * Don't show links for images, or javascript/internal links
     */
  /* line 16438, ../scss/app.scss */
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  /* line 16440, ../scss/app.scss */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 16443, ../scss/app.scss */
  thead {
    display: table-header-group;
  }

  /* line 16445, ../scss/app.scss */
  tr, img {
    page-break-inside: avoid;
  }

  /* line 16447, ../scss/app.scss */
  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  /* line 16451, ../scss/app.scss */
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 16454, ../scss/app.scss */
  h2, h3 {
    page-break-after: avoid;
  }
}
/*# sourceMappingURL=app.css.map */
/* line 16460, ../scss/app.scss */
#header {
  position: fixed;
  top: 0;
  z-index: 9999999;
  width: 100%;
  background: #0d0d0d;
}

@media only screen and (max-device-width: 1000px) {
  /* line 16468, ../scss/app.scss */
  #header {
    position: absolute;
  }
}
/* line 16472, ../scss/app.scss */
#header .wrapper {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1230px;
  width: 100%;
}

/* line 16478, ../scss/app.scss */
#header img {
  display: block;
}

/* line 16481, ../scss/app.scss */
.wrapper {
  margin: 0 auto;
}

/* line 16484, ../scss/app.scss */
#header a {
  color: #666;
  text-decoration: none;
}

/* line 16488, ../scss/app.scss */
#header a:hover,
#header a:focus {
  outline: 0;
  text-decoration: underline;
}

/* line 16493, ../scss/app.scss */
#identity {
  width: 120px;
  height: 30px;
  overflow: hidden;
  text-indent: -9999px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background: url(/assets/img/logo-loreal-paris.svg) no-repeat;
  background-size: 100%;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  float: left;
  margin: 21px 0 15px;
}

/* line 16509, ../scss/app.scss */
#account-menu {
  position: relative;
  z-index: 1;
  float: right;
}

/* line 16514, ../scss/app.scss */
#account-menu ul,
#account-menu ol {
  list-style: none;
}

/* line 16518, ../scss/app.scss */
#account-menu ul,
#account-menu ol {
  margin: 0;
  padding: 0;
}

/* line 16523, ../scss/app.scss */
#account-menu ul {
  position: relative;
  z-index: 1;
  float: right;
  margin-right: -1px;
}

/* line 16529, ../scss/app.scss */
#account-menu li {
  display: none;
  float: left;
  border-right: 1px solid #2c2c2c;
}

/* line 16534, ../scss/app.scss */
#account-menu li.lang {
  display: inline;
}

@media only screen and (min-width: 640px) {
  /* line 16538, ../scss/app.scss */
  #account-menu li {
    display: inline;
  }
}
/* line 16542, ../scss/app.scss */
#account-menu li a,
#account-menu li .nolink {
  float: left;
  padding: 16px 8px 0;
  /*height:20px;*/
  color: #999;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

/* line 16552, ../scss/app.scss */
#account-menu li a:hover,
#account-menu li a:focus {
  color: #FFF;
  text-decoration: none;
}

/* line 16557, ../scss/app.scss */
#account-menu li a strong {
  color: #FFF;
  font-weight: normal;
}

/* line 16561, ../scss/app.scss */
.cta-arrow:before {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-left-color: #000;
  position: relative;
  top: 6px;
}

/* line 16573, ../scss/app.scss */
.cta-arrow:hover:before {
  border-left-color: #fff;
}

@media only screen and (min-width: 1024px) {
  /* line 16578, ../scss/app.scss */
  .cta-arrow {
    border-color: #fff !important;
  }

  /* line 16581, ../scss/app.scss */
  .cta-arrow:hover {
    background-color: #fff !important;
    border-color: #000 !important;
    color: #000 !important;
  }

  /* line 16586, ../scss/app.scss */
  .cta-arrow:before {
    border-left-color: #fff;
  }

  /* line 16589, ../scss/app.scss */
  .cta-arrow:hover:before {
    border-left-color: #000;
  }
}
/* line 16593, ../scss/app.scss */
.cover .content .cta-dark {
  margin-bottom: 20px;
}

/* line 16596, ../scss/app.scss */
.cover .content .cta-dark:last-child {
  margin-bottom: 0;
}

/* line 16599, ../scss/app.scss */
#footer {
  background: #000 url(/assets/img/common/transparent.gif);
  color: #999;
  font: 11px/1.4 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/* line 16604, ../scss/app.scss */
#footer .wrapper {
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
  max-width: 1230px;
  width: 100%;
}

/* line 16613, ../scss/app.scss */
#footer .more-block {
  margin-top: 15px;
  padding: 15px;
  background: #111;
  text-align: left;
}

/* line 16619, ../scss/app.scss */
#footer .more-block li.first {
  padding-left: 0;
  background: 0;
}

/* line 16623, ../scss/app.scss */
#footer .more-block li {
  display: inline;
  padding-left: 30px;
  background: url(/assets/img/more-li.png) no-repeat 12px 9px;
}

/* line 16628, ../scss/app.scss */
#footer .more-block a {
  text-transform: uppercase;
}

/* line 16631, ../scss/app.scss */
#footer a {
  color: #666;
  text-decoration: none;
}

/* line 16635, ../scss/app.scss */
#footer .mentions {
  padding-top: 30px;
}

/* line 16638, ../scss/app.scss */
#footer .mentions p {
  margin-bottom: 1em;
  color: #999;
  font: 11px/1.4 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/* line 16644, ../scss/app.scss */
.make-up.revitalift .cta-red {
  background-color: #ed1c2b;
  border-color: #ed1c2b;
  color: #fff;
}

/* line 16649, ../scss/app.scss */
.make-up.revitalift .cta-red:hover,
.make-up.revitalift .cta-red:focus,
.make-up.revitalift .cta-red:active {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

/* line 16658, ../scss/app.scss */
.fullscreen-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}

/* line 16668, ../scss/app.scss */
.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-aspect-ratio: 16 / 9) {
  /* line 16676, ../scss/app.scss */
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16 / 9) {
  /* line 16683, ../scss/app.scss */
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}
@media (max-width: 767px) {
  /* line 16689, ../scss/app.scss */
  .fullscreen-bg {
    background: url("/assets/img/videoframe.jpg") center center/cover no-repeat;
  }

  /* line 16693, ../scss/app.scss */
  .fullscreen-bg__video {
    display: none;
  }
}
/* line 16699, ../scss/app.scss */
.steps-list .step-item {
  margin-bottom: 100px;
}

/* line 16702, ../scss/app.scss */
.steps-list .tutos {
  padding-top: 100px;
}

@media only screen and (max-width: 640px) {
  /* line 16706, ../scss/app.scss */
  .steps-list .tutos {
    padding-top: 35px;
  }
}
/* line 16709, ../scss/app.scss */
.steps-list .step-item .article {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  float: none;
  margin-right: -3px;
  text-align: left;
}

/* line 16717, ../scss/app.scss */
.steps-list .step-item .article + .article {
  padding-left: 35px;
}

/* line 16720, ../scss/app.scss */
.steps-list + .singleTutorial {
  padding-top: 0;
}

/* line 16723, ../scss/app.scss */
.steps-list + .singleTutorial .gallery {
  padding-top: 0;
}

@media only screen and (max-width: 640px) {
  /* line 16728, ../scss/app.scss */
  .steps-list .step-item {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 16732, ../scss/app.scss */
  .steps-list .step-item .article img {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 16737, ../scss/app.scss */
  .steps-list .grid {
    padding: 0 40px;
  }
}
/* line 16743, ../scss/app.scss */
.gallery,
.gallery .simpleSlider {
  height: auto !important;
}

/*.gallery.faqs .simpleSlider,
.gallery.faqs .sliderNavArrow {
    height: 180px !important;
}*/
/* line 16751, ../scss/app.scss */
.gallery.faqs .sliderNavArrow .prev,
.gallery.faqs .sliderNavArrow .next {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* line 16756, ../scss/app.scss */
.gallery.faqs .simpleSlider .panel .wrapper {
  padding-top: 20px;
  width: 50%;
}

@media only screen and (max-width: 640px) {
  /* line 16761, ../scss/app.scss */
  .gallery.faqs .simpleSlider .panel .wrapper {
    width: 80%;
  }
}
@media only screen and (max-width: 768px) {
  /* line 16766, ../scss/app.scss */
  .gallery.faqs .simpleSlider .panel .wrapper {
    width: 70%;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 16771, ../scss/app.scss */
  .cover h1 {
    font-weight: 500;
  }
}
/* COLUMNS */
/* line 16777, ../scss/app.scss */
.wow .cols {
  position: relative;
}

/* line 16780, ../scss/app.scss */
.wow .cols:before,
.wow .cols:after {
  content: " ";
  display: table;
}

/* line 16785, ../scss/app.scss */
.wow .cols:after {
  clear: both;
}

/* line 16788, ../scss/app.scss */
.wow .cols {
  *zoom: 1;
}

/* line 16791, ../scss/app.scss */
.wow .col {
  float: left;
  padding: 0 15px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  /* line 16797, ../scss/app.scss */
  .wow .sm-hidden {
    display: none;
  }

  /* line 16800, ../scss/app.scss */
  .wow .cols .col-sm-12 {
    padding-right: 0;
    padding-left: 0;
  }
}
/* line 16805, ../scss/app.scss */
.wow .cols .col-sm-6 {
  width: 50%;
}

/* line 16808, ../scss/app.scss */
.wow .cols .col-sm-8 {
  width: 66.66%;
}

/* line 16811, ../scss/app.scss */
.wow .cols .col-sm-12 {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  /* line 16815, ../scss/app.scss */
  .wow .col .cols {
    margin-left: -15px;
    margin-right: -15px;
  }

  /* line 16819, ../scss/app.scss */
  .wow .cols .col-md-offset-1 {
    margin-left: 8.33%;
  }

  /* line 16822, ../scss/app.scss */
  .wow .cols .col-md-offset-2 {
    margin-left: 16.66%;
  }

  /* line 16825, ../scss/app.scss */
  .wow .cols .col-md-offset-3 {
    margin-left: 25%;
  }

  /* line 16828, ../scss/app.scss */
  .wow .cols .col-md-4 {
    width: 33.33%;
  }

  /* line 16831, ../scss/app.scss */
  .wow .cols .col-md-offset-4 {
    margin-left: 33.33%;
  }

  /* line 16834, ../scss/app.scss */
  .wow .cols .col-md-5 {
    width: 41.66%;
  }

  /* line 16837, ../scss/app.scss */
  .wow .cols .col-md-6 {
    width: 50%;
  }

  /* line 16840, ../scss/app.scss */
  .wow .cols .col-md-offset-6 {
    margin-left: 50%;
  }

  /* line 16843, ../scss/app.scss */
  .wow .cols .col-md-8 {
    width: 66.66%;
  }

  /* line 16846, ../scss/app.scss */
  .wow .cols .col-md-10 {
    width: 83.33%;
  }

  /* line 16849, ../scss/app.scss */
  .wow .cols .col-md-12 {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  /* line 16854, ../scss/app.scss */
  .wow .cols .col-lg-4 {
    width: 33.33%;
  }

  /* line 16857, ../scss/app.scss */
  .wow .cols .col-lg-5 {
    width: 41.66%;
  }

  /* line 16860, ../scss/app.scss */
  .wow .cols .col-lg-6 {
    width: 50%;
  }

  /* line 16863, ../scss/app.scss */
  .wow .cols .col-lg-8 {
    width: 66.66%;
  }

  /* line 16866, ../scss/app.scss */
  .wow .cols .col-lg-12 {
    width: 100%;
  }
}
/* FORMATTING CONTENT */
/* line 16872, ../scss/app.scss */
.wow h2 {
  font-family: 'Didot', 'Times New Roman', serif;
  text-transform: uppercase;
}

/* line 16876, ../scss/app.scss */
.wow h3 {
  text-transform: uppercase;
}

/* line 16879, ../scss/app.scss */
.wow .txt-uppercase {
  text-transform: uppercase;
}

/* line 16882, ../scss/app.scss */
.wow .txt-left {
  text-align: left;
}

/* line 16885, ../scss/app.scss */
.wow .txt-legal {
  font-size: 10px;
  line-height: 1.4;
}

/* line 16889, ../scss/app.scss */
.wow .txt-intro {
  margin-bottom: 80px;
}

@media only screen and (max-width: 768px) {
  /* line 16893, ../scss/app.scss */
  .wow .txt-intro {
    margin-bottom: 35px;
  }
}
/* COVER */
/* line 16898, ../scss/app.scss */
.wow .cover.category {
  min-height: 0;
  height: auto;
}

/* line 16902, ../scss/app.scss */
.wow .cover .bg {
  background-color: #fff;
  background-position: center bottom;
  background-size: 100% auto;
  height: 100%;
}

/* line 16908, ../scss/app.scss */
.wow .cover .content {
  left: 0;
  margin: 0 auto;
  max-width: 900px;
  padding-bottom: 24vw;
  position: relative;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

/* line 16921, ../scss/app.scss */
.wow .cover .content .intro-category {
  width: 100%;
}

/* line 16924, ../scss/app.scss */
.wow .cover .content h1.title-logo {
  margin-left: 0;
  margin: 0;
  padding: 3.5rem 0;
  width: 100%;
  max-width: 100%;
}

/* line 16931, ../scss/app.scss */
.wow h1.title-logo img {
  display: block;
  margin: 0 auto;
  max-width: 652px;
  width: 50vw;
}

@media only screen and (max-width: 1024px) {
  /* line 16938, ../scss/app.scss */
  .wow h1.title-logo img {
    width: 100%;
  }
}
/* line 16942, ../scss/app.scss */
.wow .cover .content p {
  text-align: center;
}

/* line 16945, ../scss/app.scss */
.wow .cover .content p:after {
  display: none;
}

/* ARTICLE */
/* line 16949, ../scss/app.scss */
.wow .article {
  padding-top: 100px;
  padding-bottom: 100px;
}

/* line 16953, ../scss/app.scss */
.wow .article.connect {
  background-color: #f0f0f0;
}

/* line 16956, ../scss/app.scss */
.wow .article.alt {
  background-color: #fff;
}

/* line 16959, ../scss/app.scss */
.wow .article.gold {
  background-color: #ece0c1;
}

/* SLIDESHOW gallery simplerSlider */
/* line 16964, ../scss/app.scss */
.wow .gallery.alt {
  background-color: #fff;
}

/* line 16967, ../scss/app.scss */
.wow .gallery.gold {
  background-color: #ece0c1;
}

/* line 16970, ../scss/app.scss */
.wow .gallery + .gallery.alt {
  padding-top: 100px;
}

/* line 16973, ../scss/app.scss */
.wow .gallery + .gallery.gold {
  padding-top: 100px;
}

/* line 16976, ../scss/app.scss */
.wow .gallery .simpleSlider .parallax-wrap {
  margin-top: 60px;
}

@media only screen and (max-width: 768px) {
  /* line 16980, ../scss/app.scss */
  .wow .gallery .simpleSlider .parallax-wrap {
    margin-top: 35px;
  }
}
/* FORM SUBSCRIPTION */
/* line 16986, ../scss/app.scss */
.form-subscription .state-error {
  color: red;
}

/* line 16990, ../scss/app.scss */
.main, body {
  height: auto !important;
}

/* line 16993, ../scss/app.scss */
.bt-form {
  -webkit-appearance: none;
  background-color: #ece0c1;
  background-image: none;
  border: 1px solid #bdb39a;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  height: 38px;
  letter-spacing: .3em;
  line-height: 1;
  padding: 12px 30px;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: border 300ms false;
  -webkit-transition-delay: 0s;
  -webkit-transition: border 300ms false false;
  transition: border 300ms false false;
  vertical-align: middle;
}

/* line 17015, ../scss/app.scss */
.bt-form:hover,
.bt-form:focus {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

@media only screen and (min-width: 1025px) {
  /* line 17022, ../scss/app.scss */
  .bt-form {
    -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) false;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
/* line 17027, ../scss/app.scss */
.bt-form.bt-download {
  padding-left: 91px;
  padding-right: 60px;
}

/* line 17031, ../scss/app.scss */
.bt-form.bt-download:after {
  background-color: transparent;
  background-image: url("/assets/img/bt-download.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border-right: 1px solid #bdb39a;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  margin: auto 0;
  position: absolute;
  right: auto;
  top: 0;
  width: 40px;
}

/* line 17048, ../scss/app.scss */
.bt-form.bt-download:hover:after, .bt-form.bt-download:active:after, .bt-form.bt-download:focus:after {
  background-image: url("/assets/img/bt-download-hover.png");
}

/* line 17052, ../scss/app.scss */
.form-subscription {
  padding-bottom: 60px;
  position: relative;
  width: 100%;
}

/* line 17057, ../scss/app.scss */
.form-subscription input[type="email"] {
  background-color: #fff;
  background-image: none;
  border: 1px solid #b4b4b4;
  line-height: 38px;
  font-size: 12px;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  letter-spacing: .025em;
  color: #000;
  height: 38px;
  margin-right: 10px;
  padding: 0 20px;
  border-radius: 0;
  width: 100%;
}

/* line 17073, ../scss/app.scss */
.form-subscription input[type="email"].error {
  color: #D91E18 !important;
}

/* line 17076, ../scss/app.scss */
.form-subscription input[type="email"]:focus {
  outline: 0;
}

/* line 17079, ../scss/app.scss */
.form-subscription ::-webkit-input-placeholder {
  color: #999999;
}

/* line 17082, ../scss/app.scss */
.form-subscription ::-moz-placeholder {
  color: #999999;
}

/* line 17085, ../scss/app.scss */
.form-subscription :-ms-input-placeholder {
  color: #999999;
}

/* line 17088, ../scss/app.scss */
.form-subscription input[type="email"]:-moz-placeholder {
  color: #999999;
}

/* line 17091, ../scss/app.scss */
.form-subscription .checkbox {
  font-size: 12px;
  text-align: left;
  display: inline-block;
  padding-left: 15px;
  position: relative;
  width: 100%;
}

/* line 17100, ../scss/app.scss */
.form-subscription .checkbox input {
  left: 0;
  position: absolute;
  top: 2px;
}

/* line 17106, ../scss/app.scss */
.form-subscription .cols .col .col {
  margin-bottom: 15px;
}

/* line 17109, ../scss/app.scss */
.form-subscription .cols .col .col:last-child {
  margin-bottom: 0;
}

/* line 17113, ../scss/app.scss */
#op-experience {
  min-height: auto !important;
}