.clarins_cvg-container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 0rem;
  padding-left: 0rem;
}
.clarins_cvg-row {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0rem;
  margin-left: 0rem;
}
.clarins_cvg-row.clarins_cvg-reverse {
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}
.clarins_cvg-col.clarins_cvg-reverse {
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
}
.clarins_cvg-col-xs,
.clarins_cvg-col-xs-1,
.clarins_cvg-col-xs-2,
.clarins_cvg-col-xs-3,
.clarins_cvg-col-xs-4,
.clarins_cvg-col-xs-5,
.clarins_cvg-col-xs-6,
.clarins_cvg-col-xs-7,
.clarins_cvg-col-xs-8,
.clarins_cvg-col-xs-9,
.clarins_cvg-col-xs-10,
.clarins_cvg-col-xs-11,
.clarins_cvg-col-xs-12 {
  box-sizing: border-box;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  padding-right: 0rem;
  padding-left: 0rem;
}
.clarins_cvg-col-xs {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}
.clarins_cvg-col-xs-1 {
  -ms-flex-preferred-size: 8.333%;
  flex-basis: 8.333%;
  max-width: 8.333%;
}
.clarins_cvg-col-xs-2 {
  -ms-flex-preferred-size: 16.667%;
  flex-basis: 16.667%;
  max-width: 16.667%;
}
.clarins_cvg-col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
.clarins_cvg-col-xs-4 {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%;
}
.clarins_cvg-col-xs-5 {
  -ms-flex-preferred-size: 41.667%;
  flex-basis: 41.667%;
  max-width: 41.667%;
}
.clarins_cvg-col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.clarins_cvg-col-xs-7 {
  -ms-flex-preferred-size: 58.333%;
  flex-basis: 58.333%;
  max-width: 58.333%;
}
.clarins_cvg-col-xs-8 {
  -ms-flex-preferred-size: 66.667%;
  flex-basis: 66.667%;
  max-width: 66.667%;
}
.clarins_cvg-col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}
.clarins_cvg-col-xs-10 {
  -ms-flex-preferred-size: 83.333%;
  flex-basis: 83.333%;
  max-width: 83.333%;
}
.clarins_cvg-col-xs-11 {
  -ms-flex-preferred-size: 91.667%;
  flex-basis: 91.667%;
  max-width: 91.667%;
}
.clarins_cvg-col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}
.clarins_cvg-col-xs-offset-1 {
  margin-left: 8.333%;
}
.clarins_cvg-col-xs-offset-2 {
  margin-left: 16.667%;
}
.clarins_cvg-col-xs-offset-3 {
  margin-left: 25%;
}
.clarins_cvg-col-xs-offset-4 {
  margin-left: 33.333%;
}
.clarins_cvg-col-xs-offset-5 {
  margin-left: 41.667%;
}
.clarins_cvg-col-xs-offset-6 {
  margin-left: 50%;
}
.clarins_cvg-col-xs-offset-7 {
  margin-left: 58.333%;
}
.clarins_cvg-col-xs-offset-8 {
  margin-left: 66.667%;
}
.clarins_cvg-col-xs-offset-9 {
  margin-left: 75%;
}
.clarins_cvg-col-xs-offset-10 {
  margin-left: 83.333%;
}
.clarins_cvg-col-xs-offset-11 {
  margin-left: 91.667%;
}
.clarins_cvg-start-xs {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  text-align: start;
}
.clarins_cvg-center-xs {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
}
.clarins_cvg-end-xs {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  text-align: end;
}
.clarins_cvg-top-xs {
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
}
.clarins_cvg-middle-xs {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}
.clarins_cvg-bottom-xs {
  -ms-flex-align: end;
  -webkit-box-align: end;
  align-items: flex-end;
}
.clarins_cvg-around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.clarins_cvg-between-xs {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.clarins_cvg-first-xs {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
  order: -1;
}
.clarins_cvg-last-xs {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container {
    width: 46rem;
  }
  .clarins_cvg-col-sm,
  .clarins_cvg-col-sm-1,
  .clarins_cvg-col-sm-2,
  .clarins_cvg-col-sm-3,
  .clarins_cvg-col-sm-4,
  .clarins_cvg-col-sm-5,
  .clarins_cvg-col-sm-6,
  .clarins_cvg-col-sm-7,
  .clarins_cvg-col-sm-8,
  .clarins_cvg-col-sm-9,
  .clarins_cvg-col-sm-10,
  .clarins_cvg-col-sm-11,
  .clarins_cvg-col-sm-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 0rem;
    padding-left: 0rem;
  }
  .clarins_cvg-col-sm {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .clarins_cvg-col-sm-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }
  .clarins_cvg-col-sm-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }
  .clarins_cvg-col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .clarins_cvg-col-sm-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .clarins_cvg-col-sm-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }
  .clarins_cvg-col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .clarins_cvg-col-sm-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }
  .clarins_cvg-col-sm-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }
  .clarins_cvg-col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .clarins_cvg-col-sm-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
  .clarins_cvg-col-sm-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }
  .clarins_cvg-col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .clarins_cvg-col-sm-offset-1 {
    margin-left: 8.333%;
  }
  .clarins_cvg-col-sm-offset-2 {
    margin-left: 16.667%;
  }
  .clarins_cvg-col-sm-offset-3 {
    margin-left: 25%;
  }
  .clarins_cvg-col-sm-offset-4 {
    margin-left: 33.333%;
  }
  .clarins_cvg-col-sm-offset-5 {
    margin-left: 41.667%;
  }
  .clarins_cvg-col-sm-offset-6 {
    margin-left: 50%;
  }
  .clarins_cvg-col-sm-offset-7 {
    margin-left: 58.333%;
  }
  .clarins_cvg-col-sm-offset-8 {
    margin-left: 66.667%;
  }
  .clarins_cvg-col-sm-offset-9 {
    margin-left: 75%;
  }
  .clarins_cvg-col-sm-offset-10 {
    margin-left: 83.333%;
  }
  .clarins_cvg-col-sm-offset-11 {
    margin-left: 91.667%;
  }
  .clarins_cvg-start-sm {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .clarins_cvg-center-sm {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }
  .clarins_cvg-end-sm {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .clarins_cvg-top-sm {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .clarins_cvg-middle-sm {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .clarins_cvg-bottom-sm {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }
  .clarins_cvg-around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .clarins_cvg-between-sm {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .clarins_cvg-first-sm {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .clarins_cvg-last-sm {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}
@media only screen and (min-width: 62em) {
  .clarins_cvg-container {
    width: 61rem;
  }
  .clarins_cvg-col-md,
  .clarins_cvg-col-md-1,
  .clarins_cvg-col-md-2,
  .clarins_cvg-col-md-3,
  .clarins_cvg-col-md-4,
  .clarins_cvg-col-md-5,
  .clarins_cvg-col-md-6,
  .clarins_cvg-col-md-7,
  .clarins_cvg-col-md-8,
  .clarins_cvg-col-md-9,
  .clarins_cvg-col-md-10,
  .clarins_cvg-col-md-11,
  .clarins_cvg-col-md-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 0rem;
    padding-left: 0rem;
  }
  .clarins_cvg-col-md {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .clarins_cvg-col-md-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }
  .clarins_cvg-col-md-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }
  .clarins_cvg-col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .clarins_cvg-col-md-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .clarins_cvg-col-md-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }
  .clarins_cvg-col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .clarins_cvg-col-md-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }
  .clarins_cvg-col-md-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }
  .clarins_cvg-col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .clarins_cvg-col-md-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
  .clarins_cvg-col-md-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }
  .clarins_cvg-col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .clarins_cvg-col-md-offset-1 {
    margin-left: 8.333%;
  }
  .clarins_cvg-col-md-offset-2 {
    margin-left: 16.667%;
  }
  .clarins_cvg-col-md-offset-3 {
    margin-left: 25%;
  }
  .clarins_cvg-col-md-offset-4 {
    margin-left: 33.333%;
  }
  .clarins_cvg-col-md-offset-5 {
    margin-left: 41.667%;
  }
  .clarins_cvg-col-md-offset-6 {
    margin-left: 50%;
  }
  .clarins_cvg-col-md-offset-7 {
    margin-left: 58.333%;
  }
  .clarins_cvg-col-md-offset-8 {
    margin-left: 66.667%;
  }
  .clarins_cvg-col-md-offset-9 {
    margin-left: 75%;
  }
  .clarins_cvg-col-md-offset-10 {
    margin-left: 83.333%;
  }
  .clarins_cvg-col-md-offset-11 {
    margin-left: 91.667%;
  }
  .clarins_cvg-start-md {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .clarins_cvg-center-md {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }
  .clarins_cvg-end-md {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .clarins_cvg-top-md {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .clarins_cvg-middle-md {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .clarins_cvg-bottom-md {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }
  .clarins_cvg-around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .clarins_cvg-between-md {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .clarins_cvg-first-md {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .clarins_cvg-last-md {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}
@media only screen and (min-width: 75em) {
  .clarins_cvg-container {
    width: 71rem;
  }
  .clarins_cvg-col-lg,
  .clarins_cvg-col-lg-1,
  .clarins_cvg-col-lg-2,
  .clarins_cvg-col-lg-3,
  .clarins_cvg-col-lg-4,
  .clarins_cvg-col-lg-5,
  .clarins_cvg-col-lg-6,
  .clarins_cvg-col-lg-7,
  .clarins_cvg-col-lg-8,
  .clarins_cvg-col-lg-9,
  .clarins_cvg-col-lg-10,
  .clarins_cvg-col-lg-11,
  .clarins_cvg-col-lg-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 0rem;
    padding-left: 0rem;
  }
  .clarins_cvg-col-lg {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .clarins_cvg-col-lg-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }
  .clarins_cvg-col-lg-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }
  .clarins_cvg-col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .clarins_cvg-col-lg-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .clarins_cvg-col-lg-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }
  .clarins_cvg-col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .clarins_cvg-col-lg-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }
  .clarins_cvg-col-lg-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }
  .clarins_cvg-col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .clarins_cvg-col-lg-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
  .clarins_cvg-col-lg-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }
  .clarins_cvg-col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .clarins_cvg-col-lg-offset-1 {
    margin-left: 8.333%;
  }
  .clarins_cvg-col-lg-offset-2 {
    margin-left: 16.667%;
  }
  .clarins_cvg-col-lg-offset-3 {
    margin-left: 25%;
  }
  .clarins_cvg-col-lg-offset-4 {
    margin-left: 33.333%;
  }
  .clarins_cvg-col-lg-offset-5 {
    margin-left: 41.667%;
  }
  .clarins_cvg-col-lg-offset-6 {
    margin-left: 50%;
  }
  .clarins_cvg-col-lg-offset-7 {
    margin-left: 58.333%;
  }
  .clarins_cvg-col-lg-offset-8 {
    margin-left: 66.667%;
  }
  .clarins_cvg-col-lg-offset-9 {
    margin-left: 75%;
  }
  .clarins_cvg-col-lg-offset-10 {
    margin-left: 83.333%;
  }
  .clarins_cvg-col-lg-offset-11 {
    margin-left: 91.667%;
  }
  .clarins_cvg-start-lg {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .clarins_cvg-center-lg {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }
  .clarins_cvg-end-lg {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .clarins_cvg-top-lg {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .clarins_cvg-middle-lg {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .clarins_cvg-bottom-lg {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }
  .clarins_cvg-around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .clarins_cvg-between-lg {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .clarins_cvg-first-lg {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .clarins_cvg-last-lg {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}
* {
  user-select: none;
}

html,
body,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
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,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  /*font-weight: normal;*/
}
i-navigation-wrapper {
  font-size: 11px;
}
/* main#clarins_cvg-main .clarins_cvg-container-fluid *{
    margin: 0;
    padding: 0;
    border: 0; 
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
} */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body {
  display: none;
  overflow-x: hidden;
}
body img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#wrapper {
  max-width: 100%;
}
.clarins_cvg-main {
  /*overflow: hidden;*/
  margin: 0 auto;
}
.clarins_cvg-button {
  color: inherit;
  text-decoration: none;
  background-color: #b40924;
  color: #fff;
  padding: 0.75rem 1.5625rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  line-height: 0.875rem;
  max-width: 7.5rem;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-button {
    font-size: 1rem;
    line-height: 1rem;
    max-width: 8.1875rem;
  }
}
.clarins_cvg-container {
  max-width: 85em;
}
@media only screen and (min-width: 85em) {
  .clarins_cvg-container {
    min-width: 85em;
  }
}
.clarins_cvg-clarins-reg {
  font-family: "ClarinsRegular", "Clarins", "Times New Roman", Times, serif;
}
.clarins_cvg-gotham-light {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  font-weight: 100;
}
.clarins_cvg-gotham-book {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  font-weight: 300;
}
.clarins_cvg-vertical-center {
  display: flex;
  align-items: center;
}
.clarins_cvg-main img,
.clarins_cvg-main svg {
  width: initial;
}
.clarins_cvg-isMobile {
  display: block;
}
@media only screen and (min-width: 85em) {
  .clarins_cvg-isMobile {
    display: none;
  }
}
.clarins_cvg-isDesktop {
  display: none;
}
@media only screen and (min-width: 85em) {
  .clarins_cvg-isDesktop {
    display: block;
  }
}
.hidden {
  display: none;
}
[data-name^="main"] {
  /*overflow: hidden;*/
  height: auto;
}
[data-name^="main"].hidden {
  display: none;
  height: 0;
}
[data-name^="main"] .clarins_cvg-box_shadow {
  background: #fff;
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.2);
  padding: 10% 6%;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] .clarins_cvg-box_shadow {
    padding: 7% 8%;
  }
}
[data-name^="main"] .clarins_cvg-marginTop {
  margin-top: 0.9375rem;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] .clarins_cvg-marginTop {
    margin-top: 0.9375rem;
  }
}
[data-name^="main"] .clarins_cvg-container {
  padding: 0;
}
@media only screen and (min-width: 85em) {
  [data-name^="main"] .clarins_cvg-container {
    padding: 0 2em;
  }
}
[data-name^="main"] span,
[data-name^="main"] p {
  font-size: 1rem;
  line-height: 1.625rem;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] span,
  [data-name^="main"] p {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}
[data-name^="main"] img {
  width: 100%;
}
[data-name^="main"] strong {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
}
[data-name^="main"] small:first-child {
  display: flex;
}
[data-name^="main"] small span {
  font-size: 100%;
  display: inline;
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] small span {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
[data-name^="main"] small span img {
  width: 4.375rem;
  height: auto;
  margin-right: 1.25rem;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] small span img {
    margin-right: 0.9375rem;
    width: 5rem;
  }
}
[data-name^="main"] section:first-child {
  background-color: #fcfbfb;
  padding: 10% 5% 10% 5%;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] section:first-child {
    padding: 5% 5%;
  }
}
@media only screen and (min-width: 62em) {
  [data-name^="main"] section:first-child {
    padding: 3% 5%;
  }
}
@media only screen and (min-width: 75em) {
  [data-name^="main"] section:first-child {
    padding: 2% 5% 8.125rem 5%;
  }
}
[data-name^="main"] section:last-child {
  background-color: #fff;
  padding: 3% 10%;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] section:last-child {
    padding: 2% 5%;
  }
}
[data-name^="main"] [data-main-block^="main-header"] h3 {
  font-size: 2rem;
  line-height: 1.875rem;
  color: #b40924;
  margin-top: 0rem;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] [data-main-block^="main-header"] h3 {
    margin-top: 2.5rem;
    font-size: 3.4375rem;
    line-height: 3.75rem;
  }
}
[data-name^="main"] [data-main-block^="main-header"] h5 {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  font-weight: 100;
  position: relative;
  font-size: 0.9375rem;
  line-height: 0.9375rem;
  margin-bottom: 2.5rem;
  display: inline-block;
  width: auto;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] [data-main-block^="main-header"] h5 {
    font-size: 1.25rem;
  }
}
[data-name^="main"] [data-main-block^="main-header"] h5:before,
[data-name^="main"] [data-main-block^="main-header"] h5:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 10%;
  height: 0.125rem;
  background-color: #cbcbcb;
  opacity: 0.5;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] [data-main-block^="main-header"] h5:before,
  [data-name^="main"] [data-main-block^="main-header"] h5:after {
    font-size: 1.25rem;
    width: 150%;
  }
}
[data-name^="main"] [data-main-block^="main-header"] h5:before {
  left: -20%;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] [data-main-block^="main-header"] h5:before {
    left: -170%;
  }
}
[data-name^="main"] [data-main-block^="main-header"] h5:after {
  right: -20%;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] [data-main-block^="main-header"] h5:after {
    right: -170%;
  }
}
[data-name^="main"] [data-main-block^="main-header"] p {
  padding: 0 5%;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] [data-main-block^="main-header"] p {
    font-size: 1.125rem;
    padding: 0;
  }
}
[data-name^="main"] [data-main-block^="main-header"] p strong {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
}
[data-name^="main"] [data-main-block^="main-visual"] {
  padding: 3% 0;
  z-index: 1;
  position: relative;
}
[data-name^="main"] [data-main-block^="main-visual"] h4 {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] [data-main-block^="main-visual"] h4 {
    font-size: 1.3125rem;
    line-height: 2rem;
  }
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] [data-main-block^="main-visual"] div:first-child {
    padding: 3% 5% 0 0;
  }
}
@media only screen and (min-width: 75em) {
  [data-name^="main"] [data-main-block^="main-visual"] div:first-child {
    padding: 5% 5% 0 0;
  }
}
[data-name^="main"] [data-main-block^="main-visual"] p {
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] [data-main-block^="main-visual"] p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
[data-name^="main"] [data-main-block^="main-lotus"] {
  padding: 3% 0;
  margin-bottom: 15%;
  z-index: 0;
  position: relative;
}
[data-name^="main"] [data-main-block^="main-lotus"] div:last-child {
  position: relative;
  z-index: 0;
  text-align: center;
}
[data-name^="main"] [data-main-block^="main-lotus"] div:last-child img {
  position: relative;
  bottom: -10%;
  left: 0;
  margin: 0 auto;
  width: 100%;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] [data-main-block^="main-lotus"] div:last-child img {
    position: absolute;
    bottom: -30%;
    left: 10%;
    width: 85%;
  }
}
@media only screen and (min-width: 62em) {
  [data-name^="main"] [data-main-block^="main-lotus"] div:last-child img {
    bottom: -50%;
  }
}
@media only screen and (min-width: 75em) {
  [data-name^="main"] [data-main-block^="main-lotus"] div:last-child img {
    position: absolute;
    bottom: -95%;
    width: 75%;
  }
}
[data-name^="main"] [data-main-block^="main-lotus"] div:first-child {
  position: relative;
  z-index: 1;
}
[data-name^="main"] [data-main-block^="main-lotus"] h4 {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] [data-main-block^="main-lotus"] h4 {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}
[data-name^="main"] [data-main-block^="main-lotus"] h6 {
  font-size: 1.375rem;
  line-height: 1.625rem;
  color: #b40924;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] [data-main-block^="main-lotus"] h6 {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
}
[data-name^="main"] [data-main-block^="main-lotus"] p {
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] [data-main-block^="main-lotus"] p {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}
[data-name^="main"] [data-main-block^="main-lotus"] a.clarins_cvg-button:hover {
  color: #fff;
}
[data-name^="main"]
  [data-main-block^="main-lotus"]
  .clarins_cvg-download-mobile {
  display: block;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"]
    [data-main-block^="main-lotus"]
    .clarins_cvg-download-mobile {
    display: none;
  }
}
[data-name^="main"]
  [data-main-block^="main-lotus"]
  .clarins_cvg-download-desktop {
  display: none;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"]
    [data-main-block^="main-lotus"]
    .clarins_cvg-download-desktop {
    display: block;
  }
}
[data-name^="main"] [data-main-block^="main-quote"] {
  position: relative;
  z-index: 1;
}
[data-name^="main"] [data-main-block^="main-quote"] h3 {
  font-size: 1.875rem;
  line-height: 1.875rem;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] [data-main-block^="main-quote"] h3 {
    font-size: 3rem;
    line-height: 3.25rem;
  }
}
[data-name^="main"] [data-main-block^="main-quote"] p {
  font-size: 1rem;
  line-height: 1.5rem;
}
[data-name^="main"] [data-main-block^="main-quote"] p strong {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
}
[data-name^="main"] [data-main-block^="main-quote"] p:last-child {
  font-size: 1.125rem;
  line-height: 1.625rem;
}
[data-name^="main"] [data-main-block^="main-pages"] {
  padding: 5% 0;
}
[data-name^="main"] [data-main-block^="main-pages"] h3 {
  font-size: 2.1875rem;
  line-height: 2.1875rem;
  margin-top: 1.25rem;
  margin-bottom: 3.125rem;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] [data-main-block^="main-pages"] h3 {
    font-size: 3.4375rem;
    line-height: 3.75rem;
  }
}
[data-name^="main"] [data-main-block^="main-pages"] h3 span {
  font-size: 1.875rem;
  line-height: 1.875rem;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] [data-main-block^="main-pages"] h3 span {
    font-size: 2.8125rem;
    line-height: 2.8125rem;
  }
}
[data-name^="main"] [data-main-block^="main-pages"] ul {
  width: 100%;
  display: block;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: 0;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] [data-main-block^="main-pages"] ul {
    width: 103%;
    margin-left: -1.5%;
    display: flex;
    padding: 0;
  }
}
[data-name^="main"] [data-main-block^="main-pages"] ul li {
  flex-shrink: 1;
  font-weight: 100;
  position: relative;
  border: 0.1875rem solid #f2f2f6;
  width: 100%;
  margin: 0 0 25% 0;
  padding: 4.6875rem 0.625rem 3.75rem 0.625rem;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] [data-main-block^="main-pages"] ul li {
    width: calc(33.33% - 40px);
    margin: 0 1.25rem 5% 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  [data-name^="main"] [data-main-block^="main-pages"] ul li {
    width: calc(25% - 40px);
    margin: 0 1.25rem 3% 1.25rem;
  }
}
[data-name^="main"] [data-main-block^="main-pages"] ul li:last-child {
  margin-right: 0;
}
[data-name^="main"] [data-main-block^="main-pages"] ul li * {
  cursor: pointer;
}
[data-name^="main"] [data-main-block^="main-pages"] ul li p {
  font-size: 0.875rem;
  text-align: center;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
}
[data-name^="main"] [data-main-block^="main-pages"] ul li p:before {
  position: relative;
  content: "";
  width: 100%;
  height: 4.375rem;
  display: block;
  margin: 0 auto;
  margin-bottom: 1.875rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
[data-name^="main"]
  [data-main-block^="main-pages"]
  ul
  li
  p.clarins_cvg-icon1:before {
  background-image: url("../images/main/clarins_cvg-icon1.png");
}
[data-name^="main"]
  [data-main-block^="main-pages"]
  ul
  li
  p.clarins_cvg-icon2:before {
  background-image: url("../images/main/clarins_cvg-icon2.png");
}
[data-name^="main"]
  [data-main-block^="main-pages"]
  ul
  li
  p.clarins_cvg-icon3:before {
  background-image: url("../images/main/clarins_cvg-icon3.png");
}
[data-name^="main"]
  [data-main-block^="main-pages"]
  ul
  li
  p.clarins_cvg-icon4:before {
  background-image: url("../images/main/clarins_cvg-icon4.png");
}
[data-name^="main"]
  [data-main-block^="main-pages"]
  ul
  li
  p.clarins_cvg-icon5:before {
  background-image: url("../images/main/clarins_cvg-icon5.png");
}
[data-name^="main"]
  [data-main-block^="main-pages"]
  ul
  li
  p.clarins_cvg-icon6:before {
  background-image: url("../images/main/clarins_cvg-icon6.png");
}
[data-name^="main"]
  [data-main-block^="main-pages"]
  ul
  li
  p.clarins_cvg-icon7:before {
  background-image: url("../images/main/clarins_cvg-icon7.png");
}
[data-name^="main"]
  [data-main-block^="main-pages"]
  ul
  li
  p.clarins_cvg-icon8:before {
  background-image: url("../images/main/clarins_cvg-icon8.png");
}
[data-name^="main"]
  [data-main-block^="main-pages"]
  ul
  li
  p.clarins_cvg-icon9:before {
  background-image: url("../images/main/clarins_cvg-icon9.png");
}
[data-name^="main"]
  [data-main-block^="main-pages"]
  ul
  li
  p.clarins_cvg-icon10:before {
  background-image: url("../images/main/clarins_cvg-icon10.png");
}
[data-name^="main"]
  [data-main-block^="main-pages"]
  ul
  li
  p.clarins_cvg-icon11:before {
  background-image: url("../images/main/clarins_cvg-icon11.png");
}
[data-name^="main"] [data-main-block^="main-pages"] ul li p span {
  font-size: 1.125rem;
}
@media only screen and (min-width: 48em) {
  [data-name^="main"] [data-main-block^="main-pages"] ul li p span {
    font-size: 1.125rem;
  }
}
[data-name^="main"] [data-main-block^="main-pages"] ul li:before {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  content: attr(data-page);
  position: absolute;
  top: -1.875rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 3.75rem;
  background-color: #fff;
  padding: 0 1.25rem;
}
@media only screen and (min-width: 62em) {
  [data-name^="main"] [data-main-block^="main-pages"] ul li:before {
    top: -1.5625rem;
    font-size: 3.125rem;
  }
}
[data-name^="sections"] {
  overflow: hidden;
  height: auto;
}
[data-name^="sections"].hidden {
  display: none;
  height: 0;
}
[data-name^="section-"] {
  display: none;
  height: 0;
}
[data-name^="section-"].open {
  display: block;
  height: auto;
}
.clarins_cvg-btn {
  height: 2.1875rem;
  width: 2.1875rem;
  background-color: #b40924;
  border-radius: 50%;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  cursor: pointer;
  background-image: url("../images/clarins_cvg-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45% auto;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-btn {
    height: 3.125rem;
    width: 3.125rem;
  }
}
.clarins_cvg-btn-home {
  left: 2%;
  transform: rotate(90deg);
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-btn-home {
    left: 1%;
  }
}
.clarins_cvg-btn-top {
  right: 2%;
  transform: rotate(-180deg);
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-btn-top {
    right: 1%;
  }
}
[data-name="navigation"] {
  position: relative;
  margin: 0 auto;
}
@media only screen and (min-width: 75em) {
  [data-name="navigation"] {
    max-width: 100rem;
  }
}
[data-name="navigation"] .section-bar-group {
  padding: 0 5%;
}
@media only screen and (min-width: 48em) {
  [data-name="navigation"] .section-bar-group {
    padding: 0;
  }
}
[data-name="navigation"] .section-bar-group ul {
  position: relative;
  width: 100%;
  align-items: center;
  padding: 1.5% 0 1% 0;
  margin: 0 auto;
  text-align: center;
  justify-content: center;
  margin-top: 1%;
  margin-bottom: 1%;
  z-index: 0;
}
@media only screen and (min-width: 48em) {
  [data-name="navigation"] .section-bar-group ul {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }
}
[data-name="navigation"] .section-bar-group ul:after {
  position: absolute;
  content: "";
  z-index: 0;
  height: 0;
  background-color: #f3f1f0;
  width: calc(100% - 70px);
  top: 40%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
@media only screen and (min-width: 48em) {
  [data-name="navigation"] .section-bar-group ul:after {
    width: calc(100% - 70px);
  }
}
@media only screen and (min-width: 75em) {
  [data-name="navigation"] .section-bar-group ul:after {
    width: calc(100% - 70px);
  }
}
@media only screen and (min-width: 90em) {
  [data-name="navigation"] .section-bar-group ul:after {
    width: calc(85% - 70px);
  }
}
[data-name="navigation"] .section-bar-group ul .slick-slide {
  position: relative;
  z-index: 1;
}
[data-name="navigation"] .section-bar-group ul .slick-slide li {
  height: 3.375rem !important;
  width: 3.375rem !important;
  background: #f3f1f0;
  position: relative;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 auto;
  color: #000;
  z-index: 1;
  border: 0.625rem solid #fff;
}
[data-name="navigation"] .section-bar-group ul .slick-slide li p {
  position: absolute;
  visibility: hidden;
  bottom: -50%;
  left: 50%;
  transform: translate(-50%, 50%);
  min-width: 12.5rem;
  display: inline;
  font-size: 0.625rem;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
}
@media only screen and (min-width: 48em) {
  [data-name="navigation"] .section-bar-group ul .slick-slide li p {
    font-size: 0.875rem;
  }
}
[data-name="navigation"] .section-bar-group ul .slick-slide li:hover {
  background: #000;
}
@media only screen and (min-width: 48em) {
  [data-name="navigation"] .section-bar-group ul .slick-slide li:hover p {
    visibility: hidden;
  }
}
[data-name="navigation"] .section-bar-group ul .slick-slide li:hover:before {
  color: #fff;
}
[data-name="navigation"] .section-bar-group ul .slick-slide li.active {
  background: #000;
}
@media only screen and (min-width: 62em) {
  [data-name="navigation"] .section-bar-group ul .slick-slide li.active p {
    visibility: visible;
  }
}
[data-name="navigation"] .section-bar-group ul .slick-slide li.active:before {
  color: #fff;
}
[data-name="navigation"] .section-bar-group ul .slick-slide li:before {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  content: attr(data-num);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #000;
  font-size: 0.875rem;
}
@media only screen and (min-width: 62em) {
  [data-name="navigation"]
    .section-bar-group
    ul
    .slick-slide.slick-current.slick-active
    li.active
    p {
    visibility: visible;
  }
}
[data-name="navigation"] .slick-list {
  width: 100%;
  height: 3.125rem;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 48em) {
  [data-name="navigation"] .slick-list {
    height: 5rem;
    padding: 0 1%;
  }
}
[data-name="navigation"] .slick-list .slick-track {
  margin: 0 auto;
}
[data-name="navigation"] .slick-list .slick-track .slick-slide > div {
  position: relative;
}
[data-name="navigation"] .slick-list .slick-track .slick-slide > div:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.125rem;
  z-index: 0;
  background-color: #f3f1f0;
  top: 50%;
  transform: translateY(-50%);
}
[data-name="navigation"]
  .slick-list
  .slick-track
  .slick-slide:last-child
  > div:before {
  height: 0;
}
[data-name="navigation"] .section-bar-btn {
  display: none;
}
[data-name="navigation"] .slick-arrow,
[data-name="navigation"] .section-bar-btn {
  position: absolute;
  top: 20%;
  transform: translateY(-50%);
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  background-image: url("../images/clarins_cvg-arrow-dark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50% auto;
  transform-origin: center;
  z-index: 2;
  background-color: #fff;
}
@media only screen and (min-width: 48em) {
  [data-name="navigation"] .slick-arrow,
  [data-name="navigation"] .section-bar-btn {
    top: 20%;
  }
}
[data-name="navigation"] .slick-arrow:active,
[data-name="navigation"] .slick-arrow:focus,
[data-name="navigation"] .section-bar-btn:active,
[data-name="navigation"] .section-bar-btn:focus {
  outline: none !important;
  border: none !important;
}
[data-name="navigation"] .slick-arrow:before,
[data-name="navigation"] .slick-arrow:after,
[data-name="navigation"] .section-bar-btn:before,
[data-name="navigation"] .section-bar-btn:after {
  display: none;
}
[data-name="navigation"] .slick-next,
[data-name="navigation"] .section-bar-btn[data-name="next"] {
  right: -7%;
  transform: rotate(-90deg);
}
@media only screen and (min-width: 48em) {
  [data-name="navigation"] .slick-next,
  [data-name="navigation"] .section-bar-btn[data-name="next"] {
    right: -0.3125rem;
  }
}
[data-name="navigation"] .slick-prev,
[data-name="navigation"] .section-bar-btn[data-name="prev"] {
  left: -7%;
  transform: rotate(90deg);
}
@media only screen and (min-width: 48em) {
  [data-name="navigation"] .slick-prev,
  [data-name="navigation"] .section-bar-btn[data-name="prev"] {
    left: -0.3125rem;
  }
}
@media only screen and (min-width: 48rem) {
  section[data-name="section-1"] {
    margin-bottom: 4.6875rem;
  }
}
section[data-name="section-1"] .clarins_cvg-header {
  margin-bottom: 1.25rem;
  background-image: url("../images/section1/clarins_cvg-section1_header-bg_m.jpg");
}
@media only screen and (min-width: 48rem) {
  section[data-name="section-1"] .clarins_cvg-header {
    background-image: url("../images/section1/clarins_cvg-section1_header-bg.jpg");
    margin-bottom: 4.6875rem;
  }
}
section[data-name="section-1"] .clarins_cvg-header--number:after {
  width: 3.125rem;
  height: 3.75rem;
  background-image: url("../images/section1/clarins_cvg-section1_header-icon.png");
  margin-left: 4.5rem;
  margin-top: -1.8125rem;
}
@media only screen and (min-width: 48rem) {
  section[data-name="section-1"] .clarins_cvg-header--number:after {
    width: 3.75rem;
    height: 4.5625rem;
    margin-left: 0;
    margin-top: 0;
    background-size: 100% auto;
  }
}
section[data-name="section-1"] .clarins_cvg-header--box div:only-child {
  width: 100%;
  max-width: 25rem;
}
@media only screen and (min-width: 48rem) {
  section[data-name="section-1"] .clarins_cvg-header--box div:only-child {
    max-width: 100%;
  }
}
@media only screen and (min-width: 48rem) {
  section[data-name="section-1"] .clarins_cvg-container {
    border-top: 0.1875rem solid #f3f1f0;
    border-bottom: 0.1875rem solid #f3f1f0;
    width: 73.125rem;
    max-width: 73.125rem;
  }
}
section[data-name="section-1"] .clarins_cvg-stretch-xs {
  align-items: center;
}
@media only screen and (min-width: 48rem) {
  section[data-name="section-1"] .clarins_cvg-stretch-xs {
    align-items: stretch;
  }
}
section[data-name="section-1"] .clarins_cvg-item:nth-child(1),
section[data-name="section-1"] .clarins_cvg-item:nth-child(3),
section[data-name="section-1"] .clarins_cvg-item:nth-child(5) {
  background-color: #f3f1f0;
}
section[data-name="section-1"] .clarins_cvg-item .clarins_cvg-item-inner-wrap {
  min-height: 19.6875rem;
  padding: 1.875rem 0.625rem 2.1875rem 0.625rem;
}
@media only screen and (min-width: 48rem) {
  section[data-name="section-1"]
    .clarins_cvg-item
    .clarins_cvg-item-inner-wrap {
    padding: 2.8125rem 0.625rem 1.875rem 0.625rem;
  }
}
@media only screen and (min-width: 48rem) {
  section[data-name="section-1"] .clarins_cvg-item:nth-child(1),
  section[data-name="section-1"] .clarins_cvg-item:nth-child(4) {
    border-left: 0.1875rem solid #f3f1f0;
  }
}
@media only screen and (min-width: 48rem) {
  section[data-name="section-1"] .clarins_cvg-item:nth-child(3),
  section[data-name="section-1"] .clarins_cvg-item:nth-child(6) {
    border-right: 0.1875rem solid #f3f1f0;
  }
}
section[data-name="section-1"] .clarins_cvg-dBlock {
  display: inline;
}
@media only screen and (min-width: 48rem) {
  section[data-name="section-1"] .clarins_cvg-dBlock {
    display: block;
  }
}
section[data-name="section-1"] img {
  margin-bottom: 0.625rem;
  width: 6.875rem;
  height: auto;
}
@media only screen and (min-width: 48rem) {
  section[data-name="section-1"] img {
    width: 11.125rem;
  }
}
section[data-name="section-1"] h5 {
  color: #b40924;
  margin-bottom: 0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.0625rem;
  line-height: 1.375rem;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
}
@media only screen and (min-width: 48.0625rem) {
  section[data-name="section-1"] h5 {
    margin-bottom: 0.625rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}
section[data-name="section-1"] p {
  font-size: 1.0625rem;
  line-height: 1.5625rem;
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
}
@media only screen and (min-width: 48.0625rem) {
  section[data-name="section-1"] p {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media only screen and (min-width: 48rem) {
  section[data-name="section-1"] p br {
    display: none;
  }
}
section[data-name="section-1"] p br.clarins_cvg-isDesktop {
  display: none;
}
@media only screen and (min-width: 73.125rem) {
  section[data-name="section-1"] p br.clarins_cvg-isDesktop {
    display: inline;
  }
}
@media only screen and (min-width: 48rem) {
  section[data-name="section-1"] p br.clarins_cvg-isMobile {
    display: none;
  }
}
section[data-name^="section-2"] .clarins_cvg-header {
  margin-bottom: 1.25rem;
  background-image: url("../images/section2/clarins-page-cvg-section2-header_m.jpg");
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-header {
    background-image: url("../images/section2/clarins-page-cvg-section2-header.jpg");
    margin-bottom: 4.6875rem;
  }
}
section[data-name^="section-2"] .clarins_cvg-header--number:after {
  width: 3.75rem;
  height: 4.5625rem;
  background-image: url("../images/section2/clarins_cvg-section2_header-icon.png");
  margin-left: 5.4375rem;
  margin-top: -2.25rem;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-header--number:after {
    margin-left: 0;
    margin-top: 0;
    background-size: 100% auto;
  }
}
section[data-name^="section-2"] .clarins_cvg-stretch-xs {
  align-items: center;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-stretch-xs {
    align-items: stretch;
  }
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-section2-wrapper {
    max-width: 102.5rem;
    width: 100%;
  }
}
section[data-name^="section-2"] .clarins_cvg-woman p {
  text-align: left;
  padding: 2.1875rem;
  font-size: 1.0625rem;
  line-height: 1.4375rem;
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-woman p {
    display: inline-block;
    font-size: 1.25rem;
    line-height: 1.75rem;
    padding: 1.25rem;
  }
}
@media only screen and (min-width: 64rem) {
  section[data-name^="section-2"] .clarins_cvg-woman p {
    padding: 2.1875rem;
  }
}
section[data-name^="section-2"] .clarins_cvg-woman p b {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  text-transform: uppercase;
  display: block;
}
section[data-name^="section-2"] .clarins_cvg-woman p span.clarins_cvg-dBlock {
  display: inline;
}
@media only screen and (min-width: 90rem) {
  section[data-name^="section-2"] .clarins_cvg-woman p span.clarins_cvg-dBlock {
    display: block;
  }
}
@media only screen and (min-width: 85rem) {
  section[data-name^="section-2"] .clarins_cvg-woman:nth-child(1) p {
    margin-top: 3.125rem;
  }
}
section[data-name^="section-2"] .clarins_cvg-website h3 {
  text-align: left;
  padding: 0 2.1875rem 2.5rem 2.1875rem;
  font-size: 1.0625rem;
  line-height: 1.875rem;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  text-transform: uppercase;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-website h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    text-align: center;
    padding: 5.9375rem 2.1875rem 6.5625rem 2.1875rem;
  }
}
section[data-name^="section-2"]
  .clarins_cvg-website
  h3
  span.clarins_cvg-dBlock {
  display: inline;
}
@media only screen and (min-width: 64rem) {
  section[data-name^="section-2"]
    .clarins_cvg-website
    h3
    span.clarins_cvg-dBlock {
    display: block;
  }
}
section[data-name^="section-2"] .clarins_cvg-website h3 a {
  color: #b40924;
  text-decoration: underline;
}
section[data-name^="section-2"] .clarins_cvg-address-detail {
  padding: 2.1875rem 2.1875rem 3rem 2.1875rem;
}
@media only screen and (min-width: 48rem) and (max-width: 73.0625rem) {
  section[data-name^="section-2"] .clarins_cvg-address-detail {
    padding: 3.4375rem 2.1875rem 5rem 2.1875rem;
  }
}
@media only screen and (min-width: 73.125rem) {
  section[data-name^="section-2"] .clarins_cvg-address-detail {
    padding: 5.625rem 8.4375rem 7.8125rem 8.4375rem;
  }
}
section[data-name^="section-2"] .clarins_cvg-address-detail:nth-child(1) {
  background-color: #f3f1f0;
}
section[data-name^="section-2"] .clarins_cvg-address-detail:nth-child(2) {
  background-color: #fbfbfc;
}
section[data-name^="section-2"]
  .clarins_cvg-address-detail:nth-child(2)
  p:last-child {
  padding-right: 3.75rem;
}
section[data-name^="section-2"] .clarins_cvg-address h3 {
  font-size: 1.5625rem;
  line-height: 2rem;
  text-align: left;
  margin-bottom: 1.5625rem;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-address h3 {
    font-size: 2.1875rem;
    line-height: 2.8125rem;
  }
}
section[data-name^="section-2"] .clarins_cvg-address p {
  font-size: 0.9375rem;
  line-height: 1.25rem;
  text-align: left;
}
section[data-name^="section-2"] .clarins_cvg-address p:last-child {
  margin-top: 1.5625rem;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-address p {
    font-size: 1rem;
    line-height: 1.625rem;
  }
}
section[data-name^="section-2"] .clarins_cvg-address p b {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
}
section[data-name^="section-2"] .clarins_cvg-address p span.clarins_cvg-dBlock {
  display: block;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"]
    .clarins_cvg-address
    p
    span.clarins_cvg-dBlock {
    display: inline;
  }
}
section[data-name^="section-2"]
  .clarins_cvg-address
  p
  span.clarins_cvg-dInlineblock {
  display: inline-block;
}
section[data-name^="section-2"] .clarins_cvg-research {
  padding: 0;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-research {
    padding: 0;
  }
}
section[data-name^="section-2"] .clarins_cvg-research-txt {
  padding: 0 2.1875rem 1.375rem 2.1875rem;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-research-txt {
    padding: 5.625rem 1.25rem;
  }
}
section[data-name^="section-2"] .clarins_cvg-research-txt h4 {
  font-size: 1.0625rem;
  line-height: 1.5625rem;
  margin-bottom: 1.5625rem;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-research-txt h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
section[data-name^="section-2"] .clarins_cvg-research-txt p {
  font-size: 0.9375rem;
  line-height: 1.375rem;
  padding-left: 0.9375rem;
  margin-bottom: 1.4375rem;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-research-txt p {
    font-size: 1rem;
    line-height: 1.4375rem;
    padding-left: 0;
  }
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-research-txt p span {
    display: block;
  }
}
section[data-name^="section-2"] .clarins_cvg-research-by {
  text-decoration: underline;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  display: block;
  margin-bottom: 1.4375rem;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  position: relative;
  padding-left: 0.9375rem;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-research-by {
    font-size: 1rem;
    line-height: 1.4375rem;
    padding-left: 0;
  }
}
section[data-name^="section-2"] .clarins_cvg-research-by:after {
  position: absolute;
  content: "";
  width: 0.3125rem;
  height: 0.3125rem;
  background-color: #b40924;
  border-radius: 50%;
  top: 50%;
  margin-top: -0.1875rem;
  left: 0rem;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-research-by:after {
    left: -0.9375rem;
  }
}

section[data-name^="section-2"] .clarins_cvg-research-by:nth-of-type(1) {
  margin-bottom: 0;
  text-decoration: none;
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
}
section[data-name^="section-2"] .clarins_cvg-research-by:nth-of-type(2) {
  margin-bottom: 0;
  text-decoration: none;
  margin-top: 1.4375rem;
}
section[data-name^="section-2"] .clarins_cvg-research-by:nth-of-type(3):after {
  display: none;
}
section[data-name^="section-2"] .clarins_cvg-research-by span {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
}
section[data-name^="section-2"] .clarins_cvg-research-icon {
  display: none;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-research-icon {
    display: block;
    max-width: 39.125rem;
    margin-bottom: 3.125rem;
  }
}
section[data-name^="section-2"] .clarins_cvg-research-icon span {
  width: 8.75rem;
  height: 6.5rem;
  background-image: url("../images/section2/clarins_cvg-section2_icon-contact.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  display: block;
  margin: 1.875rem auto;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-research-flower img {
    margin-top: -6.25rem;
  }
}
@media only screen and (min-width: 48rem) and (max-width: 64rem) {
  section[data-name^="section-2"] .clarins_cvg-research-flower img {
    width: 140%;
    float: right;
  }
}
section[data-name^="section-2"]
  .clarins_cvg-research-flower
  img.clarins_cvg-isMobile {
  margin-top: -2.8125rem;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-order {
    margin-top: -6.25rem;
  }
}
section[data-name^="section-2"] .clarins_cvg-order h3 {
  font-size: 2.1875rem;
  line-height: 2.8125rem;
  margin-bottom: 1.5625rem;
  font-family: "ClarinsRegular", "Clarins", "Times New Roman", Times, serif;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-order h3 {
    font-size: 3rem;
    line-height: 3.875rem;
    margin-bottom: 2.5rem;
  }
}
section[data-name^="section-2"] .clarins_cvg-order-wrapper {
  width: 100%;
  max-width: 54.625rem;
  display: inline-block;
}
section[data-name^="section-2"] .clarins_cvg-order-icon {
  width: 4.375rem;
  height: 5.375rem;
  background-size: 100% auto;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto 1.5625rem auto;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-order-icon {
    width: 6.25rem;
    height: 7.6875rem;
  }
}
section[data-name^="section-2"] .clarins_cvg-order-icon-1 {
  background-image: url("../images/section2/clarins_cvg-section2_icon-order-1.png");
}
section[data-name^="section-2"] .clarins_cvg-order-icon-2 {
  background-image: url("../images/section2/clarins_cvg-section2_icon-order-2.png");
}
section[data-name^="section-2"] .clarins_cvg-order-txt {
  display: inline-block;
  margin-bottom: 1.5625rem;
}
section[data-name^="section-2"] .clarins_cvg-order-txt h5 {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  text-align: left;
  font-size: 1.0625rem;
  line-height: 1.375rem;
  margin-bottom: 0.3125rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-order-txt h5 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 0.9375rem;
  }
}
section[data-name^="section-2"] .clarins_cvg-order-txt p {
  text-align: left;
  font-size: 1.0625rem;
  line-height: 1.5625rem;
  position: relative;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-order-txt p {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
section[data-name^="section-2"]
  .clarins_cvg-order-txt
  p.clarins_cvg-order-list {
  padding-left: 0.9375rem;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"]
    .clarins_cvg-order-txt
    p.clarins_cvg-order-list {
    font-size: 1.25rem;
    line-height: 1.75rem;
    padding-left: 0.9375rem;
  }
}
section[data-name^="section-2"]
  .clarins_cvg-order-txt
  p.clarins_cvg-order-list:after {
  position: absolute;
  content: "";
  width: 0.3125rem;
  height: 0.3125rem;
  background-color: #b40924;
  border-radius: 50%;
  top: 50%;
  margin-top: -0.1875rem;
  left: 0;
}
section[data-name^="section-2"] .clarins_cvg-order-cta {
  padding: 0 1.875rem;
}
section[data-name^="section-2"] .clarins_cvg-order h6 {
  font-size: 1.0625rem;
  line-height: 1.5625rem;
  color: #b40924;
  background-color: #f3f1f0;
  padding: 0.8125rem 0.9375rem;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  text-transform: uppercase;
  max-width: 19.875rem;
  display: block;
  margin: 1.25rem auto;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-order h6 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    padding: 1.125rem 0.9375rem;
    margin-bottom: 2.9375rem;
    max-width: 100%;
    position: relative;
    z-index: 3;
  }
}
section[data-name^="section-2"] .clarins_cvg-order-alert {
  display: inline-block;
  width: 100%;
  max-width: 87.5rem;
  padding: 2.1875rem 2.5rem 1.5625rem 2.5rem;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-order-alert {
    padding: 2.1875rem 2.5rem 2.8125rem 2.5rem;
  }
}
section[data-name^="section-2"] .clarins_cvg-order-alert h3 {
  font-size: 2.1875rem;
  line-height: 2.75rem;
  font-family: "ClarinsRegular", "Clarins", "Times New Roman", Times, serif;
  margin-bottom: 0.9375rem;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-order-alert h3 {
    font-size: 3rem;
    line-height: 3.625rem;
    margin-bottom: 1.25rem;
  }
}
section[data-name^="section-2"] .clarins_cvg-order-alert h3 span {
  display: block;
}
@media only screen and (min-width: 30rem) {
  section[data-name^="section-2"] .clarins_cvg-order-alert h3 span {
    display: inline;
  }
}
section[data-name^="section-2"] .clarins_cvg-order-alert p {
  font-size: 0.9375rem;
  line-height: 1.375rem;
  margin-bottom: 1.5625rem;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-order-alert p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
section[data-name^="section-2"]
  .clarins_cvg-order-alert
  p.clarins_cvg-check-list {
  position: relative;
  padding-left: 1.875rem;
}
section[data-name^="section-2"]
  .clarins_cvg-order-alert
  p.clarins_cvg-check-list:after {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  background-image: url("../images/section2/clarins_cvg-section2_icon-check.png");
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0.3125rem;
  left: 0;
}
section[data-name^="section-2"] .clarins_cvg-order-alert p span {
  display: inline;
}
@media only screen and (min-width: 73.125rem) {
  section[data-name^="section-2"] .clarins_cvg-order-alert p span {
    display: block;
  }
}
section[data-name^="section-2"] .clarins_cvg-order-alert b {
  font-size: 1.0625rem;
  line-height: 1.5rem;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  text-transform: uppercase;
  display: block;
}
@media only screen and (min-width: 80rem) {
  section[data-name^="section-2"] .clarins_cvg-order-alert b {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
section[data-name^="section-2"] .clarins_cvg-order-alert b span {
  display: inline;
}
@media only screen and (min-width: 73.125rem) {
  section[data-name^="section-2"] .clarins_cvg-order-alert b span {
    display: block;
  }
}
section[data-name^="section-2"] .clarins_cvg-order-alert-icon {
  width: 5.25rem;
  height: 4.375rem;
  background-image: url("../images/section2/clarins_cvg-section2_icon-alert.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto 1.0625rem auto;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-order-alert-icon {
    width: 5.625rem;
    height: 4.6875rem;
    margin: 0 auto 2.5rem auto;
  }
}
section[data-name^="section-2"] .clarins_cvg-order-alert-left {
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-order-alert-left {
    padding: 0 1.5rem 0 0;
    position: relative;
  }
}
@media only screen and (min-width: 64rem) {
  section[data-name^="section-2"] .clarins_cvg-order-alert-left {
    padding: 0 4rem 0 0;
  }
}
section[data-name^="section-2"] .clarins_cvg-order-alert-right b {
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-order-alert-right {
    padding-left: 2.1875rem;
    padding-bottom: 3.4375rem;
  }
}
@media only screen and (min-width: 64rem) {
  section[data-name^="section-2"] .clarins_cvg-order-alert-right {
    padding-left: 4.375rem;
    padding-bottom: 6.875rem;
  }
}
section[data-name^="section-2"] .clarins_cvg-order-alert-box {
  padding: 1.875rem;
  box-shadow: -0.0625rem -0.125rem 2.0625rem -0.8125rem rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: -0.0625rem -0.125rem 2.0625rem -0.8125rem
    rgba(0, 0, 0, 0.45);
  -moz-box-shadow: -0.0625rem -0.125rem 2.0625rem -0.8125rem rgba(0, 0, 0, 0.45);
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-order-alert-box {
    padding: 3.5625rem 1.875rem 6.5rem 1.875rem;
  }
}
section[data-name^="section-2"] .clarins_cvg-order-yellowflower {
  z-index: 2;
  display: block;
  position: relative;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-order-yellowflower {
    position: absolute;
    width: 67.16%;
    left: 86.7%;
    bottom: 63%;
    z-index: 2;
  }
}
@media only screen and (min-width: 64rem) {
  section[data-name^="section-2"] .clarins_cvg-order-yellowflower {
    width: 50%;
    left: 84.7%;
  }
}
@media only screen and (min-width: 64.0625rem) {
  section[data-name^="section-2"] .clarins_cvg-order-yellowflower {
    width: 67.16%;
  }
}
section[data-name^="section-2"] .clarins_cvg-order-yellowflower p {
  position: absolute;
  z-index: 3;
  top: 22%;
  left: 20%;
  font-size: 2.35vw;
  line-height: 1;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] .clarins_cvg-order-yellowflower p {
    font-size: 0.75rem;
    line-height: 1.125rem;
    top: 30%;
    left: 79%;
  }
}
section[data-name^="section-2"] img {
  width: 100%;
  display: block;
}
section[data-name^="section-2"] img.clarins_cvg-isDesktop {
  display: none;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] img.clarins_cvg-isDesktop {
    display: block;
  }
}
section[data-name^="section-2"] img.clarins_cvg-isMobile {
  display: block;
}
@media only screen and (min-width: 48rem) {
  section[data-name^="section-2"] img.clarins_cvg-isMobile {
    display: none;
  }
}
section[data-name^="section-3"] p {
  font-size: 0.9375rem;
  line-height: 1.375rem;
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
section[data-name^="section-3"] p a {
  color: #b40924;
  text-decoration: underline;
}
section[data-name^="section-3"] .clarins_cvg-container {
  margin: 0 auto;
}
section[data-name^="section-3"] .clarins_cvg-img_full {
  width: 100%;
  height: auto;
}
section[data-name^="section-3"] .clarins_cvg-header {
  background-image: url("../images/section3/clarins_cvg-section3_header-bg.jpg");
}
section[data-name^="section-3"] .clarins_cvg-header--number:after {
  width: 4.0625rem;
  background-image: url("../images/section3/clarins_cvg-section3_header-icon.svg");
}
section[data-name^="section-3"] .clarins_cvg-bg {
  padding: 0 0 1.25rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-bg {
    padding: 0 2.5rem 0rem;
  }
}
section[data-name^="section-3"] .clarins_cvg-bg--white {
  background-color: #fff;
}
section[data-name^="section-3"] .clarins_cvg-bg--grey {
  background-color: #f9f8f7;
}
section[data-name^="section-3"] .clarins_cvg-padTB {
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-padTB {
    padding-top: 5.3125rem;
    padding-bottom: 5.3125rem;
  }
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-padTB60 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
section[data-name^="section-3"] .clarins_cvg-padLR {
  padding-left: 2.1875rem;
  padding-right: 2.1875rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-padLR {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
section[data-name^="section-3"] .clarins_cvg-marginTop {
  margin-top: 1.25rem;
}
section[data-name^="section-3"] .clarins_cvg-marginLeft {
  margin-left: 10%;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-marginLeft {
    margin-left: 3.75rem;
  }
}
section[data-name^="section-3"] .clarins_cvg-hiddenDesktop {
  display: inline-block;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-hiddenDesktop {
    display: none;
  }
}
section[data-name^="section-3"] .clarins_cvg-hiddenMobile {
  display: none;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-hiddenMobile {
    display: inline-block;
  }
}
section[data-name^="section-3"] .clarins_cvg-para span {
  display: block;
}
section[data-name^="section-3"] .clarins_cvg-para--bold {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
}
section[data-name^="section-3"] .clarins_cvg-para--underline {
  text-decoration: underline;
}
section[data-name^="section-3"] .clarins_cvg-para--txtRed {
  color: #b40924;
}
section[data-name^="section-3"] .clarins_cvg-para--title {
  font-size: 1.0625rem;
  line-height: 1.5rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-para--title {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
section[data-name^="section-3"] .clarins_cvg-para--title a {
  font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-para--title a {
    font-size: 1rem;
  }
}
section[data-name^="section-3"] .clarins_cvg-para--icon {
  position: relative;
  padding-left: 1.875rem;
}
section[data-name^="section-3"] .clarins_cvg-para--icon::before {
  content: "";
  color: #b40924;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5625rem;
  height: 1.5625rem;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-para--icon {
    padding-right: 1.875rem;
  }
  section[data-name^="section-3"] .clarins_cvg-para--icon::before {
    left: unset;
    right: 0;
  }
}
section[data-name^="section-3"] .clarins_cvg-para--icon_email {
  margin-top: 0.9375rem;
}
section[data-name^="section-3"] .clarins_cvg-para--icon_email::before {
  background-image: url("../images/section3/clarins_cvg-section3_icon-email.png");
}
section[data-name^="section-3"] .clarins_cvg-para--icon_password {
  margin-top: 0.625rem;
}
section[data-name^="section-3"] .clarins_cvg-para--icon_password::before {
  background-image: url("../images/section3/clarins_cvg-section3_icon-password.png");
}
section[data-name^="section-3"] .clarins_cvg-para--icon_number {
  margin-top: 1.5625rem;
}
section[data-name^="section-3"] .clarins_cvg-para--icon_number::before {
  content: attr(data-number) ".";
  margin-top: 0.625rem;
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  position: absolute;
  left: 0;
  top: 0.3125rem;
  font-size: 1.5625rem;
  color: #000;
}
section[data-name^="section-3"] .clarins_cvg-banner {
  background-color: #fbf2f3;
  padding-top: 1.5625rem;
  padding-bottom: 1.875rem;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-banner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem;
    padding-bottom: 1.875rem;
  }
}
section[data-name^="section-3"] .clarins_cvg-banner.clarins_cvg-padLR20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-banner.clarins_cvg-padLR20 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
section[data-name^="section-3"] .clarins_cvg-banner h3 {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  font-size: 3.75rem;
  line-height: 3.75rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-banner h3 {
    font-size: 5.3125rem;
    line-height: 5rem;
  }
}
section[data-name^="section-3"] .clarins_cvg-banner p {
  font-family: "ClarinsRegular", "Clarins", "Times New Roman", Times, serif;
  font-size: 2.1875rem;
  line-height: 2.625rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-banner p {
    font-size: 3rem;
    line-height: 3.625rem;
  }
}
section[data-name^="section-3"] .clarins_cvg-step {
  padding: 0rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-step {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
section[data-name^="section-3"] .clarins_cvg-step-container {
  margin: 0 6.25rem;
}
section[data-name^="section-3"] .clarins_cvg-step--icon {
  padding-top: 5rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-step--icon {
    padding-top: 0;
    margin-bottom: 0;
  }
}
section[data-name^="section-3"] .clarins_cvg-step--icon div {
  position: relative;
  border: 0.25rem solid #f2f2f6;
  background-color: #fff;
  margin-left: 0;
  width: 100%;
  z-index: 5;
}
section[data-name^="section-3"] .clarins_cvg-step--icon div:before {
  content: "Step " attr(data-step);
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  position: absolute;
  top: -1.875rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2.5rem;
  background-color: #fff;
  padding: 0 1.875rem;
  color: #b40924;
  z-index: 10;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-step--icon div:before {
    font-size: 3rem;
  }
}
section[data-name^="section-3"] .clarins_cvg-step--icon div img {
  box-sizing: border-box;
  text-align: center;
  padding: 6.25rem 0.625rem 4.375rem;
  width: 35%;
  max-width: 140px;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-step--icon div img {
    width: 32%;
  }
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"]
    .clarins_cvg-step--icon
    div[data-step="2"]
    img {
    width: 7.375rem;
  }
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"]
    .clarins_cvg-step--icon
    div[data-step="3"]
    img {
    width: 8.625rem;
  }
}
section[data-name^="section-3"] .clarins_cvg-step .clarins_cvg-connectline {
  position: relative;
}
section[data-name^="section-3"]
  .clarins_cvg-step
  .clarins_cvg-connectline:after {
  content: "";
  position: absolute;
  top: 1.25rem;
  left: 50%;
  transform: translate(0, -50%);
  background-color: #e6dfdd;
  z-index: 0;
  width: 0.1875rem;
  height: 1.875rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"]
    .clarins_cvg-step
    .clarins_cvg-connectline:after {
    content: "";
    width: 0.1875rem;
    height: calc(100% + 100px);
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"]
    .clarins_cvg-step
    .clarins_cvg-connectline:before {
    content: "";
    position: absolute;
    bottom: -3.3125rem;
    transform: translate(0, -50%);
    background-color: #e6dfdd;
    z-index: 0;
    width: 200%;
    height: 0.1875rem;
  }
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-3"]
    .clarins_cvg-step
    .clarins_cvg-connectline:before {
    width: 234%;
  }
}
section[data-name^="section-3"]
  .clarins_cvg-step
  .clarins_cvg-connectline_left:before {
  left: 50%;
}
section[data-name^="section-3"]
  .clarins_cvg-step
  .clarins_cvg-connectline_right:before {
  right: 50%;
}
section[data-name^="section-3"]
  .clarins_cvg-step
  .clarins_cvg-connectline_hidden:before {
  content: unset;
}
section[data-name^="section-3"] .clarins_cvg-step1 {
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-step1 {
    padding-top: 6.875rem;
    padding-bottom: 5rem;
  }
}
section[data-name^="section-3"]
  .clarins_cvg-step1
  .clarins_cvg-connectline:after {
  content: unset;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"]
    .clarins_cvg-step1
    .clarins_cvg-connectline:after {
    content: "";
    top: 100%;
  }
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"]
    .clarins_cvg-step6
    .clarins_cvg-connectline:after {
    top: 0;
    height: 6.25rem;
  }
}
section[data-name^="section-3"] .clarins_cvg-list {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  margin-top: 0.625rem;
}
section[data-name^="section-3"] .clarins_cvg-list li {
  font-size: 0.9375rem;
  line-height: 1.5;
}
section[data-name^="section-3"] .clarins_cvg-list--dot > li {
  position: relative;
  padding-left: 0.9375rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-list--dot > li {
    padding-left: 1.5625rem;
  }
}
section[data-name^="section-3"] .clarins_cvg-list--dot > li::before {
  content: "\2022";
  color: #b40924;
  position: absolute;
  left: 0;
}
section[data-name^="section-3"] .clarins_cvg-box {
  position: relative;
  background-color: #f2f1ef;
}
section[data-name^="section-3"] .clarins_cvg-box .clarins_cvg-content {
  padding: 2.1875rem 2.1875rem 7.5rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-box .clarins_cvg-content {
    padding: 5rem 3.75rem 10rem;
  }
}
section[data-name^="section-3"] .clarins_cvg-box:after {
  content: "";
  position: absolute;
  bottom: 2.1875rem;
  right: 2.1875rem;
  width: 6.0625rem;
  height: 4.6875rem;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-box:after {
    bottom: 3.125rem;
    right: 3.125rem;
  }
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-3"] .clarins_cvg-box:after {
    width: 7.6875rem;
    height: 5.9375rem;
  }
}
section[data-name^="section-3"] .clarins_cvg-box_1:after {
  background-image: url("../images/section3/clarins_cvg-section3_box-icon1.png");
}
section[data-name^="section-3"] .clarins_cvg-box_2 {
  background-color: #fff;
  border: 0.1875rem solid #f2f1ef;
  box-sizing: border-box;
}
section[data-name^="section-3"] .clarins_cvg-box_2:after {
  background-image: url("../images/section3/clarins_cvg-section3_box-icon2.png");
}
section[data-name^="section-3"] .clarins_cvg-box_3:after {
  background-image: url("../images/section3/clarins_cvg-section3_box-icon3.png");
}
section[data-name^="section-3"] .clarins_cvg-block03_icon {
  margin-top: 2.1875rem;
  margin-left: 50%;
  transform: translate(-50%, 0);
  width: 12.5rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-block03_icon {
    margin-top: 1.875rem;
    float: right;
    transform: none;
    width: 16.875rem;
  }
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-block03 .clarins_cvg-padTB {
    padding-top: 3.4375rem;
    padding-bottom: 3.4375rem;
  }
}
section[data-name^="section-3"] .clarins_cvg-block04 .clarins_cvg-b4-nop {
  padding-top: 0;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-block04 .clarins_cvg-b4-nop {
    padding-top: 5.3125rem;
  }
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-3"] .clarins_cvg-block04 .clarins_cvg-b4-nop {
    width: 85%;
    max-width: 102.5rem;
  }
}
section[data-name^="section-3"] .clarins_cvg-block04 .clarins_cvg-displayLDesk {
  display: none;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-3"]
    .clarins_cvg-block04
    .clarins_cvg-displayLDesk {
    display: block;
  }
}
section[data-name^="section-3"] .clarins_cvg-block05_bg {
  margin-bottom: -3.125rem;
  padding: 0 3.125rem;
  width: 100%;
  max-width: 25rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-block05_bg {
    margin-top: -6.875rem;
    margin-left: 2.5rem;
    width: auto;
    padding: 0;
  }
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-block05 .clarins_cvg-padTB {
    padding-bottom: 6.25rem;
  }
}
section[data-name^="section-3"]
  .clarins_cvg-block06
  .clarins_cvg-list--dot
  > li {
  position: relative;
  padding-left: 1.875rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"]
    .clarins_cvg-block06
    .clarins_cvg-list--dot
    > li {
    padding-left: 2.1875rem;
  }
}
section[data-name^="section-3"]
  .clarins_cvg-block06
  .clarins_cvg-list--dot
  > li::before {
  content: "";
  color: #b40924;
  position: absolute;
  left: 0;
  top: 0.375rem;
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url("../images/section3/clarins_cvg-section3_06-icon.svg");
}
section[data-name^="section-3"] .clarins_cvg-block06 .clarins_cvg-padTB {
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-3"] .clarins_cvg-block06 .clarins_cvg-padTB {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
[data-name^="section-4"] {
  padding: 0 0 3% 0;
}
[data-name^="section-4"] img {
  max-width: 100%;
  height: auto;
}
[data-name^="section-4"] h3 {
  font-size: 2.1875rem;
  line-height: 2.1875rem;
  margin-top: 2.1875rem;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 75em) {
  [data-name^="section-4"] h3 {
    font-size: 3rem;
    line-height: 3rem;
    margin-top: 6.875rem;
    margin-bottom: 0.75rem;
  }
}
@media only screen and (min-width: 100em) {
  /*[data-name^="section-4"] .clarins_cvg-container {
        min-width: 100em;
    }*/
}
[data-name^="section-4"] .clarins_cvg-uppercase {
  text-transform: uppercase;
}
[data-name^="section-4"] .clarins_cvg-txt-gothamMedium {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
}
[data-name^="section-4"] .clarins_cvg-txt-gothamBook {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
}
[data-name^="section-4"] .clarins_cvg-title {
  font-size: 1.0625rem;
  line-height: 1.5625rem;
}
@media only screen and (min-width: 85em) {
  [data-name^="section-4"] .clarins_cvg-title {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}
[data-name^="section-4"] .clarins_cvg-content {
  font-size: 1rem;
  line-height: 1.4375rem;
}
@media only screen and (min-width: 85em) {
  [data-name^="section-4"] .clarins_cvg-content {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}
[data-name^="section-4"] .clarins_cvg-mention {
  font-size: 0.6875rem;
  line-height: 0.8125rem;
}
@media only screen and (min-width: 85em) {
  [data-name^="section-4"] .clarins_cvg-mention {
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
}
[data-name^="section-4"] .clarins_cvg-list {
  font-size: 0.9375rem;
  line-height: 1.25rem;
}
@media only screen and (min-width: 85em) {
  [data-name^="section-4"] .clarins_cvg-list {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}
[data-name^="section-4"] .clarins_cvg-number {
  font-size: 2.375rem;
  line-height: 2.875rem;
}
@media only screen and (min-width: 85em) {
  [data-name^="section-4"] .clarins_cvg-number {
    font-size: 3rem;
    line-height: 3.625rem;
  }
}
[data-name^="section-4"] .clarins_cvg-header {
  background-image: url("../images/section4/clarins_cvg_section04_header_bg.jpg");
}
[data-name^="section-4"] .clarins_cvg-header--number:after {
  background-image: url("../images/section4/clarins_cvg_section04_header_icon.svg");
  width: 5.5rem;
  height: 2.625rem;
  top: 60%;
  transform: translateX(0%);
}
@media only screen and (min-width: 48em) {
  [data-name^="section-4"] .clarins_cvg-header--number:after {
    width: 6.5625rem;
    height: 3.125rem;
    transform: translateX(-60%);
    top: 50%;
  }
}
[data-name^="section-4"] .clarins_cvg-clear-both {
  clear: both;
}
[data-name^="section-4"] [data-sec4-block^="section-4-title"] {
  padding: 0 0 8% 0;
}
@media only screen and (min-width: 48em) {
  [data-name^="section-4"] [data-sec4-block^="section-4-title"] {
    padding: 0 10% 4% 10%;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-title"]
  .clarins_cvg-title_wrap {
  display: inline-block;
}
[data-name^="section-4"] [data-sec4-block^="section-4-title"] p {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: #b40924;
  max-width: 18.4375rem;
  font-size: 1.0625rem;
  line-height: 1.75rem;
}
@media only screen and (min-width: 48em) {
  [data-name^="section-4"] [data-sec4-block^="section-4-title"] p {
    max-width: initial;
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}
[data-name^="section-4"] [data-sec4-block^="section-4-title"] p:after {
  content: "";
  position: absolute;
  width: 1.875rem;
  height: calc(30px / 1.34375);
  background-image: url("../images/section4/clarins_cvg_section04_title_icon_ie.png");
  background-repeat: no-repeat;
  background-size: 100%;
  right: 0;
  top: 0.125rem;
  transform: translateX(100%);
}
@media only screen and (min-width: 48em) {
  [data-name^="section-4"] [data-sec4-block^="section-4-title"] p:after {
    top: 0.125rem;
  }
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"] [data-sec4-block^="section-4-title"] p:after {
    top: 0;
    width: 2.6875rem;
    height: calc(43px / 1.34375);
  }
}
[data-name^="section-4"] [data-sec4-block^="section-4-title"] p span {
  color: #000;
  display: inline-block;
  text-transform: initial;
  font-size: 1rem;
}
[data-name^="section-4"] [data-sec4-block^="section-4-where"] {
  padding: 0;
}
@media only screen and (min-width: 48em) {
  [data-name^="section-4"] [data-sec4-block^="section-4-where"] {
    padding: 0 6%;
  }
}
[data-name^="section-4"] [data-sec4-block^="section-4-where"] ul {
  list-style: none;
  padding-left: 5%;
}
[data-name^="section-4"] [data-sec4-block^="section-4-where"] ul li {
  margin-bottom: 1.25rem;
}
[data-name^="section-4"] [data-sec4-block^="section-4-where"] ul li:before {
  content: "\2022";
  color: #b40924;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-where"]
  .clarins_cvg-where-title {
  margin-bottom: 1.25rem;
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-where"]
  .clarins_cvg-where-column1 {
  padding: 8%;
  background-color: #f3f1f0;
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-where"]
    .clarins_cvg-where-column1 {
    padding: 2.8%;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-where"]
  .clarins_cvg-where-column1
  img {
  float: right;
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-where"]
  .clarins_cvg-where-column1
  p:nth-child(2) {
  width: 100%;
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-where"]
  .clarins_cvg-where-column1
  ul
  li:nth-child(2) {
  width: 100%;
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-where"]
    .clarins_cvg-where-column1
    ul
    li:nth-child(2) {
    width: 65%;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-where"]
  .clarins_cvg-where-column1
  > p:nth-child(3) {
  width: 100%;
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-where"]
    .clarins_cvg-where-column1
    > p:nth-child(3) {
    width: 85%;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-where"]
  .clarins_cvg-where-column2 {
  padding: 8%;
}
@media only screen and (min-width: 48em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-where"]
    .clarins_cvg-where-column2 {
    padding: 8% 10%;
  }
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-where"]
    .clarins_cvg-where-column2 {
    padding: 3% 6% 0 5%;
    align-self: flex-end;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-where"]
  .clarins_cvg-where-column3 {
  padding: 0% 10% 8% 10%;
  position: relative;
}
@media only screen and (min-width: 48em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-where"]
    .clarins_cvg-where-column3 {
    padding: 0% 20% 5% 20%;
  }
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-where"]
    .clarins_cvg-where-column3 {
    padding: 0;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-where"]
  .clarins_cvg-where-column3
  img {
  margin-top: -15%;
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-where"]
    .clarins_cvg-where-column3
    img {
    max-width: initial;
    width: 123%;
    margin-left: -20%;
    margin-top: -35%;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-where"]
  .clarins_cvg-where-column3
  p {
  position: absolute;
  top: 55%;
  right: 15%;
}
@media only screen and (min-width: 48em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-where"]
    .clarins_cvg-where-column3
    p {
    right: 25%;
  }
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"] [data-sec4-block^="section-4-when"] {
    margin-top: 2.5rem;
    background-image: url("../images/section4/clarins_cvg_section04_bg_when.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
  }
}
@media only screen and (min-width: 75em) {
  [data-name^="section-4"] [data-sec4-block^="section-4-when"] {
    margin-top: 7.0625rem;
  }
}
[data-name^="section-4"] [data-sec4-block^="section-4-when"] img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"] [data-sec4-block^="section-4-when"] img {
    display: none;
  }
}
[data-name^="section-4"] [data-sec4-block^="section-4-when"] p {
  text-align: left;
  margin-bottom: 2.25rem;
}
[data-name^="section-4"] [data-sec4-block^="section-4-when"] p:last-child {
  margin-bottom: 0;
}
[data-name^="section-4"] [data-sec4-block^="section-4-when"] h3 {
  margin-top: 0;
  margin-bottom: 0.9375rem;
}
@media only screen and (min-width: 48em) {
  [data-name^="section-4"] [data-sec4-block^="section-4-when"] h3 {
    margin-bottom: 2rem;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-when"]
  .clarins_cvg-when-column2 {
  padding: 12% 2.1875rem;
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-when"]
    .clarins_cvg-when-column2 {
    padding: 5.5% 5%;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-when"]
  .clarins_cvg-when-content {
  background-color: #fff;
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-when"]
    .clarins_cvg-when-content {
    padding: 8% 15%;
  }
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-when"]
    .clarins_cvg-when-content
    h3 {
    margin-top: 0;
  }
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"] [data-sec4-block^="section-4-naturally"] {
    margin-top: 2.5rem;
  }
}
@media only screen and (min-width: 75em) {
  [data-name^="section-4"] [data-sec4-block^="section-4-naturally"] {
    margin-top: 7.0625rem;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-naturally"]
  .clarins_cvg-naturally-column1 {
  background-color: #f3f1f0;
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-naturally"]
    .clarins_cvg-naturally-column1 {
    background-color: rgba(0, 0, 0, 0);
    align-self: flex-end;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-naturally"]
  .clarins_cvg-naturally-column1
  h3 {
  margin-bottom: 1.5625rem;
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-naturally"]
    .clarins_cvg-naturally-column1
    h3 {
    margin-bottom: 0.9375rem;
    margin-top: 0;
  }
}
@media only screen and (min-width: 100em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-naturally"]
    .clarins_cvg-naturally-column1
    h3 {
    margin-bottom: 2.5rem;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-naturally"]
  .clarins_cvg-naturally-column1
  p:nth-child(4) {
  width: 100%;
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-naturally"]
    .clarins_cvg-naturally-column1
    p:nth-child(4) {
    width: 70%;
    margin: 0 auto;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-naturally"]
  .clarins_cvg-naturally-column2 {
  padding: 8% 10%;
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-naturally"]
    .clarins_cvg-naturally-column2 {
    padding: 0;
    align-self: flex-end;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-naturally"]
  .clarins_cvg-naturally-column2--imgwrap {
  padding: 0.9375rem 0.9375rem 0.9375rem 0;
  background-image: url("../images/section4/clarins_cvg_section04_naturally_img_border.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: auto 100%;
}
@media only screen and (min-width: 48em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-naturally"]
    .clarins_cvg-naturally-column2--imgwrap {
    padding: 0.9375rem 1.5625rem 0.9375rem 0;
  }
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-naturally"]
    .clarins_cvg-naturally-column2--imgwrap {
    padding: 1.25rem 1.25rem 1.25rem 0;
    margin-bottom: -1.375rem;
  }
}
@media only screen and (min-width: 85em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-naturally"]
    .clarins_cvg-naturally-column2--imgwrap {
    padding: 1.25rem 1.875rem 1.25rem 0;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-naturally"]
  .clarins_cvg-naturally-column2--imgwrap
  img {
  width: 100%;
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-naturally"]
  .clarins_cvg-naturally-content {
  padding: 0 10% 8% 10%;
  background-color: #f3f1f0;
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-naturally"]
    .clarins_cvg-naturally-content {
    padding: 3% 4%;
  }
}
@media only screen and (min-width: 75em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-naturally"]
    .clarins_cvg-naturally-content {
    padding: 8%;
  }
}
@media only screen and (min-width: 85em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-naturally"]
    .clarins_cvg-naturally-content {
    padding: 10%;
  }
}
@media only screen and (min-width: 100em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-naturally"]
    .clarins_cvg-naturally-content {
    padding: 10% 21%;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-naturally"]
  .clarins_cvg-naturally-content
  p:first-child {
  margin-top: 0;
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-naturally"]
  .clarins_cvg-number {
  color: #b40924;
  margin-bottom: 0.4375rem;
  margin-top: 1.5625rem;
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-naturally"]
    .clarins_cvg-number {
    margin-top: 0.625rem;
  }
}
@media only screen and (min-width: 85em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-naturally"]
    .clarins_cvg-number {
    margin-top: 1.5625rem;
  }
}
@media only screen and (min-width: 100em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-naturally"]
    .clarins_cvg-number {
    margin-top: 2.1875rem;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-who"]
  .clarins_cvg-who-column1 {
  padding: 0 8%;
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-who"]
    .clarins_cvg-who-column1 {
    padding: 3% 22% 3% 0;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-who"]
  .clarins_cvg-who-column1
  h3 {
  margin-top: 0;
  margin-bottom: 0.8125rem;
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-who"]
    .clarins_cvg-who-column1
    h3 {
    text-align: left;
    margin-bottom: 2.5rem;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-who"]
  .clarins_cvg-who-column2 {
  padding: 5% 18%;
  position: relative;
}
@media only screen and (min-width: 48em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-who"]
    .clarins_cvg-who-column2 {
    padding: 5%;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-who"]
  .clarins_cvg-who-column2
  p {
  position: absolute;
  top: 25%;
  right: 20%;
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-who"]
    .clarins_cvg-who-column2
    p {
    right: initial;
    top: 14%;
    left: 36%;
  }
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-who"]
  .clarins_cvg-who-content
  p {
  text-align: left;
  margin-bottom: 1.25rem;
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-who"]
  .clarins_cvg-who-content
  p:last-child {
  margin-bottom: 0;
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-who"]
  .clarins_cvg-who-content
  p
  a {
  color: #000;
  text-decoration: underline;
}
[data-name^="section-4"]
  [data-sec4-block^="section-4-who"]
  .clarins_cvg-who-content
  p:nth-child(3) {
  width: 100%;
}
@media only screen and (min-width: 64em) {
  [data-name^="section-4"]
    [data-sec4-block^="section-4-who"]
    .clarins_cvg-who-content
    p:nth-child(3) {
    width: 80%;
  }
}
section[data-name^="section-5"] {
  padding: 0;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-5"] {
    padding-bottom: 8.125rem;
  }
}
section[data-name^="section-5"] p {
  font-size: 0.9375rem;
  line-height: 1.6;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-5"] p {
    font-size: 1rem;
  }
}
section[data-name^="section-5"] .clarins_cvg-hiddenDestop {
  display: block;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-5"] .clarins_cvg-hiddenDestop {
    display: none;
  }
}
section[data-name^="section-5"] .clarins_cvg-imagesMob {
  width: 100%;
  height: auto;
  margin: 1.25rem auto;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-5"] .clarins_cvg-imagesMob {
    width: auto;
    margin: 0;
  }
}
section[data-name^="section-5"] .clarins_cvg-header {
  background-image: url("../images/section5/clarins_cvg-section5_header-bg.jpg");
}
section[data-name^="section-5"] .clarins_cvg-header--number:after {
  background-image: url("../images/section5/clarins_cvg-section5_header-icon.png");
  width: 3.75rem;
  height: 3.75rem;
}
section[data-name^="section-5"] .clarins_cvg p {
  font-size: 1rem;
  line-height: 1.1875rem;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
}
section[data-name^="section-5"] .clarins_cvg-bg--white {
  padding: 0 2.1875rem 1.25rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-5"] .clarins_cvg-bg--white {
    padding: 0 2.5rem 2.5rem;
  }
}
section[data-name^="section-5"] .clarins_cvg-bg--grey {
  padding: 2.1875rem 2.1875rem;
  background-color: #f9f8f7;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-5"] .clarins_cvg-bg--grey {
    padding: 2.5rem 2.5rem;
  }
}
section[data-name^="section-5"] .clarins_cvg-marginTop {
  margin-top: 1.25rem;
}
section[data-name^="section-5"] .clarins_cvg-para--bold {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
}
section[data-name^="section-5"] .clarins_cvg-para--title {
  font-size: 1.0625rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-5"] .clarins_cvg-para--title {
    font-size: 1.25rem;
  }
}
section[data-name^="section-5"] .clarins_cvg-step {
  padding: 0rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-5"] .clarins_cvg-step {
    padding-top: 7.5rem;
  }
}
section[data-name^="section-5"] .clarins_cvg-step-container {
  margin: 0 6.25rem;
}
section[data-name^="section-5"] .clarins_cvg-step--icon {
  padding: 2.5rem 2.1875rem 0;
  margin-bottom: 1.25rem;
  position: relative;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-5"] .clarins_cvg-step--icon {
    padding: 0 0rem 0;
    margin-bottom: 0;
  }
}
section[data-name^="section-5"] .clarins_cvg-step--icon div {
  position: relative;
  border: 0.25rem solid #f2f2f6;
  background-color: #fff;
  margin-left: 0;
  z-index: 5;
}
section[data-name^="section-5"] .clarins_cvg-step--icon div:before {
  content: attr(data-step);
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3rem;
  background-color: #fff;
  padding: 1.25rem 0.625rem;
  color: #b40924;
  z-index: 10;
}
section[data-name^="section-5"] .clarins_cvg-step--icon img {
  box-sizing: border-box;
  text-align: center;
  padding: 4.875rem 0.625rem;
  width: 40%;
  max-width: 140px;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-5"] .clarins_cvg-step--icon:after {
    content: "";
    position: absolute;
    top: 0;
    background-color: #e6dfdd;
    left: 50%;
    transform: translate(-50%, 0);
    width: 0.1875rem;
    height: calc(100% + 60px);
  }
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-5"] .clarins_cvg-step--icon:before {
    content: "";
    position: absolute;
    background-color: #e6dfdd;
    z-index: 0;
    height: 0.1875rem;
  }
}
section[data-name^="section-5"] .clarins_cvg-step1 .clarins_cvg-step--icon {
  position: relative;
}
section[data-name^="section-5"] .clarins_cvg-step2 {
  padding-top: 0rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-5"] .clarins_cvg-step2 {
    padding-top: 9.375rem;
  }
}
section[data-name^="section-5"] .clarins_cvg-step2 .clarins_cvg-step--icon {
  position: relative;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-5"]
    .clarins_cvg-step2
    .clarins_cvg-step--icon:after {
    transform: translate(-50%, 0);
    height: calc(100% + 90px);
    top: -5.625rem;
  }
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-5"]
    .clarins_cvg-step2
    .clarins_cvg-step--icon:before {
    content: "";
    position: absolute;
    top: -5.625rem;
    transform: translate(0, -50%);
    background-color: #e6dfdd;
    width: 67%;
    right: 50%;
  }
}
section[data-name^="section-5"] .clarins_cvg-step2 .clarins_cvg-container {
  position: relative;
}
section[data-name^="section-5"]
  .clarins_cvg-step2
  .clarins_cvg-container::before {
  content: "";
  position: relative;
  display: block;
  background-image: url("../images/section5/clarins_cvg-section5_bg-left-m.png");
  width: 100%;
  max-width: 43.75rem;
  height: 120vw;
  background-repeat: no-repeat;
  background-size: contain;
  top: -1.875rem;
  left: 0;
  margin: 0 auto;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-5"]
    .clarins_cvg-step2
    .clarins_cvg-container::before {
    background-image: url("../images/section5/clarins_cvg-section5_bg-left.png");
    position: absolute;
    top: 50%;
    left: -50%;
    transform: translateY(-50%);
    margin: 0;
  }
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-5"]
    .clarins_cvg-step2
    .clarins_cvg-container::before {
    left: -20%;
    height: 62.5rem;
  }
}
section[data-name^="section-5"] .clarins_cvg-step2 ul > li {
  margin: 0.9375rem 0;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-5"] .clarins_cvg-step3 {
    padding-top: 6.25rem;
  }
}
section[data-name^="section-5"] .clarins_cvg-step3 .clarins_cvg-container {
  position: relative;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-5"]
    .clarins_cvg-step3
    .clarins_cvg-container::after {
    content: "";
    position: relative;
    background-image: url("../images/section5/clarins_cvg-section5_bg-right.jpg");
    width: 100%;
    max-width: 31.875rem;
    height: 80vw;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    display: unset;
    position: absolute;
    height: 37.5rem;
    right: -50%;
    margin: 0;
    top: 50%;
    transform: translate(0, -50%);
    left: unset;
  }
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-5"]
    .clarins_cvg-step3
    .clarins_cvg-container::after {
    height: 31.25rem;
    right: -28%;
  }
}
@media only screen and (min-width: 90em) {
  section[data-name^="section-5"]
    .clarins_cvg-step3
    .clarins_cvg-container::after {
    height: 45rem;
    right: -20%;
  }
}
section[data-name^="section-5"] .clarins_cvg-step3 .clarins_cvg-step--icon {
  position: relative;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-5"]
    .clarins_cvg-step3
    .clarins_cvg-step--icon:after {
    transform: translate(-50%, 0);
    height: 6.25rem;
    top: -6.25rem;
  }
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-5"]
    .clarins_cvg-step3
    .clarins_cvg-step--icon:before {
    content: "";
    position: absolute;
    top: -6.25rem;
    transform: translate(0, -50%);
    background-color: #e6dfdd;
    width: 100%;
    left: 50%;
  }
}
section[data-name^="section-5"] .clarins_cvg-list {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  margin-top: 0.625rem;
}
section[data-name^="section-5"] .clarins_cvg-list li {
  line-height: 1.8;
}
section[data-name^="section-5"] .clarins_cvg-list--dot > li {
  position: relative;
  padding-left: 1.5625rem;
}
section[data-name^="section-5"] .clarins_cvg-list--dot > li::before {
  content: "\2022";
  color: #b40924;
  position: absolute;
  left: 0;
}
section[data-name^="section-5"] .clarins_cvg-list--brand {
  position: relative;
}
section[data-name^="section-5"] .clarins_cvg-list--brand span {
  display: block;
}
section[data-name^="section-5"] .clarins_cvg-list--brand span:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  margin-left: 1.25rem;
}
section[data-name^="section-5"]
  .clarins_cvg-list--brand:nth-child(1)
  span:after {
  background-image: url("../images/section5/clarins_cvg-section5_step2-card.png");
  width: 14.375rem;
  height: 3.125rem;
  top: 0.625rem;
  transform: translateY(0);
  position: relative;
  display: block;
}
@media only screen and (min-width: 90em) {
  section[data-name^="section-5"]
    .clarins_cvg-list--brand:nth-child(1)
    span:after {
    position: absolute;
    display: unset;
  }
}
section[data-name^="section-5"]
  .clarins_cvg-list--brand:nth-child(2)
  span:after {
  background-image: url("../images/section5/clarins_cvg-section5_step2-paypal.png");
  width: 6.875rem;
  height: 1.9375rem;
}
section[data-name^="section-5"]
  .clarins_cvg-list--brand:nth-child(3)
  span:after {
  background-image: url("../images/section5/clarins_cvg-section5_step2-klarna.png");
  width: 5.875rem;
  height: 1.3125rem;
}
section[data-name^="section-5"]
  .clarins_cvg-list--brand:nth-child(4)
  span:after {
  background-image: url("../images/section5/clarins_cvg-section5_step2-gift.png");
  width: 4.4375rem;
  height: 3rem;
}
section[data-name^="section-6"] p {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
section[data-name^="section-6"] p a {
  color: #b40924;
  text-decoration: underline;
}
section[data-name^="section-6"] h3 {
  font-family: "ClarinsRegular", "Clarins", "Times New Roman", Times, serif;
  font-size: 2.1875rem;
  line-height: 2.625rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] h3 {
    font-size: 3rem;
    line-height: 3.625rem;
  }
}
section[data-name^="section-6"] br {
  display: none;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-6"] br {
    display: block;
  }
}
section[data-name^="section-6"] .clarins_cvg-container {
  margin: 0 auto;
}
section[data-name^="section-6"] .clarins_cvg-isDesktop {
  display: none;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-isDesktop {
    display: block;
  }
}
section[data-name^="section-6"] .clarins_cvg-isMobile {
  display: block;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-isMobile {
    display: none;
  }
}
section[data-name^="section-6"] .clarins_cvg-img_full {
  width: 100%;
  height: auto;
  max-width: 21.875rem;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-6"] .clarins_cvg-img_full {
    max-width: 31.25rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-chart {
  position: relative;
  max-width: 112.5rem;
  margin-top: 1.25rem;
  margin: 0 auto;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-chart {
    margin-top: 4.0625rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-chart img,
section[data-name^="section-6"] .clarins_cvg-chart svg {
  height: auto;
  margin: 0 auto;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-chart img,
  section[data-name^="section-6"] .clarins_cvg-chart svg {
    width: 100%;
  }
}
section[data-name^="section-6"] .clarins_cvg-chart svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border: 0;
}
section[data-name^="section-6"] .clarins_cvg-chart svg text {
  color: #000;
}
section[data-name^="section-6"] .clarins_cvg-header {
  background-image: url("../images/section6/clarins_cvg-section6_header-bg.jpg");
}
section[data-name^="section-6"] .clarins_cvg-header--number:after {
  top: 40%;
  width: 3.875rem;
  height: 3.875rem;
  background-image: url("../images/section6/clarins_cvg-section6_header-icon.svg");
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-header--number:after {
    width: 4.375rem;
    height: 4.6875rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-bg {
  padding: 0 0 1.25rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-bg {
    padding: 0 2.5rem 0rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-bg--white {
  background-color: #fff;
}
section[data-name^="section-6"] .clarins_cvg-bg--grey {
  background-color: #f3f1f0;
}
section[data-name^="section-6"] .clarins_cvg-bg--gray {
  background-color: #faf8f9;
}
section[data-name^="section-6"] .clarins_cvg-padTB {
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-padTB {
    padding-top: 5.3125rem;
    padding-bottom: 5.3125rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-padTB50 {
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-padTB50 {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-padTB70 {
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-padTB70 {
    padding-top: 4.375rem;
    padding-bottom: 4.375rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-padLR {
  padding-left: 2.1875rem;
  padding-right: 2.1875rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-padLR {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-padLR20 {
  padding-left: 2.1875rem;
  padding-right: 2.1875rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-padLR20 {
    padding-left: 10%;
    padding-right: 10%;
  }
}
section[data-name^="section-6"] .clarins_cvg-marginTop {
  margin-top: 1.25rem;
}
section[data-name^="section-6"] .clarins_cvg-marginTop35 {
  margin-top: 1.25rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-marginTop35 {
    margin-top: 2.1875rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-marginTop40 {
  margin-top: 1.875rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-marginTop40 {
    margin-top: 2.5rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-marginTop60 {
  margin-top: 0rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-marginTop60 {
    margin-top: 3.75rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-marginLeft {
  margin-left: 10%;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-marginLeft {
    margin-left: 3.75rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-marginSubBottom {
  z-index: 5;
  margin-bottom: -7.5rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-marginSubBottom {
    margin-bottom: -15.625rem;
  }
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-6"] .clarins_cvg-marginSubBottom {
    margin-bottom: 0rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-box_shadow {
  background: #fff;
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.2);
  padding: 10% 6%;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-box_shadow {
    padding: 5% 11%;
  }
}
section[data-name^="section-6"] .clarins_cvg-para span {
  display: block;
}
section[data-name^="section-6"] .clarins_cvg-para--bold {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
}
section[data-name^="section-6"] .clarins_cvg-para--underline {
  text-decoration: underline;
}
section[data-name^="section-6"] .clarins_cvg-para--italic {
  font-style: italic;
}
section[data-name^="section-6"] .clarins_cvg-para--txtRed {
  color: #b40924;
}
section[data-name^="section-6"] .clarins_cvg-para--title {
  font-size: 1.0625rem;
  line-height: 1.5625rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-para--title {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-para--txt28 {
  font-size: 1.0625rem;
  line-height: 1.5625rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-para--txt28 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-para--txt28_end {
  font-size: 1.5625rem;
  line-height: 2rem;
}
section[data-name^="section-6"] .clarins_cvg-para--icon {
  position: relative;
  padding-left: 1.875rem;
}
section[data-name^="section-6"] .clarins_cvg-para--icon::before {
  content: "";
  color: #b40924;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5625rem;
  height: 1.5625rem;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-para--icon {
    padding-right: 1.875rem;
  }
  section[data-name^="section-6"] .clarins_cvg-para--icon::before {
    left: unset;
    right: 0;
  }
}
section[data-name^="section-6"] .clarins_cvg-para--icon_email {
  margin-top: 0.9375rem;
}
section[data-name^="section-6"] .clarins_cvg-para--icon_email::before {
  background-image: url("../images/section3/clarins_cvg-section3_icon-email.png");
}
section[data-name^="section-6"] .clarins_cvg-para--icon_password {
  margin-top: 0.625rem;
}
section[data-name^="section-6"] .clarins_cvg-para--icon_password::before {
  background-image: url("../images/section3/clarins_cvg-section3_icon-password.png");
}
section[data-name^="section-6"] .clarins_cvg-para--icon_number::before {
  content: attr(data-number) ".";
  margin-top: 0.9375rem;
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  position: absolute;
  left: 0;
  top: 0.3125rem;
  font-size: 1.5625rem;
  color: #000;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-para--icon_number::before {
    content: attr(data-number) ".";
    margin-top: 0.625rem;
    font-size: 3rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-banner {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-banner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-banner h3 {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  font-size: 3.75rem;
  line-height: 4.5rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-banner h3 {
    font-size: 5.3125rem;
    line-height: 6.375rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-banner p {
  font-family: "ClarinsRegular", "Clarins", "Times New Roman", Times, serif;
  font-size: 2.1875rem;
  line-height: 2.625rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-banner p {
    font-size: 3rem;
    line-height: 3.625rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-step {
  padding: 0rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-step {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-step-container {
  margin: 0 6.25rem;
}
section[data-name^="section-6"] .clarins_cvg-step--icon {
  padding-top: 5rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-step--icon {
    padding-top: 0;
    margin-bottom: 0;
  }
}
section[data-name^="section-6"] .clarins_cvg-step--icon div {
  position: relative;
  border: 0.25rem solid #f2f2f6;
  background-color: #fff;
  margin-left: 0;
  width: 100%;
  z-index: 5;
}
section[data-name^="section-6"] .clarins_cvg-step--icon div:before {
  content: "Step " attr(data-step);
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  position: absolute;
  top: -1.875rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2.5rem;
  background-color: #fff;
  padding: 0 1.875rem;
  color: #b40924;
  z-index: 10;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-step--icon div:before {
    padding: 0 1.25rem;
    font-size: 3rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-step--icon img {
  box-sizing: border-box;
  text-align: center;
  padding: 6.25rem 0.625rem 3.125rem;
  max-width: 140px;
  width: 33%;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-step--icon img {
    width: 40%;
  }
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-6"] .clarins_cvg-step--icon img {
    padding-bottom: 20%;
  }
}
section[data-name^="section-6"] .clarins_cvg-step .clarins_cvg-connectline {
  position: relative;
}
section[data-name^="section-6"]
  .clarins_cvg-step
  .clarins_cvg-connectline:after {
  content: "";
  position: absolute;
  top: 1.25rem;
  left: 50%;
  transform: translate(0, -50%);
  background-color: #e6dfdd;
  z-index: 0;
  width: 0.1875rem;
  height: 1.875rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"]
    .clarins_cvg-step
    .clarins_cvg-connectline:after {
    content: "";
    width: 0.1875rem;
    height: calc(100% + 100px);
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"]
    .clarins_cvg-step
    .clarins_cvg-connectline:before {
    content: "";
    position: absolute;
    bottom: -3.3125rem;
    transform: translate(0, -50%);
    background-color: #e6dfdd;
    z-index: 0;
    width: 200%;
    height: 0.1875rem;
  }
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-6"]
    .clarins_cvg-step
    .clarins_cvg-connectline:before {
    width: 234%;
  }
}
section[data-name^="section-6"]
  .clarins_cvg-step
  .clarins_cvg-connectline_left:before {
  left: 50%;
}
section[data-name^="section-6"]
  .clarins_cvg-step
  .clarins_cvg-connectline_right:before {
  right: 50%;
}
section[data-name^="section-6"]
  .clarins_cvg-step
  .clarins_cvg-connectline_hidden:before {
  content: unset;
}
section[data-name^="section-6"]
  .clarins_cvg-step1
  .clarins_cvg-connectline:after {
  content: unset;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"]
    .clarins_cvg-step1
    .clarins_cvg-connectline:after {
    content: "";
    height: calc(100% + 50px);
    top: calc(50% + 25px);
  }
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"]
    .clarins_cvg-step5
    .clarins_cvg-connectline:after {
    top: 0;
    height: 6.25rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-box {
  position: relative;
}
section[data-name^="section-6"] .clarins_cvg-box .clarins_cvg-content {
  padding: 0.625rem 0rem 6.875rem 1.875rem;
  margin-top: 1.875rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-box .clarins_cvg-content {
    padding: 0.9375rem 3.75rem 9.375rem;
    margin-top: 0rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-box .clarins_cvg-content2 {
  padding: 5.625rem 1.875rem 2.5rem 1.875rem;
  margin-top: 0rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-box .clarins_cvg-content2 {
    padding: 6.25rem 17% 6.5625rem;
    margin-top: 0rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-box .clarins_cvg-content2--left {
  position: relative;
  padding-bottom: 8.75rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-box .clarins_cvg-content2--left {
    padding: 7.5rem 7.1875rem 10rem;
    margin-top: 0rem;
  }
}
section[data-name^="section-6"]
  .clarins_cvg-box
  .clarins_cvg-content2--left:after {
  background-image: url("../images/section6/clarins_cvg-section6_box-icon4.png");
  content: "";
  position: absolute;
  bottom: 1.875rem;
  right: 1.875rem;
  width: 9.375rem;
  height: 5.625rem;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"]
    .clarins_cvg-box
    .clarins_cvg-content2--left:after {
    bottom: 1.875rem;
    right: 7.5rem;
    width: 12.5rem;
    height: 7.1875rem;
  }
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-6"]
    .clarins_cvg-box
    .clarins_cvg-content2--left:after {
    bottom: 0.625rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-box:after {
  content: "";
  position: absolute;
  bottom: 0.625rem;
  right: 0.625rem;
  width: 9.375rem;
  height: 5.625rem;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-box:after {
    bottom: 0.625rem;
    right: 0.625rem;
    width: 12.5rem;
    height: 7.1875rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-box_1:after {
  background-image: url("../images/section6/clarins_cvg-section6_box-icon1.png");
}
section[data-name^="section-6"] .clarins_cvg-box_2:after {
  background-image: url("../images/section6/clarins_cvg-section6_box-icon2.png");
}
section[data-name^="section-6"] .clarins_cvg-box_3:after {
  background-image: url("../images/section6/clarins_cvg-section6_box-icon3.png");
}
section[data-name^="section-6"] .clarins_cvg-list {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  margin-top: 0.625rem;
  padding: 0;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-list {
    padding: 0 9%;
  }
}
section[data-name^="section-6"] .clarins_cvg-list li {
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-list li {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-list--dot > li {
  position: relative;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] .clarins_cvg-list--dot > li {
    padding-left: 0.9375rem;
  }
}
section[data-name^="section-6"] .clarins_cvg-list--dot > li::before {
  content: "\2022";
  color: #b40924;
  padding-right: 0.625rem;
}
section[data-name^="section-6"] .clarins_cvg-list--dot2 > li {
  padding-left: 0.9375rem;
}
section[data-name^="section-6"] .clarins_cvg-list--dot2 > li::before {
  position: absolute;
  left: 0;
}
section[data-name^="section-6"] .clarins_cvg-list--dot3 {
  margin-top: 1.25rem;
}
section[data-name^="section-6"] .clarins_cvg-list--dot3 > li {
  padding-left: 1.5625rem;
}
section[data-name^="section-6"] .clarins_cvg-list--dot3 > li::before {
  position: absolute;
  left: 0;
}
section[data-name^="section-6"]
  [data-main-block^="process"].clarins_cvg-step1
  ul
  li:nth-child(2) {
  line-height: 1.375rem;
}
section[data-name^="section-6"]
  [data-main-block^="transparent"]
  .clarins_cvg-force-padding {
  padding-right: 4%;
  padding-left: 4%;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"]
    [data-main-block^="transparent"]
    .clarins_cvg-force-padding {
    padding-right: 0;
    padding-left: 0;
  }
}
section[data-name^="section-6"]
  [data-main-block^="what"]
  .clarins_cvg-force-padding {
  padding-top: 1.5625rem;
  padding-bottom: 0rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"]
    [data-main-block^="what"]
    .clarins_cvg-force-padding {
    padding-top: 0.3125rem;
    padding-bottom: 3.125rem;
  }
}
section[data-name^="section-6"]
  [data-main-block^="you"]
  .clarins_cvg-img-product {
  width: 28%;
  max-width: 140px;
  margin-top: 0rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"]
    [data-main-block^="you"]
    .clarins_cvg-img-product {
    margin-top: 2.5rem;
    width: initial;
  }
}
section[data-name^="section-6"]
  [data-main-block^="you"]
  .clarins_cvg-force-padding {
  padding: 10% 9%;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"]
    [data-main-block^="you"]
    .clarins_cvg-force-padding {
    padding: 3% 0;
  }
}
section[data-name^="section-6"]
  [data-main-block^="you"]
  .clarins_cvg-force-padding-item {
  padding: 5% 0;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"]
    [data-main-block^="you"]
    .clarins_cvg-force-padding-item {
    padding: 5%;
  }
}
section[data-name^="section-6"] [data-main-block^="how"] ul {
  padding: 0;
}
section[data-name^="section-6"] [data-main-block^="how"] ul li {
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"] [data-main-block^="how"] ul li {
    font-size: 1rem;
    line-height: 1.625rem;
  }
}
section[data-name^="section-6"]
  [data-main-block^="how"]
  .clarins_cvg-force-padding {
  padding-top: 3.75rem;
  padding-right: 5rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-6"]
    [data-main-block^="how"]
    .clarins_cvg-force-padding {
    padding-right: 7.8125rem;
    padding-top: 7.5rem;
  }
}
section[data-name^="section-7"] a {
  color: black;
  text-decoration: underline;
}
section[data-name^="section-7"] p {
  font-size: 0.9375rem;
  line-height: 1.125rem;
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"] p {
    font-size: 1rem;
    line-height: 1.1875rem;
  }
}
section[data-name^="section-7"] .clarins_cvg-hiddenDestop {
  display: inline-block;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"] .clarins_cvg-hiddenDestop {
    display: none;
  }
}
section[data-name^="section-7"] .clarins_cvg-hiddenMobile {
  display: none;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"] .clarins_cvg-hiddenMobile {
    display: inline-block;
  }
}
section[data-name^="section-7"] .clarins_cvg-txtUnderline {
  text-decoration: underline;
  cursor: pointer;
}
section[data-name^="section-7"] .clarins_cvg-red {
  color: #b40924;
}
section[data-name^="section-7"] .clarins_cvg-box_shadow {
  padding: 5% 8%;
  background: #fff;
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.2);
  padding: 10% 6%;
  width: 100%;
  margin: 0 auto;
}
section[data-name^="section-7"] .clarins_cvg-vertical-bottom {
  align-items: flex-end;
}
section[data-name^="section-7"] .clarins_cvg-vertical-top {
  align-items: flex-start;
}
section[data-name^="section-7"] .clarins_cvg-list--dot > li {
  position: relative;
  padding-left: 1.5625rem;
  margin-bottom: 0.125rem;
}
section[data-name^="section-7"] .clarins_cvg-list--dot > li::before {
  content: "\2022";
  color: #b40924;
  position: absolute;
  left: 0;
}
section[data-name^="section-7"] .clarins_cvg-header {
  background-image: url("../images/section7/clarins_cvg-section7_header-bg.jpg");
}
section[data-name^="section-7"] .clarins_cvg-header--number:after {
  background-image: url("../images/section7/clarins_cvg-section7_header-icon.svg");
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"] .clarins_cvg-header--number:after {
    width: 4.75rem;
    height: auto;
  }
}
section[data-name^="section-7"] .clarins_cvg-padTB {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"] .clarins_cvg-padTB {
    padding-top: 5.3125rem;
    padding-bottom: 5.3125rem;
  }
}
section[data-name^="section-7"] .clarins_cvg-padLR {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"] .clarins_cvg-padLR {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }
}
section[data-name^="section-7"] .clarins_cvg-padLDesk {
  padding-left: 0rem;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-7"] .clarins_cvg-padLDesk {
    padding-left: 3.125rem;
  }
}
section[data-name^="section-7"] .clarins_cvg-padRDesk {
  padding-right: 0rem;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-7"] .clarins_cvg-padRDesk {
    padding-right: 3.125rem;
  }
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"] .clarins_cvg-noPadRDesk {
    padding-right: 0;
  }
}
section[data-name^="section-7"] .clarins_cvg-marginBOT {
  margin-bottom: 1.25rem;
}
section[data-name^="section-7"] .clarins_cvg-marginTOP {
  margin-top: 1.25rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"] .clarins_cvg-marginBot100 {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-7"] .clarins_cvg-marginBot100 {
    margin-bottom: 5.625rem;
  }
}
section[data-name^="section-7"] .clarins_cvg-bold {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  font-size: 1.0625rem;
  line-height: 1.25rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"] .clarins_cvg-bold {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
section[data-name^="section-7"] .clarins_cvg-strong {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
}
section[data-name^="section-7"] .clarins_cvg-title {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  font-size: 1.0625rem;
  line-height: 1.25rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"] .clarins_cvg-title {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}
section[data-name^="section-7"]
  .clarins_cvg_section7-block1
  .clarins_cvg-title {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  line-height: 1.5rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"]
    .clarins_cvg_section7-block1
    .clarins_cvg-title {
    font-size: 1.25rem;
  }
}
section[data-name^="section-7"] .clarins_cvg_section7-block1 h2 {
  font-family: "ClarinsRegular", "Clarins", "Times New Roman", Times, serif;
  font-size: 2.1875rem;
  line-height: 2.625rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"] .clarins_cvg_section7-block1 h2 {
    font-size: 3rem;
    line-height: 3.625rem;
  }
}
section[data-name^="section-7"] .clarins_cvg_section7-block1 img {
  width: 100%;
}
section[data-name^="section-7"] .clarins_cvg_section7-block2 {
  text-align: left;
  margin-bottom: 3.125rem;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-7"] .clarins_cvg_section7-block2 {
    margin-bottom: 6.25rem;
  }
}
section[data-name^="section-7"] .clarins_cvg_section7-block2-2,
section[data-name^="section-7"] .clarins_cvg_section7-block2-3 {
  background-color: #f3f1f0;
}
section[data-name^="section-7"] .clarins_cvg_section7-block2-3 {
  position: relative;
  margin-top: 5rem;
  padding-top: 6.875rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"] .clarins_cvg_section7-block2-3 {
    margin-top: 6.875rem;
  }
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-7"] .clarins_cvg_section7-block2-3 {
    margin-top: 5rem;
  }
}
section[data-name^="section-7"] .clarins_cvg_section7-block2 img {
  width: 100%;
  display: block;
}
section[data-name^="section-7"] .clarins_cvg_section7-block2-2 {
  padding-bottom: 2.5rem;
}
section[data-name^="section-7"] .clarins_cvg_section7-block3 {
  margin-bottom: 3.125rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"] .clarins_cvg_section7-block3 {
    margin-bottom: 5.625rem;
  }
}
section[data-name^="section-7"] .clarins_cvg_section7-block3 img {
  width: 100%;
  max-width: 31.25rem;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-7"] .clarins_cvg_section7-block3 img {
    max-width: 100%;
  }
}
section[data-name^="section-7"] .clarins_cvg_section7-block3-1 {
  background-color: #faf1f3;
  position: relative;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"] .clarins_cvg_section7-block3-1 {
    padding-left: 15%;
    padding-right: 15%;
    margin-bottom: 3.125rem;
  }
}
section[data-name^="section-7"] .clarins_cvg_section7-block3-1-img {
  display: none;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-7"] .clarins_cvg_section7-block3-1-img {
    display: block;
    width: 18.75rem;
    position: absolute;
    left: -12%;
    top: 1.875rem;
  }
}
section[data-name^="section-7"] .clarins_cvg_section7-block3-3 {
  background-color: #f3f1f0;
  position: relative;
  margin-top: 5rem;
  padding-top: 6.875rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"] .clarins_cvg_section7-block3-3 {
    padding-bottom: 3.125rem;
  }
}
section[data-name^="section-7"] .clarins_cvg_section7-block3-3-img img {
  max-width: 12.5rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"] .clarins_cvg_section7-block3-3-img img {
    max-width: 21.875rem;
  }
}
section[data-name^="section-7"] .clarins_cvg_section7-block3-3-img-mobile {
  margin-top: -2.375rem;
  z-index: 2;
  position: relative;
}
section[data-name^="section-7"]
  .clarins_cvg_section7-block3-2
  .clarins_cvg-imgMobile {
  display: block;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-7"]
    .clarins_cvg_section7-block3-2
    .clarins_cvg-imgMobile {
    display: none;
  }
}
section[data-name^="section-7"] .clarins_cvg_section7-block4 {
  text-align: left;
  margin-bottom: 3.125rem;
  padding: 0 1.25rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"] .clarins_cvg_section7-block4 {
    margin-bottom: 6.25rem;
    padding: 0;
  }
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"] .clarins_cvg_section7-block4-1 {
    padding-top: 4.375rem;
    padding-bottom: 3.125rem;
  }
}
section[data-name^="section-7"] .clarins_cvg_section7-icon {
  position: absolute;
  width: 9.375rem;
  height: 9.375rem;
  text-align: center;
  background-color: #fff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -5rem;
  left: calc(50% - 75px);
}
section[data-name^="section-7"] .clarins_cvg_section7-icon img {
  width: 5rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"] .clarins_cvg_section7-icon {
    width: 12.5rem;
    height: 12.5rem;
    top: -6.875rem;
    left: calc(50% - 100px);
  }
  section[data-name^="section-7"] .clarins_cvg_section7-icon img {
    width: 6.25rem;
  }
}
section[data-name^="section-7"] .clarins_cvg_section7-icon-positive {
  width: 100%;
}
section[data-name^="section-7"] .clarins_cvg_section7-icon-positive img {
  width: 7.5rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"] .clarins_cvg_section7-icon-positive img {
    width: 8.75rem;
    margin-bottom: 3.125rem;
  }
}
section[data-name^="section-7"] .clarins_cvg-img-rosa-mobile {
  margin: 0 auto;
  max-width: 15rem;
}
section[data-name^="section-7"]
  [data-main-block^="we"]
  .clarins_cvg-force-padding {
  padding-top: 2.3125rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"]
    [data-main-block^="we"]
    .clarins_cvg-force-padding {
    padding-top: 5.3125rem;
  }
}
section[data-name^="section-7"]
  [data-main-block^="texture"]
  .clarins_cvg-we-are {
  line-height: 1.75rem;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"]
    [data-main-block^="texture"]
    .clarins_cvg-we-are {
    line-height: 2rem;
  }
}
section[data-name^="section-7"]
  [data-main-block^="img-conform"]
  .clarins_cvg-hiddenDestop {
  display: inline-block;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-7"]
    [data-main-block^="img-conform"]
    .clarins_cvg-hiddenDestop {
    display: none;
  }
}
section[data-name^="section-7"]
  [data-main-block^="img-conform"]
  .clarins_cvg-hiddenMobile {
  display: none;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-7"]
    [data-main-block^="img-conform"]
    .clarins_cvg-hiddenMobile {
    display: inline-block;
  }
}
section[data-name^="section-7"]
  [data-main-block^="img-conform"]
  .clarins_cvg-img-conform-mobile {
  margin-top: -10%;
}
@media only screen and (min-width: 48em) {
  section[data-name^="section-7"]
    [data-main-block^="img-conform"]
    .clarins_cvg-img-conform-mobile {
    margin-top: -7%;
  }
}
section[data-name^="section-8"] h4 {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  font-size: 1.25rem;
  line-height: 1.375rem;
  margin-bottom: 2.5rem;
  text-align: left;
  text-transform: uppercase;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-8"] h4 {
    font-size: 1.25rem;
    line-height: 1.6875rem;
  }
}
section[data-name^="section-8"] p,
section[data-name^="section-8"] li {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
}
section[data-name^="section-8"] p sup,
section[data-name^="section-8"] li sup {
  font-size: 0.75rem;
}
section[data-name^="section-8"] ul {
  list-style: none;
}
section[data-name^="section-8"] ul li {
  margin-bottom: 1.5625rem;
}
section[data-name^="section-8"] ul li:before {
  content: "\2022";
  color: #b40924;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
section[data-name^="section-8"] strong {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  text-transform: uppercase;
}
section[data-name^="section-8"] a {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  color: #000;
}
section[data-name^="section-8"] a strong {
  text-transform: none;
  text-decoration: underline;
}
section[data-name^="section-8"] .clarins_cvg-header {
  background-image: url("../images/section8/clarins_cvg_section08-header.jpg");
}
section[data-name^="section-8"] .clarins_cvg-header--number:after {
  background-image: url("../images/section8/clarins_cvg_section08-clarins-icon.svg");
  width: 4.75rem;
  height: 3.1875rem;
}
section[data-name^="section-8"] .clarins_cvg-container {
  width: 73.125rem;
  max-width: 73.125rem;
}
section[data-name^="section-8"] [data-main-block^="we-have"] {
  position: relative;
  padding: 8% 10%;
  z-index: 1;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-8"] [data-main-block^="we-have"] {
    padding: 5% 5%;
  }
}
section[data-name^="section-8"]
  [data-main-block^="we-have"]
  .clarins_cvg-wrapper-shadow {
  background: #fff;
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.2);
  padding: 12% 11%;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-8"]
    [data-main-block^="we-have"]
    .clarins_cvg-wrapper-shadow {
    padding: 16% 14% 10% 14%;
  }
}
section[data-name^="section-8"]
  [data-main-block^="we-have"]
  .clarins_cvg-col-left {
  padding: 8% 4%;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-8"]
    [data-main-block^="we-have"]
    .clarins_cvg-col-left {
    padding: 7% 14% 7% 0;
  }
}
section[data-name^="section-8"]
  [data-main-block^="we-have"]
  .clarins_cvg-col-right {
  padding: 0% 0% 0 0;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-8"]
    [data-main-block^="we-have"]
    .clarins_cvg-col-right {
    padding: 0% 7% 0 0;
  }
}
section[data-name^="section-8"]
  [data-main-block^="we-have"]
  .clarins_cvg-img-heart {
  float: right;
}
section[data-name^="section-8"]
  [data-main-block^="we-have"]
  .clarins_cvg-clear-both {
  clear: both;
}
section[data-name^="section-8"] [data-main-block^="after"] {
  position: relative;
  padding: 0;
  margin-top: 0;
  z-index: 0;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-8"] [data-main-block^="after"] {
    padding: 2% 0;
    margin-top: -15%;
  }
}
section[data-name^="section-8"] [data-main-block^="after"] img {
  width: 100%;
  transform: translateY(0%);
  max-width: 34.375rem;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-8"] [data-main-block^="after"] img {
    transform: translateY(-8%);
    width: 80%;
  }
}
section[data-name^="section-8"] [data-main-block^="after"] p {
  margin-bottom: 1.875rem;
}
section[data-name^="section-8"] [data-main-block^="after"] .clarins_cvg-col-bg {
  position: absolute;
  background-color: #faf8f9;
  width: 100%;
  height: 100%;
  right: 0;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-8"]
    [data-main-block^="after"]
    .clarins_cvg-col-bg {
    width: 88%;
  }
}
section[data-name^="section-8"]
  [data-main-block^="after"]
  .clarins_cvg-col-left {
  position: relative;
  text-align: center;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-8"]
    [data-main-block^="after"]
    .clarins_cvg-col-left {
    text-align: left;
  }
}
section[data-name^="section-8"]
  [data-main-block^="after"]
  .clarins_cvg-col-text {
  position: relative;
  padding: 7% 14%;
  align-self: center;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-8"]
    [data-main-block^="after"]
    .clarins_cvg-col-text {
    padding: 10% 5% 0 0;
  }
}
@media only screen and (min-width: 64.0625rem) {
  section[data-name^="section-8"]
    [data-main-block^="after"]
    .clarins_cvg-col-text {
    padding: 8% 10% 0 0;
  }
}
section[data-name^="section-8"] [data-main-block^="mentha"] {
  position: relative;
  padding: 5% 7%;
  margin-top: 0;
}
section[data-name^="section-8"] [data-main-block^="mentha"] p {
  margin-bottom: 1.875rem;
}
section[data-name^="section-8"] [data-main-block^="mentha"] img {
  width: 100%;
}
section[data-name^="section-8"] [data-main-block^="mentha"] picture img {
  max-width: 25rem;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-8"] [data-main-block^="mentha"] picture img {
    max-width: 34.375rem;
  }
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-8"] [data-main-block^="mentha"] {
    margin-top: -10%;
  }
}
section[data-name^="section-8"]
  [data-main-block^="mentha"]
  .clarins_cvg-col-left {
  align-self: center;
  padding: 4%;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-8"]
    [data-main-block^="mentha"]
    .clarins_cvg-col-left {
    padding: 14% 14% 7% 0;
  }
}
section[data-name^="section-8"]
  [data-main-block^="mentha"]
  .clarins_cvg-img-leaf::after {
  content: "Mentha Arvensis";
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  font-size: 0.6875rem;
}
section[data-name^="section-8"]
  [data-main-block^="mentha"]
  .clarins_cvg-img-label {
  width: 4.375rem;
  float: right;
}
section[data-name^="section-8"]
  [data-main-block^="mentha"]
  .clarins_cvg-img-label {
  display: none;
}
@media only screen and (min-width: 62em) {
  section[data-name^="section-8"]
    [data-main-block^="mentha"]
    .clarins_cvg-img-label {
    display: block;
  }
}
.clarins_cvg-container-fluid section[data-name^="section-9"] h3 {
  font-size: 1.0625rem;
  line-height: 1.5625rem;
  margin-bottom: 1.875rem;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid section[data-name^="section-9"] h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
@media only screen and (min-width: 62rem) {
  .clarins_cvg-container-fluid section[data-name^="section-9"] {
    padding-left: 0;
    padding-right: 0;
  }
}
.clarins_cvg-container-fluid section[data-name^="section-9"] > div:last-child {
  margin-top: 5%;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid
    section[data-name^="section-9"]
    > div:last-child {
    margin-top: 5%;
  }
}
.clarins_cvg-container-fluid section[data-name^="section-9"] img {
  max-width: 100%;
}
.clarins_cvg-container-fluid section[data-name^="section-9"] p {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  margin-bottom: 1.5rem;
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid section[data-name^="section-9"] p {
    margin-bottom: 2rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.clarins_cvg-container-fluid section[data-name^="section-9"] p strong {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
}
.clarins_cvg-container-fluid section[data-name^="section-9"] p .cred {
  color: #b40924;
}
.clarins_cvg-container-fluid section[data-name^="section-9"] p a {
  color: #000;
}
.clarins_cvg-container-fluid section[data-name^="section-9"] p .underline {
  text-decoration: underline;
}
.clarins_cvg-container-fluid section[data-name^="section-9"] .text-left {
  text-align: left;
}
.clarins_cvg-container-fluid section[data-name^="section-9"] .pl-md-50 {
  padding-left: 0;
}
@media only screen and (min-width: 62rem) {
  .clarins_cvg-container-fluid section[data-name^="section-9"] .pl-md-50 {
    padding-left: 3.125rem;
  }
}
.clarins_cvg-container-fluid section[data-name^="section-9"] .pl-md-90 {
  padding-left: 0;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid section[data-name^="section-9"] .pl-md-90 {
    padding-left: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .clarins_cvg-container-fluid section[data-name^="section-9"] .pl-md-90 {
    padding-left: 3.75rem;
  }
}
@media only screen and (min-width: 75em) {
  .clarins_cvg-container-fluid section[data-name^="section-9"] .pl-md-90 {
    padding-left: 5.625rem;
  }
}
.clarins_cvg-container-fluid section[data-name^="section-9"] .mb-xs-40 {
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 62rem) {
  .clarins_cvg-container-fluid section[data-name^="section-9"] .mb-xs-40 {
    margin-bottom: 0;
  }
}
.clarins_cvg-container-fluid section[data-name^="section-9"] .mt-md-90 {
  margin-top: 0;
}
@media only screen and (min-width: 75rem) {
  .clarins_cvg-container-fluid section[data-name^="section-9"] .mt-md-90 {
    margin-top: -5.625rem;
  }
}
.clarins_cvg-container-fluid section[data-name^="section-9"] ul {
  margin-bottom: 2rem;
}
.clarins_cvg-container-fluid section[data-name^="section-9"] ul li {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  padding-left: 1.25rem;
  position: relative;
  margin-bottom: 1rem;
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid section[data-name^="section-9"] ul li {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.clarins_cvg-container-fluid section[data-name^="section-9"] ul li:before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background-color: #b40924;
}
.clarins_cvg-container-fluid
  section[data-name^="section-9"]
  .clarins_cvg-header {
  background-image: url("../images/section9/clarins-page-cvg-section9-header.png");
}
.clarins_cvg-container-fluid
  section[data-name^="section-9"]
  .clarins_cvg-header--number:after {
  background-image: url("../images/section9/clarins-page-cvg-section9-header-icon.svg");
}
@media only screen and (min-width: 62em) {
  .clarins_cvg-container-fluid
    section[data-name^="section-9"]
    .clarins_cvg-header--number:after {
    width: 3.75rem;
    height: 5rem;
    top: 3.4375rem;
  }
}
@media only screen and (min-width: 62em) {
  .clarins_cvg-container-fluid
    section[data-name^="section-9"]
    .clarins_cvg-header--text {
    white-space: nowrap;
  }
}
.clarins_cvg-container-fluid section[data-name^="section-9"] .clarins_cvg-bold {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  font-weight: 500;
}
.clarins_cvg-container-fluid
  section[data-name^="section-9"]
  .clarins_cvg-title {
  font-size: 1.0625rem;
  line-height: 1.25rem;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid
    section[data-name^="section-9"]
    .clarins_cvg-title {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.clarins_cvg-container-fluid
  section[data-name^="section-9"]
  .clarins_cvg-hiddenDestop {
  display: inline-block;
}
@media only screen and (min-width: 62em) {
  .clarins_cvg-container-fluid
    section[data-name^="section-9"]
    .clarins_cvg-hiddenDestop {
    display: none;
  }
}
.clarins_cvg-container-fluid
  section[data-name^="section-9"]
  .clarins_cvg-hiddenMobile {
  display: none;
}
@media only screen and (min-width: 62em) {
  .clarins_cvg-container-fluid
    section[data-name^="section-9"]
    .clarins_cvg-hiddenMobile {
    display: inline-block;
  }
}
.clarins_cvg-container-fluid
  section[data-name^="section-9"]
  .clarins_cvg-img-maxWidth {
  width: 100%;
  max-width: 21.875rem;
  height: auto;
  margin: 0 auto;
}
.clarins_cvg-container-fluid section[data-name^="section-10"] > div:last-child {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.5625rem;
  padding-bottom: 1.25rem;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid
    section[data-name^="section-10"]
    > div:last-child {
    padding-top: 9.375rem;
  }
}
.clarins_cvg-container-fluid section[data-name^="section-10"] .cred {
  color: #b40924;
}
.clarins_cvg-container-fluid section[data-name^="section-10"] img {
  max-width: 100%;
}
.clarins_cvg-container-fluid section[data-name^="section-10"] p {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  margin-bottom: 0.9375rem;
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid section[data-name^="section-10"] p {
    margin-bottom: 1.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.clarins_cvg-container-fluid section[data-name^="section-10"] p.text-font {
  font-size: 1.0625rem;
  line-height: 1.4375rem;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid section[data-name^="section-10"] p.text-font {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}
.clarins_cvg-container-fluid section[data-name^="section-10"] p strong {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
}
.clarins_cvg-container-fluid section[data-name^="section-10"] p a {
  color: #000;
}
.clarins_cvg-container-fluid section[data-name^="section-10"] p a.underline {
  text-decoration: underline;
}
.clarins_cvg-container-fluid section[data-name^="section-10"] ul li {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  padding-left: 1.25rem;
  position: relative;
  margin-bottom: 1rem;
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
@media only screen and (min-width: 30rem) {
  .clarins_cvg-container-fluid section[data-name^="section-10"] ul li {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.clarins_cvg-container-fluid section[data-name^="section-10"] ul li:before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background-color: #b40924;
}
.clarins_cvg-container-fluid section[data-name^="section-10"] ul li:last-child {
  margin-bottom: 0;
}
.clarins_cvg-container-fluid
  section[data-name^="section-10"]
  .clarins_cvg-header {
  background-image: url("../images/section10/clarins-page-cvg-section10-header.png");
}
.clarins_cvg-container-fluid
  section[data-name^="section-10"]
  .clarins_cvg-header--number:after {
  background-image: url("../images/section10/clarins-page-cvg-section10-header-icon.svg");
}
.clarins_cvg-container-fluid
  section[data-name^="section-10"]
  .clarins_cvg-isMobile {
  display: block;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid
    section[data-name^="section-10"]
    .clarins_cvg-isMobile {
    display: none;
  }
}
.clarins_cvg-container-fluid
  section[data-name^="section-10"]
  .clarins_cvg-img-maxWidth {
  width: 100%;
  max-width: 22.5rem;
  height: auto;
  margin: 0 auto;
}
.clarins_cvg-container-fluid
  section[data-name^="section-10"]
  .clarins_cvg-box_shadow {
  top: 0;
  background: #fff;
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.2);
  padding: 2.1875rem 2.1875rem 2.8125rem 1.5625rem;
  width: 100%;
  margin: 0 auto;
  margin-bottom: -20px;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid
    section[data-name^="section-10"]
    .clarins_cvg-box_shadow {
    position: relative;
    padding: 15% 5% 20% 5%;
    width: 60%;
    margin: 0;
  }
}
@media only screen and (min-width: 62em) {
  .clarins_cvg-container-fluid
    section[data-name^="section-10"]
    .clarins_cvg-box_shadow {
    width: 100%;
    padding: 12% 10% 20% 10%;
    margin: 0 auto;
    margin-bottom: 0;
  }
}
.clarins_cvg-container-fluid
  section[data-name^="section-10"]
  .clarins_cvg-box_shadow:before {
  content: "";
  position: absolute;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid
    section[data-name^="section-10"]
    .clarins_cvg-box_shadow:before {
    background-image: url("../images/section10/clarins-page-cvg-section10-01.png");
    top: -12%;
    left: 62%;
    width: 34.375rem;
    height: 42rem;
    z-index: 0;
  }
}
@media only screen and (min-width: 62em) {
  .clarins_cvg-container-fluid
    section[data-name^="section-10"]
    .clarins_cvg-box_shadow:before {
    top: -22%;
    left: 70%;
    width: 40.625rem;
    height: 68.5625rem;
  }
}
.clarins_cvg-container-fluid
  section[data-name^="section-10"]
  .clarins_cvg-box_shadow
  .clarins_cvg-stext {
  font-size: 1.0625rem;
  line-height: 1.4375rem;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid
    section[data-name^="section-10"]
    .clarins_cvg-box_shadow
    .clarins_cvg-stext {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}
.clarins_cvg-container-fluid
  section[data-name^="section-10"]
  .clarins_cvg-marginTop {
  margin-top: 0;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid
    section[data-name^="section-10"]
    .clarins_cvg-marginTop {
    margin-top: 4.6875rem;
    z-index: 5;
  }
}
@media only screen and (min-width: 62em) {
  .clarins_cvg-container-fluid
    section[data-name^="section-10"]
    .clarins_cvg-marginTop {
    margin-top: 0;
  }
}
.clarins_cvg-container-fluid section[data-name="section-11"] > div:last-child {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid
    section[data-name="section-11"]
    > div:last-child {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 4.375rem;
  }
}
.clarins_cvg-container-fluid section[data-name="section-11"] img {
  max-width: 100%;
}
.clarins_cvg-container-fluid section[data-name="section-11"] p {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  margin-bottom: 1.5rem;
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid section[data-name="section-11"] p {
    margin-bottom: 2rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.clarins_cvg-container-fluid section[data-name="section-11"] p strong {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
}
.clarins_cvg-container-fluid section[data-name="section-11"] p a {
  color: #000;
}
.clarins_cvg-container-fluid section[data-name="section-11"] p .text-font {
  font-size: 1.125rem;
}
.clarins_cvg-container-fluid section[data-name="section-11"] br {
  display: none;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid section[data-name="section-11"] br {
    display: block;
  }
}
.clarins_cvg-container-fluid section[data-name="section-11"] ul {
  text-align: left;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid section[data-name="section-11"] ul {
    text-align: center;
  }
}
.clarins_cvg-container-fluid section[data-name="section-11"] ul li {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  padding-left: 1.25rem;
  position: relative;
  margin-bottom: 1rem;
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid section[data-name="section-11"] ul li {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.clarins_cvg-container-fluid section[data-name="section-11"] ul li:last-child {
  margin-bottom: 0;
}
.clarins_cvg-container-fluid section[data-name="section-11"] ul li:before {
  content: "\2022";
  color: #b40924;
  display: inline-block;
  margin-left: -0.875rem;
  position: absolute;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid section[data-name="section-11"] ul li:before {
    margin-left: -0.75rem;
    font-size: 0.9375rem;
    line-height: 1.625rem;
  }
}
.clarins_cvg-container-fluid
  section[data-name="section-11"]
  .clarins_cvg-header {
  background-image: url("../images/section11/clarins-page-cvg-section11-header.png");
}
.clarins_cvg-container-fluid
  section[data-name="section-11"]
  .clarins_cvg-header--number:after {
  background-image: url("../images/section11/clarins-page-cvg-section11-header-icon.svg");
  margin-left: 3.125rem;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid
    section[data-name="section-11"]
    .clarins_cvg-header--number:after {
    margin-left: 0rem;
  }
}
.clarins_cvg-container-fluid
  section[data-name="section-11"]
  .clarins_cvg-isMobile {
  display: block;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid
    section[data-name="section-11"]
    .clarins_cvg-isMobile {
    display: none;
  }
}
.clarins_cvg-container-fluid
  section[data-name="section-11"]
  .clarins_cvg-isDesktop {
  display: none;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid
    section[data-name="section-11"]
    .clarins_cvg-isDesktop {
    display: block;
  }
}
.clarins_cvg-container-fluid
  section[data-name="section-11"]
  .clarins_cvg-img-maxWidth {
  width: 100%;
  max-width: 25rem;
  height: auto;
  margin: 0 auto;
}
.clarins_cvg-container-fluid
  section[data-name="section-11"]
  .clarins_cvg-box_shadow {
  top: 0;
  background: #fff;
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.2);
  padding: 1.875rem 2.1875rem 6.875rem 1.5625rem;
  width: 100%;
  margin: 0 auto;
  margin-top: -1.25rem;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid
    section[data-name="section-11"]
    .clarins_cvg-box_shadow {
    position: relative;
    padding: 10% 5% 7.5rem 5%;
    width: 60%;
    margin: 0;
    margin-top: 5%;
    margin-bottom: 5%;
  }
}
@media only screen and (min-width: 62em) {
  .clarins_cvg-container-fluid
    section[data-name="section-11"]
    .clarins_cvg-box_shadow {
    padding: 12% 10% 9.375rem 10%;
    top: -4.0625rem;
    margin: 0 auto;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.clarins_cvg-container-fluid
  section[data-name="section-11"]
  .clarins_cvg-box_shadow:before,
.clarins_cvg-container-fluid
  section[data-name="section-11"]
  .clarins_cvg-box_shadow:after {
  content: "";
  position: absolute;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media only screen and (min-width: 48em) {
  .clarins_cvg-container-fluid
    section[data-name="section-11"]
    .clarins_cvg-box_shadow:before {
    background-image: url("../images/section11/clarins-page-cvg-section11-02-m.png");
    top: -10%;
    left: 85%;
    width: 25.25rem;
    height: 36.5625rem;
  }
}
@media only screen and (min-width: 63.9375rem) {
  .clarins_cvg-container-fluid
    section[data-name="section-11"]
    .clarins_cvg-box_shadow:before {
    background-image: url("../images/section11/clarins-page-cvg-section11-02.png");
    left: 95%;
    height: 36.5625rem;
    top: -10%;
    width: 25rem;
  }
}
@media only screen and (min-width: 68em) {
  .clarins_cvg-container-fluid
    section[data-name="section-11"]
    .clarins_cvg-box_shadow:before {
    top: -37%;
    width: 36.25rem;
  }
}
.clarins_cvg-container-fluid
  section[data-name="section-11"]
  .clarins_cvg-box_shadow:after {
  background-image: url("../images/section11/clarins-page-cvg-section11-icon.svg");
  width: 4.375rem;
  height: 3.125rem;
  bottom: 1.5625rem;
  right: 4.375rem;
}
@media only screen and (min-width: 62em) {
  .clarins_cvg-container-fluid
    section[data-name="section-11"]
    .clarins_cvg-box_shadow:after {
    bottom: 6%;
    right: 10%;
    width: 6.25rem;
    height: 4.375rem;
  }
}
.clarins_cvg-pl20 {
  position: relative;
  padding-left: 1.25rem;
  padding-top: 1.25rem;
  top: 0;
}
@media only screen and (min-width: 62em) {
  .clarins_cvg-pl20 {
    top: -8.75rem;
  }
}
.clarins_cvg-header {
  background-color: #f4f4f7;
  background-size: cover;
}
.clarins_cvg-header--box {
  background-color: #fff;
  max-width: 90%;
  padding: 1.25rem;
  margin: 1.5625rem 1.25rem;
}
@media only screen and (min-width: 48rem) {
  .clarins_cvg-header--box {
    margin: 3.75rem 0;
    max-width: 44.375rem;
    padding: 0 3.75rem;
    height: 13.75rem;
  }
}
@media only screen and (min-width: 48.0625rem) {
  .clarins_cvg-header--box {
    margin: 3.75rem 0;
    max-width: 44.375rem;
    padding: 0 3.75rem;
    height: 15.8125rem;
  }
}
.clarins_cvg-header--box div:only-child {
  width: 80%;
}
@media only screen and (min-width: 48rem) {
  .clarins_cvg-header--box div:only-child {
    width: 100%;
    min-height: 7.875rem;
  }
}
.clarins_cvg-header--number {
  position: relative;
  color: #b40924;
  font-size: 3.3125rem;
  margin-bottom: 0.9375rem;
  border-right: none;
}
@media only screen and (min-width: 48rem) {
  .clarins_cvg-header--number {
    padding-bottom: 6rem;
    position: absolute;
    margin-bottom: 0rem;
  }
  .clarins_cvg-header--number::before {
    content: "";
    width: 0.0625rem;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 5.625rem;
    top: 50%;
    transform: translateY(-50%);
    background-color: #000;
  }
}
.clarins_cvg-header--number:after {
  content: "";
  width: 3.125rem;
  height: 3.125rem;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 0;
  margin-left: 5.3125rem;
  margin-top: -1.5625rem;
}
@media only screen and (min-width: 48rem) {
  .clarins_cvg-header--number:after {
    bottom: 0;
    left: 50%;
    margin-left: 0;
    margin-top: 0;
    width: 3.4375rem;
    height: 3.4375rem;
    transform: translateX(-50%);
  }
}
.clarins_cvg-header--text {
  font-size: 2rem;
  line-height: 2.375rem;
  font-family: "ClarinsRegular", "Clarins", "Times New Roman", Times, serif;
  padding-left: 0.125rem;
  margin-top: 0.625rem;
  position: relative;
}
@media only screen and (min-width: 48rem) {
  .clarins_cvg-header--text {
    margin-left: 5.625rem;
    padding-left: 1.875rem;
    margin-top: 0rem;
    font-size: 2.5rem;
    line-height: 3.375rem;
  }
}
@media only screen and (min-width: 48.0625rem) {
  .clarins_cvg-header--text {
    margin-left: 5.625rem;
    padding-left: 1.875rem;
    font-size: 3rem;
    line-height: 3.875rem;
    margin-top: 0rem;
  }
}
.clarins_cvg-header--text span {
  font-size: 1.0625rem;
  line-height: 1.5625rem;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  display: block;
}
@media only screen and (min-width: 48.0625rem) {
  .clarins_cvg-header--text span {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.clarins_cvg-header--text span.clarins_cvg-marginTop5 {
  margin-top: 5px;
}
html,
body {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  scroll-behavior: smooth;
}
html *,
body * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  background-color: #fff;
}

/*===========================================*/

[data-name^="main"] [data-main-block^="main-visual"] div:first-child {
  padding: 5% 5% 0 45px;
}

section[data-name^="section-3"] .clarins_cvg-block04 .clarins_cvg-b4-nop {
  min-width: 78em;
}

section[data-name^="section-6"] .clarins_cvg-container,
section[data-name^="section-7"] .clarins_cvg_section7-block2,
.clarins_cvg-container {
  min-width: unset;
}

[data-name^="main"] small:first-child {
  display: inline-block;
}

[data-name^="section-4"]
  [data-sec4-block^="section-4-where"]
  .clarins_cvg-where-column3
  p {
  right: 20%;
}

@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  [data-name^="main"] small:first-child {
    display: block;
  }
  section[data-name^="section-3"] .clarins_cvg-block04 .clarins_cvg-b4-nop {
    min-width: unset;
  }
}

/*DTW EDITS*/
[data-name^="section-4"] [data-sec4-block^="section-4-title"] p:after {
  transform: translateX(125%);
}

#section-5-last-part {
  width: 610px;
}

section[data-name^="section-6"]
  .clarins_cvg-box
  .clarins_cvg-content2--left:after {
  bottom: 1.625rem;
}

section[data-name^="section-6"] .clarins_cvg-box:after {
  bottom: 1.625rem;
}

section[data-name^="section-5"]
  .clarins_cvg-step2
  .clarins_cvg-container::before {
  transform: translate(6%, -50%);
}

section[data-name^="section-5"]
  .clarins_cvg-step3
  .clarins_cvg-container::after {
  right: -9%;
  max-width: 23.875rem;
}

p#section-6-5th-part {
  height: 180px;
}

[data-name="navigation"] .slick-list {
  height: 5.8rem;
}

[data-name="navigation"] .section-bar-group ul .slick-slide li p {
  bottom: -75%;
}

.clarins_cvg-col-md-5 {
  margin-top: 25px;
}

#hp-title {
  width: 152%;
  max-width: 152%;
  margin-left: -26%;
}

.breadcrumb {
  margin-bottom: 20px;
  margin-left: -320px;
}

#section-2-link {
  font-size: 1rem;
  line-height: 1.4375rem;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
}

section[data-name^="section-3"] .clarins_cvg-para--title a {
  font-size: 1.25rem;
}

/* ----------------------------------------- */
[data-name="navigation"] .section-bar-group ul .slick-slide li p {
  bottom: -80%;
  min-width: 14.5rem;
}
#wrapper.pt_category-wide {
  padding-bottom: 40px;
}
#section-7-padLR {
  padding-bottom: 10px;
}
.clarins_cvg-button {
  max-width: 10rem;
}

@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  #section-5-last-part {
    width: 415px;
  }

  section[data-name^="section-5"]
    .clarins_cvg-step2
    .clarins_cvg-container::before {
    transform: translate(47%, -50%);
    max-width: 30.75rem;
  }

  section[data-name^="section-5"]
    .clarins_cvg-step3
    .clarins_cvg-container::after {
    right: -11%;
    max-width: 15.875rem;
  }

  [data-name="navigation"] .slick-list {
    height: 5rem;
  }

  #hp-title {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
  }

  .breadcrumb {
    margin-left: 0px;
  }
}

@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  #section-5-last-part {
    width: 515px;
  }

  section[data-name^="section-5"]
    .clarins_cvg-step2
    .clarins_cvg-container::before {
    max-width: 38.75rem;
  }

  section[data-name^="section-5"]
    .clarins_cvg-step3
    .clarins_cvg-container::after {
    right: -15%;
    max-width: 24.875rem;
  }

  [data-name^="section-4"] [data-sec4-block^="section-4-title"] p:after {
    transform: translateX(110%);
  }

  section[data-name^="section-2"] .clarins_cvg-order-cta {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  section[data-name^="section-3"] .clarins_cvg-block04 .clarins_cvg-b4-nop {
    min-width: 70em;
  }

  #hp-title {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
  }

  .breadcrumb {
    margin-left: 0px;
  }
  section[data-name^="section-7"] .clarins_cvg_section7-block3-1-img {
    left: -14%;
  }
}

@media all and (device-width: 1280px) and (device-height: 720px) {
  .breadcrumb {
    margin-left: 0px;
  }
}

@media screen and (max-width: 761px) {
  #section-5-last-part {
    width: 100%;
  }

  section[data-name^="section-5"]
    .clarins_cvg-step2
    .clarins_cvg-container::before {
    transform: translate(0%, 0%);
  }

  p#section-6-5th-part {
    height: unset;
  }

  [data-name="navigation"] .slick-list {
    height: 3.125rem;
  }

  section[data-name^="section-3"] .clarins_cvg-box .clarins_cvg-content {
    width: 380px;
  }

  #hp-title {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
  }

  .breadcrumb {
    margin-left: 0px;
  }

  #section-2-link {
    margin-left: 15px;
  }

  section[data-name^="section-3"] .clarins_cvg-para--title a {
    font-size: 1.0625rem;
  }

  [data-name^="section-4"] [data-sec4-block^="section-4-title"] p:after {
    transform: translateX(0%);
  }

  /* ---------------------------------------------- */
  .clarins_cvg-button {
    max-width: 9rem;
  }
}
