/*fichier UPDATE DP 15/01/2021*/
#wrapper {
  width: 100% !important;
  max-width: 1600px !important;
}

body.stop-scroll {
  height: 100%;
  overflow: hidden;
}

.b-faq-rm-s,
.b-faq-rm-m,
.b-faq-rm-xl {
  display: none;
}

#lp_b-faq {
  font-size: 10px;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  color: #000;
  overflow: hidden;
}

#lp_b-faq h1,
#lp_b-faq h2,
#lp_b-faq h3,
#lp_b-faq h4,
#lp_b-faq h5,
#lp_b-faq h6,
#lp_b-faq p,
#lp_b-faq ul,
#lp_b-faq li {
  margin: 0;
  padding: 0;
}

#lp_b-faq section {
  display: block;
}

#lp_b-faq .b-faq-bd {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, sans-serif;
}

#lp_b-faq .b-faq-red-col {
  color: #ba0c2f;
}

#lp_b-faq .b-faq-rm-w-space {
  white-space: nowrap;
}

#lp_b-faq .b-faq-head {
  background-size: 100%;
  padding-top: 61.3333%;
  padding-bottom: 2.8em;
  text-align: center;
  margin-bottom: 2.5em;
}

#lp_b-faq .b-faq-head .b-faq-wrap {
  width: 85%;
  max-width: 56em;
  margin: 0 auto;
}

#lp_b-faq .b-faq-title {
  font-family: "ClarinsRegular", "Clarins";
  font-size: 4em;
  line-height: 1.1em;
  margin-bottom: 0.55em;
  font-weight: normal;
}

#lp_b-faq .b-faq-txt {
  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book",
    Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  line-height: 1.4285em;
}

#lp_b-faq .b-faq-txt a {
  color: #000;
  text-decoration: underline;
}

#lp_b-faq .b-faq-intro {
  margin-bottom: 4em;
}

#lp_b-faq .b-faq-intro .b-faq-wrap {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

#lp_b-faq .b-faq-intro .b-faq-txt {
  margin-bottom: 1.1428em;
}

#lp_b-faq .b-faq-intro .b-faq-txt:last-of-type {
  margin-bottom: 0;
}

#lp_b-faq .b-faq-intro-title {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 2.2em;
  line-height: 1.3em;
  margin-bottom: 0.7272em;
}

#lp_b-faq .b-faq-box {
  padding-bottom: 20px;
}

#lp_b-faq .b-faq-cta {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, sans-serif;
  font-size: 1.8em;
  line-height: 1.4444em;
  letter-spacing: 0.02em;
  cursor: pointer;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  position: relative;
  padding: 0.6666em 2em 0.6666em 1.1111em;
  font-weight: normal;
}

#lp_b-faq .b-faq-cta.b-faq-cta-first {
  border-top: 0;
}

#lp_b-faq .b-faq-cta.b-faq-cta-last {
  border-bottom: 2px solid #ececec;
}

#lp_b-faq .b-faq-cta.b-faq-cta-last.active {
  border-bottom: 1px solid #ececec;
}

#lp_b-faq .b-faq-cta:after {
  content: "+";
  font-size: 1.3333em;
  color: #8b8b8b;
  position: absolute;
  top: 0.5416em;
  right: 0.4166em;
}

#lp_b-faq .b-faq-cta.active:after {
  content: "-";
}

#lp_b-faq .b-faq-quest-index,
#lp_b-faq .b-faq-blue-bb {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, sans-serif;
  color: #ba0c2f;
  display: inline-block;
}

#lp_b-faq .b-faq-quest-index {
  padding-right: 0.6em;
}

#lp_b-faq .b-faq-answer {
  padding: 2em;
  margin: 0 auto;
  border-top: 1px solid #ececec;
}

#lp_b-faq .b-faq-answer:not(.b-faq-cl-border) {
  border-bottom: 1px solid #ececec;
}

#lp_b-faq .b-faq-answer .b-faq-txt {
  order: 3;
}

#lp_b-faq .b-faq-answer .b-faq-txt.b-faq-txt-space {
  margin-bottom: 1.7142em;
  order: 1;
}

