/*Beauty Consult section*/
.dp-beauty-consult {
  margin: 60px auto;
  text-align: center;
  max-width: 1048px;
  position: relative;
  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book",
    Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4em;
}
.dp-beauty-consult * {
  box-sizing: border-box;
}
.dp-beauty-consult img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
@media (max-width: 1023px) and (min-width: 762px) {
  .dp-beauty-consult img {
    margin: 0 auto;
    max-width: 1048px;
    width: 1048px;
    margin-left: calc(50% - 524px);
  }
}
.dp-beauty-consult__title {
  font-family: "ClarinsRegular", "Clarins";
  line-height: 1em;
  font-weight: normal;
  margin: 0px auto;
  padding: 20px;
  font-size: 42px;
  padding-top: 0;
}
.dp-beauty-consult__text {
  margin: 15px auto !important;
}
.dp-beauty-consult__box {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
}
.dp-beauty-consult__link a {
  background-color: transparent;
  display: inline-block;
  color: #fff;
  padding: 15px 30px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 11px;
  line-height: 18px;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    Helvetica, Arial, sans-serif;
  cursor: pointer;
  border: 1px solid #fff;
  min-width: 155px;
  text-align: center;
  border-radius: 5px;
}




/*DTW Edits*/
.dp-beauty-consult__title{
  font-size: 27px;
}

/*DTW Responsive Edits*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 
  .dp-beauty-consult__title{
    padding: 0 0 20px;
  }
  .dp-beauty-consult__box{
    width: 530px;
  }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 
  .dp-beauty-consult__title{
    padding: 0 0 20px;
  }
}

/*Mobile*/
/*761*/
@media only screen and (max-width:761px) {
  .dp-beauty-consult__box{
    width: 100%;
    max-width: 250px;
  }
  .dp-beauty-consult__title{
    padding: 0 0 20px;
  }
  .dp-beauty-consult__box{
    max-width: 530px;
  }
}

/*Iphone 7,8,9 plus*/
@media (max-width: 480px) {
  .dp-beauty-consult__box{
    max-width: 310px;
  }
  .dp-beauty-consult{
    margin: 30px auto;
  }
}

/*END Beauty Consult section*/




/*DTW Edits*/
#lp_b-faq .b-faq-title{
  font-size: 16px !important;
  line-height: 1.2em !important;
}
#lp_b-faq .b-faq-title span{
  font-size: 28px !important;
  line-height: 1.2em !important;
}
#lp_b-faq .b-faq-bd{
  font-size: 22px;
  margin-top: 30px;
}
.beatyfaq_JP-header {
  text-align: center;
  margin: 40px 0;
}
.beatyfaq_JP-header h2 {
  font-size: 27px;
  line-height: 1.2em;
  font-weight: normal;
}
.beatyfaq_JP-header p {
  font-size: 14px;
  line-height: 1.5em;
  margin: 15px 0 !important;
}
#lp_b-faq .b-faq-txt{
  font-size: 14px;
}
.JP_mentions {
  opacity: 0.8;
  font-size: 10px !important;
}
#lp_b-faq .b-faq-cta{
  font-size: 22px !important;
  line-height: 1.2em !important;
  letter-spacing: 0!important;
}
#lp_b-faq .b-faq-answer .b-faq-txt{
  order: 0;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 15px;
}
#lp_b-faq .b-faq-answer-col h4 {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 5px;
}
#lp_b-faq .b-faq-txt a:hover{
  color: #be0f34;
}
#BLOCK-CATEGORY-LINKS h2 {
  font-size: 27px !important;
}
#BLOCK-QUESTIONS-CATEGORY h2{
  font-size: 27px !important;
}
.Question h3{
  font-size: 20px !important; 
  line-height: 1.2em !important;
}
#lp_b-faq .b-faq-head .b-faq-head-inn{
  min-width: 480px !important; 
}

/*DTW Responsive Edits*/
/*1250 width*/
@media screen and  (max-width:1250px) {}

/*1023 width*/
@media screen and (max-width: 1023px) {
  #lp_b-faq .clarin-container .clarin-wrapper .clarin-box--header{
    height: auto !important;
  }
  #lp_b-faq .b-faq-bd{
    margin: 30px auto;
  }
  #lp_b-faq .clarin-container .clarin-wrapper .b-faq-intro .b-faq-txt{
    padding: 0;
  }
  .QuestionsMosaic .content-asset, .Question{
    margin: 0px auto !important;
    max-width: 320px !important;
  }
}

/*960*/@media screen and  (max-width:960px) {}

/*Ipad*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 
  .breadcrumbContainer.col.col-12-desktop.col-12-tablet.col-6-mobile.col-gutter{
    margin: 0 auto;
  }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { }

/*761*/
@media screen and  (max-width:761px) {
  #lp_b-faq .b-faq-head .b-faq-head-inn {
    padding: 40px 0;
  }
  #lp_b-faq .clarin--art-men-visual{
    min-height: 199px !important;
  }
  .QuestionsMosaic .content-asset, .Question{
    margin: 20px auto !important;
  }
  .breadcrumb{
    display: block;
  }
  .breadcrumbContainer.col.col-12-desktop.col-12-tablet.col-6-mobile.col-gutter {
    margin: 0 auto 15px !important;
  }
  #lp_b-faq .b-faq-head .b-faq-head-inn {
    padding: 30px 0;
  }
  
}

/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
  #lp_b-faq .b-faq-head .b-faq-head-inn {
    padding: 40px 0 !important;
    min-width: 100% !important;
  }
  #lp_b-faq .b-faq-title{
    line-height: 1.5em;
  }
  #lp_b-faq .b-faq-title span{
    font-size: 27px !important;
  }
  #lp_b-faq .clarin-container .clarin-wrapper .clarin-box--header{
    height: auto !important;
    text-align: left !important;
  }
  #lp_b-faq .b-faq-intro .b-faq-wrap{
    text-align: left !important;
  }
  #lp_b-faq .clarin-container .clarin-wrapper .b-faq-intro .b-faq-txt.clarin-box{
    padding: 8% 5% !important;
    text-align: left !important;
  }
  #lp_b-faq .b-faq-bd{
    padding: 0 15px;
    margin: 15px 0;
    line-height: 1.2em;
  }
  #lp_b-faq .b-faq-intro .b-faq-wrap{
    width: 100%;
  }
  #lp_b-faq .clarin-container .clarin-wrapper .b-faq-intro .b-faq-txt{
    padding: 0 !important;
  }
  .beatyfaq_JP-header{
    padding: 0 20px !important;
  }
  /*.beatyfaq_JP-header h2{
    font-size: 22px;
  }*/
  /*.beatyfaq_JP-header p{
    font-size: 13px;
  }*/
  #lp_b-faq .b-faq-title span{
    padding: 0 40px;
  }
  #lp_b-faq .b-faq-cta{
    font-size: 20px !important;
    line-height: 1.3em !important;
  }
}