#lp_b-faq .b-faq-answer .b-faq-img {
  margin-bottom: 3em;
}

#lp_b-faq .b-faq-answer .b-faq-img img {
  width: 100%;
  height: auto;
  display: block;
}

#lp_b-faq .b-faq-answer-title {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, sans-serif;
  font-size: 1.8em;
  line-height: 1.3333em;
  margin-bottom: 1em;
  display: inline-block;
  width: 100%;
}

#lp_b-faq .b-faq-answer {
  display: none;
}

#lp_b-faq .b-faq-left {
  display: none;
}

#lp_b-faq .b-faq-answer-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#lp_b-faq .b-faq-img {
  order: 2;
}

#lp_b-faq .b-faq-red-bord {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, sans-serif;
  display: inline-block;
  width: 100%;
  border-top: 1px solid #ba0c2f;
  border-bottom: 1px solid #ba0c2f;
  padding: 0.4em 0;
}

@media only screen and (min-width: 375px) {
  #lp_b-faq .b-faq-rm-s {
    display: inline;
  }
}

@media only screen and (min-width: 762px) {
  #lp_b-faq .b-faq-rm-s {
    display: none;
  }

  #lp_b-faq .b-faq-head {
    position: relative;
    background-position: 50% center;
    padding-top: 0;
    text-align: left;
  }

  #lp_b-faq .b-faq-head:before {
    content: "";
    width: 56%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: -moz-linear-gradient(left, rgba(206, 203, 194, 0) 0%, #cecbc2 20%, #cecbc2 100%);
    background: -webkit-linear-gradient(left, rgba(206, 203, 194, 0) 0%, #cecbc2 20%, #cecbc2 100%);
    background: linear-gradient(to right, rgba(206, 203, 194, 0) 0%, #cecbc2 20%, #cecbc2 100%);
  }

  #lp_b-faq .b-faq-head .b-faq-wrap {
    position: relative;
    z-index: 3;
    width: 96%;
    max-width: 1050px;
    margin: 0 auto;
  }

  #lp_b-faq .b-faq-head .b-faq-wrap:after {
    content: "";
    width: 100%;
    display: table;
  }



  #lp_b-faq .b-faq-wrap {
    width: 96%;
    max-width: 1050px;
    margin: 0 auto;
  }

  #lp_b-faq .b-faq-intro .b-faq-wrap {
    max-width: 780px;
  }

  #lp_b-faq .b-faq-title {
    font-size: 3.5em;
  }

  #lp_b-faq .b-faq-cta {
    padding: 0.4444em 2em 0.4444em 1.1111em;
  }

  #lp_b-faq .b-faq-cta:after {
    top: 0.375em;
  }

  #lp_b-faq .b-faq-answer .b-faq-img {
    margin-bottom: 0;
  }

  #lp_b-faq .b-faq-answer-inn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  #lp_b-faq .b-faq-answer-col {
    flex: 0 1 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #lp_b-faq .b-faq-answer-box .b-faq-img {
    display: none;
  }
}

@media only screen and (min-width: 1040px) {
  #lp_b-faq .b-faq-rm-xl {
    display: inline;
  }
}

/*************************************************************************/
@media only screen and (min-width: 1040px) {
  #lp_b-faq .b-faq-rm-xl {
    display: inline;
  }
}

/*DTW Responsive Edits*/
@media screen and (max-width: 761px) {
  .product-tile {
    display: none !important;
  }
}

/**--------------------------------------------------------------------------**/
/**--------------------------------------------------------------------------**/
/**--------------------------------------------------------------------------**/
/**--------------------------------------------------------------------------**/
/**--------------------------------------------------------------------------**/
#lp_b-faq .b-faq-head {
  position: relative;
  background: url(../images/puffy-eyes/header-banner-mobile.jpg?$staticlink$) no-repeat rgb(229 225 218);
  background-size: 100% auto;
  background-position: 68% top;
  min-height: 480px;
  max-height: 480px;
  height: 100%;
  padding: 0;
}

@media only screen and (min-width: 375px) {
  #lp_b-faq .b-faq-head {
    min-height: 550px;
    max-height: 550px;
  }
}

@media only screen and (min-width: 768px) {
  #lp_b-faq .b-faq-head {
    background: url(../images/puffy-eyes/header-banner-desktop.jpg?$staticlink$) no-repeat rgb(229 225 218);
    background-size: auto 88%;
    background-position: 60% 0;
    min-height: 480px;
    max-height: 480px;
  }
}

@media only screen and (min-width: 1024px) {
  #lp_b-faq .b-faq-head {
    background-size: auto 100%;
    background-position: center;
    min-height: 520px;
    max-height: 520px;
  }
}

#lp_b-faq .b-faq-head:before {
  display: none;
}

@media only screen and (min-width: 320px) {
  #lp_b-faq .clarins--art-men-visual {
    /* background-position: 55% 0; */
    background: url(content/Beauty-FAQ-2024/images/puffy-eyes/footer-banner-m-UK.jpg?$staticlink$) no-repeat rgb(229 225 218);
    background-size: auto 100%;
    background-position: center;
    width: 100vw;
    max-width: 1600px;
    min-height: 175px;
    max-height: 175px;
  }
}

@media only screen and (min-width: 374px) {
  #lp_b-faq .clarins--art-men-visual {
    /* background-position: 5% 0; */
  }
}

@media only screen and (min-width: 429px) {
  #lp_b-faq .clarins--art-men-visual {
    background: url(content/Beauty-FAQ-2024/images/puffy-eyes/footer-banner.jpg?$staticlink$) no-repeat rgb(229 225 218);
    background-size: auto 100%;
    background-position: 12% 0;
    width: 100vw;
    max-width: 1600px;
    min-height: 232px;
    max-height: 232px;
  }
}

@media only screen and (min-width: 768px) {
  #lp_b-faq .clarins--art-men-visual {
    min-height: 232px;
    background-position: center;
  }
}

#lp_b-faq .b-faq-intro {
  margin-bottom: 1em;
  margin-top: -4em;
}

#lp_b-faq .b-faq-head .b-faq-wrap {
  position: relative;
  height: 100%;
  display: block;
  width: 100%;
  min-height: 480px;
  max-height: 480px;
  max-width: 100%;
  margin: 0 auto;
}

@media only screen and (min-width: 375px) {
  #lp_b-faq .b-faq-head .b-faq-wrap {
    min-height: 550px;
    max-height: 550px;
  }
}

@media only screen and (min-width: 1280px) {
  #lp_b-faq .b-faq-head .b-faq-wrap {
    min-height: 550px;
    max-height: 550px;
    max-width: 980px;
  }
}

@media only screen and (min-width: 1599px) {
  #lp_b-faq .b-faq-head .b-faq-wrap {
    min-height: 520px;
    max-height: 520px;
    max-width: 1050px;
  }
}

#lp_b-faq .b-faq-head .b-faq-head-inn {
  position: absolute;
  bottom: 0;
  top: inherit;
  background: rgb(172, 208, 227);
  background: -moz-linear-gradient(-145deg, rgba(172, 208, 227, 1) 0%, rgba(86, 166, 208, 1) 100%);
  background: -webkit-linear-gradient(-145deg, rgba(172, 208, 227, 1) 0%, rgba(86, 166, 208, 1) 100%);
  background: linear-gradient(-145deg, rgba(172, 208, 227, 1) 0%, rgba(86, 166, 208, 1) 100%);
  color: rgba(255, 255, 255, 1);
  width: 100%;
  float: left;
  text-align: center;
  padding: 4% 3% 10% 2.5%;
}

@media only screen and (min-width: 768px) {
  #lp_b-faq .b-faq-head .b-faq-head-inn {
    position: relative;
    min-width: 350px;
    max-width: 350px;
    top: 10.5em;
    box-sizing: border-box;
    padding: 4% 3% 5% 2.5%;
    width: 52%;
    float: right;
  }
}

@media only screen and (min-width: 1024px) {
  #lp_b-faq .b-faq-head .b-faq-head-inn {
    top: 8.75em;
    min-width: 400px;
    max-width: 400px;
    width: 52%;
    float: right;
  }
}

#lp_b-faq .b-faq-title {
  font-size: 4em;
  line-height: 0.9em;
  text-align: left;
  padding-left: 5.5%;
  padding-bottom: 5%;
}

@media only screen and (min-width: 375px) {
  #lp_b-faq .b-faq-title {
    font-size: 4.5em;
    line-height: 0.9em;
    padding-bottom: 2%;
  }
}

@media only screen and (min-width: 768px) {
  #lp_b-faq .b-faq-title {
    font-size: 4em;
    padding-left: 0;
    margin-bottom: 0;
    padding-bottom: 0%;
  }
}

#lp_b-faq .b-faq-title span {
  font-size: 1em;
  line-height: 1.15em;
  display: block;
  position: relative;
  left: 0;
  margin-top: 0.15em;
}

#lp_b-faq .b-faq-title span.b-faq-title3 span {
  font-size: 1.35em;
  line-height: 0.35em;
  display: inline-block;
  position: relative;
  left: 0;
}

#lp_b-faq .b-faq-title span.b-faq-title2,
#lp_b-faq .b-faq-title span.b-faq-title4 {
  margin-top: 0;
  font-size: 1.6em;
  line-height: 0.75em;
  padding-left: 10%;
}

@media only screen and (min-width: 320px) {
  #lp_b-faq .b-faq-title span {
    font-size: 0.85em;
    line-height: 1em;
  }

  #lp_b-faq .b-faq-title span.b-faq-title2,
  #lp_b-faq .b-faq-title span.b-faq-title4 {
    font-size: 1.35em;
    line-height: 0.85em;
  }
}

@media only screen and (min-width: 768px) {
  #lp_b-faq .b-faq-title span {
    font-size: 0.75em;
    line-height: 1em;
  }

  #lp_b-faq .b-faq-title span.b-faq-title2,
  #lp_b-faq .b-faq-title span.b-faq-title4 {
    font-size: 1.2em;
    line-height: 0.85em;
  }
}

@media only screen and (min-width: 414px) {
  #lp_b-faq .b-faq-title {
    margin-bottom: 0;
    font-size: 4.5em;
    line-height: 1em;
  }

  #lp_b-faq .b-faq-title span {
    margin-top: 0.15em;
  }

  #lp_b-faq .b-faq-title span br {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  #lp_b-faq .b-faq-title span {
    left: 0.55em;
    margin-top: 0.15em;
  }
}

#lp_b-faq .clarins-container {
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
  background-image: none;
  background-repeat: no-repeat;
  background-size: 20% auto, 13.9% auto;
  background-position: left 90%, right 15%;
}

@media only screen and (min-width: 1040px) {
  #lp_b-faq .clarins-container .clarins-wrapper .b-faq-box::after {
    content: " ";
    left: 50%;
    width: calc(50vw - 525px);
    margin-left: 525px;
    top: 0px;
    display: block;
    height: 600px;
    background-image: url(content/Beauty-FAQ-2024/images/puffy-eyes/clarins-cream.png?$staticlink$);
    background-size: 100% auto;
    background-position: center right;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
  }

  #lp_b-faq .clarins-container .clarins-wrapper .b-faq-box[data-fixed="1"]::after {
    position: fixed;
    top: 160px;
  }

  #lp_b-faq .clarins-container .clarins-wrapper .b-faq-box[data-fixed="2"]::after {
    background-position: center right;
    top: calc(100% - 610px);
  }

  #lp_b-faq .clarins-container .clarins-wrapper .b-faq-box::before {
    content: " ";
    right: 50%;
    width: calc(50vw - 525px);
    margin-right: 525px;
    top: 0px;
    display: block;
    background-image: url(content/Beauty-FAQ-2024/images/puffy-eyes/clarins-leaf.png?$staticlink$);
    background-size: 100% auto;
    background-position: center left;
    background-repeat: no-repeat;
    height: 850px;
    position: absolute;
    pointer-events: none;
  }

  #lp_b-faq .clarins-container .clarins-wrapper .b-faq-box[data-fixed="1"]::before {
    position: fixed;
    top: 110px;
  }

  #lp_b-faq .clarins-container .clarins-wrapper .b-faq-box[data-fixed="2"]::before {
    background-position: center left;
    top: calc(100% - 670px);
  }
}

@media only screen and (max-width: 1250px) and (min-width: 1040px) {
  #lp_b-faq .clarins-container .clarins-wrapper .b-faq-box {
    width: 70vw;
    margin: 0 auto;
  }

  #lp_b-faq .clarins-container .clarins-wrapper .b-faq-box::after {
    width: 15vw;
    margin-left: 35vw;
  }

  #lp_b-faq .clarins-container .clarins-wrapper .b-faq-box::before {
    width: 15vw;
    margin-right: 35vw;
  }
}

@media only screen and (min-width: 1600px) {
  #lp_b-faq .clarins-container .clarins-wrapper .b-faq-box::after {
    background-size: auto 600px;
  }

  #lp_b-faq .clarins-container .clarins-wrapper .b-faq-box::before {
    background-size: auto 600px;
  }
}

#lp_b-faq .clarins-container .clarins-wrapper .b-faq-box {
  position: relative;
}

#lp_b-faq {
  overflow: visible;
}

#lp_b-faq .clarins-container .clarins-wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  background-color: rgba(255, 255, 255, 1);
}

@media only screen and (min-width: 1280px) {
  #lp_b-faq .clarins-container .clarins-wrapper {
    max-width: 980px;
  }
}

@media only screen and (min-width: 1599px) {
  #lp_b-faq .clarins-container .clarins-wrapper {
    max-width: 1170px;
  }
}

#lp_b-faq .clarins-container .clarins-wrapper .b-faq-intro {
  position: relative;
  background-color: rgba(255, 255, 255, 1);
}

#lp_b-faq .b-faq-head {
  margin-bottom: 1em;
}

#lp_b-faq .clarins-container .clarins-wrapper .clarins-box--header {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background-color: rgba(255, 255, 255, 1);
  text-align: center;
  font-weight: bold;
  font-size: 1em;
  line-height: 1em;
}

@media only screen and (min-width: 768px) {
  #lp_b-faq .clarins-container .clarins-wrapper .clarins-box--header {
    position: absolute;
    top: -30px;
    height: 30px;
  }
}

@media only screen and (min-width: 1040px) {
  #lp_b-faq .clarins-container .clarins-wrapper .clarins-box--header {
    position: absolute;
    top: -50px;
    height: 50px;
  }
}

#lp_b-faq .clarins-container .clarins-wrapper .clarins-box--header p {
  margin-top: 5%;
  margin-bottom: 5%;
  line-height: 1.3em;
  padding: 0 5%;
}

@media only screen and (min-width: 650px) {
  #lp_b-faq .clarins-container .clarins-wrapper .clarins-box--header p {
    margin-top: 4%;
    margin-bottom: 2%;
    line-height: 1.3em;
    padding: 0 5%;
  }
}

#lp_b-faq .clarins-container .clarins-wrapper .b-faq-intro .b-faq-txt.clarins-box {
  background: rgb(252, 210, 178);
  background: -moz-linear-gradient(-90deg, rgba(252, 210, 178, 1) 0%, rgba(245, 158, 127, 1) 100%);
  background: -webkit-linear-gradient(-90deg, rgba(252, 210, 178, 1) 0%, rgba(245, 158, 127, 1) 100%);
  background: linear-gradient(-90deg, rgba(252, 210, 178, 1) 0%, rgba(245, 158, 127, 1) 100%);
  padding: 5% 5%;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

#lp_b-faq .lp-cernes-poches-txt {
  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif
}

#lp_b-faq .lp-cernes-poches-txt--bold {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", "GothamMedium", Helvetica, Arial, sans-serif;
}

@media only screen and (min-width: 768px) {
  #lp_b-faq .clarins-container .clarins-wrapper .b-faq-intro .b-faq-txt.clarins-box {
    padding: 3% 15%;
  }
}

#lp_b-faq .clarins-container .clarins-wrapper .b-faq-intro .b-faq-txt.clarins-box h5 {
  font-size: 1em;
  margin-bottom: 3px;
}

#lp_b-faq .clarins-container .clarins-wrapper .b-faq-intro .b-faq-txt.clarins-box span.clarins-highlight {
  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  color: rgba(255, 255, 255, 1);
  padding: 5px 0;
  display: inline-block;
  font-weight: normal;
  margin-top: 0.5em;
}

@media only screen and (min-width: 768px) {
  #lp_b-faq .clarins-container .clarins-wrapper .b-faq-intro .b-faq-txt.clarins-box span.clarins-highlight {
    margin-top: 0;
  }
}

#lp_b-faq .clarins-container .clarins-wrapper .b-faq-intro .b-faq-txt.clarins-box span.clarins-highlight.clarins-highlight--blue {
  color: #20558a
}

#lp_b-faq .clarins-container .clarins-wrapper .b-faq-intro .b-faq-txt.clarins-box span.clarins-highlight.clarins-highlight--red {
  color: #d43d11
}

#lp_b-faq .b-faq-intro .b-faq-wrap {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
}

#lp_b-faq .clarins-container .clarins-wrapper .b-faq-intro .b-faq-txt {
  padding: 0 5%;
}

@media only screen and (min-width: 374px) {
  #lp_b-faq .clarins-container .clarins-wrapper .b-faq-intro .b-faq-txt {
    padding: 0 5%;
  }
}

#lp_b-faq .clarins-container .clarins-wrapper .clarins-box-flex {
  display: block;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
}

#lp_b-faq .clarins-container .clarins-wrapper .clarins-box-item {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width: 768px) {
  #lp_b-faq .clarins-container .clarins-wrapper .clarins-box-item:first-child {
    width: 35%;
  }

  #lp_b-faq .clarins-container .clarins-wrapper .clarins-box-row .clarins-box-item:first-child {
    width: auto;
  }

  #lp_b-faq .clarins-container .clarins-wrapper .clarins-box-item:last-child {
    width: 65%;
  }

  #lp_b-faq .clarins-container .clarins-wrapper .clarins-box-row .clarins-box-item:last-child {
    width: auto;
  }
}

@media only screen and (min-width: 1024px) {
  #lp_b-faq .clarins-container .clarins-wrapper .clarins-box-item {
    width: auto;
  }
}

#lp_b-faq .clarins-container .clarins-wrapper .clarins-box-item:last-child {
  padding-top: 3%;
  padding-bottom: 3%;
  padding-left: 3%;
  padding-right: 0;
}

#lp_b-faq .clarins-container .clarins-wrapper .clarins-box-row .clarins-box-item {
  padding-right: 5%;
}

#lp_b-faq .clarins-container .clarins-wrapper .clarins-box-row .clarins-box-item:last-child {
  padding: 0;
}

#lp_b-faq .clarins-container .clarins-wrapper .clarins-box-item img {
  width: 96%;
  margin-bottom: 5%;
  margin-left: 0;
  margin-right: 0;
}

#lp_b-faq .clarins-container .clarins-wrapper .clarins-box-flex h5 {
  font-size: 1.35em;
  letter-spacing: 3px;
  line-height: 1.4em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  color: rgb(186 12 47);
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", "GothamMedium", Helvetica, Arial, sans-serif
}

#lp_b-faq .clarins-container .clarins-wrapper .clarins-box-flex h5 br {
  display: block;
}

#lp_b-faq .clarins-container .clarins-wrapper .clarins-box-flex h6 {
  font-size: 1em;
  line-height: 1.3em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  color: rgb(186 12 47);
}

#lp_b-faq .clarins-container .clarins-wrapper .clarins-box-flex .clarins-image-desktop {
  display: none;
}

#lp_b-faq .clarins-container .clarins-wrapper .clarins-box-flex .clarins-image-mobile {
  display: block;
}

@media only screen and (min-width: 768px) {
  #lp_b-faq .clarins-container .clarins-wrapper .clarins-box-flex {
    display: flex;
    text-align: left;
  }

  #lp_b-faq .clarins-container .clarins-wrapper .clarins-box-item img {
    width: 100%;
  }

  #lp_b-faq .clarins-container .clarins-wrapper .clarins-box-flex .clarins-image-desktop {
    display: block
  }

  #lp_b-faq .clarins-container .clarins-wrapper .clarins-box-flex .clarins-image-mobile {
    display: none;
  }

  #lp_b-faq .clarins-container .clarins-wrapper .clarins-box-flex h5 br {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  #lp_b-faq .clarins-container .clarins-wrapper .clarins-box-item img {
    width: 100%;
  }
}

@media only screen and (max-width: 676px) {
  #lp_b-faq .clarins-container .clarins-wrapper .clarins-box-item:last-child {
    padding-left: 0
  }

  #lp_b-faq .clarins-container .clarins-wrapper .clarins-box-item img {
    width: 100%
  }
}


#lp_b-faq .b-faq-wrap a {
  text-decoration: underline;
}

/*DTW EDITS*/
#lp_b-faq .b-faq-title span.b-faq-title2,
#lp_b-faq .b-faq-title span.b-faq-title4 {
  line-height: 1em;
}

#lp_b-faq .clarins-container .clarins-wrapper .clarins-box-flex {
  text-align: center;
}

#lp_b-faq .clarins-container .clarins-wrapper .clarins-box-item:last-child {
  padding-left: 0%;
  padding-right: 0%;
}

#lp_b-faq .clarins-container .clarins-wrapper .clarins-box-item:last-child {
  width: 100%;
  /* margin-left: 15%;
margin-right: 15%;*/
}

#lp_b-faq .clarins-container .clarins-wrapper .clarins-box-item img {
  margin-bottom: -5%;
}

/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11*/
@media (max-width: 480px) {
  #lp_b-faq .clarins-container .clarins-wrapper .clarins-box-item:last-child {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }
}

/*DTW Edits*/
.product-tile {
  margin: 0 auto !important;
}

/*DTW Edits Responsive*/
@media only screen and (min-device-width : 834px) and (max-device-width : 1112px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
  #lp_b-faq .b-faq-intro .b-faq-wrap {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
  }

  #lp_b-faq .clarins-container .clarins-wrapper .clarins-box-flex {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
  }

  .lp-cernes-poches-txt {
    padding: 0 20px !important;
  }
}

/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
  #lp_b-faq .b-faq-intro .b-faq-wrap {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
  }

  #lp_b-faq .clarins-container .clarins-wrapper .clarins-box-flex {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
  }

  .lp-cernes-poches-txt {
    padding: 0 20px !important;
  }
}


/********************************************/
#BLOCK-QUESTIONS-ROUTINE .Visual {
  padding-left: 10px !important;
  padding-right: 10px !important;
}


.Question[data-category="face"] {
  background-color: #b8daec;
}

#BLOCK-QUESTIONS-CATEGORY .Question:nth-child(2n) {
  background-color: #fff;
}

#BLOCK-QUESTIONS-ROUTINE .ProductName {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", "GothamMedium", Helvetica, Arial, sans-serif;
  min-height: unset;
  font-size: 16px;
}

.ProductReviews {
  color: #ba0c2f;
  font-size: 10px;
}

.ProductReviewsliter {
  font-size: 10px;
  padding-bottom: 12px;
  display: block;
}

.lp_b-faq-cta {
  position: relative;
  background-color: #fff !important;
  display: inline-block;
  color: #333;
  padding: 14px;
  text-decoration: none;
  font-size: 14px;
  line-height: 15px;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", "GothamMedium", Helvetica, Arial, sans-serif;
  cursor: pointer;
  border: 1px solid #b0a9a5;
  min-width: 122px;
  text-align: center;
  border-radius: 5px;
  height: 44px;
  box-sizing: border-box;
  text-transform: unset !important;
  letter-spacing: unset !important;
  outline: 0 !important;
  white-space: nowrap;
  margin-bottom: 20px;
}


.lp_b-faq-cta:hover {
  border: 1px solid #797674;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, .15);
}


.lp_b-faq-cta:active {
  border: 1px solid #333 !important;
}


.lp_b-faq-cta:focus {
  border: 1px solid #b0a9a5;
  box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #6893D2;
}

.lp_b-faq-cta+div {
  display: none;
}